@charset "UTF-8";

/* -----------------------------------------------------------
	CSS Information
	Site Name: Seisenryo Web site
	 File name: 	nav.css
 	Style Info:   　（財）キープ協会清泉寮 Webサイト：共通ナビゲーション設定
	Version: 1.05
	update/auther(admin): [2010-03-15][Shinobu Kiuchi](Shinobu Kiuchi)
----------------------------------------------------------- */

/* 目次================================================
1: MainNav style
2: SubNav style
==================================================== */


/* 1: MainNav style
---------------------------------------------------------------------------------- */	
ul#mainNav{
margin: 0 0 20px 0;
padding: 0;
width:900px;
z-index:100;
}
*html ul#mainNav{
margin: 0 0 15px 0;

}
* + html body ul#mainNav{
margin: 0 0 15px 0;
padding: 0;

}

/* OPERA huck */
ul#mainNav:not(\*|*) { 
margin: -40px 0 -10px 0;
padding: 0;

	}	

body.home ul#mainNav{
margin: 0 0 20px 0;
padding: 5px 0 0 0;
width:900px;
z-index:100;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
body.sorry ul#mainNav{
margin: -5px 0 20px 0;
padding: 5px 0 0 0;
width:900px;
z-index:100;

}
}

body.sorry ul#mainNav{
margin: 0 0 20px 0;
padding: 0 0 0 0;
width:900px;
z-index:100;

}





ul#mainNav li{
margin: 0 39px 0 0;
padding: 0;
display: inline;
float:left;
width: 95px;

}
ul#mainNav li:not(\*|*) {
margin: 0 39px 0 0;
padding: 0;
display: inline;
float:left;
width: 95px;
}


ul#mainNav li#stay{

padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) 0 -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#stay:not(\*|*) {
margin: 12px 39px 0 0;
}
#fade-stay {

		position:relative;
		display:block;
		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) 0 0 no-repeat;
		cursor:pointer;
	}
	
#fade-stay * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-stay span.hover {

		position: absolute;

		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) 0 -34px no-repeat;
		cursor:pointer;
	}

ul#mainNav li#rooms{

padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -95px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#rooms:not(\*|*) {
margin: 12px 39px 0 0;
}
#fade-rooms {

		position:relative;
		display:block;
		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -95px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-rooms * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-rooms span.hover {

		position: absolute;
		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -95px -34px no-repeat;
		cursor:pointer;
	}
	

ul#mainNav li#meals{

padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -190px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#meals:not(\*|*) {
margin: 12px 39px 0 0;
}
#fade-meals {

		position:relative;
		display:block;
		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -190px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-meals * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-meals span.hover {

		position: absolute;
		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -190px -34px no-repeat;
		cursor:pointer;
	}
	
	
ul#mainNav li#spa{

padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -285px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#spa:not(\*|*) {
margin: 12px 39px 0 0;
}
#fade-spa {
		position:relative;

		display:block;
		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -285px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-spa * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-spa span.hover {
		position: absolute;

		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -285px -34px no-repeat;
		cursor:pointer;
	}


ul#mainNav li#conferences{

padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -380px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#conferences:not(\*|*) {
margin: 12px 39px 0 0;
}
#fade-conferences {
		position:relative;

		display:block;
		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -380px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-conferences * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-conferences span.hover {
		position: absolute;

		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -380px -34px no-repeat;
		cursor:pointer;
	}	


ul#mainNav li#facilities{

padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -475px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#facilities:not(\*|*) {
margin: 12px 39px 0 0;
}
#fade-facilities {
		position:relative;
		display:block;

		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -475px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-facilities * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-facilities span.hover {
		position: absolute;

		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -475px -34px no-repeat;
		cursor:pointer;
	}		

ul#mainNav li#access{

padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -475px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#access:not(\*|*) {
margin: 12px 39px 0 0;
}
#fade-access {
		position:relative;
		display:block;

		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -475px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-access * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-access span.hover {
		position: absolute;

		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -475px -34px no-repeat;
		cursor:pointer;
	}		

