@charset "utf-8";
/* ==================================================================
CSS information
style info :contents共通（汎用クラス）
================================================================== */



/* --------------------------------------------------------
#header
-------------------------------------------------------- */
#header { position:relative; }



/* --------------------------------------------------------
パーツ
-------------------------------------------------------- */
.img_bor { border:1px solid #5a5a5a; }
.indent01 { display:block; text-indent:-1em; padding-left:1em;}
.text-link { background:url(../img/icon_link.png) left center no-repeat; padding-left:1.5em; background-size:auto 80%; color:#ffd200; }

.attention01 { border:1px solid #5f5f5f; padding:1px; background:#000; font-size:1.4rem;}
.attention01 .mark { background:url(../img/gra-white.png) repeat-y top left; display:block; padding:5px 5px 5px 60px; position:relative; }
.attention01 .icon { position:absolute; left:0; top:0;  }
@media screen and (min-width: 769px) { /* 769px以上の記述 */
.attention01 { font-size:17px; font-size:1.7rem;}
}

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
.articleTopic { padding:15px 5px 10px 10px; border-bottom:1px solid #f00; font-size:2.0rem; font-weight:bold; margin-bottom:10px; }


.title_a , .title_b {
font-size:1.6rem; font-weight:bold;
padding:15px 0 5px 13px;
margin-bottom:10px;
}
.title_a { background:url(../img/title_a.png) no-repeat 0 0; background-size:auto 100%;}
.title_b { background:url(../img/title_b.png) no-repeat 0 0; background-size:auto 100%;}

.title_a .txt , .title_b .txt{
display:block;
padding:5px 0 0;
color:#01cbf1;
font-size:1.3rem;
font-weight:normal;
}

.helpContent_box { padding:0 10px 0px; margin-bottom:40px; position:relative; }
.helpContent_box:after { content: ""; display: block; clear: both; }
.helpContent_box { zoom:1; }

.helpContent_box p { line-height:1.61; margin-bottom:15px; }



.tableBox1 { width:100%; }
.tableBox1 th {
padding:10px 5px 0px 5px;
border:none;
color:#00b1d2;
text-align:left;
font-weight:normal;
display:block;
}
.tableBox1 td {
padding:5px 5px 10px 5px;
border-bottom:1px dotted #3e3e3e;
display:block;
}


.dlBox1 { display:block; width:100%; }
.dlBox1:after { content: ""; display: block; clear: both; }
.dlBox1 { zoom:1; }

.dlBox1 dl { width:100%;}
.dlBox1 dt { border-bottom:1px solid #5a5a5a; padding:6px 6px; }
.dlBox1 dd { padding:6px 6px 2.4rem; line-height:1.41; }


@media screen and (min-width: 769px) { /* 769px以上の記述 */
.articleTopic { padding:20px 0 10px 40px; font-size:30px; font-size:3.0rem; font-weight:bold; margin-bottom:30px; }


.title_a , .title_b {
min-height:29px;
padding:30px 0 0 40px;
margin-bottom:20px;
font-size:24px; font-size:2.4rem;
/*vertical-align:bottom;*/
vertical-align:middle;
}
.title_a { background:url(../img/title_a.png) no-repeat 0 0; background-size:cover;}
.title_b { background:url(../img/title_b.png) no-repeat 0 0; background-size:cover;}

.title_a .txt , .title_b .txt{
display:inline-block;
padding:0px 0 0 30px;
font-size:16px; font-size:1.6rem;
position:relative;
top:-3px;
}


.helpContent_box { padding:0 40px 0px; position:relative; font-size:18px; font-size:1.8rem; }


.tableBox1 { width:auto; }
.tableBox1 th {
padding:10px 10px 10px 5px;
border-bottom:1px dotted #3e3e3e;
display: table-cell;
}
.tableBox1 td {
padding:5px 5px 10px 5px;
border-bottom:1px dotted #3e3e3e;
display: table-cell;
}


.tableBox2 { width:100%; border:1px solid #5f5f5f; }
.tableBox2 th {
background:#FFF;
color:#000;
text-align:center;
vertical-align:middle;
font-size:24px; font-size:2.4rem;
width:2.4rem;
}
.tableBox2 td {
background:#000;
padding:10px 20px;
}

}