/* position
----------------------------------------------------------------*/
.clear { clear:both !important }

.left { text-align:left !important }
.center { text-align:center !important }
.right { text-align:right !important }
td.top { vertical-align:top !important }
.middle { vertical-align:middle !important }
.bottom { vertical-align:bottom !important }

table.center { margin:0 auto; }
table.center td { text-align:left; }

img.left { float:left !important }
img.right { float:right; margin-right:7px !important }
img.center { float:center !important }

/* margin
----------------------------------------------------------------*/
.ml0 { margin-left:0 !important }
.ml10 { margin-left:10px !important }
.ml15 { margin-left:15px !important }
.ml20 { margin-left:20px !important }
.pl20 { padding-left:20px !important }
.ml30 { margin-left:30px !important }
.ml40 { margin-left:40px !important }
.ml50 { margin-left:50px !important }
.ml60 { margin-left:60px !important }
.ml100 { margin-left:100px !important }
.ml1 { margin-left:1em !important }
.ml2 { margin-left:2em !important }
.ml3 { margin-left:3em !important }
.ml5 { margin-left:5em !important }

.mr05 { margin-right:0.5em !important }
.mr2 { margin-right:2em !important }
.mr10 { margin-right:10px !important }
.mr15 { margin-right:15px !important }
.mr20 { margin-right:20px !important }
.mr30 { margin-right:30px !important }


.mt0 { margin-top:0 !important }
.mt10 { margin-top:10px !important }
.mt02 { margin-top:0.2em !important }
.mt05 { margin-top:0.5em !important }
.mt1 { margin-top:1em !important }
.mt1L { margin-top:1.5em !important }
.mt2 { margin-top:2em !important }
.mt3 { margin-top:3em !important }
.mt5 { margin-top:5em !important }
.mt3px { margin-top:3px !important }
.mtb1 { margin-top:1em; margin-bottom:1em !important }
.mb0 { margin-bottom:0 !important }
.mb05 { margin-bottom:0.5em !important }


/* other
----------------------------------------------------------------*/
.indent { text-indent:1em !important }
p.tino { text-indent:0em !important }
.undisplay { display:none !important }
.inline { display:inline !important }

.bold { font-weight:bold !important }
.cap { text-transform:uppercase !important }
.nob { border:0 !important }
.underline { text-decoration:underline; }

br.clear { clear:both; font-size:1px; } /* Macで回り込み解除しても行間が詰まるとき・NNは×*/
.nowrap { white-space:nowrap }
.break { page-break-before:always }
.nobreak { page-break-before:avoid }


.acc { color:#008822; } /*アクセントカラー*/
.navy { color:#003399 !important }
.red { color:#C30 !important }
.blue { color:#00F !important }
.orange { color:#FF6600 !important }


.fl { font-size:120% !important }
.f100 { font-size:100% !important }
.f90 { font-size:90% !important }
.fs { font-size:81% !important }
.fss { font-size:70% !important }
.fb { font-weight:bold !important }
.lh { line-height:150% !important }
.lh130 { line-height:130% !important }
.lhs { line-height:110% !important }
.ls05 { letter-spacing:0.5em }

ul.none, ol.none { list-style-type:none !important; margin-left:1.5em }
li.none { list-style-type:none; margin-left:-1.5em !important }

.hide {
text-indent:-1000em;
font-size:10%;
margin:0 !important;
padding:0 !important;
}

ul.li_inline li {
display:inline;
line-height:150%;
}

.display {
display:block;
}
.undisplay {
display:none;
}