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

/* 全体幅900px */
/* コンテンツ幅880px */


#bg_top {
	height:auto; 
	background:url(../images/bg_top.gif) no-repeat top center;
	} 

.white_bg {
	background-color:#FFFFFF;
	}
	 
#boxArea {
	height: auto;
	width:880px;
	text-align:left;
	} 
div#boxArea div{
	float:left;
	} 

div#boxArea02 {  
	height: auto;
	width:880px;
	text-align:left;
	}

.boxArea03 {
	width:232px;
	float:left;
	}

	
#boxArea05 {
	float:right;
	position:relative;
	height:253px;
	width:633px;
	margin-bottom:20px;
	}	
#boxArea06 {
	float:right;
	position:relative;
	height:450px;
	width:633px;
	margin-bottom:15px;
	}	


#one {
	width:232px; 
	margin-right:15px; 
	text-align:left;
	}
div#one div.scr {
	width:232px;
	height:220px;
	overflow:auto;
	}
div#one div.list {
	clear:both;
	width:200px;
	margin:0; 
	padding:5px 7px; 
	border-bottom:#999999 1px dotted;
	height:auto;
	}
		
#two {
	width:232px;
	height:253px;
	position:absolute;
	left:0;
	top:0;
	}
	
#three {
	width:386px; 
	position:absolute;
	right:0;
	top:0;
	}
	
div#three div.scr {
	width:386px;
	height:220px;
	overflow:auto;
	}
div#three div.list2 {
	clear:both;
	width:345px;
	margin:0; 
	padding:5px 10px; 
	border-bottom:#999999 1px dotted;
	height:auto;
	}
		
#four {
	width:232px; 
	text-align:left;
	}
#four p.fm {margin:0 5px; padding:5px; text-align:center;}
#four p.con {margin:5px; text-align:center;}
	
#five {
	width:232px; 
	text-align:left;
	margin:10px 0;
	}
	
#six {
	width:232px; 
	text-align:left;
	}
	#six div.rank4 {width:20px; margin-right:8px;}
	#six div.rank5 {width:180px;}
	div#six div.list3 {
	clear:both;
	width:212px;
	margin:0; 
	padding:5px 10px; 
	border-bottom:#999999 1px dotted;
	height:auto;
	}

#seven {
	position:absolute;
	top:0;
	left:0;
	width:309px;
	height:165px;
	text-align:left; 
	}
	
#eight {
	position:absolute;
	top:180px;
	left:0;
	width:289px; 
	text-align:center;
	padding:10px;
	}
	
#nine {
	position:absolute;
	top:0;
	right:0;
	width:309px;
	text-align:left;
	overflow:hidden;
	}
div#nine div.scr2 {
	width:309px;
	height:400px;  /* 600px*/
	overflow:auto;
	}
div#nine div.list4 {
	clear:both;
	width:270px;
	margin:0; 
	padding:5px 10px; 
	border-bottom:#999999 1px dotted;
	height:auto;
	}

.read {
	margin:0 10px; 
	padding:8px 0;
	font-size:10px;
	color:#666666;
	line-height:15px;
	font-weight:bold;
	border-bottom:#999999 1px solid;
	}

.list2 {
	clear:both;
	margin:0; 
	padding:8px 10px; 
	border-bottom:#999999 1px dotted;
	height:auto;
	}
#openCampus{
	width:633px;
	height:254px;
	background-color:#FFFEEE;
}
#openCampus h2{
	width:633px;
	height:33px;
	background:url(../images/oc_title.gif) no-repeat;
	text-indent:-6789px;
	overflow:hidden;
}
#openCampus h2 a{
	display:block;
}

#openCampus h3{
	color:#ED287B;
	background:url(../images/oc_mark.gif) no-repeat;
	padding-left:17px;
	font-weight:bold;
	line-height:15px;
	margin-bottom:5px;
}
#openCampus p.mapExp{
	font-size:10px
}
#openCampus div.leftBox{
	width:265px;
	padding:10px 0 0 10px;
	float:left;
}
#openCampus div.rightBox{
	width:330px;
	padding:10px 0 0 20px;
}
#openCampus div.mapArea{
	background:url(../images/oc_map.gif) no-repeat;
	width:330px;
	height:190px;
	position:relative;
}
#openCampus p.mapExp{
	font-size:10px;
	color:#666666;
	line-height:15px;
	font-weight:bold;
	display:inline;
	}
.hokkai{
	position:absolute;
	top:0px;
	right:10px;
	width:65px;
	height:20px;
}
.tohoku{
	position:absolute;
	top:85px;
	right:5px;
	width:65px;
	height:20px;
}
.kanto{
	position:absolute;
	bottom:36px;
	right:15px;
	width:65px;
	height:20px;
}
.sinetu{
	position:absolute;
	top:55px;
	left:167px;
	width:60px;
	height:30px;
}
.tokai{
	position:absolute;
	bottom:5px;
	left:160px;
	width:65px;
	height:20px;
}
.kansai{
	position:absolute;
	top:76px;
	left:110px;
	width:55px;
	height:20px;
}
.shikoku{
	position:absolute;
	bottom:10px;
	left:77px;
	width:55px;
	height:20px;
}
.chugoku{
	position:absolute;
	top:78px;
	left:45px;
	width:60px;
	height:20px;
}
.kyushu{
	position:absolute;
	bottom:2px;
	left:0px;
	width:75px;
	height:20px;
}

.hokkai,
.tohoku,
.kanto,
.sinetu,
.tokai,
.kansai,
.shikoku,
.chugoku,
.kyushu{
	text-indent:-6543px;
	overflow:hidden;
	display:block;
	background:inherit
	}


.numMap{
	text-align:center;
	color:#FFF;
	font-size:10px;
	line-height:15px;
	position:absolute;
	width:4em;
}
#openCampus div.rightBox a{
	color:#FFF;
}
.numhokkai{
	top:27px;
	right:55px;
}
.numtohoku{
	top:73px;
	right:60px;
}
.numkanto{
	bottom:52px;
	right:75px;
}
.numsinetu{
	top:99px;
	left:179px;
}
.numtokai{
	bottom:43px;
	left:153px;
}
.numkansai{
	top:114px;
	left:123px;
}
.numshikoku{
	bottom:39px;
	left:76px;
}
.numchugoku{
	top:112px;
	left:86px;
}
.numkyushu{
	bottom:52px;
	left:40px;
}

.calender{
	background-color:#FFF;
	border-left:1px solid #A6A8AB;
	border-top:1px solid #A6A8AB;
	margin-top:5px;
}
.calender th, .calender td{
	text-align:center;
	font-size:10px;
	padding:3px;
	border-bottom:1px solid #A6A8AB;
	border-right:1px solid #A6A8AB;
	color:#403F41;
	}
.calender td.act{
	background:center url(../images/oc_circleYellow.gif) no-repeat;
	}



.calender th{
	background-color:#F2F2F2;
}
.calender th.sunday{
	background-color:#F76973;
	color:#FFF;
}
.calender th.saturday{
	background-color:#25A9E0;
	color:#FFF;
}
#openCampus ul#tab{
	margin:0;
	padding:0;
	display:inline;
}
#openCampus ul#tab li{
	display:inline;
	font-size:12px;
	float:left;
	text-align:center;
}
#openCampus ul#tab a{
	display:block;
	width:85px;
}
	
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   line-height: 0;
}
.clearfix {
	display: inline-block;
	min-height:1%;
	}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


#openCampus .selected{
	background-color:#1A75BB;
	font-weight:bold;
}
#openCampus .selected a{
	color:#FFF;
}