@charset "UTF-8";
/****************************************************************************
	layout.css

	@modified:2008/05/13
****************************************************************************/

/****************************************************************************
	a
*/
a {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color: #00CCFF;
}
a:focus {
	outline:0px;
}

.nav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/****************************************************************************
 * body
 */

body {
	background-image:url(../image/bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#FFFFFF;
	color:#666666;
	font-family:"Arial","ＭＳ Ｐゴシック","Helvetica","sans-serif";
	font-size:12px;
	font-weight:normal;
	font-size-adjust:none;
	line-height:17px;
	background-attachment: fixed;
}

/****************************************************************************
 * #page_topbar
 */
#page_topbar {
	background-image:url(../images/bg1.png);
	background-repeat:no-repeat;
	background-position:50% top;
	height: 115px;
	width:100%;
}

/****************************************************************************
 * #page_wrapper
 */
#page_wrapper {
	width:825px;
	margin:0 auto;
	background-color: #FFFFFF;
}
	
	#header {
	width: 823px;
	margin:0 auto;
	}
	#mainmanu {
	width:825px;
	clear: both;
	margin:0 auto;
	}
	#container {
	width:755px;
	clear: both;
	margin:0 auto;
	}
	#container ul
	{
	}
	#container ul li
	{ margin-left: 10px; }
	
	#container2 {
	width:755px;
	clear: both;
	margin:0 auto;
	}
	#container_715 {
	width:715px;
	clear: both;
	margin:0 auto;
	}
	#container_7152 {
	width:715px;
	clear: both;
	margin:0 auto;
	}
		#navbar {
			background-image:url(../images/head07.gif);
			background-repeat:no-repeat;
			background-position:left top;
			width:710px;
			height:30px;
			float:left;
		}
		#top_contents_left {
			width:510px;
			float:left;
		}
		#top_contents_right {
			width:245px;
			float:left;
		}

		#cont_contents_left {
			width:535px;
			float:left;
			margin-bottom: 10px;
		}
		#cont_contents_left_news {
	width:515px;
	float:left;
	margin-bottom: 10px;
	margin-right: 20px;
		}
		#cont_contents_right {
			width:180px;
			float:left;
			margin-bottom: 10px;
		}

		#cont_contents_right div#link 
		{ background-color: #e7f1f7; }

		#cont_contents_right div#link div#title
		{ color: #fff; background-color: #06c; padding: 5px; border: solid 1px #06c; }

		#cont_contents_right div#link ul
		{ background-color: #e7f1f7; padding: 10px 10px 3px; }

		#cont_contents_right div#link li
		{ text-align: center; margin-bottom: 7px; border: solid 1px #06c; list-style-type: none; }

		#cont_contents_right div#link a
		{ padding: 3px 0 3px 0; display: block; }
		#cont_contents_right div#link a:hover
		{ color: #fff; background-color: #4cc5d8; text-decoration: none; }

		.photo_right { float:right; margin-bottom: 10px; margin-left: 10px; }


	#footer {
	clear:both;
	width:715px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	padding-bottom: 20px;
	}
		#footer #fright {
	float: right;
		}

/****************************************************************************
 * staff
 */

.staff_left1 {
	float: left;
	width: 155px;
	margin-bottom: 10px;
}
.staff_left2 {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}
.staff_right1 {
	float: left;
	width: 560px;
}
.staff_right2 {
	float: left;
	width: 115px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.staff_right3 {
	float: left;
	width: 410px;
	margin-bottom: 10px;
}
.staff_left4 {
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.staff_right4 {
	float: right;
	width: 395px;
	margin-bottom: 10px;
}

/****************************************************************************
 * cur
 */

.cur_left1 {
	float: left;
	width: 165px;
	margin-bottom: 10px;
}
.cur_right1 {
	float: left;
	width: 550px;
}




.to_pagetop a {
	height: 15px;
	width: 105px;
	padding-bottom: 30px;
	background-image: url(../image/bt_pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	float: right;
}
.to_pagetop a:hover {
	height: 15px;
	width: 105px;
	padding-bottom: 30px;
	background-image: url(../image/bt_pagetop_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	float: right;
}

/****************************************************************************
 * entrance
 */

.cont_contents_sub_left {
	float: left;
	width: 260px;
	margin-bottom: 15px;
	_margin-bottom: 0px;
}
.cont_contents_sub_right {
	float: left;
	width: 230px;
	margin-bottom: 15px;
	_margin-bottom: 0px;
}
.cont_contents_sub_txt {
	width: 230px;
}

/****************************************************************************
 * schoollife
 */

.cont_contents_left_scl {
	float: left;
	width: 160px;
	margin-bottom: 20px;
}
.cont_contents_right_scl {
	float: left;
	width: 540px;
	margin-bottom: 20px;
}
.scl_content2_left {
	float: left;
	width: 345px;
	margin-bottom: 25px;
	margin-right: 20px;
}
.scl_content2_right {
	float: left;
	width: 340px;
	margin-bottom: 25px;
}

#sitemap_left {
	float: left;
	width: 320px;
	margin-right: 40px;
}
#sitemap_right {
	float: left;
	width: 320px;
}