@charset "utf-8";



/*------------- school Block -------------*/
#sBlock{
	margin:0 0 5px 0;
}
#schoolInfo{
	float:left;
	width:355px;
}
#sBlock #schoolMenu{
	float:right;
	width:180px;
}
#sBlock #schoolMenu img{
	padding:0 1px;
}
#sBlock #schoolMenu ul{
	padding:0;
	margin:0;
}
#sBlock #schoolMenu ul li{
	width:180px;
	height:25px;
	list-style-type:none;
	padding:0;
	margin:0 0 2px 0;
}
#sBlock #schoolMenu ul li a{
	display:block;
	width:180px;
	height:25px;
}
#sBlock #schoolMenu ul li p{
	visibility:hidden;
	font-size:1px;
}
#mPoint{background:transparent url(/school/images/menu_point_on.gif) no-repeat 0px 0px;}
#mPoint a{background:transparent url(/school/images/menu_point_off.gif) no-repeat 0px 0px;}
#mPoint a:hover{background:transparent url(/school/images/menu_point_on.gif) no-repeat 0px 0px;}
#mMood{background:transparent url(/school/images/menu_mood_on.gif) no-repeat 0px 0px;}
#mMood a{background:transparent url(/school/images/menu_mood_off.gif) no-repeat 0px 0px;}
#mMood a:hover{background:transparent url(/school/images/menu_mood_on.gif) no-repeat 0px 0px;}
#mPerch{background:transparent url(/school/images/menu_perch_on.gif) no-repeat 0px 0px;}
#mPerch a{background:transparent url(/school/images/menu_perch_off.gif) no-repeat 0px 0px;}
#mPerch a:hover{background:transparent url(/school/images/menu_perch_on.gif) no-repeat 0px 0px;}
#mFee{background:transparent url(/school/images/menu_fee_on.gif) no-repeat 0px 0px;}
#mFee a{background:transparent url(/school/images/menu_fee_off.gif) no-repeat 0px 0px;}
#mFee a:hover{background:transparent url(/school/images/menu_fee_on.gif) no-repeat 0px 0px;}
#mAccess{background:transparent url(/school/images/menu_access_on.gif) no-repeat 0px 0px;}
#mAccess a{background:transparent url(/school/images/menu_access_off.gif) no-repeat 0px 0px;}
#mAccess a:hover{background:transparent url(/school/images/menu_access_on.gif) no-repeat 0px 0px;}
#mInfo{background:transparent url(/school/images/menu_info_on.gif) no-repeat 0px 0px;}
#mInfo a{background:transparent url(/school/images/menu_info_off.gif) no-repeat 0px 0px;}
#mInfo a:hover{background:transparent url(/school/images/menu_info_on.gif) no-repeat 0px 0px;}

#schoolinfoBox{
	clear: both;
	border:1px solid #006600;
	color: #666666;
	background-color: #F5F9EF;
	padding:5px 5px 10px 5px;
	margin:4px 0 20px 0;
}



/*------------- Point Box -------------*/
#pointBlock{
	padding:0;
	margin:0 0 20px 0;
}
.pointBox{
	clear: both;
	border-bottom:1px dotted #EAEAEA;
	color: #666666;
	padding:10px;
	margin:0 0 10px 0;
}
.pointBox table td{
	line-height:160%;
	padding:0 5px;
	vertical-align:top;
}
.pointBox table td h5{
	font-size:12px;
	background: url(/images/bg_dt.gif) center left no-repeat;
	font-weight: bold;
	color: #006600;
	margin:0 0 5px 0;
	padding: 0 0 0 15px;
	}



/*------------- Mood Box -------------*/
#moodBlock{
	padding:0;
	margin:0 0 20px 0;
}
#moodBlock table td{
	text-align:center;
}



/*------------- perch Box -------------*/
#perchBlock{
	padding:0;
	margin:0 0 20px 0;
}
#perchBlock table td{
	width:123px;
	border:1px solid #006600;
	padding:5px;
	margin:0;
}
.item{
	color:#006600;
	background-color: #F5F9EF;
	font-weight:bold;
}
#perchpicBlock{
	padding:0;
	margin:0 0 20px 0;
}
#perchpicBlock table td{
	text-align:center;
}


/*------------- fee Box -------------*/
#feeBlock{
	padding:0;
	margin:0 0 20px 0;
}
#feeBlock table td{
	width:260px;
	border:1px solid #006600;
	padding:5px;
	margin:0;
}
#carfeeBlock{
	padding:0;
	margin:0 0 10px 0;
}
#carfeeBlock div#carTtl{
	background-image: url(/images/bg_h4.gif);
	background-repeat:no-repeat;
	height: 30px;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 30px;
}
#carfeeBlock table td{
	width:168px;
	text-align:center;
	border:1px solid #006600;
	padding:5px;
	margin:0;
}
#carfeeBlock table td.plusTD{
	width:334px;
}
#carfeeBlock table thead{
	background-color: #006600;
	color:#FFFFFF;
	padding:5px;
	margin:0;
}
#carfeeBlock table td strong{
	color:#FF9900;
}
#bikefeeBlock{
	padding:0;
	margin:0 0 10px 0;
}
#bikefeeBlock div#bikeTtl{
	background-image: url(/images/bg_h4.gif);
	background-repeat:no-repeat;
	height: 30px;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 30px;
}
#bikefeeBlock table td{
	width:168px;
	text-align:center;
	border:1px solid #006600;
	padding:5px;
	margin:0;
}
#bikefeeBlock table thead{
	background-color: #006600;
	color:#FFFFFF;
	padding:5px;
	margin:0;
}
#bikefeeBlock table td strong{
	color:#FF9900;
}

.courseBlock{
	padding:0;
	margin:0 0 20px 0;
}
.courseBlock table td{
	width:260px;
	border:1px solid #006600;
	padding:5px;
	margin:0;
}



/*------------- access Box -------------*/
#googleBlock{
	padding:0;
	margin:0 0 10px 0;
}
#googleBlock div#map {
	border:1px solid #979797;
	padding:0;
	margin:0;
	}
#googleBlock p{
	text-align:right;
	color:#CC3300;
}
#accessBlock{
	padding:0;
	margin:0 0 20px 0;
}
#accessBlock ul{
	margin:0 0 10px 20px;
}
#accessBlock ul li{
	padding:3px 0;
}
#accessBlock div#train{
	background: url(/school/images/icon_train.gif) center left no-repeat;
	padding:0 0 0 30px;
}
#accessBlock div#bus{
	background: url(/school/images/icon_bus.gif) center left no-repeat;
	padding:0 0 0 30px;
}




/*------------- info Box -------------*/
#baseBlock{
	padding:0;
	margin:0 0 30px 0;
}
#baseBlock table td{
	width:260px;
	border:1px solid #006600;
	padding:5px;
	margin:0;
}
#baseBlock table td ol{
	padding:0 0 0 35px;
	margin:0;
}



/*------------- school list Box -------------*/
#listTop{
	line-height:1.5em;
	padding:5px;
	margin:0 0 20px 0;
}
h4 {
	background-image: url(/school/images/bg_ph4.gif);
	background-repeat:no-repeat;
	height: 30px;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 33px;
}
.listBlock{
	padding:0;
	margin:0 0 20px 0;
}