@charset "utf-8";
/* mobile
------------------------------------------------------------*/
#s_navi	{
	display:none;
}
/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
#s_navi {
	display: block;
	height:35px;
	margin:0px;
	background:url(./img/haba_submenu_s.png);
	clear:both;
}
#s_navi ul {
	padding:0px 0px 0px 53px;
}

#s_navi ul {
	list-style:none;
}

#s_navi li {
	display:inline;
	list-style-type:none;
	margin-left:0;
	text-indent:0;
	padding-left:0;
}


#s_navi li a {
	height:35px;
	display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
	margin:0px;
}

/*------off*/
#s_navi li.s_navi01 a {
	background: url(./img/haba_submenu_s.png) no-repeat -53px 0px;
	width: 130px;
}
#s_navi li.s_navi02 a {
	background: url(./img/haba_submenu_s.png) no-repeat -183px 0px;
	width: 135px;
}
#s_navi li.s_navi03 a {
	background: url(./img/haba_submenu_s.png) no-repeat -318px 0px;
	width: 135px;
}
/*------hover*/
#s_navi li.g_navis01 a:hover {
	background: url(./img/haba_submenu_s.png) no-repeat -53px -35px;
	width: 130px;
}
#s_navi li.s_navi02 a:hover {
	background: url(./img/haba_submenu_s.png) no-repeat -183px -35px;
	width: 135px;
}
#s_navi li.s_navi03 a:hover {
	background: url(./img/haba_submenu_s.png) no-repeat -318px -35px;
	width: 135px;
}

/*------on*/
#s_navi li.s_navi01_on a {
	background: url(./img/haba_submenu_s.png) no-repeat -53px -70px;
	width: 130px;
}
#s_navi li.s_navi02_on a {
	background: url(./img/haba_submenu_s.png) no-repeat -183px -70px;
	width: 135px;
}
#s_navi li.s_navi03_on a {
	background: url(./img/haba_submenu_s.png) no-repeat -318px -70px;
	width: 135px;
}
}