@charset "utf-8";
/* ================================================
基本共通css
================================================ */

/* ヘッダーエリア
----------------------------------------------------------------------------- */
#header {
	width: 820px;
	position: relative;
	font-size: 1%;
	height: 125px;
	background-image: url(../imgs/header/header_line_11.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #006BC9;
}
#header #tilte {
	background-image: url(../imgs/header/site_title_02.gif);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 548px;
	position: relative;
	text-align: left;
}
#tilte a {
	width: 548px;
	height: 122px;
	/* \*/overflow: hidden;
	display: block;
	background-image: url(../imgs/header/site_title_02.gif);
	text-decoration: none;
}

#header #gakken {
	float: right;
	height: 37px;
	width: 129px;
	position: relative;
	background-color: #006BC9;
	background-image: url(../imgs/header/gakken_04.gif);
	padding-bottom: 22px;
	background-repeat: no-repeat;
}
#gakken a {
	width: 129px;
	height: 37px;
	/* \*/overflow: hidden;
	display: block;
	background-image: url(../imgs/header/gakken_04.gif);
	text-decoration: none;
}

/* topナビゲーション　エリア指定 */

#header #top_navi {
	background-color: #006BC9;
	float: right;
	height: 54px;
	width: 218px;
	padding-right: 5px;
	position: relative;
	padding-bottom: 9px;
	background-image: url(../imgs/header/bg2.gif);
}

#top_navi #top_left {
	float: left;
	height: 54px;
	width: 109px;
	position: relative;
}

#top_navi #top_right {
	float: right;
	height: 54px;
	width: 109px;
	position: relative;
}

/* topナビゲーション */


#top_navi ul,
#top_navi li {
	margin: 0;
	padding: 0;
}

#top_navi a {
	width: 109px;
	height: 18px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/header/header_navi.gif);
}

#naviHome a { background-position: 0px 0px; }
#naviHome a:hover,
body.home #naviHome a { background-position: 0px -54px; }

#naviBtn1 a { background-position: 0px -18px; }
#naviBtn1 a:hover,
body.btn1 #naviBtn1 a { background-position: 0px -72px; }

#naviBtn2 a { background-position: 0px -36px; }
#naviBtn2 a:hover,
body.btn2 #naviBtn2 a { background-position: 0px -90px; }

#naviBtn3 a { background-position: -109px -18px; }
#naviBtn3 a:hover,
body.btn3 #naviBtn3 a { background-position: -109px -72px; }

#naviBtn4 a { background-position: -109px -36px; }
#naviBtn4 a:hover,
body.btn4 #naviBtn4 a { background-position: -109px -90px; }

#naviBtn5 a { background-position: -109px 0px; }
#naviBtn5 a:hover,
body.btn5 #naviBtn5 a { background-position: -109px -54px; }

/* #naviBtn5  {
	background-position: -109px 0px;
	height: 18px;
	width: 109px;
	background-image: url(../imgs/header/bg2.gif);
}
*/

/* メインビゲーション　エリア指定 */

#navigation {
	height: 51px;
	width: 820px;
}

#main_navi {
	height: 51px;
	width: 820px;
	position: relative;
	background-image: url(../imgs/header/bg2.gif);
}

/* メインビゲーション */

#main_navi ul,
#main_navi li {
	margin: 0;
	padding: 0;
}


#main_navi li {
	list-style-type: none;
	display: block;
	list-style:none;
	float: left;
}


#main_navi a {
	width: 136px;
	height: 51px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/header/header_main_navi.gif);
}


#mainBtn1 a { background-position: 0px 0px; }
#mainBtn1 a:hover  { background-position: 0px -51px; }

#mainBtn2 a { background-position: -136px 0px;
	width: 137px;
	height: 51px; }
#mainBtn2 a:hover { background-position: -136px -51px;
	width: 137px;
	height: 51px; }

#mainBtn3 a { background-position: -273px 0px;
	width: 137px;
	height: 51px; }
#mainBtn3 a:hover { background-position: -273px -51px;
	width: 137px;
	height: 51px; }

#mainBtn4 a { background-position: -410px 0px;
	width: 137px;
	height: 51px; }
#mainBtn4 a:hover { background-position: -410px -51px;
	width: 137px;
	height: 51px; }

#mainBtn5 a { background-position: -549px 0px;
	width: 137px;
	height: 51px; }
#mainBtn5 a:hover { background-position: -549px -51px;
	width: 137px;
	height: 51px; }

#mainBtn6 a { background-position: -685px 0px; }
#mainBtn6 a:hover { background-position: -685px -51px; }