/* common css --------------------------------------------------------- */
body				{ margin: 0; padding: 0; font-size: 12px; }
.clear				{ clear: both; }

#couponmessage { margin-top: -30px; padding-left: 20px; font-size: 24px; font-weight: bold; color: #FF0000; }

/* header css */
.topcomment		{ display: block; width: 800px; margin-top: 0; margin-left: auto; margin-right: auto; text-align: right; padding: 0; font-size: 12px; font-weight: normal; }

#topmain			{ display: block; width: 800px; height: 500px; margin-left: auto; margin-right: auto; background-image: url('../img/topimage.jpg'); no-repeat; }
#main			{ display: block; width: 800px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px; }
#topbanner		{ display:block; width: 800px; padding: 0; margin-left: auto; margin-right: auto; clear: both; }
#topbanner h1		{ margin: 0; padding: 0; width: 800px; height: 63px; auto; }
#topbanner ul		{ padding:0; margin: 0; }
#topbanner li		{ list-style: none; float: left; }
#topbanner img		{ float: left; }

/* footer css */
#footer			{ display: block; width: 800px; height: 35px; margin-left: auto; margin-right: auto; background-image: url('../img/footer.gif'); no-repeat;  }
#footer h1			{ display: none; }


/* TOPPAGE CSS ------------------------------------------------------ */
.requestform			{ display: block; width: 800px; margin-left: auto; margin-right: auto; padding-top: 10px; text-align: right; }
#topimage			{ display: block; width: 800px; height: 500px; margin-left: auto; margin-right: auto;
				margin-top: 10px; margin-bottom: 10px; background-image: url('../img/indexbackground.jpg'); no-repeat; }
#topimage .flash		{ display.block: width: 290px; height: 181px; padding-left: 45px; padding-top: 17px; }
#topimage .comment	{ display: block; width: 280px; height: 170px; padding-left: 50px; padding-top: 16px;
				font-size: 12px; color: #FFFFFF; line-height: 18px; }
#topimage .weather	{ display:block; width: 135px; height: 200px; padding-left: 620px; padding-top: 29px; }
#topimage #hotnews	{ display: block; width: 560px; height: 82px; padding-left: 190px; padding-top: 20px;
				font-size: 12px; color: #333333; line-height: 14px; }
#topimage #weather	{ padding-left: 600px; margin-top: -480px; }

/* FACILITIES CSS ------------------------------------------------------ */
#facimain				{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#facimain li				{ list-style: none; }
#facimain .restaurant		{ display: block; margin-bottom: 25px; width: 640px; height: 176px; }
#facimain .bathhouse		{ display: block; margin-bottom: 25px; width: 640px; height: 176px; }
#facimain .clubhouse		{ display: block; margin-bottom: 25px; width: 640px; height: 176px; }
#facimain .meetingroom	{ display: block; margin-bottom: 25px; width: 640px; height: 176px; }
#facimain .hotelfacilities	{ display: block; margin-bottom: 25px; width: 640px; height: 176px; }

/* RESTAURANT CSS ------------------------------------------------------ */
#restaurantmain			{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#restaurantmain .restaurantcomment
						{ margin-top: 20px; margin-bottom: 20px; line-height: 20px; font-size: 12px; }
#restaurantmain .summary	{ display: block; width: 450px; height: 105px; padding-bottom: 20px; }
#restaurantmain .lunchmenu	{ display: block; width: 800px; height: 29px; padding-bottom: 10px; }
#restaurantmain .drinkmenu	{ display: block; width: 800px; height: 29px; padding-bottom: 10px; }
#restaurantmain #menulist .img1
						{ display: block; width: 188px; height: 167px; float: left; margin-right: 16px; }
#restaurantmain #menulist .img2
						{ display: block; width: 188px; height: 167px; }

#restaurantmain #drinklist	{ display: block; width: 640px; height: 526px; margin-left: auto;
						 margin-right: auto; background-image: url('../img/rest_drink.jpg'); }
#restaurantmain #drinklist .left
						{ display: block; width: 310px; float: left; padding-top: 30px; margin-right: 10px; }
#restaurantmain #drinklist .right
						{ display: block; width: 310px; float: left; padding-top: 30px; }
#restaurantmain #drinklist li{ display. block; width: 310p; list-style: none; padding-left: -15px; }
#restaurantmain .price		{ text-align: right; }
#restaurantmain .orange	{ color: #FF6600; font-weight: bold; }

/* BATHHOUSE CSS ------------------------------------------------------ */
#bathhousemain			{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#bathhousemain .bathhousebar
						{ margin-top: 30px; margin-bottom: 10px;  }
#bathhousemain #image img
						{ display: block; width: 400px; height: 266px; margin-bottom: 30px; float: left; }
#bathhousemain #image p	{ display: block; float: left; width: 300px; padding-left: 25px; paddding: 50px; color: #333333; }

/* CLUBHOUSE CSS ------------------------------------------------------ */
#clubhousemain			{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#clubhousemain .clubhousebar
						{ margin-top: 30px; margin-bottom: 10px;  }
