@charset "utf-8";

/* -------------- 
       top 
  ------------ */

#topFlash {
	margin: 0 0 30px 0;
}

#main.top div.topMain {
	float: left;
	width: 440px;
}

#main.top div.topSub {
	float: right;
	width: 180px;
}

#main.top p.mainCopy {
	margin: 12px 0 0 0;
	font-size: 78%;
	line-height: 1.65
}

#main.top p.ginren {
	width: 240px;
	vertical-align: middle;
	font-size: 78%;
	margin: 5px 5px 5px 5px;
}

#main.top p.ginren img {
	margin: 5px 10px 5px 5px;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.65
}

#main.top ul.btn {
	margin: 25px 0 5px 0;
}

#main.top ul.btn li {
	float: left;
	margin: 0 15px 0 0;
}

#main.top dl.reservations {
	background: #F0F4F9;
}

#main.top .reservations dd {
	padding: 7px 0 0 10px;
	font-size: 78%;
	line-height: 1.2;
}

#main.top .reservations input.day {
	float: left;
	width: 45%;
	margin: 0 1% 0 0;
	padding: 1px 0 2px 3px;
	/padding: 0 0 0 3px;
	border: solid 1px #7F9DB9;
	font-size: 100%;
}

#main.top .reservations input.month {
	float: left;
	width: 19%;
	margin: 0 3% 0 0;
	padding: 1px 0 2px 3px;
	/padding: 0 0 0 3px;
	border: solid 1px #7F9DB9;
	font-size: 100%;
}

#main.top .reservations input.year {
	float: left;
	width: 28%;
	margin: 0 2.5% 0 0;
	padding: 1px 0 2px 3px;
	/padding: 0 0 0 3px;
	/display: inline;
	border: solid 1px #7F9DB9;
	font-size: 100%;
}

*+html #main.top .reservations input.day,
*+html #main.top .reservations input.month,
*+html #main.top .reservations input.year {  
	padding: 0 0 2px 3px;
} 

#main.top .reservations select {
	width: 45px;
	border: solid 1px #7F9DB9;
	font-size: 100%;
}

#main.top .reservations label.date {
	display: block;
	float: left;
	width: 35%;
	margin: 0 5px 2px 0;
}

#main.top .reservations label.persons,
#main.top .reservations label.nights {
	display: block;
	float: left;
	width: 35%;
	margin: 2px 3px 0 0;
}


#main.top dl.reservations dd.btn {
	width: 180px;
	margin: 0;
	padding: 7px 0 8px 0;
	background: url(../top_images/reservations_line.gif) no-repeat bottom;
	text-align: center;
}

#main.top dl.contact {
	margin: 9px 0 0 0;
	background: url(../top_images/contact_bg01.gif) repeat-y;
}

#main.top dl.contact dd {
	background: url(../top_images/contact_bg02.gif) no-repeat bottom;
}

#main.top dl.contact dd p.tel {
	padding: 2px 10px 0 10px;
	font-size: 78%;
	line-height: 1.25;
	font-weight: bold;
}

#main.top dl.contact dd p.fax {
	padding: 2px 10px 0 10px;
	font-size: 78%;
	line-height: 1.25;
}

#main.top dl.contact dd p.address {
	padding: 4px 10px 8px 10px;
	font-size: 78%;
	line-height: 1.25;
}



#main.top div.localTime {
	clear: both;
	margin: 10px 0 0 0;
	padding: 3px 2px 2px 2px;
	border: solid 1px #D9E3EF;
	background: #F0F4F9;
	text-align: center;
	color: #666666;
	font-size: 70%;
	line-height: 1.2;

}

#main.top div.localTime span.time {
	padding: 0 0 0 16px;
	background: url(../top_images/icon_time.gif) no-repeat left center;
}