body {font-family:sans-serif;color:#FFFFFF;margin:0;}
a {color: #FFFFFF;font-weight:normal;text-decoration: none;}
a:hover {font-weight:normal;text-decoration: underline;}
.line01 {color: #FFFFFF;background:transparent;font-weight:normal; padding-bottom: 2px; border-bottom: 1px solid #999999; padding-left: 8px; background: url(/images/img/sankaku.gif) left top no-repeat; }
.line01:hover {color: #FFFFFF;background:transparent;font-weight:normal;text-decoration: none; padding-left: 8px; background: url(/images/img/sankaku.gif) left top no-repeat;}
.input, .select, .password, .textarea  {margin:0;padding:2px;border:1px solid #92B8CB;border-left:2px solid #92B8CB;font-size:14px;font-family:Verdana,sans-serif;}
.focus {background:#A8F0E5;}
.highlight {background:#A8F0E5;cursor:pointer}

#select_lang {text-align:right;margin-bottom:26px;}
#birthday_button {display:inline;}

.alert {position:absolute;background:#50003D;padding:2em;border:4px solid #360018;text-align:left;width:50%;left:22%;top:20%;}

#login_frame {background:#ACBAAB;}
#login_form {margin:150px auto;background:url(http://www.8colors.net/hotel/images/login_dialog.jpg) no-repeat;width:471px;height:271px;color:#fff;}
#login_form #inner {position:relative;top:70px;left:260px;}
#login_form .mainfooter {margin-top:40px; margin-bottom:30px;}
#login_form .alert {display:none;}
#login_form .button {padding:1px 12px 0px 12px;height:20px;font-family:sans-serif;background:#0E204E;color:#eee;border-width:1px;}


.pagenav {margin-top: 10px;}
.pagenav a {font-size:12px;border:1px solid #ccc;background:#eee;padding:0 4px 0 4px;}
.pagenav b {font-size:12px;border:1px solid #ccc;background:#eee;padding:0 4px 0 4px;}

.mainheader{
	float:left;
	padding: 20px 0px 10px 0px;
	width: 880px;
	font-size: 85%;
	font-family: "MS PGothic", "Arial Unicode MS";
	text-align: left;
}
#contents02{
	width: 1000px;
	background: #000000;
	margin: 0px;
	padding: 0px;
	height:583px;
}
#main{
	width: 880px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-weight: normal;
}
#main02{
	width: 1000px;
	height: 450px;
	background: url(/images/img/bg03.png);
	padding: 0px 0px 50px 0px;
	margin: 20px 0px 20px 30px;
	float:left;
	text-align: left;
}
* html #main02 { background: #000000;}
#backgroud{
	background: url(/images/img/bg03.png);
	height: 600px;
	text-align: left;
	padding: 10px 0px 0px 10px;
}
* html #backgroud { background: #000000;}
.tableheader{
	background: #1F1F1F;
	color: #FFFFFF;
}
.mainheader02{
	background: #1F1F1F;
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	text-align: left;
	float: left;
	width: 880px;
	color: #FFFFFF;
}
.littletablerow01{
	background: #1F1F1F;
	color: #FFFFFF;
	height: 30px;
}
.littletablerow{
	background: #000000;
	color: #FFFFFF;
	text-align: left;
	width: 200px;
	padding: 5px 0px 5px 30px;
}
.grid{
	margin: 1px 0px 0px 0px;
}
* html .grid { background: #000000;}
#content_login{
	background: url(/images/img/bg03.png);
	width: 580px;
	margin: 10px 0px 50px 180px;
	text-align: center;
	padding: 20px;
	float: left;
	font-size: 12px;
	font-family: "MS PGothic", "Arial Unicode MS";
}
html>/**/body #content_login { margin-left: 180px;}
* html #content_login { background: #000000; margin-left: 90px;}
.forget01{
	float: left;
	width: 900px;
	text-align: center;
	line-height: 140%;
	font-size: 12px;
	font-family: "MS PGothic", "Arial Unicode MS";
}

#tr_username{
	margin-bottom: 10px;
}
#tr_password{
	margin-bottom: 10px;
}
.logintd{
	height: 30px;
	text-align: left;
	padding-left: 5px;
	font-family: "lr oSVbN", sans-serif, "Arial Unicode MS";
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
}
.logintd02{
	height: 40px;
}
.login03{
	margin-top: 10px;
}
.logintd04{
	height: 30px;
	text-align: left;
	padding-left: 5px;
	font-size: 10px;
}
.loginbottun{
	padding: 10px 0px 0px 0px;
}
.book_box{
	padding-left: 300px;
	margin-top: 20px;
}

.book01{
	width: 785px;
	background: #000000;
	margin: 20px 0px 20px 0px;
	color: #FFFFFF;
	border: #666666 1px solid;
	padding: 5px 0px 5px 10px;
	text-align: left;
}
.book02{
	width: 290px;
	background: #0C0C0C;
	margin: 10px 0px 5px 0px;
	color: #FFFFFF;
	border: #666666 1px solid;
	padding: 3px 0px 3px 5px;
	text-align: left;
}
.littletableheader{
	width: 150px;
	text-align: left;
	padding: 0px 0px 0px 50px;
	background: #000000;
	border: 1px solid #333333;
	color: #FFFFFF;
	padding: 5px 0px 5px 10px;
	margin: 3px 20px 3px 0px;
}
.calender01{
	width: 850px;
	padding: 5px 0px 5px 2px;
	line-height: 180%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-weight: normal;
}
.calender01_2{
	width: 850px;
	padding: 0px 0px 0px 2px;
	line-height: 160%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-weight: normal;
}
.calender02{
	padding: 15px 0px 5px 25px;
	float: left;
	text-align: left;
}
.calender_navi_add{
	padding: 13px 0px 0px 655px;
	float: left;
	text-align: left;
}
.calender03{
	padding: 5px 0px 5px 1px;
	float: left;
	text-align: left;
}

#contents_vip{
	width: 948px;
	margin: 20px 0px 0px 25px;
	padding-bottom: 30px;
	background: url(/images/img/vip_top_bg.jpg) 0px 0px no-repeat;
	float: left;
}
* html #contents_vip {margin: 0px; }
* html #contents_vip {margin: 20px 0px 0px 13px; }
#contents_vip_bg{
	width: 1000px;
	background: url(/images/img/vip_top_bg.jpg) 0px -27px no-repeat;
	margin: 0px;
	padding: 0px;
	height:607px;
}
#footer_vip{
	margin: 0px 0px 0px 0px;
	background: url(/images/img/footer.jpg) left top no-repeat #000000;
	width: 1000px;
	height: 87px;
}
* html #footer_vip {margin: 50px 0px 0px 0px;}
*+html #footer_vip {margin: 50px 0px 0px 0px;}
.vip_left{
	float: left;
	width: 230px;
	padding: 20px 10px 0px 0px;
	font-size: 10px;
}
* html .vip_left {
	width: 220px;
	padding: 20px 5px 0px 0px;
}

html>/**/body .vip_left {
	padding-left: 25px;
}
.vip_left02{
	width: 510px;
	padding: 20px 260px 0px 10px;
	font-size: 10px;
}
html>/**/body .vip_left02{
	float: left;
	margin-left: 200px;
}
html>/**/body .vip_right02{
	float: left;
	margin-left: 203px;
}

.vip_right{
	float: left;
	padding: 20px 0px 0px 10px;
	width: 300px;
	font-size: 10px;
}
.vip_right02{
	padding: 20px 0px 0px 10px;
	width: 500px;
	font-size: 10px;
}
.vip_bottom{
	clear:both;
	width: 900px;
	margin-top: 5px;
	margin-bottom: 30px;
	text-align:center;
}
.vip_re_bg{
	width: 900px;
	height: 861px;
}
.modify01{
	text-align: left;
	margin: 5px 0px 20px 8px;
	width: 500px;
	color:#FFFFFF;
	padding-bottom: 3px;
	border-bottom: 1px solid #999999;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
}
.modify02{
	text-align: left;
	margin: 5px 0px 20px 140px;
	color:#FFFFFF;
	width: 500px;
	padding-bottom: 3px;
	border-bottom: 1px solid #999999;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
}
html>/**/body .modify02{
	margin-left: 5px;
}
html>/**/body .modify01{
	margin-left: 5px;
}
.head_tx_vip{
	text-align: left;
	margin: 5px 0px 10px 30px;
	width: 900px;
	float: left;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
}
* html .head_tx_vip{
	margin: 5px 0px 10px 15px;
}
.head_tx_vip a{
	text-decoration: underline;
	color: #953787;
}
.book_tx{
	padding: 5px 0px 5px 0px;
	line-height: 160%;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0px 20px 0px;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-weight: normal;
}
.book_tx02{
	padding: 5px 0px 5px 0px;
	line-height: 160%;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	margin: 20px 0px 5px 0px;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-weight: normal;
}
.book_table{
	width: 900px;
}
#alert_area{
	padding: 5px 0px 5px 0px;
	line-height: 160%;
	text-align: center;
	color: #FF0000;
	font-size: 12px;
	font-family: "MS PGothic", "Arial Unicode MS";
	font-weight: normal;
}
#td_applicate_amount{
	font-size: 10px;
}
.littletablerow04{
	color: #999999;
	background: #500050;
}