#clubhousemain .comment	{ display: block; width: 415px; float: left; padding-left: 30px; margin-top: 30px; }
#clubhousemain .comment h1
						{ margin-bottom: 20px; padding-bottom: 0px; }
#clubhousemain .comment ul
						{ margin-bottom: 50px;  }
#clubhousemain .comment li
						{ line-height: 25px; list-style: none; }
#clubhousemain .comment .check
						{ padding-left: 15px;  }
#clubhousemain .comment .shop
						{ display: block; width: 350px; padding-left: 50px;  line-height: 25px; }
#clubhousemain .image		{ display: block; width: 350px; float: left; margin-top: 30px; }
#clubhousemain .image img { margin-bottom: 30px;  }

/* HOTELFACILITIES CSS ------------------------------------------------------ */
#hotelfacilitiesmain		{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#hotelfacilitiesmain .hotelfacilitiesbar
						{ margin-top: 30px; margin-bottom: 10px;  }
#hotelfacilitiesmain h1		{ display: block; margin-bottom: -20px; }
#hotelfacilitiesmain img	{ margin-bottom: 30px; }
#hotelfacilitiesmain ul		{ margin-botom: 50px; }
#hotelfacilitiesmain li
						{ line-height: 25px; list-style: none; }
#hotelfacilitiesmain p		{ padding-left: 40px; color: #FF6633; }
#hotelfacilitiesmain .image	{ display: block; width: 700px; margin-left: auto; margin-right: auto; }
#hotelfacilitiesmain .image img
						{ display: block; width: 306px; float: left; margin-left: 10px; margin-right: 10px; }


/* MEETINGROOM CSS ------------------------------------------------------ */
#meetingroommain		{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#meetingroommain .meetingroombar
						{ margin-top: 30px; margin-bottom: 10px;  }
#meetingroommain img	{ margin-bottom: 30px; }
#meetingroommain .image
						{ display: block; width: 295px; float: left; }
#meetingroommain .comment
						{ display: block; width: 451px; height: 225px; float: left; 
						  margin-right: 35px; background-image: url("../img/meetingroomfacilities.jpg"); }
#meetingroommain .comment2
						{ padding-top: 15px; }
