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

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

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

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

.menu #pm0 a { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:0px 0px;  }
.menu #pm0 a:hover { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:0px -30px; }

.menu #pm1 a { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-90px 0px;  }
.menu #pm1 a:hover { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-90px -30px; }

.menu #pm2 a { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-180px 0px;  }
.menu #pm2 a:hover { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-180px -30px; }

.menu #pm3 a { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-270px 0px;  }
.menu #pm3 a:hover { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-270px -30px; }

.menu #pm4 a { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-360px 0px;  }
.menu #pm4 a:hover { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-360px -30px; }

.menu #pm5 a { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-450px 0px;  }
.menu #pm5 a:hover { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-450px -30px; }

.menu #pm6 a { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-540px 0px;  }
.menu #pm6 a:hover { background:url("../img/menu-kobetsu.jpg") no-repeat; background-position:-540px -30px; }

.menu li#pm10 { width:340px; height:30px; display:block; float:left; list-style-type:none; margin:5px 0; }
.menu li#pm10 a { background:url(../img/menu-keizoku.gif) 0px 0px no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.menu li#pm10 a:hover { background:url(../img/menu-keizoku.gif) 0px -30px no-repeat; }

.menu li#pm11 { width:340px; height:30px; display:block; float:left; list-style-type:none; margin:5px 0; }
.menu li#pm11 a { background:url(../img/menu-kosyu.gif) 0px 0px no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.menu li#pm11 a:hover { background:url(../img/menu-kosyu.gif) 0px -30px no-repeat; }


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


#main-cage dl { width:165px; display:block; border:solid 1px #CCCCCC; background:#F5F5F5; float:left; margin:10px 5px; }
#main-cage dl dd { font-size:0.8em; font-weight:bold; color:#FF6600; margin:3px; }
#main-cage dl dd span { display:block; font-size:2.0em; font-weight:bold; color:#FFFFFF; background:#666666; margin:2px; padding:2px; float:left; font:"Courier New", Courier, mono; }
#main-cage dl dt { font-size:0.8em; color:#333333; display:block; margin:3px; line-height:1.4; }
#main-cage dl dt img { display:block; margin:5px auto; }

#main-cage img.right-float { float:right; display:block; margin:5px 0 5px 10px; width:auto; }
#main-cage img.right-float2 { width:200px; float:right; display:block; margin:5px 0 5px 10px; }


#main-cage .wide-column { width:720px; margin:10px auto; }
#main-cage .left-column { width:350px; float:left; }
#main-cage .right-column { width:350px; float:left; margin-left:15px; }


#main-cage .wide-column h3 { margin:20px 5px 5px 5px; padding:0px 0px 3px 3px; border-bottom:solid 1px #003366; font-size:1.3em; color:#0099FF; }
#main-cage .wide-column h3 span { font-size:0.7em; font-weight:normal; }
#main-cage .wide-column h4 { font-size:1.0em; color:#333333; margin-left:15px; background:#F5F5F5; padding:7px 7px 7px 13px; border-left:solid 10px #0066CC; }
#main-cage .wide-column h4.accordion_toggle { width:670px; height:30px; display:block; cursor: pointer; font-weight:bold; color:#333333; margin-left:15px; padding:9px 0px 7px 30px; background:url("../img/winter-h4-bg.gif") no-repeat; border:none; }
#main-cage .wide-column h4 span { font-size:0.7em; font-weight:normal; color:#333333; }
#main-cage .wide-column h5 { font-size:0.9em; font-weight:bold; color:#FF6600; margin:5px 0 5px 20px; }
#main-cage .wide-column p {
	margin:5px 5px 10px 20px;
	font-size:0.9em;
	color:#000000;
	line-height:1.6;
	line-break:strict;
}
#main-cage .wide-column p.course-fig { font-size:0.9em; font-weight:bold; }
#main-cage .wide-column p.course-fig span { display:block; color:#333333; font-weight:normal; font-size:0.8em; }

#main-cage .wide-column table.timetable { width:300px; margin:10px auto; border:solid 1px #CCCCCC; }
#main-cage table { margin:10px 10px 10px 60px; border:solid 1px #CCCCCC; }
#main-cage .wide-column th { padding:3px 5px; font-size:0.9em; font-weight:bold; color:#FFFFFF; text-align:center; background:url("../img/winter_table_th-bg.jpg") repeat-x bottom #ACD6FF; }
#main-cage .wide-column td { padding:3px 5px; font-size:0.8em; color:#333333; text-align:center; border:solid 1px #eeeeee; background:url("../img/winter_table_td-bg.jpg") repeat-x bottom #F6F6F6; }


#main-cage .wide-column ul { display:block; margin:5px 0 5px 20px; }
#main-cage .wide-column ul li { margin:5px 0 12px 5px; font-size:0.9em; color:#333333; line-height:1.4; list-style-type:none; list-style-position:outside; }
#main-cage .wide-column ul li span { background:#0099FF; color:#FFFFFF; display:inline; padding:3px; margin-right:5px; width:30px; text-align:center; font-size:0.9em; font-weight:bold; }