/* 08Design Elements */

/* IE 6 PNG FIX */
/*#main img, div { behavior:  }*/

#main *{
/*	font-family:Meiryo,Arial,sans-serif;*/
}

#main {background-image:url("/images/topics/08/mainbg.jpg"); background-repeat:no-repeat; font-size:12px; }

#main a, #main a:visited{
	color:#0077CC;
	text-decoration:none;
	}
#main a:hover{
	text-decoration:underline;
}

/* Top Page */
#main h1{
	font-size:24px;
	display:block;
	height: 60px;
	color:#FFF;
	padding-top:15px;
	padding-left:70px;
/*	line-height:65px;*/
}

#topTxt{
	width: 650px;
	border-spacing:0;
	margin: 10px 0 20px 20px;
	font-size:15px;
	line-height: 150%;
	font-weight:bold;
	color: #900;
}

#benefits{
	float:left;
	display:block;
	width: 600px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0;
	background-color: #7CCAE3;
}
#benefitsBox {
	margin: 5px;
	padding: 10px;
	color: #036;
	background-color: #F2EFE6;
	line-height:150%;
	}

#benefits .benefits_lg {
	font-size:16px;
	font-weight:bold
}
#benefits .benefits_sm {
/*	font-size:11px;*/
}
#benefits .benefits_xs {
/*	float:right;*/
	margin-top:5px;
	font-size:11px;
	line-height:12px;
	color:#666;
}

#benefits_sm a{
	text-decoration:underline
}

#sliderTitle{
	display:block; 
	height: 30px; 
	background-image:url("/images/topics/08/slider-click.gif"); 
	background-repeat:no-repeat; 
	margin:0 20px; 
	padding: 0; 
}
#sliderBox {
	height:510px;
	margin:0 20px;
/*	padding: 0px 20px 20px 20px;*/
	border-bottom: 1px solid #61839D;
	border-left: 1px solid #61839D;
	border-right: 1px solid #61839D;
	background-color:#F2EFE6;
 }

#slider{
	background-color: none;
}
#slider td{
	padding-top: 15px;
}

.dimImage {
	filter: alpha(opacity=70) !important;
	opacity:0.7 !important;
	display:block; width: 40px; height: 40px; border: solid 1px #ccc !important;
	margin-right: 5px; padding: 5px;
	float:left;
}
.noDimImage {
	filter: alpha(opacity=100) !important;
	opacity:1 !important;
	display:block; width: 40px; height: 40px; border: solid 1px #933 !important;
	margin-right: 5px; padding: 5px;
	float:left;
}
.moreimgOff {
	filter: alpha(opacity=50) !important;
	opacity:0.5 !important;
	display:block; width: 30px; height: 30px;
	margin-left: 5px; padding: 0;
	float:left;
}
.moreimgOn {
	filter: alpha(opacity=100) !important;
	opacity:1 !important;
	display:block; width: 30px; height: 30px;
	margin-left: 5px; padding: 0;
	float:left;
}

#cityInfo{
	clear:both;
	position:relative;
	margin-top:15px;
	float:left;
/*	margin-bottom:20px;*/
}
#imageDiv{
	float:left;
/*	border:solid 1px;*/
}
#mainimg {margin-bottom: 5px; width: 320px; height:320px;}
#otherImg{
	width:110px;
	height:30px;
	background-image:url('/images/topics/08/slider-more.gif');
	float:left;
}

#textContentDiv{
	width:470px;
	margin-left:20px;
	float:left;
/*	border:solid 1px pink;*/
}

#screenDiv{
	position:absolute;
	clear:both;
	background-color:#F2EFE6;
/*	background-color: fuchsia;*/
	top:0;
	left:0;
	width:100%;
	height:450px;
	display:none;
	z-index:1;
}

/* ------------- */

