@charset "utf-8";
/* float & clear */
.clr { clear:both; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0 }
.clearfix { display:inline-block; }
* html .clearfix { height:1% }
.clearfix { display:block }
.left { float:left; }
.right { float:right; }
/* width */
.w { width:100%; }
.w50 { width:50px; }
.w60 { width:60px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w140 { width:140px; }
.w160 { width:160px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w220 { width:220px; }
.w260 { width:260px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w470 { width:470px; }
/* table */
.table { border:1px solid #CCC; }
.table td, .table th { padding:5px 0; border:1px solid #CCC; }
/* blank */
.blank5, .blank8, .blank10 { display:block; clear:both; overflow:hidden; height:5px; }
.blank8 { height:8px; }
.blank10 { height:10px; }
/* text */
.txtl { text-align:left; }
.txtc { text-align:center; }
.txtr { text-align:right; }
.tred { color:red; }
.tgreen { color:green; }
.lineH20{ line-height:20px; }
.lineH25{ line-height:25px; }
/* bar */
.bar20, .bar25, .bar30 { clear:both; padding:5px 10px; height:20px; line-height:20px; }
.bar25 { height:25px; line-height:25px; }
.bar30 { height:30px; line-height:30px; }
/* margin & padding */
.clrpl { padding-left:0; }
.clrpr { padding-right:0; }
.clrml { margin-left:0; }
.clrmr { margin-right:0; }
.pxl10 { padding-left:10px; }
.pxr10 { padding-right:10px; }
.px10 { padding-left:10px; padding-right:10px; }
.py { padding-top:5ppx; padding-bottom:5px; }
.mxl { margin-left:10px; }
.mxl5 { margin-left:5px; }
.mxr { margin-right:10px; }
.mxr5 { margin-right:5px; }
.myb { margin-bottom:10px; }
.myb5 { margin-bottom:5px; }
.myb8 { margin-bottom:8px; }
.myt { margin-top:10px; }
.myt5 { margin-top:5px; }