@charset "utf-8"; 

* { margin: 0; padding: 0; box-sizing:border-box; }

img { border: none; outline: none; }

 /* html5未定義ブラウザ用 */
article, aside, details, figcaption, figure, header, main, menu, nav, section, footer { display: block; }

 /* clearfixの代用 */
article, aside, header, main, nav, section, footer { overflow:hidden; }

 /* グリッド */
.col_1  { width: 6.6666666666667%; }
.col_2  { width: 15%; }
.col_3  { width: 23.333333333333%; }
.col_4  { width: 31.666666666667%; }
.col_5  { width: 40%; }
.col_6  { width: 48.333333333333%; }
.col_7  { width: 56.666666666667%; }
.col_8  { width: 65%; }
.col_9  { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }

*[class*="col_"]{
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}

.h1top { width: 100%; margin:0 auto; text-align:center; background-color:#000000}
.f_l  { float:left; width:50%;}

.bbd { border-bottom:dotted 1px #8B8B8B; padding-bottom:2px}

.itiran { background-color:#000000; color:#FFFFFF; padding:6px; font-size:16px; margin-bottom:5px;}
.jyun { float:right; font-size:14px; width:200px; text-align:right;}

.ho { border:1px #E60609 solid; color:#E60609; font-size:11px; text-align:center; width:70px; line-height:1.1; float:right; margin: auto;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}

.ta0a { background-color: #FFFFFF; border-collapse:collapse; }
.ta0a tr td { border:1px solid #404040; padding:3px}

.ta0b { background-color: #f4f4f4; border-collapse:collapse; }
.ta0b tr td { border:1px solid #404040; padding:3px}

.ta01 { background-color: #FCF2FF; border-collapse:collapse; }
.ta01 tr td { border:1px solid #7e308d; padding:3px}
.ta_no1 { background-color: #7e308d; text-align:center; font-weight:bold; color: #FFFFFF; font-size:18px; width:35px;}
.ta01co { color: #7e308d; font-weight:bold;}

.ta02 { background-color: #FFE4F9; border-collapse:collapse; }
.ta02 tr td { border:1px solid #f09ec1; padding:3px}
.ta_no2 { background-color:#f09ec1; text-align:center; font-weight:bold; color: #FFFFFF; font-size:18px; width:35px;}
.ta02co { color:#f09ec1; font-weight:bold;}

.ta03 { background-color: #FFE4E4; border-collapse:collapse; }
.ta03 tr td { border:1px solid #e50011; padding:3px}
.ta_no3 { background-color:#e50011; text-align:center; font-weight:bold; color: #FFFFFF; font-size:18px; width:35px;}
.ta03co { color:#e50011; font-weight:bold;}

.ta04 { background-color: #FFEDDB rgba(255,246,227,1.00); border-collapse:collapse; }
.ta04 tr td { border:1px solid #f39700; padding:3px}
.ta_no4 { background-color:#f39700; text-align:center; font-weight:bold; color: #FFFFFF; font-size:18px; width:35px;}
.ta04co { color:#f39700; font-weight:bold;}

.ta05 { background-color: #F7FFE4; border-collapse:collapse; }
.ta05 tr td { border:1px solid #8ec31e; padding:3px}
.ta_no5 { background-color:#8ec31e; text-align:center; font-weight:bold; color:#FFFFFF; font-size:18px; width:35px;}
.ta05co { color: #8ec31e; font-weight:bold;}

.ta06 { background-color: #DDFFFE; border-collapse:collapse; }
.ta06 tr td { border:1px solid #5fc1c6; padding:3px}
.ta_no6 { background-color:#5fc1c6; text-align:center; font-weight:bold; color:#FFFFFF; font-size:18px; width:35px;}
.ta06co { color:#5fc1c6; font-weight:bold;}

.ta07 { background-color: #DAE5FF; border-collapse:collapse; }
.ta07 tr td { border:1px solid #006cb7; padding:3px}
.ta_no7 { background-color:#006cb7; text-align:center; font-weight:bold; color:#FFFFFF; font-size:18px; width:35px;}
.ta07co { color: #006cb7; font-weight:bold;}

.ta08 { background-color: #E7FCFF; border-collapse:collapse; }
.ta08 tr td { border:1px solid #00afec; padding:3px}
.ta_no8 { background-color:#00afec; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:18px; width:35px;}
.ta08co { color: #0B6882; font-weight:bold;}

.ta09 { background-color: #E7FCFF; border-collapse:collapse; }
.ta09 tr td { border:1px solid #00afec; padding:3px}
.ta_no9 { background-color:#00afec; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:18px; width:35px;}
.ta09co { color: #0B6882; font-weight:bold;}

.map_w { width:80px;}
.koukai_w { width:80px;}

.b_l_n .ta_no0 { background-color: #3d62ad; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no1 { background-color:#00a73b; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no2 { background-color: #FFE500; text-align:center; font-weight:bold; color:#4B4600; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no3 { background-color:#e95377; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no4 { background-color:#ef8200; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no5 { background-color:#91529d; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no6 { background-color:#7d7c7d; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no7 { background-color: #e7380c; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:27px; float:right; margin:2px}
.b_l_n .ta_no8 { background-color:#4D83B1; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; width:93px; float:right; margin:2px}
.b_l_n .ta_no9 { background-color: #00afec; text-align:center; font-weight:bold; color:rgba(255,255,255,1.00) ; font-size:12px; font-size:12px; width:27px; float:right; margin:2px}

.pre_ta { border-collapse:collapse; border:1px #7E7E7E solid;}
.pre_ta td { text-align:center;border-collapse:collapse; border:1px #7E7E7E solid; padding:2px;}
.bgr { background-color:#F54043; color:#FFFFFF;}
.bgb { background-color: #3A68E9; color:#FFFFFF;}
.pre_ta .tal { text-align:left}

.cg { color:#858585}

.pc_ta {float:right;}
.pc_ta td { padding:1px; text-align: left;border-collapse:collapse; border:1px #FFFFFF solid; }


.bo0 {text-align:center; height:50px; display:block; padding:8px 0; color:#FFF; background-color:#3d62ad;font-size:12px; float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo0 a {color:#FFF; border:none}
.bo0:hover { background-color: rgba(117,162,192,1.00);}

.bo1 {text-align:center;height:50px; display:block; padding:8px 0; color:#FFF; background-color:#7e308d;font-size:12px;float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo1 a {color:#FFF; border:none}
.bo1:hover { background-color: #9e308d;}

.bo2 {text-align:center; height:50px; display:block; padding:8px 0; color: #FFFFFF; background-color:#f09ec1;font-size:12px;float: left; font-weight:bold;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo2 a {color: #FFFFFF; border:none}
.bo2:hover { background-color: #FF98E7;}

.bo3 {text-align:center; height:50px; display:block; padding:8px 0; color:#FFF; background-color:#e50011;font-size:12px;float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo3 a {color:#FFF; border:none}
.bo3:hover { background-color: #FF8A8C;}

.bo4 {text-align:center; height:50px; display:block; padding:8px 0; color:#FFF; background-color:#f39700;font-size:12px;float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo4 a {color:#FFF; border:none}
.bo4:hover { background-color: #FFB871;}

.bo5 { text-align:center; height:50px; display:block; padding:8px 0; color:#FFF; background-color:#8ec31e;font-size:12px;float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo5 a {color:#FFF; border:none}
.bo5:hover { background-color: #CBF475;}

.bo6 {text-align:center; height:50px; display:block; padding:8px 0; color:#FFF; background-color:#5fc1c6;font-size:12px;float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo6 a {color:#FFF; border:none}
.bo6:hover { background-color: #76E6EE;}

.bo7 {text-align:center; height:50px; display:block; padding:8px 0; color:#FFF; background-color:#006cb7;font-size:12px;float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo7 a {color:#FFF; border:none}
.bo7:hover { background-color: #88A7FF;}

.bo8 {text-align:center; height:50px; display:block; padding:8px 0; color:#FFF; background-color: #00afec;font-size:12px;float: left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo8 a {color:#FFF; border:none}
.bo8:hover { background-color: rgba(117,162,192,1.00);}

.bo9 {text-align:center; height:70px;width:93px; display: block;padding:2px; color:#FFF; background-color: #00afec;font-size:12px;margin:2px; line-height:1.3; float:left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo9 a {color:#FFF; border:none}
.bo9:hover { background-color: rgba(117,162,192,1.00);}


.bc1 {color:#FFF; background-color:#7e308d;}

.bc2 {color: #FFF; background-color:#f09ec1;}

.bc3 {color:#FFF; background-color:#e50011;}

.bc4 {color:#FFF; background-color:#f39700;}

.bc5 {color:#FFF; background-color:#8ec31e;}

.bc6 {color:#FFF; background-color:#5fc1c6;}

.bc7 {color:#FFF; background-color:#006cb7;}

.bc8 {color:#FFF; background-color: #00afec;}


.bo0,.bo1,.bo2,.bo3,.bo4,.bo5,.bo6,.bo7,.bo8 { width:13.85%;margin:0 3px 3px 0;}

.w400 { width:95px; display:block; margin:0 auto;}
.w500 { width:95px; display:block; margin:8px auto 0;}
.w600 { width:93px; display:block; margin:0 ;}
.w600_2 { width:93px; display:block; margin:0;}

.li_ma { background-color:rgba(113,200,216,1.00); color:rgba(255,255,255,1.00); text-align:center; padding:2px 0 0;margin:3px 0}
.li_ko { background-color: #4697FF; color:rgba(255,255,255,1.00); text-align:center; padding:4px 0 3px; margin:0; line-height:1.2}
.td_st1 { font-weight:800; font-size:16px ; vertical-align: middle;padding:inherit 2px;}
.td_st2 { font-weight:800;}
.m5 { margin:0 0 5px;}

.ta_ibe { border-collapse:collapse; width:95%; margin:1em; border-collapse:collapse; }
.ta_ibe th, .ta_ibe td { padding:0.3em 1em; border:1px solid rgba(70,112,189,1.00); }
.ta_ibe th { font-weight:bold; color:#fff; background:#369; text-align:center; }

.tb01 { background-color:rgba(82,182,240,1.00); color:rgba(255,255,255,1.00);text-align:center;font-weight:bold}
.tb02 {color:rgba(82,182,240,1.00);text-align:center; font-weight:bold}
.tb03 {text-align:center; background-color:rgba(230,239,255,1.00)}
.tb04 {text-align:center; background-color:rgba(255,237,237,1.00)}
.tb05 {text-align:center; background-color:rgba(255,238,220,1.00)}

.t_c { text-align:center;}

.tac { text-align: center}

.bgg { background-color:rgba(227,227,227,1.00); padding:10px; width:100%;}

.kousi_l { float:left; width:75%; padding:0 10px 0 0;}
.kousi_r { float:right;width:23%}

.sum_l { float:left; width:360px}
.sum_r { float:right; width:360px}

.ta_ibe .b_l_n {text-align:right;}
.ta_ibe .b_r_n {}

.lh { line-height:1.2;}

.imgrc { float:right;width:300px; margin:0 0 0 4px;}
.b { background-color:#616161; color:#FFFFFF; width:130px; text-align:center; float:left; margin:0 4px 0 0;}
.bp1 {width:80px; float:left; margin:0 4px 0 0;}
.bp2 {width:333px; float:left; margin:0 4px 0 0;}

/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
.bo0,.bo1,.bo2,.bo3,.bo4,.bo5,.bo6,.bo7,.bo8 { width:24.6%; margin:0 2px 2px 0;}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
.bo0,.bo1,.bo2,.bo3,.bo4,.bo5,.bo6,.bo7,.bo8 {width:32.6%;margin:0 2px 2px 0;}
.imgrc { text-align: center;float: none;width:100%; margin:0;}

}