@charset "utf-8";
/*ヘッダーサブナビ*/

#head_navi ul{
	float:right;
	list-style-type: none;
}
#head_navi ul li{
	float:left;
}

#head_navi ul li.subnavi01 a{
	background: url(/img/navi_web_01.gif) no-repeat;
	height: 30px;
	text-indent: -9999px;
	display: block;
	width: 80px;
	outline: none;
}
#head_navi ul li.subnavi01 a:hover{
	background: url(/img/navi_web_01on.gif) no-repeat;
	height: 30px;
	text-indent: -9999px;
	display: block;
	width: 80px;
	outline: none;
}
#head_navi ul li.subnavi02 a{
	background: url(/img/navi_web_02.gif) no-repeat;
	height: 30px;
	margin-left:10px;
	text-indent: -9999px;
	display: block;
	width: 80px;
	outline: none;
}
#head_navi ul li.subnavi02 a:hover{
	background: url(/img/navi_web_02on.gif) no-repeat;
	height: 30px;
	margin-left:10px;
	text-indent: -9999px;
	display: block;
	width: 80px;
	outline: none;
}
#head_navi ul li.subnavi03 a{
	background: url(/img/navi_web_03.gif) no-repeat;
	height: 30px;
	margin-left:10px;
	text-indent: -9999px;
	display: block;
	width: 120px;
	outline: none;
}
#head_navi ul li.subnavi03 a:hover{
	background: url(/img/navi_web_03on.gif) no-repeat;
	height: 30px;
	margin-left:10px;
	text-indent: -9999px;
	display: block;
	width: 120px;
	outline: none;
}
#head_navi ul li.subnavi04 a{
	background: url(/img/navi_web_04.gif) no-repeat;
	height: 30px;
	margin-left:10px;
	text-indent: -9999px;
	display: block;
	width: 120px;
	outline: none;
}
#head_navi ul li.subnavi04 a:hover{
	background: url(/img/navi_web_04on.gif) no-repeat;
	height: 30px;
	margin-left:10px;
	text-indent: -9999px;
	display: block;
	width: 120px;
	outline: none;
}
#head_navi ul li.subnavi05 a{
	background: url(/img/navi_web_05.gif) no-repeat;
	height: 30px;
	text-indent: -9999px;
	display: block;
	width: 120px;
	outline: none;
}
#head_navi ul li.subnavi05 a:hover{
	background: url(/img/navi_web_05on.gif) no-repeat;
	height: 30px;
	text-indent: -9999px;
	display: block;
	width: 120px;
	outline: none;
}

/*ナビ*/

#navi ul{
	float:left;
	list-style-type: none;
}
#navi ul li{
	float:left;
}

#navi ul li.navi01 a{
	background: url(/img/navi_01.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi01 a:hover{
	background: url(/img/navi_on_01.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi02 a{
	background: url(/img/navi_02.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi02 a:hover{
	background: url(/img/navi_on_02.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi03 a{
	background: url(/img/navi_03.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi03 a:hover{
	background: url(/img/navi_on_03.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi04 a{
	background: url(/img/navi_04.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi04 a:hover{
	background: url(/img/navi_on_04.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi05 a{
	background: url(/img/navi_05.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi05 a:hover{
	background: url(/img/navi_on_05.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi06 a{
	background: url(/img/navi_06.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi06 a:hover{
	background: url(/img/navi_on_06.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi07 a{
	background: url(/img/navi_07.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}
#navi ul li.navi07 a:hover{
	background: url(/img/navi_on_07.jpg) no-repeat;
	width: 130px;
	text-indent: -9999px;
	display: block;
	height: 38px;
	outline: none;
}