/* CSS Document */

/*  ナビゲーションボタンロールオーバー
-----------------------------------------------------------  */
#header_navi {
	width: 800px;
	height: 40px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
#button_bg {
	background-image: url(../button/top_header_bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
}
#header_navi ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#header_navi li {
	margin: 0;
	padding: 0;
	width: 160px;
	height: 40px;
	text-indent:-9999px;
	float: left;
}


#header_navi li a {
	text-decoration:none;
	display: block;
	width: 160px;
	height: 40px;
}

/*  ナビゲーションボタン　*/
#header_navi li#bt1 {
	background:url(../button/top1.jpg)  no-repeat 0px 0px;
	left:0px;
}
#header_navi li#bt2 {
	background:url(../button/top1.jpg) no-repeat -160px 0px;
	left:160px;
}
#header_navi li#bt3 {
	background:url(../button/top1.jpg)  no-repeat -320px 0px;
	left:320px;
}
#header_navi li#bt4 {
	background:url(../button/top1.jpg)  no-repeat -480px 0px;
	left:480px;
}

#header_navi li#bt5 {
	background:url(../button/top1.jpg) no-repeat -640px 0px;
	left:640px;
}

/*  マウスオーバー時　*/
#header_navi li#bt1 a:hover {
	background:url(../button/top1.jpg)  no-repeat 0px -40px;
	left:0px;
}
#header_navi li#bt2 a:hover {
	background:url(../button/top1.jpg)  no-repeat -160px -40px;
    left:160px;
}
#header_navi li#bt3 a:hover {
	background:url(../button/top1.jpg) no-repeat -320px -40px;
	left:320px;
}
#header_navi li#bt4 a:hover {
	background:url(../button/top1.jpg)  no-repeat -480px -40px;
	left:480px;
}	
#header_navi li#bt5 a:hover {
	background:url(../button/top1.jpg)  no-repeat -640px -40px;
	left:640px;
}