リセット.css (詳細な説明)

@charset "utf-8";
/************************************************* ******************************/

/*内側と外側のマージンをクリア*/
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,span,a,em,/*構造要素 構造要素*/
dl ,dt,dd,ul,ol,li, /*リスト要素 リスト要素*/
pre,/*テキスト書式設定要素 テキスト書式設定要素*/
fieldset,lengend,button,input,textarea,form,/*form要素form 要素*/
table,tbody,tfoot,tr,th,td,/*table 要素 Table 要素*/
img,strong,area,del,select{
margin: 0;
padding: 0;
}

/*デフォルトのフォントを設定します*/
body,button,input,select,textarea{ font-family: "Microsoft Yahei",Arial,Verdana,"microsoft yahei";*line-height: 1.5;-ms-overflow-スタイル:スクロールバー;フォントサイズ:12px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,em,strong{font-size:1em;font-style:normal; font-weight:normal;}
article,aside,dialog,footer,header,section,nav,figure,menu{display: block;}
input:focus,textarea:focus{outline: none;} /*境界線*/
h1,h2,h3,h4,h5,h6{font-size:100%;}

address,cite,dfn,em,var{font-style:normal;} /*右斜体*/
/*code,kbd,pre,samp,tt{ font-family: "Courier New",Courier,monospace ; }/ /*均一の等幅フォント*/
small{font-size: 12px;} /*12pxより小さい漢字は読みにくいため、小さく正規化*/

/*リスト要素をリセット*/

ul,ol{リストスタイル: 外側なし;}
li{リストスタイル:なし;}

a{テキスト装飾: なし;アウトライン: 中 なし;}
a:active{テキスト装飾: なし;リストスタイル: なし;}

sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
button,input,select,textarea{font-size:100%;} /*フォーム要素が IE で動作できるようにするフォント サイズを継承*/
fieldset,img{border: Medium none;}

input,select,button{vertical-align: middle;border: none;}
img{border:0;display: block;}
em,address,i,cite{font-style:normal;}

---

.hidden{オーバーフロー: 非表示;}

.f_l{float: left;display: inline;} /*float left*/ /*display:inline--->ie6 の左右間隔のバグを修正できます*/
.f_r{float: right; ;} /*右浮動小数点*/

.clear{clear: Both;} /*float 1 をクリア*/

/*フロートをクリア 2*/
.clearfloat{
ズーム:1;
}
.clearfloat:after{
表示: ブロック;
クリア: 両方;
内容: "";
可視性: 非表示;
高さ: 0 ;
}

.p_rel{position: 相対;} /*相対位置*/
.p_abs{position: 絶対;} /*絶対位置*/

.none{表示: なし}

/*文字サイズ設定*/
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px ;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}
.fs21{ font-size: 21px;}
.fs22{font-size: 22px;}
.fs23{font-size: 23px;}
.fs24{font-size: 24px;}

.fbold{font-weight: HDR;} /*bold*/
.width100{width: 100%}
.m_center{margin: 0 auto;} /*水平方向に中央揃え*/

/*上のマージン*/
.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4{margin-top: 4px ; }
.mt5{マージントップ: 5px;}
.mt6{マージントップ: 6px;}
.mt7{マージントップ: 7px;}
.mt8{マージントップ: 8px;}
.mt9{ マージン-top: 9px;}
.mt10{margin-top: 10px;}
.mt11{margin-top: 11px;}
.mt12{margin-top: 12px;}
.mt13{margin-top: 13px;}
.mt14{マージントップ: 14px;}
.mt15{マージントップ: 15px;}
.mt16{マージントップ: 16px;}
.mt17{マージントップ: 17px;}
.mt18{マージン -トップ: 18ピクセル;}
.mt19{マージントップ: 19ピクセル;}
.mt20{マージントップ: 20ピクセル;}
.mt21{マージントップ: 21ピクセル;}
.mt22{マージントップ: 22ピクセル;}
.mt23{マージントップ: 23ピクセル;}
.mt24{マージントップ: 24ピクセル;}
.mt25{マージントップ: 25ピクセル;}

