@charset "shift-JIS"; 

/*共通スタイル Ver.1(2007.12.10) */
html, body {height: 100%;}
* {margin: 0; padding: 0; font-size: 100%;}
img { border: none; }

.bold { font-weight: bold;}
.note { font-size: 78%; }
.note2 { font-size: 85%;}
.notebold {font-size: 78%; font-weight: bold;}
.noteRed {font-size: 78%; color: #c00;}
.normalwtx {font-weight: normal;}

.cf90 {color: #f90;}
.cf00 {color: #f00;}
.cc00 {color: #c00;}
.c900 {color: #900;}
.cc36 {color: #CC3366;}
.cc36b { color: #CC3366; font-weight: bold;}
.c999 {color: #999999;}

.tcenter {text-align: center;}
.tright {text-align: right;}
.tleft {text-align: left;}
.fright {float: right;}
.fleft {float: left;}

.vtop { vertical-align: top;}
.vcenter { vertical-align: middle;}
.vbottom { vertical-align: bottom;}

.nowrapth {white-space: nowrap; }

.mb5 {margin-bottom: 5px;}
.mb6 {margin-bottom: 6px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {	margin-bottom: 20px;}
.mb10t10 {margin-top: 10px; margin-bottom: 10px;}
.mb10l20 {margin-bottom: 10px; margin-left: 20px;}
.mb6r2 {margin-right: 2px;	margin-bottom: 6px;}
.mb6r6 {margin-right: 6px;	margin-bottom: 6px;}
.mb10r5 {margin-right: 5px;	margin-bottom: 10px;}
.mb15t5 {margin-top: 5px; margin-bottom: 15px;}
.mb20r20 {margin-right: 20px; margin-bottom: 20px;}
.mb20t20 { margin-bottom: 20px; margin-top:20px;}
.mb10t10l25 { margin-top: 10px; margin-bottom: 10px; margin-left: 25px;}
.mbt3 {margin-top: 3px;	margin-bottom: 3px;}

.ml2 {margin-left: 2px;}
.ml3 {margin-left: 3px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml12 {margin-left: 12px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}

.mr2 {margin-right: 2px;}
.mr3 {margin-right: 3px;}
.mr5 {margin-right: 5px;}
.mr6 {margin-right: 6px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}

.mt2 {margin-top: 2px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 { margin-top: 30px;}

.fleftmbr10 {margin-right: 10px; margin-bottom: 10px; float: left;}
.fleftmbr20 {margin-right: 20px; margin-bottom: 20px; float: left;}
.fleftmr5 {float: left; margin-right: 5px;}
.fleftml10r5 {float: left; margin-right: 5px; margin-left: 10px;}
.fleftmr10 { float: left; margin-right: 10px;}
.fleftmr15 { float: left; margin-right: 15px;}
.fleftmr20 {margin-right: 20px; float: left;}
.frightml10b10 {float: right; margin-bottom: 10px; margin-left: 10px;}
.frightml15b10{ float: right; margin: 0px 0px 10px 15px; }

.pt10 {padding-top: 10px;}

.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clr {clear: both;}

.width20p { width: 20%;}
.width25p { width: 25%;}
.width30p { width: 30%;}
.width33p { width: 3%;}
.width35p { width: 35%;}
.width40p { width: 40%;}
.width60p { width: 60%;}
.width70p { width: 70%;}
.width80p { width: 80%;}