@charset "utf-8";
/* CSS Document */

@import "../common/stracture.css";
@import "../common/common.css";

#main-cage h2 { width:740px; height:100px; background:url("../../classroom/img/title-h2_bg.jpg") no-repeat; text-indent:-9999px; margin:0; padding:0; }



#main-cage .left-column { width:360px; float:left; background:#F5F5F5; }
#main-cage .left-column p { margin:5px 20px 15px 15px; font-size:13px; color:#000000; line-height:1.4; line-break:strict; }
#main-cage .left-column p span { font-size:16px; font-weight:900; color:#FF0000; line-height:1.4; line-break:strict; }
#main-cage .left-column h3 { margin-top:10px; padding-bottom:3px; font-size:16px; font-weight:900; color:#000000; line-height:1.4; line-break:strict; border-bottom:solid 1px #000000; }

#main-cage .right-column { width:360px; float:right; margin-left:10px; }
#main-cage .right-column p { margin:15px; font-size:13px; color:#000000; line-height:1.6; line-break:strict; }
#main-cage .right-column strong { font-size:16px; font-weight:bold; color:#0066CC; }
#main-cage .right-column h4 { font-size:16px; font-weight:bold; color:#333333;margin:15px 0 10px 15px; }
#main-cage .right-column h5 { font-size:14px; font-weight:bold; color:#333333;margin:15px 0 10px 15px; }

#main-cage .right-column li { width:300px; height:50px; margin:10px 15px; list-style-type:none; display:block; }
#main-cage .right-column li a { width:100%; height:100%; background:url("../../course/summer/img/btn.jpg") no-repeat; display:block; text-indent:-9999px;
/*\*/
overflow:hidden;
/*\*/ }

.right-column #el_youkou_btn a:link{ background-position:0px 0px; }
.right-column #el_youkou_btn a:hover{ background-position:0px -50px; }

.right-column #jh_youkou_btn a:link{ background-position:0px -100px; }
.right-column #jh_youkou_btn a:hover{ background-position:0px -150px; }

.right-column #hi_youkou_btn a:link{ background-position:0px -200px; }
.right-column #hi_youkou_btn a:hover{ background-position:0px -250px; }



#main-cage .wide-column { width:700px; float:right; margin:5px; }
#main-cage .wide-column p { margin:5px 15px; font-size:13px; color:#000000; line-height:1.6; line-break:strict; }
#main-cage .wide-column strong { font-size:16px; font-weight:bold; color:#0066CC; }

#main-cage h3 { margin:10px 5px; padding:0px 0px 3px 3px; border-bottom:solid 1px #000000; }
#main-cage h3 span { font-size:0.8em; font-weight:normal; }
#main-cage #brand-choice { margin:10px 10px 20px 10px; }
#main-cage #brand-choice dl { width:200px; height:150px; margin:10px; float:left; text-align:center; border:solid 1px #CCCCCC; background:#F5F5F5; }
#main-cage #brand-choice dt { margin:15px 0px; text-align:center; }
#main-cage #brand-choice dd { margin:15px; padding:10px; text-align:left; }


#main-cage #area { width:600px; }
#main-cage #area li { margin-left:20px; padding:5px 20px; display:block; width:100px; float:left; list-style-type:none; list-style-image:url(../../classroom/img/yaji_blue.gif) }
#main-cage #area li a { width:100%; height:100%;display:block; font-size:15px; color:#333333; }

#main-cage .wide-column .el-title { width:700px; height:50px; background:url("../../course/summer/img/el-youkou_title.gif") no-repeat; display:block; text-indent:-9999px; }

#main-cage .wide-column .jh-title { width:700px; height:50px; background:url("../../course/summer/img/jh-youkou_title.gif") no-repeat; display:block; text-indent:-9999px; }

#main-cage .wide-column .hi-title { width:700px; height:50px; background:url("../../course/summer/img/hi-youkou_title.gif") no-repeat; display:block; text-indent:-9999px; }



#main-cage .wide-column h4 { font-size:16px; font-weight:bold; color:#333333;margin:20px 0 10px 15px; padding:3px 0px 3px 10px; background:#F7F7F7; border-left:solid 10px #0099FF; }

#main-cage .wide-column table { width:600px; margin:5px 50px; border:solid 1px #003366; border-collapse:separate; border-spacing:1px; font-size:12px; }

#main-cage .wide-column th { padding:8px; background:#003366; color:#FFFFFF; border:solid 1px #003366; text-align:center; }
#main-cage .wide-column td { padding:8px; background:#FFFFFF; border:solid 1px #003366; }
#main-cage .wide-column td.course { width:160px; }

#main-cage .wide-column p.gaikan { float:left; }
#main-cage .wide-column p.map { float:left; }

#main-cage #notes { width:650px; display:block; border:solid 1px #CCCCCC; margin:10px auto; padding:0; }
#main-cage #notes .notes-header { width:20px; height:150px; background:url("../../classroom/img/icon/course.gif") no-repeat #CCCCCC; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ float:left; }
#main-cage #notes .left-column { width:284px; padding:5px 10px; font-size:0.7em; margin:0; background:none; float:left; line-height:1.6; }
#main-cage #notes .left-column a { color:#0066CC; }
#main-cage #notes .right-column { width:284px; padding:5px 10px; font-size:0.7em; margin:0; background:none; float:left; line-height:1.6; }
#main-cage #notes .right-column a { color:#0066CC; }