/*右マージン*/
.mr1{ margin-right:1px;}
.mr2{ margin-right:2px;}
.mr3{ margin-right:3px;}
.mr4{ margin-right:4px ; }
.mr5{ margin-right:5px;}
.mr6{ margin-right:6px;}
.mr7{ margin-right:7px;}
.mr8{ margin-right:8px;}
.mr9{ margin -right:9px;}
.mr10{ margin-right:10px;}
.mr11{ margin-right:11px;}
.mr12{ margin-right:12px;}
.mr13{ margin-right:13px }
.mr14{ margin-right:14px;}
.mr15{ margin-right:15px;}
.mr16{ margin-right:16px;}
.mr17{ margin-right:17px;}
.mr18{ margin - right:18px;}
.mr19{ margin-right:19px;}
.mr20{ margin-right:20px;}

/*下外边距離*/
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb4{ margin-bottom:4px ;}
.mb5{ margin-bottom:5px;}
.mb6{ margin-bottom:6px;}
.mb7{ margin-bottom:7px;}
.mb8{ margin-bottom:8px;}
.mb9{ margin-bottom:9px;}
.mb10{ margin-bottom:10px;}
.mb11{ margin-bottom:11px;}
.mb12{ margin-bottom:12px;}
.mb13{ margin-bottom:13px; }
.mb14{ margin-bottom:14px;}
.mb15{ margin-bottom:15px;}
.mb16{ margin-bottom:16px;}
.mb17{ margin-bottom:17px;}
.mb18{ margin -bottom:18px;}
.mb19{ margin-bottom:19px;}
.mb20{ margin-bottom:20px;}

