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

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

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

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

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

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

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

#main-cage h2.wing{ width:730px; height:80px; background:url("../../class/img/title-h2_bg_wing.jpg") no-repeat; text-indent:-9999px; margin:0; padding:0; }

#main-cage h3.hi { font-size:x-large; font-weight:bold; color:#333333; margin:10px; padding-bottom:3px; border-bottom:solid 1px #333333; }

#main-cage .center { margin:15px auto; display:block; }

#main-cage .wide-column { width:700px; float:right; margin:5px; }
#main-cage .wide-column h3 { margin:20px 5px 5px 5px; padding:0px 0px 3px 3px; border-bottom:solid 1px #000000; }
#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 h4.q { font-size:16px; font-weight:bold; color:#CC0000; margin:20px 0 10px 0px; padding:3px 0px 3px 0px; background:#FFFFFF; border:none; }
#main-cage .wide-column h4.q span { color:#FFFFFF; margin:5px; padding:5px; background:#CC0000; }

#main-cage .wide-column p { margin:5px 5px 10px 20px; font-size:13px; color:#000000; line-height:1.6; line-break:strict; }

#main-cage .wide-column img.right { width:360px; height:240px; display:block; margin:10px 0px 0px 15px; float:right; background:#FFFFFF; }

#main-cage .wide-column table.classroom { width:700px; margin:10px auto; }
#main-cage .wide-column .classroom th { padding:5px; background:#0066CC; color:#FFFFFF; }
#main-cage .wide-column .classroom td { padding:5px; background:#FFFFFF; border-bottom:dotted 1px #999999; font-size:small; }

#main-cage .wide-column table.wing { width:300px; margin:10px; font-size:0.8em; border-collapse: collapse; border-spacing: 0; float:left; }	

#main-cage .wide-column .wing th { width:100px; height:30px; padding:5px; background:#F5F5F5; color:#333333; border:solid 1px #CCCCCC; }
#main-cage .wide-column .wing td { padding:5px; background:#FFFFFF; border:solid 1px #CCCCCC; }
#main-cage .wide-column .wing span { display:block; padding:3px; background:#CC0000; font-size:9px; font-weight:normal; color:#FFFFFF; border:solid 1px #FFFFFF; }

#main-cage .menu { width:700px; margin-left:35px; }
.menu li { width:115px; height:60px; display:block; float:left; list-style-type:none; }
.menu li a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/ overflow:hidden;/*\*/ }

.menu #pm1 a { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:0px 0px;  }
.menu #pm1 a:hover { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:0px -60px; }

.menu #pm2 a { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-115px 0px;  }
.menu #pm2 a:hover { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-115px -60px; }

.menu #pm3 a { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-230px 0px;  }
.menu #pm3 a:hover { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-230px -60px; }

.menu #pm4 a { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-345px 0px;  }
.menu #pm4 a:hover { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-345px -60px; }

.menu #pm5 a { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-460px 0px;  }
.menu #pm5 a:hover { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-460px -60px; }

.menu #pm6 a { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-575px 0px;  }
.menu #pm6 a:hover { background:url("../../class/progress/img/menu-kobetsu.gif") no-repeat; background-position:-575px -60px; }



#main-cage .left-column { width:350px; margin-left:10px; float:left; }
#main-cage .left-column h3 { margin:10px 5px; padding:0px 0px 3px 3px; border-bottom:solid 1px #000000; }
#main-cage .left-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 .left-column h4 span { font-size:0.8em; font-weight:normal; color:#333333; }
#main-cage .left-column p { margin:5px 5px 10px 20px; font-size:13px; color:#000000; line-height:1.6; line-break:strict; }
#main-cage .left-column span.shikaku { padding:5px; color:#FF0000; border:solid 1px #FF0000; }
#main-cage .left-column strong { font-size:16px; font-weight:bold; color:#0066CC; }

#main-cage .left-column table { width:320px; margin:5px 15px; border:solid 2px #003366; border-collapse:collapse; border-spacing:1; font-size:12px; }
#main-cage .left-column th { padding:8px; background:#0099FF; color:#FFFFFF; border:solid 1px #003366; }
#main-cage .left-column td { padding:8px; background:#FFFFFF; border:solid 1px #003366; }
#main-cage .left-column td span { font-size:x-small; }

#main-cage .left-column .waku { height:200px; border:solid 1px #CCCCCC; background:#F5F5F5; margin-bottom:10px; }


#main-cage .right-column { width:360px; float:right; }

#main-cage .right-column img { margin:10px 15px; }

#main-cage .right-column table { width:320px; margin:5px 15px; border:solid 2px #003366; border-collapse:collapse; border-spacing:1; font-size:12px; }
#main-cage .right-column th { padding:8px; background:#0099FF; color:#FFFFFF; border:solid 1px #003366; }
#main-cage .right-column td { padding:8px; background:#FFFFFF; border:solid 1px #003366; }
#main-cage .right-column td span { font-size:x-small; }
#main-cage .right-column h3 { margin:10px 5px; padding:0px 0px 3px 3px; border-bottom:solid 1px #000000; }
#main-cage .right-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 .right-column p { margin:5px 5px 10px 20px; font-size:13px; color:#000000; line-height:1.6; line-break:strict; }

#main-cage .right-column .waku { height:200px; border:solid 1px #CCCCCC; background:#F5F5F5; margin-bottom:10px; }

p.download { width:400px; height:50px; margin:15px auto; display:block; }
p.download a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("../../class/z-master/img/btn_dl-pdf.gif") no-repeat 0px 0px; }
p.download a:hover { background: url("../../class/z-master/img/btn_dl-pdf.gif") 0px -50px; } 


#math { border:solid 1px #99CC00; background: #F1FCF8; }
#math h4 { background:none!important; border:none!important; color: #006666!important; }
#math h4 span { font-size:0.8em; }

#gungun { border:solid 1px #FF9900; background:#FFFFCC; }
#gungun h4 { background:none!important; border:none!important; color: #FF6600!important; }
#gungun h4 span { font-size:0.8em; }