@charset "utf-8";
/* CSS Document */
html{
    background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;}
body {
	font-size: 72%;>font-size: 70%;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
	background-image: url(images/bg2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	font-family: Arial, ;
}
#container{
	margin: auto;
	padding: 0px;
	width:977px;
	border:1px solid #ffffff;
}
#logoBox {
	float: left;
	width:220px;
	z-index:100;
}
#mainShowBox {
    margin-top: 10px;
	padding-left: 6px;
	margin-bottom: 30px;
	float: left;width:570px;color: #444444;
}
#mainShowBox a:visited ,#mainShowBox a:link{ text-decoration: none;color: #444444;}
#mainShowBox a:hover,#mainShowBox a:active { text-decoration: underline ;color: #444444;}
#mainShowBox .img{
	float: left;margin-left: 5px;margin-right: 5px;
}
#mainShowBox img:hover{}
#mainShowBox .img150{border:5px solid #aaaaaa;padding:1px;}
#mainShowBox .imgsmall{
    margin: 3px;float: left;
	border:5px solid #aaaaaa;
}
#mainShowBox .imgsmall:hover{
	border:5px solid #666666;
}
#mainShowBox .imginput{border: 5px solid #aaaaaa;margin:2px;>margin:0px}
#mainShowBox .img150Shadow{
	background-image: url(images/pic160Shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;height: 35px;	
}
#mainShowBox .img380Shadow{
	background-image: url(images/pic380Shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;height: 35px;	
}
#mainShowBox h1{margin: 0px;font-size: 130%;font-weight: normal;}
#mainShowBox h1 .enname{font-size: 70%;font-weight: normal;margin: 0px;}
#mainShowBox h2{font-size: 100%;font-weight: bold;}
#mainShowBox h3{margin:10px 0px 10px 0px;font-size: 100%;font-weight: normal;line-height: 22px}
#mainShowBox h3 .stxt{font-size: 90%;font-weight: normal;margin-left: 5px;}
#mainShowBox h4{font-size: 100%;font-weight: normal;}
#mainShowBox h5{margin: 5px;font-size: 130%;font-weight: normal;}
#mainShowBox h6{font-size: 100%;font-weight: normal;}
#sitemap{
	margin-top: 5px;margin-bottom: 20px;color: #666666;
	/*background-color: #f2dce6; *//* sitemapBarIC쥻C#efefef */      
	background-color: #fee9a7;  
	background-image: url(images/sitemapbg_r.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#roomlist {padding: 5px 0px 0px 5px;
	margin: 0px 0px 15px 5px;;
	float: left;width:95%;
	border-bottom: 1px dotted #CCCCCC;
}
#data{margin: 0px;}
#datalist{margin-left: 8px; margin-right: 8px; text-align: left;}

#datalist li{text-indent:0px;>text-indent:-16px;display:block;line-height:20px;font-size: 100%;font-weight: normal;list-style-type: none;margin: 0px;border-bottom:1px dashed #dddddd;}
#datalist li a:link,#datalist li a:visited{padding:12px 5px 12px 5px ;display:block;text-decoration: none;}
#datalist li a:hover{line-height:20px;background-color:#efefef;text-decoration: none;display:block;;}
#datalist .mailtitle{color:#ffffff;}
#roomPics{margin-top: 5px;}
#roomdata{float: left;
	padding-left:22px;
	margin-top: 8px;
	background-image: url(images/iconpageline.jpg);
	background-repeat: no-repeat;
	background-position: left -10px;
}
#newsPics{margin-top: 5px;}
#newsdata{float: left;>float: clear;
	padding-left:22px;
	margin-top: 8px;>margin-top: 68px;
	background-image: url(images/iconpageline.jpg);
	background-repeat: no-repeat;
	background-position: left -10px;
}
#equipmentPics{margin-top: 5px;width:570px;}
#equipmentdata{float: left;width:530px;
	padding-left:22px;
	margin-top: 8px;
	background-image: url(images/iconpageline.jpg);
	background-repeat: no-repeat;
	background-position: left -10px;
}

