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

/* for slider
--------------------------------------------------------------------*/
#mainCont #mainImage {
	margin: 0 0 25px 0;
}
.anythingSlider {
	width:737px; /* 画像の幅 + 80px */
	height:300px; /* 画像の高さ + 6px */
	position:relative;
	margin:0 auto;
}
.anythingSlider .wrapper {
	width:737px; /* 画像の幅 */
	height:300px; /* 画像の高さ + 6px */
	overflow:hidden;
	margin:0 auto; 
	padding:0;
	position:absolute;
	top:0; left:0;
}
.anythingSlider .wrapper ul {
	width:99999px;
	list-style:none;
	 position:absolute;
	 top:0; left:0;
	 margin:0;  padding:0;
}
.anythingSlider ul li {
	display:block;
	float:left;
	list-style:none;
	width:737px; height:300px; /* 画像サイズ */
	margin:0; padding:0;
}

.anythingSlider .arrowPrev {
	height:32px; width:32px;
	background: url(../img/top/btn_prev.png) no-repeat;
	background-position: 0 0;
	position:absolute;
	top:130px;
	left: -20px;
	cursor:pointer;
	text-indent: -9999em;
}
.anythingSlider .arrowNext {
	height:32px; width:32px;
	background: url(../img/top/btn_next.png) no-repeat;
	background-position: 0 0;
	position:absolute;
	top:130px;
	right: -20px;
	cursor:pointer;
	text-indent: -9999em;
}

/*				.anythingSlider .arrow {
					display:block;
					height:32px; width:32px;
					background: url(../img/top/btn_next.png) no-repeat 0 0;
					text-indent:-9999px;
					position:absolute;
					top:120px;
					cursor:pointer;
				}
*/
				.anythingSlider .forward { background-position:0 0; right:-20px; }
				.anythingSlider .back { background-position:-67px 0; left:-20px; }
				.anythingSlider .forward:hover { background-position:0 -200px; }
				.anythingSlider .back:hover { background-position:-67px -200px; }
				.anythingSlider a { text-decoration:none; }
				#thumbNav { position:relative; top:287px; text-align:center; display:none;}
				#thumbNav a {
					color:black;
					display:inline-block;
					margin:0 5px 0 0; padding:2px 8px;
					height:18px;
					background:#c58b04 url("img/ajax/cellshade.png") repeat-x;
					text-align:center;
					-moz-border-radius-bottomleft:5px;
					-moz-border-radius-bottomright:5px;
					-webkit-border-bottom-right-radius:5px;
					-webkit-border-bottom-left-radius:5px;
				}
				#thumbNav a:hover { background-image:none; }
				#thumbNav a.cur { background:#e0a213; }
				#start-stop {
					display: none;
					background:green;
					background-image:url("img/ajax/cellshade.png");
					background-repeat:repeat-x;
					color:white;
					padding:2px 5px;
					width:40px;
					text-align:center;
					position:absolute;
					right:45px; top:287px;
					-moz-border-radius-bottomleft:5px;
					-moz-border-radius-bottomright:5px;
					-webkit-border-bottom-right-radius:5px;
					-webkit-border-bottom-left-radius:5px;
				}
				#start-stop.playing { background-color:red; }
				#start-stop:hover { background-image:none; }
				/*
				  Prevents
				*/
				#textSlide { padding:20px 30px;}
				#textSlide h3 { font-size:150%; margin:0; padding:0; }
				#textSlide img { float:right; margin:10px 0 10px 10px; }
				#quoteSlide { padding:20px 30px;}
				#quoteSlide blockquote { color:#444; margin:0 0 10px 0; padding:30px; border:1px solid #e0a213; }
				#quoteSlide p { margin:10px 0 0 0; text-align:right; font-size:80%; }
				
/* for mainCont
--------------------------------------------------------------------*/
#mainCont .contIn {
}

#mainCont .contIn .contInLeft {
	width: 392px;
	float: left;
}

