@charset "utf-8";
/* each layer style */
/********* body_frame *********/
#body_frame {
	width: 860px;
	margin: 0 auto 0 auto;
	background-color:#fff;
}

/********* header *********/
#header {
	width: 860px;
	height: 130px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #3B9EFF;
}
#home #body_frame #header {
	width: 860px;
	height: 300px;
	background-image: url(../img/header_top_bg.jpg);
	background-repeat: no-repeat;
	background-color: #3B9EFF;
}
*/
/********* mainframe *********/
#mainframe {
	width: 860px;
	clear: both;
/*	background-color:#1766FD;
*/}
/********* menu *********/
#mainframe #menu {
	width: 198px;
	float: left;
	margin: 10px 0px 10px 10px;
	background-color:#F9FCFF;
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A2D8F8;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A2D8F8;
}
/********* shokei menu *********/
#mainframe #menu #menu_shokei {
	margin: 10px 0 10px 0;
}
#mainframe #menu #menu_shokei .shokei_top {
	height: 30px;
	background-image: url(../img/shokei_top.gif);
}
#mainframe #menu #menu_shokei .shokei_bottom {
	height: 14px;
	background-image: url(../img/shokei_bottom.gif);
}
#mainframe #menu #menu_shokei .shokei_center {
	background-image: url(../img/shokei_center.gif);

}
#mainframe #menu #menu_shokei ul {
	padding: 0px 0px 3px 40px;
}
#mainframe #menu #menu_shokei ul li a {
	display: inline;
	background-image:none;
	padding-left: 20px;
	background-image:url(../img/menu_square_b.gif) ;
	background-repeat:no-repeat;
	background-position: 5px 5px;
}
#mainframe #menu #menu_shokei ul li a:hover {
	background-image:url(../img/menu_square_b_ho.gif);
	background-repeat:no-repeat;
}
/* hyogen menu items */
#mainframe #menu ul {
	padding: 0px 0px 3px 20px;
}
#mainframe #menu ul li {
/*	height: 22px;
	width: 140px;
*/
}
#mainframe #menu ul li a {
/*	height: 22px;
*/	width: 130px;
	font-size:12px;
	color: #333;
	display: block;
	padding: 1px 0px 2px 24px;
	letter-spacing: 1px;
	background-image:url(../img/reel_icon.gif);
	background-repeat:no-repeat;
/*padding-bottom: 5px;
		text-indent: -10000px;
*/
}
#mainframe #menu ul li a:hover {
	color: #06F;
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}

#home #mainframe #menu ul li#home a {
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}
#curriculum #mainframe #menu ul li#curriculum a {
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}
#staff #mainframe #menu ul li#staff a {
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}
#schedule #mainframe #menu ul li#schedule a {
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}
#activity #mainframe #menu ul li#activity a {
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}
#access #mainframe #menu ul li#access a {
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}
#zemi #mainframe #menu ul li#zemi a {
	background-image:url(../img/reel_icon_ho.gif);
	background-repeat:no-repeat;
}

/* menu second level items */
#mainframe #menu ul li ul li {
	width: 130px;
/*	line-height:1.166;
*/
}
#mainframe #menu ul li ul li a {
	display:inline;
	font-size:11px;
	text-indent: 0px;
	line-height:1.1;
	padding-left: 20px;
	background-image:url(../img/menu_square_b.gif) !important;
	background-repeat:no-repeat;
	background-position: 5px 5px;
}
#mainframe #menu ul li ul li a:hover {
/*	display:inline;
	line-height: 18px;
	padding-left: 20px;
	background-position: 5px 5px;
	letter-spacing: 2px;
*/	background-image:url(../img/menu_square_b_ho.gif) !important;
	background-repeat:no-repeat;
}

/********* contents *********/
#mainframe #contents {
	width: 630px;
	float: right;
	margin: 10px 10px 10px auto;
	display:inline;
}

/********* contents_center *********/
#mainframe #contents #contents_center {
	width: 620px;
	float: left;
}
#mainframe #contents #contents_center h2 {
	color: #FFF;
	text-indent: 0px;
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #06C;
	letter-spacing: 3px;
	padding-left: 10px;
	margin-bottom: 5px;
	background-color: #39F;
	padding-bottom: 2px;
}

/********* photo_area *********/
#mainframe #contents #contents_center #pickup{
	padding-bottom: 10px;
}
#mainframe #contents #contents_center #pickup .flash_center {
	margin-top: 10px;
	text-align: center;
}


