/*  ナビゲーションボタンロールオーバー
-----------------------------------------------------------  */
#side_navi {
	position: absolute;
	width: 154px;
	height: 30px;
	float: left;
}
#side_navi ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#side_navi li {

	margin: 0;
	padding: 0;
	width: 154px;
	height: 30px;
	text-indent:-9999px;
	left: 1px;
}
#side_navi li a {
	text-decoration:none;
	display: block;
	width: 154px;
	height: 30px;
}
/*  ナビゲーションボタン　*/
#side_navi li#bt1 {
	background:url(../common/main_side_button.gif)  no-repeat 0px 0px;
}
#side_navi li#bt2 {
	background:url(../common/main_side_button.gif)  no-repeat 0px -30px;
}
#side_navi li#bt3 {
	background:url(../common/main_side_button.gif)  no-repeat 0px -60px;
}
#side_navi li#bt4 {
	background:url(../common/main_side_button.gif)  no-repeat 0px -90px;
}
#side_navi li#bt5{
	background:url(../common/main_side_button.gif)  no-repeat 0px -120px;
}
#side_navi li#bt6 {
	background:url(../common/main_side_button.gif)  no-repeat 0px -150px;
}
#side_navi li#bt7 {
	background:url(../common/main_side_button.gif)  no-repeat 0px -180px;
}
#side_navi li#bt8 {
	background:url(../common/main_side_button.gif)  no-repeat 0px -210px;
}

/*  マウスオーバー時　*/
#side_navi li#bt1 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat -154px 0px;
}
#side_navi li#bt2 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat -154px -30px;
}
#side_navi li#bt3 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat -154px -60px;
}
#side_navi li#bt4 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat -154px -90px;
}	
#side_navi li#bt5 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat -154px -120px;
}
#side_navi li#bt6 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat  -154px -150px;
}
#side_navi li#bt7 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat  -154px -180px;
}
#side_navi li#bt8 a:hover {
	background:url(../common/main_side_button.gif)  no-repeat  -154px -210px;
}

/*  ナビゲーションボタンロールオーバー
-----------------------------------------------------------  */
#header_navi {
	
	width: 616px;
	height: 30px;
	float: right;
}
#header_navi ul {
	margin:0px;
	padding:0px;
	list-style:none;
	float: left;
}
#header_navi li {
	margin: 0;
	padding: 0;
	width: 154px;
	height: 30px;
	text-indent:-9999px;
	float: left;
}
#header_navi li a {
	text-decoration:none;
	display: block;
	width: 154px;
	height: 30px;
}
/*  ナビゲーションボタン　*/
#header_navi li#bt8 {
	background:url(../common/header_button.gif)  no-repeat 0px 0px;
	left:0px;
}
#header_navi li#bt9 {
	background:url(../common/header_button.gif)  no-repeat -154px 0px;
	left:-154px;
}
#header_navi li#bt10 {
	background:url(../common/header_button.gif)  no-repeat -308px 0px;
	left:-308px;
}
#header_navi li#bt11 {
	background:url(../common/header_button.gif)  no-repeat -462px 0px;
	left:-462px;
}

/*  マウスオーバー時　*/
#header_navi li#bt8 a:hover {
	background:url(../common/header_button.gif)  no-repeat 0px -30px;
	left:0px;
}
#header_navi li#bt9 a:hover {
	background:url(../common/header_button.gif)  no-repeat -154px -30px;
    left:-154px;
}
#header_navi li#bt10 a:hover {
	background:url(../common/header_button.gif)  no-repeat -308px -30px;
	left:-308px;
}
#header_navi li#bt11 a:hover {
	background:url(../common/header_button.gif)  no-repeat -462px -30px;
	left:-462px;
}