@charset "UTF-8";


/* float代用 */
.fl1 { padding-left: 1em; margin-top: -2em; display:block;}
.fl2 { padding-left: 2em; margin-top: -2em; display:block;}
.fl3 { padding-left: 3em; margin-top: -2em; display:block;}
.fl4 { padding-left: 4em; margin-top: -2em; display:block;}
.fl5 { padding-left: 5em; margin-top: -2em; display:block;}
.fl6 { padding-left: 6em; margin-top: -2em; display:block;}
.fl7 { padding-left: 7em; margin-top: -2em; display:block;}
.fl8 { padding-left: 8em; margin-top: -2em; display:block;}
.fl9 { padding-left: 9em; margin-top: -2em; display:block;}
.fl10 { padding-left: 10em; margin-top: -2em; display:block;}
.fl11 { padding-left: 11em; margin-top: -2em; display:block;}
.fl12 { padding-left: 12em; margin-top: -2em; display:block;}
.fl13 { padding-left: 13em; margin-top: -2em; display:block;}
.fl14 { padding-left: 14em; margin-top: -2em; display:block;}
.fl15 { padding-left: 15em; margin-top: -2em; display:block;}
.fl16 { padding-left: 16em; margin-top: -2em; display:block;}
.fl17 { padding-left: 17em; margin-top: -2em; display:block;}
.fl20 { padding-left: 20em; margin-top: -2em; display:block;}
.fl34 { padding-left: 34em; margin-top: -2em; display:block;}


/* マージン */
.mrg05 {margin: 5px 0;}
.mrg10 {margin: 10px 0;}
.mrg15 {margin: 15px 0;}
.mrg20 {margin: 20px 0;}
.mrg25 {margin: 25px 0;}
.mrg30 {margin: 30px 0;}

.mrg05t {margin-top: 5px;}
.mrg10t {margin-top: 10px;}
.mrg15t {margin-top: 15px;}
.mrg20t {margin-top: 20px;}
.mrg25t {margin-top: 25px;}
.mrg30t {margin-top: 30px;}
.mrg50t {margin-top: 50px;}

.mrg05b {margin-bottom: 5px;}
.mrg10b {margin-bottom: 10px;}
.mrg15b {margin-bottom: 15px;}
.mrg20b {margin-bottom: 20px;}
.mrg25b {margin-bottom: 25px;}
.mrg30b {margin-bottom: 30px;}
.mrg50b {margin-bottom: 50px;}

.mrg1 {margin: 1em 0;}
.mrg2 {margin: 2em 0;}
.mrg3 {margin: 3em 0;}

.mrg1t {margin-top: 1em;}
.mrg2t {margin-top: 2em;}
.mrg3t {margin-top: 3em;}

.mrg1b {margin-bottom: 1em;}
.mrg2b {margin-bottom: 2em;}
.mrg3b {margin-bottom: 3em;}


/* float解除 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
.clea {clear: both;float: none;}
.clear { width:auto; overflow:hidden;}


/* テキスト関連 */
.tx_s { font-size:0.9em; line-height: 1.8em;}
.tx_ss { font-size:0.8em; line-height: 1.6em;}
.tx_b { font-size:1.1em; line-height: 2.2em;}
.tx_bb { font-size:1.2em; line-height: 2.4em;}
.kome1,.kome2,.kome3 { color:#999;}
.kome1 span { display:block; padding-left:1.2em; margin-top:-1.8em;}
.kome2 span { display:block; padding-left:2.2em; margin-top:-1.8em;}
.kome3 span { display:block; padding-left:3.2em; margin-top:-1.8em;}
strong { font-weight:bolder;}
sup { font-size: 0.7em; line-height:0;}
/* テキストカラー */
.col_red { color:#F00;}


/* 配置関連 */
.ta_c { text-align:center;}
.ta_l { text-align: left;}
.ta_r { text-align: right;}
img.fl_l { float: left; margin: 0 10px 10px 0;}
img.fl_r { float:right; margin: 0 0 10px 10px;}


/* 画像関連 */
img.fr { float:right; margin: 0 0 5px 5px;}
img.fl { float: left; margin: 0 5px 5px 0;}


/* list関連 */
ul.dot { list-style-position: outside; padding-left: 1.8em;}
ul.dot li {list-style-type:disc;}
ol { list-style-position: outside; padding-left: 2.2em;}
ol li {list-style-type: decimal;}


/* テーブル */
table.tbc { border-collapse: collapse;}
table.tbc, table.tbc td, table.tbc th { border: 1px #E5E5E5 solid; word-break:break-all;}
table.tbc td,table.tbc th { padding: 3px 5px;}
table.tbc tr	{ background-color: #F2F2F2;}
table.tbc th	{ background-color:#999; color:#FFF;}
table.tx_c td, table.tx_c th, tr.tx_c td, tr.tx_c th, td.tx_c, th.tx_c { text-align:center;}
table.tx_l td, table.tx_l th, tr.tx_l td, tr.tx_l th, td.tx_l, th.tx_l { text-align:left;}
table.tx_r td, table.tx_r th, tr.tx_r td, tr.tx_r th, td.tx_r, th.tx_r { text-align:right;}
.tv_t { vertical-align:top;}
.tv_m { vertical-align: middle;}
.tv_b { vertical-align: bottom;}
table.tbc tr.bc1 td { background-color: #F2F2F2;}
table.tbc .odd	{ background-color: #FFF;}


/* 装飾関連 */
.bt { border-top:1px dotted #E5E5E5; padding-top: 0.5em;}
.bb { border-bottom:1px dotted #E5E5E5; padding-bottom: 0.5em; margin-bottom: 0.5em;}
.box_gray { background-color:#F2F2F2; padding:15px; border:1px solid #E5E5E5;}
.box_blue { background-color: #ECF2F5; padding:15px; border:1px solid #C8DBE3;}
.mark { background-color: #FADEC3; padding: 0 5px;}