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

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

#main-cage h2 { width:740px; height:120px; background:url("../img/title-h2_bg.gif") no-repeat; text-indent:-9999px; margin:0; padding:0; }
#main-cage h3 { font-size:1.0em; font-weight:bold; color:#FFFFFF; line-height:1.4; margin:5px; padding:5px; background-color:#0099FF; }

#main-cage .left-column { width:360px; float:left; }
#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 { font-size:1.0em; font-weight:bold; color:#FFFFFF; line-height:1.4; margin:0; padding:5px; background-color:#0099FF; }
#main-cage /*.left-column*/ h4 { font-size:1.0em; font-weight:bold; color:#333333; line-height:1.4; margin:5px 5px 5px 10px; padding:5px 5px 5px 10px; border-left:solid 10px #666666; }
#main-cage .left-column ol { margin-left:25px; list-style-type:decimal; }
#main-cage .left-column ol li { list-style-position:outside; line-height:1.4; font-size:0.8em; color:#333333; }

#main-cage .left-column div.nagare01 { width:350px; display:block; margin:0 0 0 5px; padding-bottom:20px; background:url(../img/nagare-bg01.gif) no-repeat bottom; }
#main-cage .left-column div.nagare01 h4 { width:350px; height:30px; display:block; margin:0 0 5px 0; padding:0; border:none; background:url(../img/nagare01_h4-bg.gif) no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/}
#main-cage .left-column div.nagare01 h5 { display:block; margin:10px 10px 0 15px; font-size:0.9em; font-weight:bold; color:#333333; } 
#main-cage .left-column div.nagare01 p { font-size:0.8em; line-height:1.2; color:#006666; margin:5px 10px 5px 15px; }

#main-cage .left-column div.nagare02 { width:350px; display:block; margin:0 0 0 5px; padding-bottom:20px; background:url(../img/nagare-bg01.gif) no-repeat bottom; }
#main-cage .left-column div.nagare02 h4 { width:350px; height:30px; display:block; margin:0 0 10px 0; padding:0; border:none; background:url(../img/nagare02_h4-bg.gif) no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/}
#main-cage .left-column div.nagare02 h5 { display:block; margin:15px 10px 5px 15px; font-size:0.9em; font-weight:bold; color:#333333; } 
#main-cage .left-column div.nagare02 p { font-size:0.8em; line-height:1.3; color:#006666; margin:5px 10px 15px 15px; }

#main-cage .left-column div.nagare03 { width:350px; display:block; margin:0 0 0 5px; padding-bottom:5px; background:url(../img/nagare-bg02.gif) no-repeat bottom; }
#main-cage .left-column div.nagare03 h4 { width:350px; height:30px; display:block; margin:0 0 10px 0; padding:0; border:none; background:url(../img/nagare01_h4-bg.gif) no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/}
#main-cage .left-column div.nagare03 h5 { display:block; margin:15px 10px 5px 15px; font-size:0.9em; font-weight:bold; color:#333333; } 
#main-cage .left-column div.nagare03 p { font-size:0.8em; line-height:1.3; color:#006666; margin:5px 10px 15px 15px; }


#main-cage .right-column { width:300px; float:right; margin:0 5px 0 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:70px; margin:10px auto; list-style-type:none; display:block; }
#main-cage .right-column li a { width:100%; height:100%; background:url("../img/btn.jpg") no-repeat; display:block; text-indent:-9999px;
/*\*/
overflow:hidden;
/*\*/ }

.right-column li#el_youkou_btn a{ background:url("../img/btn.jpg") no-repeat 0px 0px; }
.right-column li#el_youkou_btn a:hover{ background:url("../img/btn.jpg") no-repeat -300px 0px; }

.right-column li#jh_youkou_btn a{ background:url("../img/btn.jpg") no-repeat 0px -70px; }
.right-column li#jh_youkou_btn a:hover{ background:url("../img/btn.jpg") no-repeat -300px -70px; }

