@import "common.css";
@import "contents.css";

/*----- common -----*/

#main_cnt p{
margin:0 10px 20px;
text-align:justify;
}
#main_cnt strong{
font-size:14px;
}

#h-oc-gaiyo,
#h-leadership,
#inspiring-ct,
#inspiring-info,

#h-new-employee,
#experience-ct,
#experience-info,
#business-s-ct,
#business-s-info,

.oc-h-btn-apply a,
ul.oc-btn li a,

#h-target,
#h-aim,
#h-method{
display:block;
position:relative;
overflow:hidden;
}

#h-oc-gaiyo span,
#h-leadership span,
#inspiring-ct span,
#inspiring-info span,

#h-new-employee span,
#experience-ct span,
#experience-info span,
#business-s-ct span,
#business-s-info span,

.oc-h-btn-apply a span,
ul.oc-btn li a span,

#h-target span,
#h-aim span,
#h-method span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:0 0;
background-repeat:no-repeat;
}

.ct{
height:22px;
padding:0 10px 5px 0;
margin-bottom:5px;
border-bottom:1px solid #8DA427;
}
.oc-h-btn-apply a{
float:right;
width:120px;
height:22px;
}
.oc-h-btn-apply a span{
background-image:url(../img/opencourse/btn-apply.jpg);
}

ul.oc-btn{
margin:0;
padding:0;
list-style:none;
}
ul.oc-btn li{
float:right;
width:120px;
height:22px;
margin-left:10px;
}
ul.oc-btn li a{
width:120px;
height:22px;
}
ul.oc-btn li a span{
}

ul.oc-btn li.oc-btn-apply a span{
background-image:url(../img/opencourse/btn-apply.jpg);
}
ul.oc-btn li.oc-btn-detail a span{
background-image:url(../img/opencourse/btn-detail.jpg);
}

/*-----| opencourse |-----*/

/*----- gaiyo -----*/

#h-oc-gaiyo{
height:20px;
margin-bottom:10px;
}
#h-oc-gaiyo span{
background-image:url(../img/opencourse/h-gaiyo.jpg);
}

/*----- leadership -----*/

#h-leadership{
height:27px;
width:560px;
margin-bottom:5px;
}
#h-leadership span{
background-image:url(../img/opencourse/h-leadership2.jpg);
}

#inspiring-ct{
float:left;
height:19px;
width:410px;
}
#inspiring-ct span{
background-image:url(../img/opencourse/inspiring-ct3.jpg);
}

#inspiring-info{
/*height:13px;*/
width:540px;
margin:0 10px 15px;
}
#inspiring-info span{
background-image:url(../img/opencourse/inspiring-info.jpg);
}

#inspiring-info table{
border-collapse:collapse;
}
#inspiring-info table th,#inspiring-info table td{
border:1px solid #8C7555;
padding:3px 5px;
color:#8C7555;
font-size:12px;
}
#inspiring-info table th{
background-color:#EDE9E2;
}
#inspiring-info table td{
}

/*----- new employee -----*/

#h-new-employee{
height:27px;
width:560px;
margin-bottom:5px;
}
#h-new-employee span{
background-image:url(../img/opencourse/h-new-employee2.jpg);
}

#experience-ct{
float:left;
height:19px;
width:410px;
}
#experience-ct span{
background-image:url(../img/opencourse/experience-ct2.jpg);
}

#experience-info{
height:13px;
width:540px;
margin:0 10px 15px;
}
#experience-info span{
background-image:url(../img/opencourse/experience-info.jpg);
}


#business-s-ct{
float:left;
height:19px;
width:410px;
}
#business-s-ct span{
background-image:url(../img/opencourse/business-s-ct2.jpg);
}

#business-s-info{
height:13px;
width:540px;
margin:0 10px 15px;
}
#business-s-info span{
background-image:url(../img/opencourse/business-s-info.jpg);
}


/*-----| opencourse-detail |-----*/

#h-target,
#h-aim,
#h-method{
width:560px;
height:23px;
margin-bottom:5px;
}
#h-target span{
background-image:url(../img/opencourse/h-target.jpg);
}
#h-aim span{
background-image:url(../img/opencourse/h-aim2.jpg);
}
#h-method span{
background-image:url(../img/opencourse/h-method.jpg);
}

#ul-aim{
margin:0 0 20px 30px;
padding:0;
}

#course_detail{
font-size:12px;
}
#course_detail th,
#course_detail td{
line-height:1.4;
}
#course_detail th{
vertical-align:top;
text-align:left;
padding:10px 0 10px 5px;
}
#course_detail td{
padding:10px 0 10px 20px;
}
#course_detail th i{
color:#B0C630;
font-style:normal;
}

#entry_btn{
margin:30px 0 0 0;
text-align:center;
}