#equipmentdata .fortimeLine,#roomdata .fortimeLine,#newsdata .fortimeLine{
	border-top:1px solid #dddddd;border-bottom:2px solid #dddddd;
}
#equipmentdata h3,#newsdata h3{ padding-bottom:10px}
#equipmentdata .BBL,#newsdata .BBL{ border-left:1px dotted #CCCCCC}
#equipmentdata .fortimeTitle,#newsdata .fortimeTitle {
    padding:5px 10px 5px 5px;
	text-align: right;
	vertical-align: top;background-color: #f3f3f3;;border-top:1px solid #dddddd;
}
#equipmentdata .fortimeTxt ,#newsdata .fortimeTxt {
    line-height:20px;
	padding:5px 5px 5px 10px;
	border-top:1px solid #dddddd;
}


#roomdata .fortimeTitle{
    padding:5px 10px 5px 5px;
	text-align: center;
	vertical-align: top;background-color: #f3f3f3;border-top:1px solid #dddddd;
}
#roomdata .fortimeTxt{
    line-height:20px;
	padding:5px 5px 5px 10px;
	border-top:1px solid #dddddd;background-color: #f3f3f3;
}
#roomdata .fortimeTxt2{
    line-height:20px;
	padding:5px 5px 5px 10px;
	border-top:1px solid #dddddd;text-align: center;
}
#mapdata,#privacydata{
	width:550px;padding-left:8px;
	margin-top: 8px;margin-bottom: 20px;
}
#maplist{float: left;margin-right:8px;height:200px;}
#maplist h2{
	width:173px;
	background-color: #efefef;
	line-height:30px;
	text-indent: 8px;
}
#maplist h3 ul{list-style-type: none;}
#aboutdata{
	padding-left:22px;width:530px;
	margin-top: 8px;margin-bottom: 20px;
	background-image: url(images/iconpageline.jpg);
	background-repeat: no-repeat;
	background-position: left -5px;
}
#contactsheet{margin: 5px 10px 5px 3px;width:240px;float: left;border:5px solid #dedede;padding:13px;}
#contactsheet .circle{font-size: 100%;color: #333333;background-color: #ffffff;border:1px solid #999999;width: 235px;}
#contactdata{float: left;
	padding-left:22px;width:250px;
	margin-top: 8px;margin-bottom: 20px;
	background-image: url(images/iconpageline.jpg);
	background-repeat: no-repeat;
	background-position: left -5px;
}
#bookingdata{
	padding-left:22px;width:530px;
	margin-top: 8px;margin-bottom: 20px;
}
#bookingdata li{margin-left: 20px;font-size: 100%;list-style-type: none;font-weight: normal;height:25px;}
#bookingdata .calendar {text-align: center;line-height:20px;}
#bookingdata .calendarSelect {border:1px solid #666666;text-align: center;line-height:20px;}
#bookingdata .calendarHD {color: #4d840c;text-align: center;line-height:20px;}
#bookingdata .calendarOthermoon {color: #999999;text-align: center;line-height:20px;}
#bookingdata .calendarline{border-bottom:1px solid #eeeeee;}
#bookingdata .calendar a:visited,#bookingdata .calendar a{background-color:#efefef;display:block;}
#bookingdata .calendarSelect a:visited,#bookingdata .calendarSelect a{background-color:#efefef;border:1px solid #666666;display:block;}
#bookingdata .calendarHD  a:visited ,#bookingdata .calendarHD  a{color: #4d840c;display:block;}
#bookingdata .calendarOthermoon a:visited,#bookingdata .calendarOthermoon a{background-color:#efefef;color: #999999;display:block;}
#bookingdata .calendar a:hover,#bookingdata .calendarHD a:hover,#bookingdata .calendarOthermoon a:hover{
	text-decoration: underline;
	background-color:#efefef;
}
#bookingdata .calendarSelect a:hover{
	text-decoration: underline;border:1px solid #666666;
}
#bookingdata .calendardate{
	font-size: 100%;color: #333333;background-color: #ffffff;border:1px solid #999999;height:16px;
	width: 150px;
}
#bookingdata .order{
	font-size: 100%;color: #333333;background-color: #ffffff;border:1px solid #999999;height:16px;
	width: 40px;
}
#header {
    float: right;
	width:175px;	
	text-align: center;
}
#header  a:visited ,#header  a:link{ text-decoration: none;color: #333333;}
#header  a:hover,#header  a:active { text-decoration: none ;color: #333333;}
#listtable{clear:both; margin-bottom:30px}
#roomPricelist{clear:both;}
#roomPricelist .tableW{width: 230px;}
#bookingdata .onlinetitle{font-size: 90%;border-left:1px solid #666666;line-height: 25px;padding-left:5px;background-color:#666666;color:#dddddd;}
#bookingdata .line{border-left:1px solid #efefef;border-bottom:1px solid #efefef;padding:5px;line-height: 18px;}
#bookingdata .onlinetitle2{font-size: 90%;border-left:1px solid #666666;border-right:1px solid #666666;line-height: 25px;padding-left:5px;background-color:#666666;color:#dddddd;}
#bookingdata .line2{border-bottom:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef;padding:5px;line-height: 18px;}
#bookingdata .totaltxt{font-size: 120%;color:#c95f09;}
#bookingdata .step3title{color:#333333;text-align: right;padding:8px;border-right:1px solid #dddddd;width:155px;}
#bookingdata .step3title2{color:#333333;text-align: right;padding:8px;border-right:1px solid #dddddd;}
#bookingdata .step3txtbox{margin-left:10px;font-size: 100%;color: #333333;background-color: #ffffff;border:1px solid #999999;
	width: 300px;}