.right-column li#hi_youkou_btn a{ background:url("../img/btn.jpg") no-repeat 0px -140px; }
.right-column li#hi_youkou_btn a:hover{ background:url("../img/btn.jpg") no-repeat -300px -140px; }


#main-cage .wide-column { width:700px; float:right; margin:5px; }
#main-cage .wide-column p { margin:5px 15px; font-size:0.9em; color:#000000; line-height:1.6; line-break:strict; }


/*小学生用*/
#main-cage .el h3 { width:700px; height:50px; margin:10px 0; padding:0; background:url("../img/el-youkou_title.gif") no-repeat; display:block; text-indent:-9999px; }
#main-cage .el h4 { font-size:1.1em; font-weight:bold; color:#333333; line-height:1.4; margin:20px 15px 10px 15px; padding:7px 0px 7px 10px; background:#F7F7F7; border-left:solid 10px #0099FF; display:block; }
#main-cage .el h5 { font-size:1.3em; font-weight:bold; color:#333333; margin:10px 15px 5px 15px; padding:0 0 5px 5px; border-bottom:solid 1px #666666; }
#main-cage .el h5 span { font-size:0.6em; font-weight:normal; }

#main-cage .el p { margin:5px 10px 10px 20px; font-size:0.8em; color:#333333; line-height:1.4; }
#main-cage .el p strong { font-size:1.1em; font-weight:bold; color:#0066CC; }
#main-cage .el p.add-course { font-size:0.8em; margin:10px 50px; display:block; line-height:1.6; }
#main-cage .el p.add-course span { font-weight:bold; color:#0066CC; }

#main-cage .el img { display:block; float:right; margin: 0 10px 0 15px; }

#main-cage .el table { width:600px; margin:5px 50px; border:solid 1px #003366; border-collapse:collapse; font-size:0.8em; display:block; }
#main-cage .el th { width:120px; padding:8px; background:url("../img/el-th_bg.jpg") bottom repeat-x; color:#FFFFFF; border:solid 1px #003366; text-align:center; }
#main-cage .el td { padding:8px; background:#FFFFFF; border:solid 1px #003366; }

#main-cage .el table.fig { width:400px; border:solid 1px #CCCCCC; display:block; margin:10px 10px 10px 20px; }
#main-cage .el table.fig th { width:120px; background:#F5F5F5; font-size:0.9em; color:#333333; text-align:center; border-bottom:solid 1px #CCCCCC; border-width:0 0 1px 0; }
#main-cage .el table.fig td { font-size:0.9em; color:#333333; border-bottom:solid 1px #CCCCCC; border-width:0 0 1px 0; }

#main-cage .el dl { width:600px; border:solid 1px #CCCCCC; display:block; margin:10px auto; }
#main-cage .el dl dt { width:100px; font-size:0.9em; font-weight:bold; color:#333333; text-align:center; background:#F5F5F5; float:left; display:block; padding:7px; border-bottom:solid 1px #CCCCCC; }
#main-cage .el dl dd { width:460px; font-size:0.9em; color:#333333; float:left; display:block; padding:7px; border-bottom:solid 1px #CCCCCC; }

#main-cage .el .banner { width:650px; display:block; margin:15px auto; }

#main-cage .el a.banner-gun { width:580px; height:90px; display:block; margin:15px auto; background:url(../img/el_gun_banner.gif) no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }


/*中学生用*/
#main-cage .jh h3 { width:700px; height:50px; margin:10px 0; padding:0; background:url("../img/jh-youkou_title.gif") no-repeat; display:block; text-indent:-9999px; }
#main-cage .jh h4 { font-size:1.1em; font-weight:bold; color:#333333; line-height:1.4; margin:20px 15px 10px 15px; padding:7px 0px 7px 10px; background:#F7F7F7; border-left:solid 10px #0099FF; display:block; }
#main-cage .jh h5 { font-size:1.3em; font-weight:bold; color:#333333; margin:10px 15px 5px 15px; padding:0 0 5px 5px; border-bottom:solid 1px #666666; }
#main-cage .jh h5 span { font-size:0.8em; font-weight:normal; }

