@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      navi.css
 Author:         naomi ito (Jinstep Research. Inc)
 Style Info:     navigation styles
----------------------------------------------------------- */

/*----------------------------------------------------
	utility navi
----------------------------------------------------*/
#uNavi{
	float: right;
}
#uNavi ul li {
	display: inline;
	padding-left: 17px;
	background: url(../img/bg_uNavi.gif) 0 0.1em no-repeat;
}

/*----------------------------------------------------
	gloval navi
----------------------------------------------------*/
#index-deco #gNavi {
	width: 900px;
	margin: 0 auto;
/*	position: relative;
	top: 330px;*/
}
#headNavi {
	width: 900px;
	position: absolute;
	/position: relative; /*--- hack for IE6&IE7 ---*/
	top: 100px;
	/top: 10px; /*--- hack for IE6&IE7 ---*/
}

#gNavi {
	width: 900px;
}

#gNavi ul {
	width: 900px;
	height: 40px;
	background: url(../img/bg_gNavi.gif) no-repeat;
}
#gNavi ul li {
	float: left;
}
#gNavi ul li a {
	display: block;
	width: 180px;
	height: 40px;
	text-indent: -9999px;
	/*font-size: 0;
	line-height: 0;*/
}
#gNavi ul li.stay a.current,
#gNavi ul li.stay a:focus,
#gNavi ul li.stay a:hover {
	background: url(../img/bg_gNavi.gif) no-repeat left bottom;
}
#gNavi ul li.sightseeing a.current,
#gNavi ul li.sightseeing a:focus,
#gNavi ul li.sightseeing a:hover {
	background: url(../img/bg_gNavi.gif) no-repeat -180px -40px;
}
#gNavi ul li.events a.current,
#gNavi ul li.events a:focus,
#gNavi ul li.events a:hover {
	background: url(../img/bg_gNavi.gif) no-repeat -360px -40px;
}
#gNavi ul li.access a.current,
#gNavi ul li.access a:focus,
#gNavi ul li.access a:hover {
	background: url(../img/bg_gNavi.gif) no-repeat -540px -40px;
}
#gNavi ul li.album a.current,
#gNavi ul li.album a:focus,
#gNavi ul li.album a:hover {
	background: url(../img/bg_gNavi.gif) no-repeat -720px -40px;
}


/*----------------------------------------------------
	side navi
----------------------------------------------------*/
#sNavi {
	width: 280px;
}
#sNavi ul li a:hover {
	text-decoration: none;
	background: url(../img/bg_sNavi.gif) 0 0.75em no-repeat;
}

#sNavi ul {
	border-top: 1px solid #d0d0d0;
	width: 250px;
	margin: 0 0 20px;
}
#sNavi ul li {
	border-bottom: 1px solid #d0d0d0;
	line-height: 250%;
	background: url(../img/bg_uNavi.gif) 0 0.75em no-repeat;
}
#sNavi ul li a {
	display: block;
	width: 250px;
	padding-left: 17px;
}

#sNavi ul li ul {
	margin: 0;
}
#sNavi ul li ul li {
	border-bottom: 1px dotted #d0d0d0;
	margin: 0 0 0 20px;
	background: url(../img/bg_sNavi_g.gif) 0 1em no-repeat;
}
#sNavi ul li ul li a:hover {
	text-decoration: none;
	background: url(../img/bg_sNavi_b.gif) 0 1em no-repeat;
}
#sNavi ul li ul li.last-child {
	border-bottom: none;
}

/*----- event.html -----*/
#event #sNavi {
	/*position: fixed;*/
}