@charset "UTF-8";

/*
**********************************************************************

* site.css

* site name   : http://ex-open.com/
* description : Site Page styles
* since       : 2008-06-09
* editor      : Tooru Ehara 
* modified    : 
* editor      :

*********************************************************************
*/


/*
===== CONTENTS ===========================================

  1: Main Body styles
  2: ClassRoom styles

==========================================================
*/

/*
*********************************************************************

* 1: Main Body styles

*********************************************************************
*/
div#Contents h1{
background:url("../img/site/ttl_site.gif") 0 0 no-repeat;
}
ul#Prefecture{
background:url("../img/site/bg_site.jpg") 0 0 no-repeat;
position:relative;
width: 534px;
height:348px;
margin:0 auto 20px;
}
ul#Prefecture li{
position:absolute;
text-indent:-999em;
}
ul#Prefecture li a{
background:url("../img/site/bg_site.jpg") 0 0 no-repeat;
display:block;
overflow:hidden;
width:100%;
height:100%;
}
ul#Prefecture li.hokkaido{
top: 79px;
left:68px;
width:61px;
height:26px;
}
ul#Prefecture li.hokkaido a{
background-position:-68px -79px;
}
ul#Prefecture li.hokkaido a:hover{
background-position:-68px -427px;
}
ul#Prefecture li.ishikawa{
top:44px;
left:352px;
width:57px;
height:50px;
}
ul#Prefecture li.ishikawa a{
background-position:-352px -44px;
}
ul#Prefecture li.ishikawa a:hover{
background-position:-352px -392px;
}
ul#Prefecture li.toyama {
top: 34px;
left:435px;
width:57px;
height:37px;
}
ul#Prefecture li.toyama a{
background-position:-435px -34px;
}
ul#Prefecture li.toyama a:hover{
background-position:-435px -382px;
}
ul#Prefecture li.gihu {
top: 102px;
left:422px;
width:57px;
height:37px;
}
ul#Prefecture li.gihu a{
background-position:-422px -102px;
}
ul#Prefecture li.gihu a:hover{
background-position:-422px -450px;
}
ul#Prefecture li.aichi {
top: 162px;
left:431px;
width:65px;
height:37px;
}
ul#Prefecture li.aichi a{
background-position:-431px -162px;
}
ul#Prefecture li.aichi a:hover{
background-position:-431px -510px;
}
ul#Prefecture li.mie {
top: 194px;
left:386px;
width:66px;
height:35px;
}
ul#Prefecture li.mie a{
background-position:-386px -194px;
}
ul#Prefecture li.mie a:hover{
background-position:-386px -542px;
}
ul#Prefecture li.hukui {
top: 84px;
left:331px;
width:54px;
height:44px;
}
ul#Prefecture li.hukui a{
background-position:-331px -84px;
}
ul#Prefecture li.hukui a:hover{
background-position:-331px -432px;
}
ul#Prefecture li.hyogo {
top:132px;
left:267px;
width:57px;
height:49px;
}
ul#Prefecture li.hyogo a{
background-position:-267px -132px;
}
ul#Prefecture li.hyogo a:hover{
background-position:-267px -480px;
}
ul#Prefecture li.yamaguchi {
top: 176px;
left: 119px;
width:57px;
height:48px;
}
ul#Prefecture li.yamaguchi a{
background-position:-119px -176px;
}
ul#Prefecture li.yamaguchi a:hover{
background-position:-119px -524px;
}
ul#Prefecture li.hukuoka {
top: 217px;
left:50px;
width:61px;
height:41px;
}
ul#Prefecture li.hukuoka a{
background-position:-50px -217px;
}
ul#Prefecture li.hukuoka a:hover{
background-position:-50px -565px;
}
ul#Prefecture li.nagasaki {
top: 260px;
left:16px;
width:45px;
height:44px;
}
ul#Prefecture li.nagasaki a{
background-position:-16px -260px;
}
ul#Prefecture li.nagasaki a:hover{
background-position:-16px -608px;
}
ul#Prefecture li.kumamoto {
top: 274px;
left:106px;
width:57px;
height:40px;
}
ul#Prefecture li.kumamoto a{
background-position:-106px -274px;
}
ul#Prefecture li.kumamoto a:hover{
background-position:-106px -622px;
}
div#Contents dl{
margin:0 15px 10px;
}
div#Contents h3{
font-size:120%;
font-weight:bold;
color:#333333;
text-align:left;
margin:0 15px 7px;
}
div#Contents dt{
float:left;
clear:left;
width:60px;
margin-bottom:7px;
}
div#Contents dd{
padding:0 0 0 60px;
margin-bottom:7px;
}
div#Contents dd.even{
background:#F3F5F2;
}
div#Contents dd a{
/*font-weight:bold;*/
padding-right:0.5em;
}

div#Contents .summary dt{
background:#e90000;
color:#ffffff;
font-weight:bold;
text-align:center;
}
div#Contents .summary dd{
padding-left:70px;
}
/*
*********************************************************************

* 2: ClassRoom styles

*********************************************************************
*/
div#Contents h3.index{
border-left:1px solid #DB0204;
margin:0 15px 15px;
padding-left:10px;
text-align:left;
}
div.block{
padding-bottom:20px;
margin:0 16px 10px;
}
div.block p.img{
float:right;
width:250px;
}
div.block table a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:15px;
}
div.block table{
font-size:90%;
float:leftt;
border-left:none;
width:270px;
}
div.block th{
background:none;
border-right:none;
vertical-align:top;
text-align:left;
width:25%;
padding:5px 0;
}
div.block td{
border-right:none;
padding:5px 0;
}
div.block td p{
margin-bottom:10px;
}
div.block td strong{
background:#F2F5F3;
font-weight:normal;
padding:3px;
}
div.block td .headup{
font-size:90%;
color:#FF3300;
}
div#Contents p.bnr{
padding-left:130px;
width:350px;
}
ul.classroom{
	margin:0 25px 20px;
	width: 514px;
}
ul.classroom li{
	float:left;
	width:128px;
	margin-bottom:0px;
}
ul.classroom li.active{
}
ul.classroom li.active a{
background:url("../img/past/icn_arrow_gray.gif") 0 50% no-repeat;
font-weight:bold;
color:#E90000;
padding-left:10px;
}
table#Content{
width:534px;
padding-bottom:20px;
margin:0 15px 20px;
}
table#Content,
table#Content th,
table#Content td{
border-color:#FE9B00;
text-align:center;
}
table#Content thead th{
background:#FEC631;
}
table#Content td.grade{
background:#FFF2D2;
}
table#Content .day{
width:25%;
}
#cNav{
background:#FFF2D2;
padding:5px 0 5px 10px;
margin:0 15px 30px;
}
#cNav li{
display:inline;
margin-right:10px;
}
#cNav li a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
padding-left:15px;
}
.tablenote{
margin:0 10px 10px;
}
td .exam_title{
font-size:85%;
}