@charset "UTF-8";

h1{
font-size:20px;
font-weight:bold;
padding:15px 10px 15px 10px;
}

p.lead{
font-size:18px;
line-height:1.6;
margin:0 10px 10px;
}
p.lead em{
font-style:normal;
font-weight:bold;
color:#ff7802;
}

.banner{
margin:0 10px 10px;
}

h2#tokutenTitle{
font-size:20px;
font-weight:bold;
color:#ff6600;
text-align:center;
background-color:#ffcc99;
-webkit-border-radius:6px;
position:relative;
margin:0 10px 20px;
padding:20px 0;
}
h2#tokutenTitle:before{
content:"";
position:absolute;
bottom:-13px; left: 50%;
margin-left:-26px;
width:0px;
height:0px;
border-style:solid;
border-width:16px 26px 0 26px;
border-color:#ffcc99 transparent transparent transparent;
z-index:0;
}

.contentBox{
text-shadow:none;
background-color:#fff;
border:solid 3px #c3e1fe;
border-radius:6px;
margin:0 10px 20px;
}
.contentBox.peace{
border:solid 3px #f9e2ac;
}
.contentBox h3{
font-size:18px;
line-height:1.4;
background-color:#e0eff5;
position:relative;
padding:10px 10px 10px 70px;
}
.contentBox.peace h3{
background-color:#f9e2ac;
padding:10px;
}
.contentBox.peace h3 span{
font-size:16px;
color:#fff;
display:inline-block;
background-color:#ffc000;
border-radius:20px;
padding:2px 14px;
margin-bottom:5px;
}
.contentBox h3 .tokutenNo{
width:55px;
height:43px;
font-size:16px;
line-height:1.1;
color:#fff;
text-align:center;
background:url(../img/tokuten.png) no-repeat;
-webkit-background-size:55px 55px;
padding:12px 0 0;
position:absolute;
top:6px;
left:8px;
}
.contentBox h3 .icon{
font-size:13px;
color:#fff;
display:inline-block;
background-color:#fe8609;
-webkit-border-radius:3px;
margin:0 5px 3px 0;
padding:3px 5px;
}
.contentBox h3 em{
font-size:22px;
font-style:normal;
color:#fb6804;
}
.contentBox .contentInner{
padding:10px 10px 0;
}
.contentBox p{
font-size:18px;
line-height:1.4;
margin:0 0 10px;
}
.contentBox p em{
font-style:normal;
color:#fb6804;
}
.contentBox h4.for{
font-size:14px;
font-weight:normal;
line-height:1.4;
color:#674f05;
background:url(../img/icon_for.png) no-repeat;
-webkit-background-size:57px 34px;
margin:0 0 10px;
padding:0 0 0 60px;
}
.contentBox h4.for em{
font-size:16px;
font-weight:bold;
font-style:normal;
}
.contentBox .smallTxt{
font-size:12px;
}
.contentBox p.smallTxt{
font-size:14px;
line-height:1.4;
margin:0 0 10px;
}
.contentBox ul.imgRight{
display:table;
margin:0 0 10px;
}
.contentBox ul.imgRight li{
font-size:18px;
line-height:1.4;
display:table-cell;
vertical-align:middle;
}
.contentBox ul.imgRight li em{
font-style:normal;
color:#fb6804;
}
.contentBox ul.imgRight li:nth-child(2){
font-size:14px;
text-align:center;
white-space:nowrap;
padding-left:10px;
}