#main-cage .jh p { margin:5px 10px 10px 20px; font-size:0.8em; color:#333333; line-height:1.4; }
#main-cage .jh p strong { font-size:1.1em; font-weight:bold; color:#0066CC; }

#main-cage .jh img { display:block; float:right; margin: 0 10px 0 15px; }

#main-cage .jh table { width:600px; margin:5px 50px; border:solid 1px #003366; border-collapse:collapse; font-size:0.8em; display:block; }
#main-cage .jh th { width:120px; padding:8px; background:url("../img/el-th_bg.jpg") bottom repeat-x; color:#FFFFFF; border:solid 1px #003366; text-align:center; }
#main-cage .jh td { padding:8px; background:#FFFFFF; border:solid 1px #003366; }

#main-cage .jh table.fig { width:400px; border:solid 1px #CCCCCC; display:block; margin:10px 10px 10px 20px; }
#main-cage .jh table.fig th { width:120px; background:#F5F5F5; font-size:0.9em; color:#333333; text-align:center; border-bottom:solid 1px #CCCCCC; border-width:0 0 1px 0; }
#main-cage .jh table.fig td { font-size:0.9em; color:#333333; border-bottom:solid 1px #CCCCCC; border-width:0 0 1px 0; }

#main-cage .jh dl { width:600px; border:solid 1px #CCCCCC; display:block; margin:10px auto; }
#main-cage .jh dl dt { width:100px; font-size:0.9em; font-weight:bold; color:#333333; text-align:center; background:#F5F5F5; float:left; display:block; padding:7px; border-bottom:solid 1px #CCCCCC; }
#main-cage .jh dl dd { width:460px; font-size:0.9em; color:#333333; float:left; display:block; padding:7px; border-bottom:solid 1px #CCCCCC; }

#main-cage .jh a.pg-btn { clear:both; }
#main-cage .jh a.pg-btn img { float:none; display:block; margin:10px auto; }


/*高校生用*/
#main-cage .hi div.wing { display:block; width:700px; height:200px; background:url(../img/wingNet.jpg) no-repeat; }
#main-cage .hi div.wing a { width:100%; height:100%; display:block; text-indent:-9999px; }

#main-cage .hi h3 { width:700px; height:50px; margin:10px 0; padding:0; background:url("../img/hi-youkou_title.gif") no-repeat; display:block; text-indent:-9999px; }
#main-cage .hi h4 { font-size:1.1em; font-weight:bold; color:#333333; line-height:1.4; margin:20px 15px 10px 15px; padding:7px 0px 7px 10px; background:#F7F7F7; border-left:solid 10px #0099FF; display:block; }
#main-cage .hi h5 { font-size:1.3em; font-weight:bold; color:#333333; margin:10px 15px 5px 15px; padding:0 0 5px 5px; border-bottom:solid 1px #666666; }

#main-cage .hi p { margin:5px 10px 10px 20px; font-size:0.8em; color:#333333; line-height:1.4; }
#main-cage .hi p strong { font-size:1.1em; font-weight:bold; color:#0066CC; }

#main-cage .hi img { display:block; float:right; margin: 0 10px 0 15px; }

#main-cage .hi table { width:600px; margin:5px 50px; border:solid 1px #003366; border-collapse:collapse; font-size:0.8em; display:block; }
#main-cage .hi th { width:120px; padding:8px; background:url("../img/el-th_bg.jpg") bottom repeat-x; color:#FFFFFF; border:solid 1px #003366; text-align:center; }
#main-cage .hi td { padding:8px; background:#FFFFFF; border:solid 1px #003366; }