#mainCont #schoolMap {
	position: relative;
	border: 2px solid #FCDEAD;
	background-color: #FFFFFF;
	background-image: url(../img/top/schoolmap_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 358px;
	height: ;
	padding: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
}

#mainCont #schoolMap p.pop {
	position: absolute;
	top: -15px;
	left: -5px;
}

#mainCont #schoolMap table.map {
	margin-left: 5px;
}

#mainCont #schoolMap table.map td {
	vertical-align: top;
	padding-bottom: 5px;
	padding-left: 5px;
}

#mainCont .course {
	position: relative;
	border: 2px solid #FCDEAD;
	background-color: #FFFFFF;
	width: 358px;
	padding: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
}

#mainCont .course p.pop {
	position: absolute;
	top: -15px;
	right: -5px;
}

#mainCont .course .courseBox {
	border-bottom: 1px #DFB955 dotted;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

#mainCont .course .btNone {
	border-bottom: none !important;
	margin-bottom: 0 !important;
}

#mainCont .course .courseBox .courseBoxPh {
	float: left;
	width: 159px;
}

#mainCont .course .courseBox .courseBoxDetail {
	float: right;
	width: 192px;
}

#mainCont .course .courseBox .courseBoxDetail dt {
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
	line-height: 1.0;
}

#mainCont .course .courseBox .courseBoxDetail dd {
	font-size: 0.78em;
	line-height: 1.4;
}

#mainCont .contIn .contInRight {
	width: 320px;
	float: right;
}

#mainCont .contIn .contInRight li {
	margin-bottom: 7px;
}

#mainCont #news {
	width: 320px;
	margin: 0 0 30px 0;
	padding: 5px 0 0 0;
}

#mainCont #news dl {
	border-bottom: 1px dotted #999999;
	margin-bottom: 4px;
	padding-bottom: 8px;
	width: 300px;
}

#mainCont #news dt {
	margin: 0 0 5px 0;
}

#mainCont #news dt span {
	background-color: #EAA4A4;
	padding: 2px 5px;
	color:#FFFFFF;
	font-size: 0.625em;
}
#mainCont #news dl dd.cautlnk a {
	color: #FF0000;
	text-decoration: none;
}
#mainCont #news dl dd.cautlnk a:hover {
	color: #FF0000;
	text-decoration:underline;
}

#mainCont #news dd {
	background: url(../img/ico_01.gif) 0 0.49em no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	line-height: 1.35;
	font-size: 0.78em;
}

#mainCont #news dd a:link 		{ color:#333333; text-decoration: none;}
#mainCont #news dd a:hover 		{ color:#333333; text-decoration: underline; }
#mainCont #news dd a:active 	{ color:#333333; text-decoration: none; }
#mainCont #news dd a:visited 	{ color:#333333; text-decoration: none; }


/*--for scroll--*/
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 8px;background: #EAA4A4; cursor: pointer;}
.vscrollerbarbeg {height: 8px !important;width: 8px;background: #EAA4A4;}
.vscrollerbarend {height: 8px;width: 8px;background: #EAA4A4;}
.vscrollerbase {width: 8px;background: #FFEEBF;}
.vscrollerbasebeg {width: 8px;height: 8px !important;background: url(../img/top/scroll_top.png) 0 0 no-repeat; cursor: pointer;}
.vscrollerbaseend {height: 8px;width: 8px;background: url(../img/top/scroll_bottom.png) no-repeat 0 0; cursor: pointer;}
.hscrollerbase {height: 16px; background-color: white;}/*?*/
.hscrollerbar {height: 16px; background-color: black;}/*?*/
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}/*上下のpadding*/

/*Page related styles for you to view*/
#mycustomscroll {
	width: 320px;
/*	height: 350px;*/
	height: 300px;
	background-color: ;
	overflow: auto;/*javascript無効時にもスクロールバーを出す為に必要*/
	position: relative;/*javascript無効時にもスクロールバーを出す為に必要*/
}
/*--//for scroll//--*/