#bookingdata .step3txtbox4{font-size: 100%;color: #333333;background-color: #ffffff;border:1px solid #999999;
	width: 300px;}
#bookingdata .step3txtbox2{margin-bottom:3px;font-size: 100%;color: #333333;background-color: #ffffff;border:1px solid #999999;width: 80px;}
#bookingdata .step3txtbox3{padding-left:10px;}
#bookingdata .mustmark{font-size: 90%;color:#cc0000;}
#roomAttention{
	margin:20px 10px 0px 0px;
	padding-right:0px;
	color: #888888;
	OVERFLOW-Y: auto; 
	OVERFLOW-X: hidden; 
	WIDTH: 525px; 
	HEIGHT: 200px;}
#menulist li{float: left;list-style-type: none;width: 80px;text-align: center;line-height:30px;margin-left:5px;color:#999999;}
#menulist li a,#menulist li a:visited{color:#999999;display:block;border-left:1px solid #efefef;border-right:1px solid #efefef;border-top:1px solid #efefef;}
#menulist li a:hover{background-color:#666666;color:#ffffff;}
#menulist li .ok{display:block;background-color:#666666;color:#ffffff;border-bottom:1px solid #666666;}
#stepbt {margin-top:40px;text-align: center;}
#stepbt .bt
{
    margin: auto 10px auto 10px;
    font-size: 100%;
    color: #ffffff;
    background-color: #666666;
    border: 0px;
    height: 18px;
    width: 90px;
    cursor: pointer;
}
#pagebt {margin-top:30px;text-align: center;}
#pagebt .pagetxt{margin:0px;border:1px solid #dddddd;line-height: 28px;padding:4px 8px 3px 8px;}
#pagebt .pagetxt a:link,#pagebt .pagetxt a:visited{display:block;}
#pagebt .pagetxt a:hover,#pagebt .pageback a:hover{text-decoration: none;}
#pagebt .pageback{border:1px solid #dddddd;line-height: 28px;padding:4px 8px 3px 8px;}
#pagebt .pageback a:link,#pagebt .pageback a:visited{display:none;}

#WeatherBox{background-color:#efefef;
    padding-top: 10px;
	padding-left: 15px;
	color: #666666;
	line-height: 18px;
	text-align: left;}
