@CHARSET "UTF-8";

#navigation {
	position: absolute;
	top: 0;
	right: 37px;
	height: 54px;
	overflow: visible;
	z-index: 200;
	background: transparent url("../images/background_metanav_left.png") 0 0 no-repeat;
}

#naviWrapper {
	position: relative;
	height: 54px;
	background: transparent url("../images/background_metanav_right.png") top right no-repeat;
	overflow: visible;
	left: 30px;
}

#navigation ul,
#navigation li{
	margin: 0;
	padding: 0;
}

#navigation ul {
	position: relative;
	margin-left: 14px;
	list-style: none;
	height: 32px;
	right: 20px;
}

ul.navigation {
	list-style: none;
	margin-left: 22px;
	z-index: 200;
}

#navigation a {
	line-height: 30px;
	height: 30px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	display: block;
	color: #685E57;
	white-space: nowrap;
	padding: 0 0 0 15px;
	background: transparent url("../images/nav_dot.png") 5px 14px no-repeat;
}

#navigation ul :hover div,
#navigation a:hover {
	visibility: visible;
}

#navigation a:hover,
#navigation a.active {
	color: #B5B5B5;
}

#navigation li {
	display: block;
	float: left;
	width: auto;
	margin-right: 5px;
	height: 32px;
	background: #fff;
	list-style: none;
}

#navigation li div {
	position: absolute;
	top: 32px;
	visibility: hidden;
}

#navigation ul ul {
	margin: 0;
	right: 0;
	left: 0;
	position: relative;
	background: #fff;
	height: auto;
}

#navigation li li {
	position: relative;
	display: block;
	float: none;
	height: 25px;
}

#navigation li li a {
	position: relative;
	display: block;
	margin: 0;
	line-height: 25px;
	height: 25px;
	background-position: 5px 10px;
}

/* Hotelnavigation */

#hotelNavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-right: 19px;
	position: relative;
}

#hotelNavi li.first {
	margin-right: 0;
}

#hotelNavi li.last {
	margin-right: 0;
}

#hotelNavi li.active,
#hotelNavi li:hover {
	background: transparent url("../images/background_nav_tab_left.png") bottom left no-repeat;
}

#hotelNavi li.first.active,
#hotelNavi li.first:hover {
	background: transparent url("../images/background_nav_tab_first.png") bottom right no-repeat;
}

#hotelNavi li div {
	position: absolute;
	right: -15px;
	width: 15px;
	height: 49px;
	bottom: 0;
	background: none;
}

#hotelNavi li.active div,
#hotelNavi li:hover div {
	background: transparent url("../images/background_nav_tab_right.png") bottom right no-repeat;
}

#hotelNavi a {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	padding: 5px 0 0 11px;
}

#hotelNavi li.first a {
	padding-left: 37px;
	padding-right: 12px;
}

#hotelNavi li.active a,
#hotelNavi li:hover a,
#hotelNavi a:hover {
	text-decoration: none;
	color: #685950;
	padding-top: 10px;
}

#hotelNavi li.last a {
	padding-right: 24px;
}

#hotel0 { width: 125px; }
#hotel1 { width:  60px; }
#hotel2 { width: 121px; }
#hotel3 { width:  74px; }
#hotel4 { width: 105px; }
#hotel5 { width: 140px; }