@charset "shift_jis";
/* position
----------------------------------------------------------------*/
.clear { clear:both !important }

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

table.center { margin:0 auto; }
table.center th,
table.center td {
	text-align:left;
}
tr.center th,
tr.center td { text-align:center; }
.nowrap { white-space:nowrap; }

.leftimg {text-align:left; margin-right:15px; margin-bottom:0.5em; !important}

/* margin
----------------------------------------------------------------*/
.ml0 { margin-left:0 !important }
.ml03 { margin-left:3px !important }
.ml05 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml15 { margin-left:15px !important }
.ml20 { margin-left:20px !important }
.ml30 { margin-left:30px !important }
.ml40 { margin-left:40px !important }
.ml60 { margin-left:60px !important }
.ml85 { margin-left:85px !important }
.ml100 { margin-left:100px !important }
.ml115 { margin-left:115px !important }
.ml05 { margin-left:0.5em !important }
.ml1 { margin-left:1em !important }
.ml2 { margin-left:2em !important }
.ml3 { margin-left:3em !important }
.ml5 { margin-left:5em !important }

.mr0 { margin-right:0 !important }
.mr02 { margin-right:0.2em !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 }*/
.mr20 { margin-right:30px !important }
.mr30 { margin-right:30px !important }
.mr3px { margin-right:3px !important }


.mt0 { margin-top:0 !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 }
.mt4 { margin-top:4em !important }
.mt5 { margin-top:5em !important }
.mt7 { margin-top:7em !important }
.mt8 { margin-top:8em !important }
.mt9 { margin-top:9em !important }
.mt10 { margin-top:10em !important }
.mt11 { margin-top:11em !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 }
.mb1 { margin-bottom:1em !important }
.mb2 { margin-bottom:2em !important }

.pa0 {padding:0 !important;}


/*imgタグのマージン px指定*/
img.mr02 { margin-right:3px !important }
img.ml05 { margin-left:8px !important }
img.ml1 { margin-left:14px !important }
img.ml2 { margin-left:24px !important }
img.ml3 { margin-left:42px !important }
img.mr2 { margin-right:28px !important }
img.mt02 { margin-top:3px !important }
img.mt05 { margin-top:8px !important }
img.mt1 { margin-top:15px !important }
img.mt2 { margin-top:30px !important }
img.mt3 { margin-top:45px !important }
img.mt4 { margin-top:60px !important }
img.mt5 { margin-top:75px !important }
img.mb05 { margin-bottom:8px !important }
img.mb1 { margin-bottom:15px !important }
img.mb2 { margin-bottom:30px !important }


img.hvspace10_5 { margin:5px 10px; }
img.vspace2 { margin-top:2px; margin-bottom:2px; }
img.vspace5 { margin-top:5px; margin-bottom:5px; }

img.block { display:block; }

/* other
----------------------------------------------------------------*/
.indent { text-indent:1em !important }
.indent1 { 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; display:compact; } /* 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 }
.red2 { color:#950000 !important }
.blue { color:#00F !important }
.orange { color:#CC6600 !important }
.green{ color:#1C6D20 !important}
.blk { color:#000000; }
.dred { color:#660000; }

.fl { font-size:120% !important }
.f100 { font-size:100% !important }
.f90 { font-size:90% !important }
.fs { font-size:86% !important; line-height:1.4; }
.fn { font-weight:normal !important }
.fsn { font-size:86%;font-weight:normal !important }
.fb { font-weight:bold !important }
.lh { line-height:1.5 !important }
.lh130 { line-height:1.3 !important }
.lhs { line-height:1.1 !important }
.lh75 { line-height:0.7 !important }
.ls05 { letter-spacing:0.5em }

.photo {padding:10px;border:1px solid #666666;}


ul.none, ol.none { list-style-type:none; margin-left:1.5em !important }
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;
}

.cf {zoom: 1;}
.cf:before,
.cf:after {content: "";display: table;}
.cf:after {clear: both;}