/********* news_area *********/
#mainframe #contents #contents_center #news{
	color:#333;
	background-color:#FFF;
}
#mainframe #contents #contents_center #news .news_top {
	height: 10px;
}
#mainframe #contents #contents_center #news .news_bottom {
	height: 10px;
}
#mainframe #contents #contents_center #news .news_center {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#mainframe #contents #contents_center #news ul {
	margin-top: 20px;
}
#mainframe #contents #contents_center #news ul li{
	padding-left: 20px;
	background-image:url(../img/news_list_b.gif);
	background-repeat:no-repeat;
	background-position: 5px 5px;
}
#mainframe #contents #contents_center #news .date {
	color: #285B8D;
}
/********* banner_area *********/
#mainframe #contents #contents_center #banner {
	text-align: center;
}
#mainframe #contents #contents_center #banner ul{
	margin: 10px auto;
}
#mainframe #contents #contents_center #banner ul li {
	display: inline;
	margin: 0 5px;
	
}
/********* mobile area *********/
#mainframe #contents #contents_center #mobile {
	color:#600;
	background-color:#FFF9F6;
	text-align: center;
	margin: 10px;
	padding: 5px;
}
#mainframe #contents #contents_center #mobile a {
	color:#600;
}
#mainframe #contents #contents_center #mobile a img {
}

/********* activity_area *********/
#mainframe #contents #activity{
	color:#963;
	background-color:#FFF9F6;
	width: 220px;
	float: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F93;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F93;
}
#mainframe #contents #activity a:link,
#mainframe #contents #activity a:visited,
#mainframe #contents #activity a:hover {
	color:#9E784A;
}

#mainframe #contents #activity h2{
	display:block;
	height: 30px;
	width: 166px;
	margin-left: 24px;
	margin-top: 10px;	
	margin-bottom: 10px;	
	background-image:url(../img/recent_activity.gif);
	background-repeat:no-repeat;
	}
#mainframe #contents #activity ul{
	padding-left:20px;
}
#mainframe #contents #activity ul li a {
	padding: 0 20px 0 20px;
	background-image:url(../img/menu_square_o.gif);
	background-repeat:no-repeat;
	background-position: 5px 5px;
	line-height: 98%;
}
#mainframe #contents #activity ul li a:hover{
	background-image:url(../img/menu_square_o_ho.gif);
}

#mainframe #contents #activity ul.activity_banner li a{
	padding: 0px;
	margin: 0px;
	background-image:none;
}
#mainframe #contents #activity ul.activity_banner {
	margin-top: 10px;
	margin-bottom: 10px;
}

#mainframe #contents #activity ul li .date {
	color: #696;
}
#mainframe #contents #activity #activity_link {
	text-align: right;
	color:#600;
	padding: 0 10px 10px 0;
}
#mainframe #contents #activity #activity_link a {
	text-align: right;
	color:#600;
}

/********* footer *********/
#footer {
	color: #36c;
	text-align: center;
	background-image:url(../img/footer_bg.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding-top: 30px;
}
/***** shokei banner ******/
#footer img.shokei_banner  {
	margin-top: 20px;
	margin-bottom: 20px;

}


/********* navi *********/
#mainframe #contents #navi {
	font-size:90%;
	height: 30px;
}
 #mainframe #contents #navi a:link,
  #mainframe #contents #navi a:visited {
	font-size:inherit;
}
/**** goto_top ****/
#contents .go_top {
	text-align: right;
	background-color: #FFFFF0;
	}
#contents .go_top a {
	font-size: 90%;
	color: #3B9EFE;
}
/**** goto_other ****/
#contents .go_other {
	text-align: right;
	background-color: #ECFFFC;
	}
#contents .go_other a {
	font-size: 90%;
	color: #3B9EFE;

}
/**** goto_category ****/
#contents .go_category {
	text-align: right;
	background-color: #FFF2EF;
	}
#contents .go_category a {
	font-size: 90%;
	color: #3B9EFE;

}

/********* contents_main *****/
#mainframe #contents #contents_main {
	background-image:url(../img/contents_center.gif);
	background-repeat:no-repeat;

}
#mainframe #contents .contents_bottom {
	background-image:url(../img/contents_bottom.gif);
	background-repeat:no-repeat;

}

/** some special **/