#stateinfo {
 	float:left;
	width: 250px;
	display:block;
}
#usMap {
 	float:right;
 	position: relative;
 	width: 205px;
 	height:160px;
 	background-image:url('/images/topics/08/usmap.gif');
 	margin-bottom:5px;
}
#placeDiv{
	position: absolute;
	width:15px;
	height:15px;
/*	background-image:url('/images/topics/08/icon_start.png');*/
}
#placeDiv.img{

}

.CityName  {
	color:#036;
	font-size:24px;
	font-weight: bold;
	background-color: #FFF;
	border-bottom: 1px dotted #0C3F6E;
	border-left: 5px solid #0C3F6E;
	border-top: 1px solid #0C3F6E;
	border-right: 1px solid #0C3F6E;
	margin: 0;
	padding:5px 0 5px 5px;
}

.StateName  {
	color:#333;
	font-size:11px;
	font-weight:normal;
	background-color: #FFF;
	border-bottom: 1px solid #0C3F6E;
	border-right: 1px solid #0C3F6E;
	border-left: 5px solid #0C3F6E;
	margin: 0;
	padding:5px 0 5px 5px;
}

.StateDetail {
	color:#036;
	font-size:12px;
/*	line-height: 18px;*/
	font-weight:normal;
	padding: 5px 0;
	margin: 10px 0 5px;
}

.clearclass {
	clear:both;
}

/* ------------- */
#schoolTitle {
	clear:both;
	display:block;
	background-color: #FFF;
	color:#933;
	font-size:14px;
	font-weight: bold;
	border-top: 1px solid #933;
	border-right: 1px solid #933;
	border-bottom: 1px solid #933;
	border-left: 5px solid #900;
	margin: 10px 0;
/*	padding:5px 0 5px 5px;*/
	padding-left:5px;
	height:24px;
	line-height:24px;
}

#schoollist li {
	font-size: 11px;
	line-height: 120%;
	margin-bottom: 5px;
	padding-left: 30px;
	background-image:url("/images/topics/08/school-icon.gif");
	background-repeat:no-repeat}

table#additions { margin: 10px 20px;}
#point {
	margin:0;
	background-image:url("/images/topics/08/point-bg.gif");
	background-repeat:no-repeat;
	background-color:#FCF7BD;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #EBEBEB;
	border-right:1px solid #EBEBEB;
	padding-bottom: 20px;
	margin:0;
	width:450px;
	float:left;
}
#pointTitle {
	display: block;
	margin: 0 20px;
	padding: 15px 0 15px 0;
	font-size:18px;
	font-weight:bold;
	color:#C63518;
}
#point li{
	padding: 0;
	list-style-type: disc;
	margin: 0px 30px 10px 40px;
	font-size:14px;
}


/*----------   繝ｪ繝ｳ繧ｯ- */
#allcourses{
	margin: 0 20px;
	height:57px;
	overflow:hidden;
	line-height:57px;
}

#allcourses a, #allcourses a:visited{
	display:block;
	height:57px;

/*	padding-top: 10px;*/
	background-image:url("/images/topics/08/listlink-bg.png");
	background-repeat:no-repeat;
	background-position:0 0;
	color: #fff;
	font-size:24px;
	font-weight: bold;
	text-align: center;
}
#allcourses a:hover{
/*	background-image:url("/images/topics/08/listlink-bg_f2.gif");*/
	background-position:0 -57px;
}

/*----------   迚ｹ險倅ｺ矩・ */
#remarksTitle{
	font-size:18px;
	font-weight:bold;
	color:#C63518;
}
#remarks{
	clear:both;
	margin:0 20px 10px 20px;
	padding: 10px;
	background-color:#E8E3D4;
}
#remarksBox{
	margin:0;
	padding: 10px;
	background-color:#F3EFE6;
	border: 1px solid #C8BFA7;
}
#remarksBox li{
	line-height: 120%;
	margin:0;
	padding: 10px;
}
#remarksBox .rmks_Lg{
	font-size:14px; font-weight:bold; line-height: 150%;
}

#remarksBox strong{
	
}