.languBox{
	width: 105px;
	font-size: 100%;
	color: #333333;
	background-color: #ffffff;
	border:0px;
	margin-bottom: 4px;
	vertical-align: middle;
}
#MenuBox{}
#MenuBox ul{
	list-style-type: none;
	margin: 0px;
	padding-left:0px;
	text-indent: 25px;
	text-align: left;
}
#MenuBox li{
	background-image: url(images/menubg.jpg);
	height: 32px;
	list-style-type: none;
}

#MenuBox li a:visited,#MenuBox li a:link
{   font-size: 100%;
    background-image: url(images/menubg.jpg);
    background-position:center;
    height: 20px;padding-bottom:10px;display:block;}
#MenuBox li a:hover,#MenuBox li a:active{
	text-decoration: none;
	color: #333333;
	background-image: url(images/menubgover.jpg);
}
#MenuBox .menuSecond{margin: 0px 0px 0px 0px;}
#MenuBox .menuSecond a:visited,#MenuBox span a:link{
	background-image: url(images/secondmenubg.jpg);
	background-position: -10px 20px;
	display:block;color: #999999;line-height: 18px;padding:0px 0px 8px 11px;margin:0px 0px 0px 0px;
}
#MenuBox .menuSecond a:hover,#MenuBox span a:active{
	text-decoration: none;
	background-image: url(images/secondmenubgOver.jpg);
	color: #666666;line-height: 18px;
}
#MenuBox .root, #MenuBox .root:visited{
    display:block;
    height:25px;
    background-image: url(images/menubg.jpg);
    background-position: left top ;
}
#MenuBox .root:hover {
    background-image: url(images/menubgOver.jpg);
   	background-position: left top ;
}#MenuBox .sub a, #MenuBox .sub a:visited{
    display:block;    
    background-image: url(images/secondmenubg.jpg);
	background-position: -10px 25px;
	display:block;
	color: #666666;
	line-height: 18px;padding:0px 0px 5px 10px;margin:0px 0px 0px 0px;

}
#MenuBox .sub a:hover{
    text-decoration: none;
	background-image: url(images/secondmenubgOver.jpg);
	color: #333333;
}
.hide
{
    display:none;
}
#OrderBox {background-color:#efefef;
	padding-left: 15px;
	color: #666666;
	line-height: 20px;
	text-align: left;
}
.ordertitle{display:block;color: #333333;
	background-image: url(images/ordertitlebgline.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;height: 36px;margin-left: -15px;text-align: center;
}
.ordertxt1{
	font-size: 100%;color: #333333;background-color: #ffffff;border:0px ;
	width: 125px;
}
.ordertxt2{
	font-size: 100%;color: #333333;background-color: #ffffff;border:0px ;
	width: 145px;
}
.ordertxt3{
	font-size: 100%;color: #333333;background-color: #ffffff;border:0px ;
	width: 40px;
}
.ordertxt4{
	margin: 8px 0px 10px 0px;font-size: 100%;color: #ffffff;background-color: #666666;border:0px ;
	width: 140px;height: 18px;text-align: center;
}

#footer {margin: auto;padding:5px 3px 20px 3px;clear:both;
	border-top:1px solid #b8b8b8;
	text-align: right;
	color: #333333;
	line-height: 22px;
}
#footer p{
	text-align: left;float: left;
}
#footer  a:visited ,#footer  a:link{ text-decoration: none;color: #333333;}
#footer  a:hover,#footer  a:active { text-decoration: underline ;color: #333333;}

#stepbt {margin-top:40px;text-align: center;}
#stepbt .bt{margin:auto 10px auto 10px;font-size: 100%;color: #ffffff;background-color: #666666;border:0px ;height:18px;
	width: 90px;}	
#pagebt {margin-top:30px;text-align: center;}
#pagebt span .pagetxt, #pagebt span span{margin:0px;border:1px solid #dddddd;line-height: 28px;padding:4px 8px 3px 8px;}
#pagebt span .pagetxt,.pagetxt:visited{width:auto;display:inline;}
.pagetxt:hover,#pagebt .pageback a:hover{text-decoration: none;}
#pagebt .pageback{border:1px solid #dddddd;line-height: 28px;padding:4px 8px 3px 8px;}
#pagebt .pageback a:link,#pagebt .pageback a:visited{display:none;}