@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  navi.css
 style info :  navigation styles for kurashita-no-yu
=================================================================== */

/*----------------------------------------------------
	gNavi
----------------------------------------------------*/
#gNavi {
	width: 180px;
	height: 240px;
	background: url(../img/gNavi.gif) no-repeat left top;
	margin: 60px 0 40px 0;
}
#gNavi ul {
}
#gNavi ul li {
	*display: inline;/*for IE bug*/
}
#gNavi li a{
	display: block;
	width: 180px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#gNavi li.index a.current,
#gNavi li.index a:focus,
#gNavi li.index a:hover {
	height: 40px;
	background: url(../img/gNavi.gif) no-repeat -180px 0;
}
#gNavi li.about a.current,
#gNavi li.about a:focus,
#gNavi li.about a:hover {
	height: 40px;
	background: url(../img/gNavi.gif) no-repeat -180px -40px;
}
#gNavi li.hours_price a.current,
#gNavi li.hours_price a:focus,
#gNavi li.hours_price a:hover {
	height: 40px;
	background: url(../img/gNavi.gif) no-repeat -180px -80px;
}
#gNavi li.spring a.current,
#gNavi li.spring a:focus,
#gNavi li.spring a:hover {
	height: 40px;
	background: url(../img/gNavi.gif) no-repeat -180px -120px;
}
#gNavi li.facilities a.current,
#gNavi li.facilities a:focus,
#gNavi li.facilities a:hover {
	height: 40px;
	background: url(../img/gNavi.gif) no-repeat -180px -160px;
}
#gNavi li.access a.current,
#gNavi li.access a:focus,
#gNavi li.access a:hover {
	height: 40px;
	background: url(../img/gNavi.gif) no-repeat -180px -200px;
}

/*----------------------------------------------------
	subNavi
----------------------------------------------------*/
#subNavi {
	width: 180px;
	height: 130px;
	margin: 30px 0 0 0;
	padding: 0 0 0 20px;
}
#subNavi ul li{
	line-height: 2em;
	padding-left: 20px;
	background: url(../img/document.gif) 0 0.5em no-repeat;
}

/*----------------------------------------------------
	fNavi
----------------------------------------------------*/
#fNavi {
	width: 800px;
	margin: 10px 0;
	overflow: hidden;
	position: relative;
	left: 100px;
}
#fNavi ul {
	margin-left: -1px;
}
#fNavi ul li {
	padding: 0 10px;
	display: inline;
	border-left: 1px solid #fff;
}
#fNavi ul li a {
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#fNavi ul li a:hover {
	border-bottom: 1px dotted #fff;
}