html>/**/body .history01{
	float:left;
	text-align: center;
	margin: 0px 0px 0px 150px;
	width: 100%;
}

html>/**/body .mainheader,.calender01{
	float: left;
	margin: 0px 0px 0px 20px;
}
html>/**/body .calender01_2{
	float: left;
	margin: 10px 0px 0px 20px;
}
html>/**/body .mainbackground{
	float: left;
	margin: 10px 0px 10px 20px;
	width: 100%;
}
html>/**/body .mainheader02{
	float: left;
	margin: 20px 0px 0px 20px;
}

html>/**/body .hotel_guide{
	float: left;
	margin: 0px 0px 0px 20px;
}

.vp_tx01{
	color: #FFFFFF;
	font-size: 115%;
	line-height: 180%;
	padding-left: 5px;
}
.vp_tx02{
	color: #FFFFFF;
	font-size: 115%;
	line-height: 180%;
	padding-left: 5px;
	padding-top: 10px;
}
#schedule {
     width:800px;
     border:1px solid #000;
     background:#333;
     border-collapse:collapse;
}
#schedule td {
    font-size: 8pt;
    padding: 0px 2px 0px 2px;
    border:1px solid #000;
}
.user01{
	padding: 20px 0px 5px 0px;
}
.user02{
	padding: 10px 0px 0px 0px;
	float: left;
}
.user03{
	padding: 7px 10px 7px 10px;
	background-color: #000000;
	border: 1px solid #333333;
}
.user04{
	padding: 7px 10px 7px 10px;
	border: 1px solid #666666;
}
html>/**/body .user05{
	padding: 0px 0px 0px 0px;
	float: left;
	margin-left: 140px;
}