#meetingroommain h2		{ font-size: 14px; font-weight: normal; padding-left: 10px; margin-bottom: -10px; }
#meetingroommain ul		{ margin-bottom: 0px; }
#meetingroommain li		{ list-style: none; }
#meetingroommain .comment .red
						{ color: #FF6633; }


/* COURSE CSS ------------------------------------------------------ */
#coursemain				{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#coursemain .coursebar	{ margin-top: 30px; margin-bottom: 10px;  }
#coursemain .coursecomment
						{ margin-top: 15px; margin-bottom: 15px; }
#coursemap				{ display: block; width: 800px; }
#coursemap .coursemap	{ display: block; width: 600px; float: left; }
#coursemap .player		{ display: block; width: 200px; height: 327px; float: left; }
#coursemap .player1		{ padding-left: 80px; padding-top: 40px; }
#coursemap .player2		{ margin-left: 30px; margin-top: -110px; }
#courseimg				{ display: block; width: 800px; margin-top: 50px; }
#courseimg img			{ float: left; margin-right: 2px; margin-bottom: 20px; }

/* COURSE DETAIL CSS ------------------------------------------------------ */
#coursedetail				{ display: block; width: 640px; height: 480px; margin-left: auto; margin-right: auto; background-image: url('../img/courseback.jpg'); }
#coursedetail #comment	{ display: block; margin: auto; padding: auto; width: 540px; height: 378px; }
#coursedetail #comment h1
						{ padding-top: 30px; padding-left: 30px; margin-bottom: 0px; font-size: 18px; color: darkgreen; font-weight: bold; }
#coursedetail #comment .detail
						{ padding-left: 100px; font-size: 16px; color: #333333; font-weight: bold; }
#coursedetail #comment .bar
						{ width: 540px; text-align: center; }
#coursedetail #comment .map
						{ display: block; width: 450px; height: 200px; margin-left: auto; margin-right: auto; padding-left: 70px; padding-top: 20px; }
#coursedetail #comment .silhouette
						{ padding-left: 30px;  margin-top: -80px; }
#coursedetail #comment .guide
						{ padding-left: 140px;  margin-top: -140px; }
#coursedetail #comment .comment
						{ padding-left: 140px;  margin-top: 20px; width: 390px; }
#coursedetail #comment .attention
						{ padding-left: 5px; margin-top: 40px; }
#coursedetail #comment .attention2
						{ padding-left: 5px; margin-top: 45px; }
#coursedetail #comment .attention3
						{ padding-left: 5px; margin-top: 55px; }
#coursedetail .red			{ color: red; }

/* ACCESS CSS ------------------------------------------------------ */
#print		  { display: none; }
#accessmain				{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#accessmain .accessbar	{ margin-top: 30px; margin-bottom: 10px;  }
#accessmain #accessmap	{ display: block; width: 800px; margin-top: 50px; margin-bottom: 20px; }
#accessmain #accessmap .map
						{ width: 532; height: 296; float: left; margin-right: 46px; }
#accessmain #accessmap .map p
						{ padding-left: 230px; }
#accessmain #accessmap .navi
						{ width: 177; height: 300; }
#accessmain #accessmap .navi p
						{ padding-left: 590px; margin-top: -80px; width: 160px; }
#accessmain .car			{ width: 400px; float: left;  }
#accessmain .train			{ width: 400px; float: left;  }
#accessmain h1			{ width: 188px; height: 24px; }
#accessmain h2			{ width: 187px; height: 34px; }
#accessmain .car p		{ width: 350px; margin-left: 25px; }
#accessmain .train p		{ width: 350px; margin-left: 25px; }
#accessmain .train .red		{ color: red; }

/* CHARGE CSS ------------------------------------------------------ */
#chargemain				{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#chargemain .charge_bar		{ margin-top: 30px; margin-bottom: 10px;  }
#chargemain .coupon_bar		{ margin-top: 30px; margin-bottom: 10px;  }
#chargemain li				{ list-style: none; }
#chargemain .attention		{ color: #FF3300; font-size: 14px; }
#chargemain .weekday		{ margin-left: 20px; list-style-image: url(../img/weekday.gif); padding-left: 20px; font-size: 16px; line-height: 30px; }
#chargemain .holiday			{ margin-left: 84px; list-style-image: url(../img/holiday.gif); padding-left: 20px; font-size: 16px; line-height: 30px; }
#chargemain .receiption		{ margin-left: 20px; color: #FF6600; font-size: 14px; font-weight: bold; }
#chargemain .payment		{ margin-left: 20px;  margin-top: 20px; }
#chargemain .packagecharge	{ margin-top: 30px; margin-bottom: 10px;  }
#chargemain .chargeguidance	{ width: 668px; margin-left: auto; margin-right: auto; }
#chargemain #coupon					{ text-align: center; }
#chargemain #attention			{ margin-top: 30px; margin-bottom: 30px; padding-left: 10px; }
#chargemain #attention h3		{ font-size: 14px; color: #333333; }
#chargemain #attention li		{ list-style: disc; line-height: 18px; font-size: 14px; }
#chargemain #attention p		{ width: 640px; padding-left: 30px; font-size: 14px; }


/* EVENT CSS ------------------------------------------------------ */
#eventmain				{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#eventmain .eventbar			{ margin-top: 30px; margin-bottom: 10px;  }
#eventmain .eventguidance	{ width: 668px; margin-top: 10px; margin-left: auto; margin-right: auto; }

/* FORM CSS ------------------------------------------------------ */
#formmain				{ display: block; width: 800px; margin-left: auto; margin-right: auto; }
#formmain h1			{ margin-top: 30px; margin-bottom: 10px; padding-bottom: 0px; }
#formmain li				{ list-style: none; margin-left: -30px; clear: both; line-height: 55px; font-size: 14px; }
#formmain .left			{ width: 200px; height: 52px; float: left; text-align: center; 
						  background-color: #FFFFFF; 
						  border: 1px solid #AAAACC; }
#formmain .form			{ width: 560px; height: 42px; float: left; 
						  background-color: #FFFFDD; padding-top: 10px; padding-left: 20px;
						  border: 1px solid #AAAACC; }
#formmain .formerror		{ width: 560px; height: 47px; float: left; padding-top: 5px;
						  background-color: #FFFFDD; padding-left: 20px;
						  border: 1px solid #FF0000; line-height: 25px; color: red; }
#formmain .formconfirm	{ width: 560px; height: 52px; float: left; 
						  background-color: #DDE9DD; padding-top: 0px; padding-left: 20px;
						  border: 1px solid #AAAACC; }
#formmain .comment		{ padding-left: 20px; margin-top: 50px; }
#formmain .commentconfirm
						{ display: block; width: 760px; margin-left: auto; margin-right: auto; 
						  margin-top: 0px;
						  background-color: #DDE9DD; border: 1px solid #AAAACC; 
						  padding-left: 10px; }
#formmain .textform		{ width: 350px; font-size: 14px; }
#formmain .selectform		{ font-size: 14px; }
#formmain p				{ padding-top: 15px; font-size: 14px; margin-bottom: 0px; }
#formmain .tarea			{ display: block; width: 760px; text-align: center; padding-left: 30px; }
#formmain #center		{ display: block; width: 760px; text-align: center; margin-bottom: 30px; }
#formmain .confirm		{ width: 121px; height: 35px; border: 0px; background-image: url(../img/confirm.jpg); cursor: pointer; }
#formmain .send			{ margin-top: 30px; width: 121px; height: 35px; border: 0px; background-image: url(../img/send.jpg); cursor: pointer; }
#formmain .reset			{ width: 121px; height: 35px; border: 0px; background-image: url(../img/reset.jpg); cursor: pointer; }
#formmain .thanks			{ display: block; width: 690px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 50px; line-height: 30px;  }


/* PRIVACY CSS ------------------------------------------------------ */
#privacymain		{ display: block; width: 700px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; }
#privacymain h1	{ font-size: 14pt; }
#privacymain h3	{ font-size: 14px; font-weight: normal; }
#privacymain p  { display: block; width: 640px; margin-left: auto; margin-right: auto; }