.contentBox .courseBox{
width:260px;
border:dotted 2px #c9c2a9;
margin:0 auto 20px;
}
.contentBox .courseBox ul.course01{
height:100px;
display:table;
margin:0 auto;
}
.contentBox .courseBox ul.course01 li{
line-height:1.2;
color:#674f05;
display:table-cell;
vertical-align:middle;
}
.contentBox .courseBox ul.course01 li em{
font-size:30px;
font-weight:bold;
font-style:normal;
color:#ff6600;
}
.contentBox .courseBox ul.course01 li .txt01{
font-size:18px;
}
.contentBox .courseBox ul.course01 li .txt02{
font-size:14px;
}
.contentBox .courseBox .course02{
width:inherit;
height:84px;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.contentBox .courseBox .course02 .txt01{
font-size:18px;
font-weight:bold;
color:#00617c;
margin:0 0 5px;
padding:0;
}
.contentBox .courseBox .course02 .off{
width:200px;
font-size:16px;
line-height:1;
color:#fd6a04;
border:solid 1px #fd6a04;
border-radius:20px;
margin:0 auto;
padding:2px 0;
}
.contentBox .courseBox .course02 .txt02{
font-size:14px;
color:#674f05;
margin:0;
}
.contentBox .courseBox .course02 .txt02 em{
font-size:30px;
font-weight:bold;
font-style:normal;
color:#ff6600;
}
.contentBox .courseBox .course03{
width:inherit;
height:84px;
text-align:center;
background-color:#e5e5e5;
display:table-cell;
vertical-align:middle;
}
.contentBox .courseBox .course03 .txt01{
font-size:16px;
font-weight:bold;
color:#674f05;
margin:0 10px 5px;
}
.contentBox .courseBox .course03 .txt02{
font-size:16px;
font-weight:bold;
color:#674f05;
margin:0 10px;
}
.contentBox .courseBox .course03 .txt02 em{
font-weight:bold;
font-style:normal;
color:#ff6600;
}
.contentBox .courseBox .hr{
height:16px;
text-align:center;
border:none;
border-top:dotted 2px #c9c2a9;
}
.contentBox .courseBox .hr2{
height:16px;
text-align:center;
border:none;
border-top:dotted 2px #c9c2a9;
background-color:#e5e5e5;
}
.contentBox .courseBox .hr img,
.contentBox .courseBox .hr2 img{
margin-top:-2px;
}

.contentBox dl.qa{
font-size:18px;
line-height:1.4;
background-color:#fef1eb;
border-radius:10px;
margin:0 0 10px;
}
.contentBox dl.qa dt,
.contentBox dl.qa dd{
padding:10px 10px 10px 36px;
position:relative;
}
.contentBox dl.qa dt{
border-bottom:solid 1px #fb6804;
}
.contentBox dl.qa dt span,
.contentBox dl.qa dd span{
font-size:20px;
font-weight:bold;
color:#fb6804;
position:absolute;
top:8px;
left:10px;
}
.contentBox dl.qa dt em,
.contentBox dl.qa dd em{
color:#fb6804;
font-weight:bold;
font-style:normal;
}

.contentBox .contentBtmBtn{
height:36px;
background:url(../../../img/btn_open.png) no-repeat center #ebebeb;
-webkit-background-size:30px, auto;
}
.contentBox .contentBtmBtn.open{
background:url(../../../img/btn_close.png) no-repeat center #ebebeb;
-webkit-background-size:30px, auto;
}

#courseNotes{
font-size:18px;
line-height:1.4;
margin:0 10px 20px;
}
#courseNotes:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
#courseNotes em{
font-size:18px;
font-style:normal;
font-weight:bold;
color:#ff7802;
margin-right:5px;
float:left;
}
#courseNotes a{
color:#0066aa;
text-decoration:underline;
display:block;
overflow:auto;
}

#tokutenBox{
text-align:center;
background-color:#edebdc;
-webkit-border-radius:6px;
margin:0 10px 20px;
padding:10px 0;
}
#tokutenBox .ttText1{
font-size:16px;
font-weight:bold;
line-height:1.4;
color:#674f05;
}
#tokutenBox .ttText1 span{
font-size:14px;
}
#tokutenBox .ttText1 em{
font-size:20px;
font-style:normal;
}
#tokutenBox .ttText2{
font-size:12px;
line-height:1.4;
color:#674f05;
}

h2#peace{
font-size:17px;
font-weight:bold;
color:#ff6600;
text-align:center;
background-color:#ffcc99;
-webkit-border-radius:6px;
position:relative;
margin:0 10px 20px;
padding:10px 0;
}
h2#peace:before{
content:"";
position:absolute;
bottom:-13px; left: 50%;
margin-left:-26px;
width:0px;
height:0px;
border-style:solid;
border-width:16px 26px 0 26px;
border-color:#ffcc99 transparent transparent transparent;
z-index:0;
}

#moushikomi h2{
font-size:16px;
line-height:1.4;
text-align:center;
background-color:#f9e2ac;
-webkit-border-radius:6px;
position:relative;
margin:0 10px 20px;
padding:10px 0;
}
#moushikomi h2:before{
content:"";
position:absolute;
bottom:-13px; left: 50%;
margin-left:-26px;
width:0px;
height:0px;
border-style:solid;
border-width:16px 26px 0 26px;
border-color:#f9e2ac transparent transparent transparent;
z-index:0;
}
#moushikomi p{
font-size:18px;
line-height:1.4;
margin:0 10px 10px;
}
#moushikomi dl{
border:1px solid #aba792;
-webkit-background-size:18px 18px;
-webkit-border-radius:3px;
margin:10px;
}
#moushikomi dt{
font-size:18px;
font-weight:bold;
color:#89793d;
padding:10px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
background-color:#fff;
border-bottom:1px dotted #aba792;
}
#moushikomi dd{
font-size:18px;
line-height:1.4;
padding:10px;
}
#moushikomi dd .img{
display:block;
text-align:center;
margin-top:5px;
}

.banner{
margin:0 10px 10px;
}

.specialBox{
margin:0 10px 10px;
}
.specialBox h3{
font-size:14px;
font-weight:bold;
line-height:1.4;
color:#000;
text-align:center;
background-color:#ffcc99;
border-bottom:solid 2px #ff6600;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
padding:5px 0;
}
.specialBox h3 em{
font-size:18px;
font-style:normal;
color:#ff6600;
}
.specialBox .img{
text-align:center;
margin:0 0 10px;
}
.specialBox p{
font-size:16px;
line-height:1.4;
margin:0 0 10px;
}
.specialBox .specialInner{
border-left:solid 2px #ccc;
border-right:solid 2px #ccc;
border-bottom:solid 2px #ccc;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
padding:10px 10px 0;
}

.notice{
font-size:14px;
line-height:1.4;
margin:0 10px 10px;
}

p.pagetop{
margin:20px 10px 10px;
}