@charset "Shift_JIS";

/*navi.css
--------------------*/

/* global navi */
#navi{
	width: 715px;
	height: 39px;
	margin: auto;
}

#navi li{
	display: inline;
}

#navi li a{
	display: inline;
	background: url(../img/navi.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


#navi li.gn1 a{
	width: 143px;
	height: 39px;
	background-position: 0 0;
	float: left;
}

#navi li.gn1 a:hover{
	background-position: 0 -39px;
}

#navi li.gn2 a{
	width: 143px;
	height: 39px;
	background-position: -143px 0;
	float: left;
}

#navi li.gn2 a:hover{
	background-position: -143px -39px;
}

#navi li.gn3 a{
	width: 143px;
	height: 39px;
	background-position: -286px 0;
	float: left;
}

#navi li.gn3 a:hover{
	background-position: -286px -39px;
}

#navi li.gn4 a{
	width: 143px;
	height: 39px;
	background-position: -429px 0;
	float: left;
}

#navi li.gn4 a:hover{
	background-position: -429px -39px;
}

#navi li.gn5 a{
	width: 143px;
	height: 39px;
	background-position: -572px 0;
	float: left;
}

#navi li.gn5 a:hover{
	background-position: -572px -39px;
}


/* global navi active */
body#act_top #navi li.gn1 a{
	background-position: 0 -39px;
}

body#act_water #navi li.gn2 a{
	background-position: -143px -39px;
}

body#act_products #navi li.gn3 a{
	background-position: -286px -39px;
}

body#act_company #navi li.gn4 a{
	background-position: -429px -39px;
}

body#act_inquiry #navi li.gn5 a{
	background-position: -572px -39px;
}