@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: 117px;
	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;
	width: 118px;
	height: 51px; }
#mainBtn1 a:hover  { background-position: 0px -51px;
	width: 118px;
	height: 51px; }

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

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

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

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

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

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