@charset "utf-8";

/* article
************************************************ */

article{
width:620px;
}

article img{
vertical-align:bottom;
}

article div.lead{
width:620px;
margin-top:15px;
}

article div.lead p:first-of-type{
margin-top:5px;
line-height:1.6em;
}

/*
article div.lead p:last-of-type{
margin-top:10px;
line-height:1.6em;
text-indent:-1em;
padding-left:1em;
color:#CC0000;
}
*/

article div.wrap h2{
margin-top:40px;
padding:10px 0 10px 10px;
border-left:#00913A solid 12px;
background-color:#D7E9AF;
font-size:1.6rem;
}

article div.box{
width:578px;
padding:20px;
border:#D9D9D9 solid 1px;
border-top:none;
background-color:#FFFFFF;
}

article div.box p,article div.box li{
line-height:1.8em;
}

article p.remarks{
margin-top:15px;
line-height:1.4em;
}

article p.remarks a.link{
padding-left:15px;
background:url(/img/icon_link.png) left no-repeat;
color:#1D2088;
text-decoration:none;
}

article p.remarks a:hover{
text-decoration:underline;
color:#F15A24;
}

article div.cont1 p span{
color:#00913A;
}

article div.cont1 ul{
width:578px;
margin-top:10px;
}

article div.cont1 a{
padding-left:15px;
background:url(/img/icon_link.png) left no-repeat;
color:#1D2088;
text-decoration:none;
}

article div.cont1 a:hover{
text-decoration:underline;
color:#F15A24;
}

article div.cont2 div.inbox{
width:578px;
margin-top:20px;
overflow:hidden;
}

article div.box.cont2 h3{
padding:0 0 0 24px;
line-height:23px;
background:url(/img/icon_f.png) left 1px no-repeat;
font-size:18px;
font-weight:bold;
color:#00913A;
border-bottom:#00913A solid 1px;
}

article div.cont2 div.inbox dl{
float:left;
width:180px;
margin:10px 15px 0 0;
}

article div.box dl dd{
margin-top: 5px;
line-height: 1.4em;
	font-size: 1.2rem;
}


article div.cont2 div.inbox dl:nth-child(4){
margin:10px 0 0 0;
}

article div.cont2 div.inbox p{
float:left;
width:578px;
margin-top:15px;
}

article div.cont2 dl.base{
width:578px;
}

article div.cont2 dl.base dt{
padding:20px 0 0 24px;
line-height:23px;
background:url(/img/icon_f.png) left 21px no-repeat;
font-size:18px;
font-weight:bold;
color:#00913A;
border-bottom:#00913A solid 1px;
}

article div.cont2 dd span{
color:#00913A;
}

article div.box.cont3{
padding:0 20px 20px;
}

article div.box.cont3 dl{
overflow: hidden;
}

article div.cont3 dt{
padding:20px 0 0 24px;
line-height:23px;
background:url(/img/icon_f.png) left 21px no-repeat;
font-size:18px;
font-weight:bold;
color:#00913A;
border-bottom:#00913A solid 1px;
}

article div.cont3 dd img{
float:right;
margin-left:5px;
}

article div.cont3 dd dt{
padding:10px 0 0 0;
border:none;
line-height:1.8em;
background:none;
font-size:1.6rem;
font-weight:bold;
color:#00913A;
}

article div.cont3 p{
	margin-top: 1em;
}

article div.cont4 li{
padding-left:1em;
text-indent:-1em;
}

article div.cont4 li:first-letter{
color:#00913A;
}

article div.cont5 p{
overflow:hidden;
}

article div.cont5 p img{
float:right;
margin-left:5px;
}

a.link{
padding-left:15px;
background:url(/img/icon_link.png) left no-repeat;
color:#1D2088;
text-decoration:none;
}

a:hover{
text-decoration:underline;
color:#F15A24;
}

.course_link{
    display: block;
    text-align: left;
    img:hover{
        opacity: 0.6;
    }
}