ul#mainNav li#event{
margin: 0;
padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -570px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#event:not(\*|*) {
margin: 12px 39px 0 0;
}
ul#mainNav li.lastChild{
margin: 0;
}
#fade-event {
		position:relative;
		margin: 0;
		display:block;
		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -570px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-event * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-event span.hover {
		position: absolute;
		margin: 0;
		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -570px -34px no-repeat;
		cursor:pointer;
	}	




ul#mainNav li#program{
margin: 0;
padding: 0;
display: inline;
float:left;
width: 95px;
height:34px;
background:url(../img/mainNav_onoff.gif) -665px -34px no-repeat;
text-indent:-9999px;
}
ul#mainNav li#program:not(\*|*) {
margin: 12px 39px 0 0;
}
ul#mainNav li.lastChild{
margin: 0;
}
#fade-program {
		position:relative;

		display:block;
		width: 95px;
		height:34px;
		background:url(../img/mainNav_onoff.gif) -665px 0 no-repeat;
		cursor:pointer;
	}
	
#fade-program * {
	  display: none;
	 	cursor:pointer;
	}
	
#fade-program span.hover {
		position: absolute;
		margin: 0;
		width: 95px;
		height:34px;
		display: block;
		background:url(../img/mainNav_onoff.gif) -665px -34px no-repeat;
		cursor:pointer;
	}
	
	
/* 2: SubNav style
---------------------------------------------------------------------------------- */	
ul#subNav {
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	top:0px;
	right:0;
}
*html ul#subNav {
	position:absolute;
	top:2px;
	right:-8px;
}

* + html body ul#subNav {
	position:absolute;
	top:2px;
	right:-8px;
}



ul#subNav li {
	margin: 0;
	padding: 0;
}


ul#subNav li {
	display: inline;
	border-left: 1px solid #999;
	padding: 0 5px;
	font-size:1.1em;
}

ul#subNav li.noborder {
	border-left: none;
	padding-left: 0;
}

ul#subNav li a:link{
	color: #4d4d4d;
	text-decoration: none;
	}

ul#subNav li a:visited{
	color: #7F729E;
	text-decoration: none;
	}
	
	
ul#subNav li a:hover{
	color: #4d4d4d;
	text-decoration: none;
	background-color:#ccc;
	}

ul#subNav li a:active{
	color: #4d4d4d;
	background-color:transparent;
	text-decoration: none;

	background-color:#ccc;
	position: relative;
 	top: 1px;
	}	
		
ul#subNav li#cancel a:link,
ul#subNav li#cancel a:visited{
	color: #4d4d4d;
	text-decoration: none;
	background-color:#E0C8CC;
	}
ul#subNav li#cancel a:hover{
	color: #4d4d4d;
	text-decoration: none;
	background-color:#ccc;
	}


	
/* 3: footerNav style
---------------------------------------------------------------------------------- */	
ul#footerNav {
	margin: 0 0 10px 0;
	padding: 0;
	text-align:center;
}



ul#footerNav li {
	margin: 0;
	padding: 0;
}


ul#footerNav li {
	display: inline;
	border-left: 1px solid #999;
	padding: 0 2px 0 5px;
	font-size:1.1em;
}

ul#footerNav li.noborder {
	border-left: none;
	padding-left: 0;
}

ul#footerNav li a:link{
	color: #4d4d4d;
	text-decoration: none;
	}

ul#footerNav li a:visited{
	color: #7F729E;
	text-decoration: none;
	}
	
	
ul#footerNav li a:hover{
	color: #4d4d4d;
	text-decoration: none;
	background-color:#ccc;
	}

ul#footerNav li a:active{
	color: #4d4d4d;
	background-color:transparent;
	text-decoration: none;
	background-color:#ccc;
	position: relative;
 	top: 1px;
	}