@charset "Shift_JIS";

/*===================================　

					ナビゲーション

===================================*/

#header #navi {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 970px;
	height: 40px;
	background: url(../img/navi_bg.jpg) repeat-x 0px 0px;
} 
#header #navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header #navi ul li {
	float: left;
	height: 40px;
}
#header #navi ul li a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	height: 40px;
	overflow: hidden;
}

/*　アップの指定
------------------------------*/

#header #navi ul li#navi01 a {
	background: url(../img/navi.jpg) no-repeat 0px 0px;
	width:170px;
}
#header #navi ul li#navi02 a {
	background: url(../img/navi.jpg) no-repeat -170px 0px;
	width:150px;
}
#header #navi ul li#navi03 a {
	background: url(../img/navi.jpg) no-repeat -320px 0px;
	width:240px;
}
#header #navi ul li#navi04 a {
	background: url(../img/navi.jpg) no-repeat -560px 0px;
	width:250px;
}

/*　マウスオーバーの指定
------------------------------*/

#header #navi ul li#navi01 a:hover {
	background: url(../img/navi.jpg) no-repeat 0px -40px;
	width:170px;
}
#header #navi ul li#navi02 a:hover {
	background: url(../img/navi.jpg) no-repeat -170px -40px;
	width:150px;
}
#header #navi ul li#navi03 a:hover {
	background: url(../img/navi.jpg) no-repeat -320px -40px;
	width:240px;
}
#header #navi ul li#navi04 a:hover {
	background: url(../img/navi.jpg) no-repeat -560px -40px;
	width:250px;
}

/*===================================　

		ドロップダウンメニュー navi03

===================================*/



/*　アップの指定
------------------------------*/

#header #navi ul li#navi03 div#menu3 a#menu3_01 {
	background: url(../img/submenu_03.gif) no-repeat 0px 0px;
	width:240px;
	height: 30px;	
}
#header #navi ul li#navi03 div#menu3 a#menu3_02 {
	background: url(../img/submenu_03.gif) no-repeat 0px -30px;
	width:240px;
	height: 30px;	
}
#header #navi ul li#navi03 div#menu3 a#menu3_03 {
	background: url(../img/submenu_03.gif) no-repeat 0px -60px;
	width:240px;
	height: 30px;	
}
#header #navi ul li#navi03 div#menu3 a#menu3_04 {
	background: url(../img/submenu_03.gif) no-repeat 0px -90px;
	width:240px;
	height: 30px;	
}

/*　マウスオーバーの指定
------------------------------*/

#header #navi ul li#navi03 div#menu3 a#menu3_01:hover {
	background: url(../img/submenu_03.gif) no-repeat -240px 0px;
	width:240px;
	height: 30px;	
}
#header #navi ul li#navi03 div#menu3 a#menu3_02:hover {
	background: url(../img/submenu_03.gif) no-repeat -240px -30px;
	width:240px;
	height: 30px;	
}
#header #navi ul li#navi03 div#menu3 a#menu3_03:hover {
	background: url(../img/submenu_03.gif) no-repeat -240px -60px;
	width:240px;
	height: 30px;	
}
#header #navi ul li#navi03 div#menu3 a#menu3_04:hover {
	background: url(../img/submenu_03.gif) no-repeat -240px -90px;
	width:240px;
	height: 30px;	
}


/*===================================　

		ドロップダウンメニュー navi04

===================================*/



/*　アップの指定
------------------------------*/

#header #navi ul li#navi04 div#menu4 a#menu4_01 {
	background: url(../img/submenu_04.gif) no-repeat 0px 0px;
	width:250px;
	height: 30px;	
}
#header #navi ul li#navi04 div#menu4 a#menu4_02 {
	background: url(../img/submenu_04.gif) no-repeat 0px -30px;
	width:250px;
	height: 30px;	
}
#header #navi ul li#navi04 div#menu4 a#menu4_03 {
	background: url(../img/submenu_04.gif) no-repeat 0px -60px;
	width:250px;
	height: 30px;	
}


/*　マウスオーバーの指定
------------------------------*/

#header #navi ul li#navi04 div#menu4 a#menu4_01:hover {
	background: url(../img/submenu_04.gif) no-repeat -250px 0px;
	width:250px;
	height: 30px;	
}
#header #navi ul li#navi04 div#menu4 a#menu4_02:hover {
	background: url(../img/submenu_04.gif) no-repeat -250px -30px;
	width:250px;
	height: 30px;	
}
#header #navi ul li#navi04 div#menu4 a#menu4_03:hover {
	background: url(../img/submenu_04.gif) no-repeat -250px -60px;
	width:250px;
	height: 30px;	
}






/*===================================　

					サブナビゲーション

===================================*/

#header #sub_navi {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 310px;
	height: 18px;
} 
#header #sub_navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header #sub_navi ul li {
	float: left;
	height: 18px;
	margin-left: 10px;
}
#header #sub_navi ul li a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	height: 18px;
	overflow: hidden;
}


/*　アップの指定
------------------------------*/

#header #sub_navi ul li#sub_navi01 a {
	background: url(../img/sub_navi.gif) no-repeat 0px 0px;
	width:65px;
}
#header #sub_navi ul li#sub_navi02 a {
	background: url(../img/sub_navi.gif) no-repeat -65px 0px;
	width:95px;
}
#header #sub_navi ul li#sub_navi03 a {
	background: url(../img/sub_navi.gif) no-repeat -160px 0px;
	width:110px;
}