/*左外边距離*/
.ml1{ margin-left:1px;}
.ml2{ margin-left:2px;}
.ml3{ margin-left:3px;}
.ml4{ margin-left:4px ;}
.ml5{ margin-left:5px;}
.ml6{ margin-left:6px;}
.ml7{ margin-left:7px;}
.ml8{ margin-left:8px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml11{ margin-left:11px;}
.ml12{ margin-left:12px;}
.ml13{ margin-left:13px; }
.ml14{ margin-left:14px;}
.ml15{ margin-left:15px;}
.ml16{ margin-left:16px;}
.ml17{ margin-left:17px;}
.ml18{ margin -left:18px;}
.ml19{ margin-left:19px;}
.ml20{ margin-left:20px;}

/*左外边距離*/

.ml1{ margin-left:1px;}
.ml2{ margin-left:2px;}
.ml3{ margin-left:3px;}
.ml4{ margin-left:4px;}
.ml5{ margin- left:5px;}
.ml6{ margin-left:6px;}
.ml7{ margin-left:7px;}
.ml8{ margin-left:8px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml11{ margin-left:11px;}
.ml12{ margin-left:12px;}
.ml13{ margin-left:13px;}
.ml14{ margin-left :14px;}
.ml15{ margin-left:15px;}
.ml16{ margin-left:16px;}
.ml17{ margin-left:17px;}
.ml18{ margin-left:18px;}
。 ml19{ margin-left:19px;}
.ml20{ margin-left:20px;}

/*上下外边距離*/
.mtb1{ margin-top:1px; margin-bottom:1px;}
.mtb2{ margin-top:2px; margin-bottom:2px;}
.mtb3{ margin-top:3px; margin-bottom:3px;}
.mtb4{ margin-top:4px; margin-bottom:4px;}
.mtb5{ margin-top:5px; margin-bottom:5px;}
.mtb6{ margin-top:6px; margin-bottom:6px;}
.mtb7{ margin-top:7px; margin-bottom:7px;}
.mtb8{ margin-top:8px; margin-bottom:8px;}
.mtb9{ margin-top:9px; margin-bottom:9px;}
.mtb10{ margin-top:10px; margin-bottom:10px;}
.mtb11{ margin-top:11px; margin-bottom:11px;}
.mtb12{ margin-top:12px; margin-bottom:12px;}
.mtb13{ margin-top:13px; margin-bottom:13px;}
.mtb14{ margin-top:14px; margin-bottom:14px;}
.mtb15{ margin-top:15px; margin-bottom:15px;}
.mtb16{ margin-top:16px; margin-bottom:16px;}
.mtb17{ margin-top:17px; margin-bottom:17px;}
.mtb18{ margin-top:18px; margin-bottom:18px;}
.mtb19{ margin-top:19px; margin-bottom:19px;}
.mtb20{ margin-top:20px; margin-bottom:20px;}

/*左右外边距離*/
.mr0{ margin-right:0px;}
.mrl1{ margin-right:1px; margin-left:1px;}
.mrl2{ margin-right:2px; margin-left:2px;}
.mrl3{ margin-right:3px; margin-left:3px;}
.mrl4{ margin-right:4px; margin-left:4px;}
.mrl5{ margin-right:5px; margin-left:5px;}
.mrl6{ margin-right:6px; margin-left:6px;}
.mrl7{ margin-right:7px; margin-left:7px;}
.mrl8{ margin-right:8px; margin-left:8px;}
.mrl9{ margin-right:9px; margin-left:9px;}
.mrl10{ margin-right:10px; margin-left:10px;}
.mrl11{ margin-right:11px; margin-left:11px;}
.mrl12{ margin-right:12px; margin-left:12px;}
.mrl13{ margin-right:13px; margin-left:13px;}
.mrl14{ margin-right:14px; margin-left:14px;}
.mrl15{ margin-right:15px; margin-left:15px;}
.mrl16{ margin-right:16px; margin-left:16px;}
.mrl17{ margin-right:17px; margin-left:17px;}
.mrl18{ margin-right:18px; margin-left:18px;}
.mrl19{ margin-right:19px; margin-left:19px;}
.mrl20{ margin-right:20px; margin-left:20px;}

/*上下左右外边距離*/
.margin1{ margin:1px;}
.margin2{ margin:2px;}
.margin3{ margin:3px;}
.margin4{ margin:4px;}
.margin5{ margin :5px;}
.margin6{ margin:6px;}
.margin7{ margin:7px;}
.margin8{ margin:8px;}
.margin9{ margin:9px;}
.margin10{ margin:10px;}
.margin11{ margin:11px;}
.margin12{ margin:12px;}
.margin13{ margin:13px;}
.margin14{ margin:14px;}
.margin15{ margin:15px;}
.margin16{ margin: 16px;}
.margin17{ margin:17px;}
.margin18{ margin:18px;}
.margin19{ margin:19px;}
.margin20{ margin:20px;}

/*上内边距離*/
.ptop1{padding-top:1px;}
.ptop2{padding-top:2px;}
.ptop3{padding-top:3px;}
.ptop4{padding-top: 4px;}
.ptop5{padding-top:5px;}
.ptop6{padding-top:6px;}
.ptop7{padding-top:7px;}
.ptop8{padding-top:8px;}
.ptop9 {padding-top:9px;}
.ptop10{padding-top:10px;}
.ptop11{padding-top:11px;}
.ptop12{padding-top:12px;}
.ptop13{padding-top:13px ;}
.ptop14{padding-top:14px;}
.ptop15{padding-top:15px;}
.ptop16{padding-top:16px;}
.ptop17{padding-top:17px;}
.ptop18{ padding-top:18px;}
.ptop19{padding-top:19px;}
.ptop20{padding-top:20px;}

/*右内边距離*/
.pright1{padding-right:1px;}
.pright2{padding-right:2px;}
.pright3{padding-right:3px;}
.pright4{padding-right: 4px;}
.pright5{padding-right:5px;}
.pright6{padding-right:6px;}
.pright7{padding-right:7px;}
.pright8{padding-right:8px;}
.pright9 {padding-right:9px;}
.pright10{padding-right:10px;}
.pright11{padding-right:11px;}
.pright12{padding-right:12px;}
.pright13{padding-right:13px ;}
.pright14{padding-right:14px;}
.pright15{padding-right:15px;}
.pright16{padding-right:16px;}
.pright17{padding-right:17px;}
.pright18{ padding-right:18px;}
.pright19{padding-right:19px;}
.pright20{padding-right:20px;}

/*下内边距離*/
.pb1{padding-bottom:1px;}
.pb2{padding-bottom:2px;}
.pb3{padding-bottom:3px;}
.pb4{padding-bottom: 4px;}
.pb5{padding-bottom:5px;}
.pb6{padding-bottom:6px;}
.pb7{padding-bottom:7px;}
.pb8{padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10{padding-bottom:10px;}
.pb11{padding-bottom:11px;}
.pb12{padding-bottom:12px;}
.pb13{padding-bottom:13px ;}
.pb14{padding-bottom:14px;}
.pb15{padding-bottom:15px;}
.pb16{padding-bottom:16px;}
.pb17{padding-bottom:17px;}
.pb18{ padding-bottom:18px;}
.pb19{padding-bottom:19px;}
.pb20{padding-bottom:20px;}

/*左内边距離*/
.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl4{padding-left: 4px;}
.pl5{padding-left:5px;}
.pl6{padding-left:6px;}
.pl7{padding-left:7px;}
.pl8{padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10{padding-left:10px;}
.pl11{padding-left:11px;}
.pl12{padding-left:12px;}
.pl13{padding-left:13px ;}
.pl14{padding-left:14px;}
.pl15{padding-left:15px;}
.pl16{padding-left:16px;}
.pl17{padding-left:17px;}
.pl18{ padding-left:18px;}
.pl19{padding-left:19px;}
.pl20{padding-left:20px;}

/*上下内边距離*/
.ptb1{padding-top:1px;パディングボトム:1px}
.ptb2{パディングトップ:2px;パディングボトム:2px}
.ptb3{パディングトップ:2px;パディングボトム:3px}
.ptb4{パディングトップ:2px;パディングボトム:4px}
.ptb5{パディングトップ:5px;パディングボトム:5px}
.ptb6{パディングトップ:6px;パディングボトム:6px}
.ptb7{パディングトップ:7px;パディングボトム:7px}
.ptb8{パディングトップ:8px;パディングボトム:8px}
.ptb9{パディングトップ:9px;パディングボトム:9px}
.ptb10{パディングトップ:10px;パディングボトム:10px}
.ptb11{パディングトップ:11px;パディングボトム:11px}
.ptb12{パディングトップ:12px;パディングボトム:12px}
.ptb13{パディングトップ:13px;パディングボトム:13px}
.ptb14{パディングトップ:14px;パディングボトム:14px}
.ptb15{パディングトップ:15px;パディングボトム:15px}
.ptb16{パディングトップ:16px;パディングボトム:16px}
.ptb17{パディングトップ:17px;パディングボトム:17px}
.ptb18{パディングトップ:18px;パディングボトム:18px}
.ptb19{パディングトップ:19px;パディングボトム:19px}
.ptb20{パディングトップ:20px;パディングボトム:20px;}

/*左右内边距離*/
.prl1{padding-left:1px;パディング右:1px;}
.prl2{ パディング左:2px;パディング右:2px;}
.prl3{ パディング左:3px;パディング右:3px;}
.prl4{ パディング左:4px;パディング右:4px;}
.prl5{ パディング左:5px;パディング右:5px;}
.prl6{ パディング左:6px;パディング右:6px;}
.prl7{ パディング左:7px;パディング右:7px;}
.prl8{ パディング左:8px;パディング右:8px;}
.prl9{ パディング左:9px;パディング右:9px;}
.prl10{ パディング左:10px;パディング右:10px;}
.prl11{ パディング左:11px;パディング右:11px;}
.prl12{ パディング左:12px;パディング右:12px;}
.prl13{ パディング左:13px;パディング右:13px;}
.prl14{ パディング左:14px;パディング右:14px;}
.prl15{ パディング左:15px;パディング右:15px;}
.prl16{ パディング左:16px;パディング右:16px;}
.prl17{ パディング左:17px;パディング右:17px;}
.prl18{ パディング左:18px;パディング右:18px;}
.prl19{ パディング左:19px;パディング右:19px;}
.prl20{ パディング左:20px;パディング右:20px;}

/*上下左右内边距離*/
.padding1{padding:1px;}
.padding2{padding:2px;}
.padding3{padding:3px;}
.padding4{padding:4px;}
.padding5{パディング:5px;}
.padding6{ パディング:6px;}
.padding7{ パディング:7px;}
.padding8{ パディング:8px;}
.padding9{ パディング:9px;}
.padding10{ パディング:10px;}
.padding11{padding:11px;}
.padding12{padding:12px;}
.padding13{padding:13px;}
.padding14{padding:14px;}
.padding15{padding:15px;}
.padding16{パディング:16px;}
.padding17{padding:17px;}
.padding18{padding:18px;}
.padding19{padding:19px;}
.padding20{padding:20px;}

/*垂直居中*/

.v12{ 高さ: 12px;行の高さ: 12px; }
.v13{ 高さ: 13px;行の高さ: 13px; }
.v14{ 高さ: 14px;行の高さ: 14px; }
.v15{ 高さ: 15px;行の高さ: 15px; }
.v16{ 高さ: 16px;行の高さ: 16px; }
.v17{ 高さ: 17px;行の高さ: 17px; }
.v18{ 高さ: 18px;行の高さ: 18px; }
.v19{ 高さ: 19px;行の高さ: 19px; }
.v20{ 高さ: 20px;行の高さ: 20px; }
.v21{ 高さ: 21px;行の高さ: 21px; }
.v22{ 高さ: 22px;行の高さ: 22px; }
.v23{ 高さ: 23px;行の高さ: 23px; }
.v24{ 高さ: 24px;行の高さ: 24px; }
.v25{ 高さ: 25px;行の高さ: 25px; }
.v26{ 高さ: 26px;行の高さ: 26px; }
.v27{ 高さ: 27px;行の高さ: 27px; }
.v28{ 高さ: 28px;行の高さ: 28px; }
.v29{ 高さ: 29px;行の高さ: 29px; }
.v30{ 高さ: 30px;行の高さ: 30px; }
.v31{ 高さ: 31px;行の高さ: 31px; }
.v32{ 高さ: 32px;行の高さ: 32px; }
.v33{ 高さ: 33px;行の高さ: 33px; }
.v34{ 高さ: 34px;行の高さ: 34px; }
.v35{ 高さ: 35px;行の高さ: 35px; }
.v36{ 高さ: 36px;行の高さ: 36px; }
.v37{ 高さ: 37px;行の高さ: 37px; }
.v38{ 高さ: 38px;行の高さ: 38px; }
.v39{ 高さ: 39px;行の高さ: 39px; }
.v40{ 高さ: 40px;行の高さ: 40px; }
.v41{ 高さ: 41px;行の高さ: 41px; }
.v42{ 高さ: 42px;行の高さ: 42px; }
.v43{ 高さ: 43px;行の高さ: 43px; }
.v44{ 高さ: 44px;行の高さ: 44px; }
.v45{ 高さ: 45px;行の高さ: 45px; }
.v46{ 高さ: 46px;行の高さ: 46px; }
.v47{ 高さ: 47px;行の高さ: 47px; }
.v48{ 高さ: 48px;行の高さ: 48px; }
.v49{ 高さ: 49px;行の高さ: 49px; }

/*圆角*/
.borr1{ border-radius: 1px }
.borr2{ border-radius: 2px }
.borr3{ border-radius: 3px }
.borr4{ border-radius: 4px }
.borr5 { 境界半径: 5px }
.borr6{ 境界半径: 6px }
.borr7{ 境界半径: 7px }
.borr8{ 境界半径: 8px }
.borr9{ 境界半径: 9px }
.borr10 { border-radius: 10px }