#main-cage .hi table.fig { width:400px; border:solid 1px #CCCCCC; display:block; margin:10px 10px 10px 20px; }
#main-cage .hi table.fig th { width:120px; background:#F5F5F5; font-size:0.9em; color:#333333; text-align:center; border-bottom:solid 1px #CCCCCC; border-width:0 0 1px 0; }
#main-cage .hi table.fig td { font-size:0.9em; color:#333333; border-bottom:solid 1px #CCCCCC; border-width:0 0 1px 0; }

#main-cage .hi dl { width:600px; border:solid 1px #CCCCCC; display:block; margin:10px auto; }
#main-cage .hi dl dt { width:100px; font-size:0.9em; font-weight:bold; color:#333333; text-align:center; background:#F5F5F5; float:left; display:block; padding:7px; border-bottom:solid 1px #CCCCCC; }
#main-cage .hi dl dd { width:460px; font-size:0.9em; color:#333333; float:left; display:block; padding:7px; border-bottom:solid 1px #CCCCCC; }


/*説明会日程*/
#main-cage .briefing ul { margin:15px; list-style-type:circle; }
#main-cage .briefing ul li { font-size:0.9em; color:#333333; line-height:1.4; list-style-position:outside; margin:5px 10px 5px 20px; }
#main-cage .briefing ul li span { font-weight:bold; }

#main-cage .right-column img.qr { display:block; margin:15px auto; border:solid 1px #000000; }

/**/
/*汎用ボタン＝申込・資料請求*/
#main-cage .wide-column .inquiry-button { width:240px; height:40px; display:block; margin:15px auto;!important }
#main-cage .wide-column .inquiry-button a { width:100%; height:100%; display:block; background:url("../img/hanyou_btn2.jpg") no-repeat 0px -200px;
text-indent:-9999px;
/*\*/
overflow: hidden;
/*\*/ }
#main-cage .wide-column .inquiry-button a:hover { background-position:-240px -200px; }

#main-cage .wide-column .inquiry-button2 { width:240px; height:40px; display:block; }
#main-cage .wide-column .inquiry-button2 a { width:100%; height:100%; display:block; background:url("../img/hanyou_btn2.jpg") no-repeat 0px -200px;
text-indent:-9999px;
/*\*/
overflow: hidden;
/*\*/ }
#main-cage .wide-column .inquiry-button2 a:hover { background-position:-240px -200px; }

.wide-column p.guide { width:300px; height:40px; display:block; }
.wide-column p.guide a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("../img/btn-guide.gif") no-repeat 0px 0px; }
.wide-column p.guide a:hover { background:url("../img/btn-guide.gif") 0px -40px; }

.wide-column p.guide2 { width:300px; height:40px; display:block; }
.wide-column p.guide2 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("../img/btn-guide_winter.gif") no-repeat 0px 0px; }
.wide-column p.guide2 a:hover { background:url("../img/btn-guide_winter.gif") 0px -40px; }

.wide-column a.curriculum { display:block; margin:5px 0 15px 50px; color:#FF6600; font-size:0.9em; } 

div.toudai-master { width:240px; height:40px; display:block; margin:30px 15px 15px 100px; float:left; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("../img/toudai-master.gif") no-repeat 0px 0px; }
div.toudai-master a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("../img/toudai-master.gif") no-repeat 0px 0px; }
div.toudai-master a:hover { background:url("../img/toudai-master.gif") 0px -40px; }

div.wing-net { width:242px; height:124px; display:block; float:left; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("../img/wing-net.gif") no-repeat 0px 0px; }
div.wing-net a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("../img/wing-net.gif") no-repeat 0px 0px; }
div.wing-net a:hover { background:url("../img/wing-net.gif") 0px -124px; }

a.wing-panf { width:340px; height:40px; display:block; margin:10px auto; clear:both; }

a.back2top { display:block; width:250px; height:40px; margin:15px 0; background:url(../img/back2top_btn.gif) no-repeat 0px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
a.back2top:hover { background:url(../img/back2top_btn.gif) no-repeat 0px -40px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }