/*
Copyright (C) 2008 ECS All Rights Reserved.
Layout CSS 
*/

/*-----------------------
   Global Property
-----------------------*/
html 				{}
body				{ margin:0; padding:0; text-align:center; background-color:#282921; background:url("../images/gbl_back.gif") top center repeat;}
body,td,th	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#333}
h1,h2,h3,h4,h5		{ margin:0; padding:0; text-align:left;}
h2					{ margin:0 0 10px;}

p  					{ margin:0; padding:0;}
img 				{ border:0;}

dl,dt,dd,ul,ol,li 	{}
ul					{ margin:5px 0 5px 15px;}
ul li				{ padding-bottom:3px;}
ol					{ list-style:outside decimal; margin:5px 0 5px 40px;}
li a				{ border:0;}
ol li				{ padding-bottom:3px;}

td,th				{ vertical-align:top; text-align:left;}
fieldset			{ margin:20px 0; padding:10px; border:1px solid #979491;}
legend				{ padding:0 10px;}
form 				{ margin:0; padding:0;}
input, textarea, select	{ margin:2px 0; padding:0;}
hr					{ width:100%; height:1px; border:1px solid #c2c2bf; border-width:1px 0 0; margin-bottom:10px;}
hr.dotted		{ width:100%; height:1px; border:1px dotted #c2c2bf; border-width:1px 0 0;}

.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac ¥*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; min-height:0;}
/* */

/*-----
common
------*/
.hidden				{ visibility:hidden;}
.dnone				{ display:none;}
.cboth				{ clear:both; visibility: hidden; height: 0.1px; font:0.1px/0.1px sans-serif; line-height: 0;}
.clear				{ clear:both;}
.bgnone				{ background:none;}
.center				{ text-align:center;}

.aLeft				{ text-align:left; margin-right:10px;}
.aRight				{ text-align:right; margin-left:10px;}

.top10				{ margin-top:10px;}
.bottom10			{ margin-bottom:10px;}
.m0 					{ margin:0 !important; padding:0 !important;}

.midHeader			{ margin:15px 0 8px; padding:0 0 3px; border-bottom:1px solid #afaea7;}

.LineR					{ border-right:solid 1px #b7b4ac; }

.w100				{ width:99%;}
.w90				{ width:90%;}
.w80				{ width:80%;}
.w50				{ width:50%;}
.w30				{ width:30%;}
.w20				{ width:20%;}
.w10				{ width:10%;}

.img				{ border:5px solid #e5e3da; float:right; }
img.acclog			{ display:none;}

/*-----------------------
   Link
-----------------------*/
a 						{ text-decoration: underline;}
a:link					{ color:#3B6665;text-decoration: underline;}
a:visited				{ color:#3B6665;}
a:active				{ color:#3B6665;}
a:hover					{ color:#909d20; text-decoration: none;}

a img					{ text-decoration:none; border:none;}

/*-----------------------
   Global Area
-----------------------*/
#continer			{ margin:0; padding:0; text-align:center; background:url("../images/gbl_mid.gif") top center repeat-y;}
#top				{ width:100%; padding:20px 0 0; background:url("../images/gbl_top.gif") top center no-repeat;}
#bottom				{ width:100%; margin:0 auto; padding:0 0 33px; background:url("../images/gbl_btm.gif") bottom center no-repeat; }

.content			{ text-align:left; margin: 0 auto; padding:0; width:800px;}
.logo_img			{ background:#f3f2ef url("../images/nonflash_back.gif") no-repeat center top;}
.top_content		{ width:800px; margin:0; padding:0; border-bottom:#c1c0bc 1px solid;}
.bottom_content		{ width:800px; margin:0; _margin-left:1px; padding:0;}


/*-----------------------
   Main Area
-----------------------*/
.column1 {}
.column1 .left  { float:left; width:470px; padding-bottom:20px;}
.column1 .right { float:left; width:270px; margin-left:40px; padding-right:20px; padding-bottom:20px;}
.column1 p { padding:0 0 10px 40px; line-height:1.6em; text-align:justify; text-justify:distribute;}

.column2 { padding:0 40px;}
.column2 .left  { float:left; width:140px; padding-bottom:20px;}
.column2 .right { float:left; width:580px; padding-bottom:20px;}
.column2 p { padding:0 0 10px 0; line-height:1.6em; text-align:justify; text-justify:distribute;}

.column3 { padding:0 40px;}
.column3 .left  { float:left; width:430px; padding-bottom:20px;}
.column3 .right { float:left; width:250px; padding-bottom:20px; margin-left:40px;}
.column3 p { padding:0 0 10px 0; line-height:1.6em; text-align:justify; text-justify:distribute;}

.box1 { margin:0 40px; padding:15px; background:#ebeae0;}
.box1 p { padding:0; line-height:1.6em; text-align:justify; text-justify:distribute;}

.box2 { margin:0; padding:10px 15px; background:#ebeae0;}
.box2 p { padding:0; line-height:1.6em;}

/*-----------------------
   Link
-----------------------*/
.txlk-bsc				{ font-weight:normal; background:url("../images/icn_arrow.gif") no-repeat left center; padding:0 0 2px !important; margin:0 !important;}
.txlk-bsc a				{ padding-left:16px;}
.txlk-back				{ font-weight:normal; background:url("../images/icn_back.gif") no-repeat left center; padding:0 0 2px !important; margin:0 !important;}
.txlk-back a				{ padding-left:16px;}
.btn_restaurant_reserv 			{ width:160px; height:57px; background:url("../images/restaurant/btn_restaurant_reserv.gif") no-repeat 0 0;}
.btn_restaurant_reserv  a		{ width:160px; height:57px; display:block; background:url("../images/restaurant/btn_restaurant_reserv.gif") no-repeat 0 0; text-decoration:none;}
.btn_restaurant_reserv  a:hover { background:url("../images/restaurant/btn_restaurant_reserv.gif") no-repeat 0 -60px; text-decoration:underline;}
.btn_spa_reserv 			{ width:160px; height:57px; background:url("../images/spa/btn_spa_reserv.gif") no-repeat 0 0;}
.btn_spa_reserv  a		{ width:160px; height:57px; display:block; background:url("../images/spa/btn_spa_reserv.gif") no-repeat 0 0; text-decoration:none;}
.btn_spa_reserv  a:hover { background:url("../images/spa/btn_spa_reserv.gif") no-repeat 0 -60px; text-decoration:underline;}


/*-----------------------
   From
-----------------------*/
table.formTable			{ width:100%; margin:0; padding:0}
table.formTable th,
table.formTable td		{ padding:8px; vertical-align:middle; border-bottom:solid 1px #afaea7;}
table.formTable td.last	{ border-bottom:none;}

table.formTableAddress			{ width:100%;}
table.formTableAddress th,
table.formTableAddress td		{ padding:5px 0; border-bottom:solid 1px #afaea7;}
table.formTableAddress th.last,
table.formTableAddress td.last	{ border-bottom:0px;}

.formbtn				{ padding:0 5px; _padding:2px 5px 0; cursor:pointer;}
.fattn					{ padding:1px 2px; margin:0 2px 0 0; background-color:#dd2530; color:#fff;}
table .fattn			{ font-size:0.9em;}
fieldset				{ background-color:#f2f1eb;}
fieldset fieldset		{ background-color:#F3F2EF;}

.quicksearch { background:url("../images/quick_search_back.gif") repeat-x 0 0; font-family:Helvetica, Arial, sans-serif; text-align:center; padding:0 5px;}
.quicksearch table { width:100%; font-size:10px; padding:0; line-height:1;}
.quicksearch caption { font-size:14px; text-align:center; padding:20px 0 10px; border-bottom:solid 1px #d2d1ce;}
.quicksearch td { padding:2px 5px; border-bottom:solid 1px #d2d1ce; vertical-align:middle; font-size:10px; font-family:Helvetica, Arial, sans-serif !important;}
.quicksearch input,
.quicksearch select { font-size:10px; vertical-align:middle;}
.quicksearch .option { font-size:10px; text-align:left; padding:0 8px;}
.quicksearch .option p { margin:10px 0 0; color:#666; line-height:1.2em; padding:0;text-align:left !important; text-justify:auto !important;}

.quicksearch2 { font-family:Helvetica, Arial, sans-serif !important; text-align:center; padding:5px 15px;}
.quicksearch2 .left { float:left; width:340px; border-right:solid 1px #d2d1ce; padding-right:20px;}
.quicksearch2 .right { float:right; width:220px; font-size:10px; text-align:left;}
.quicksearch2 .right p { margin-top:10px; color:#666; line-height:1.2em;}
.quicksearch2 table { width:100%; font-size:12px; padding:0; line-height:1;}
.quicksearch2 td { padding:5px 0; border-bottom:solid 1px #d2d1ce; vertical-align:middle; font-family:Helvetica, Arial, sans-serif !important;}
.quicksearch2 input,
.quicksearch2 select { font-size:12px; vertical-align:middle;}


/*-----------------------
   no FLASH
-----------------------*/
.normalHead					{ height:52px; font-family:Helvetica, Arial, sans-serif;}
.normalHead h1 			{ float:left; width:250px; height:52px; line-height:1; font-size:1px; margin:0; padding:0;}
.normalHead h1 a		{ width:250px; height:52px; display:block; text-decoration:none;}

.normalHmenu 				{ float:right; margin:0; padding:0; line-height:1;}
.normalHmenu li 		{ float:left; font-size:9px; height:27px; background:url("../images/global_headmenu.gif") no-repeat 0 0; list-style:none; margin:0; padding:0;}
.normalHmenu li	a	  { display:block; text-align:center; padding:10px 0; background:url("../images/global_headmenu.gif") no-repeat 0 0; text-decoration:none; color:#62605a;}
.normalHmenu li a:hover	{ background-position:-200px 0;}
.normalHmenu li a:visited	{ color:#62605a;}

.normalGmain				{ padding:0 20px; font-family:Helvetica, Arial, sans-serif;}

.normalGtopmenu 		{ float:right; margin:0; padding:0; text-align:right;}
.normalGtopmenu li 		{ width:183px; font-size:10px; height:24px; background:url("../images/gbl_quick_search.gif") no-repeat 0 0; list-style:none; margin:0; padding:0;}
.normalGtopmenu li a	  { width:183px; display:block; height:24px; overflow:hidden; text-align:center; padding:0; background:url("../images/gbl_quick_search.gif") no-repeat 0 0; text-decoration:none; color:#62605a;}
.normalGtopmenu li a:hover	{ background-position:-193px 0;}
.normalGtopmenu li a:visited	{ color:#62605a;}

.normalGbox 				{ clear:both; border:solid 2px #312f24;}
.normalGmenu 				{ margin:0; padding:0; background:#000; line-height:1;}
.normalGmenu li 		{ float:left; font-size:10px; height:30px; background:url("../images/global_gmenu.gif") no-repeat 0 0; list-style:none; margin:0; padding:0;}
.normalGmenu li	a	  { display:block; text-align:center; padding:10px 0; background:url("../images/global_gmenu.gif") no-repeat 0 0; text-decoration:none; color:#ccc;}
.normalGmenu li a:hover	{ background-position:-200px 0;}
.normalGmenu li a:visited	{ color:#ccc;}
.normalGmenu li.first,
.normalGmenu li.first	a	  { background-position:-2px 0;}
.normalGmenu li.first a:hover	{ background-position:-202px 0;}
.normalGmenu li.first a:visited	{ color:#ccc;}
.normalGmenu li.current a	{ background-position:-200px 0;}
.normalGbox p 			{ margin:0; padding:0; background:#000;}

/*-----------------------
   Footer Area
-----------------------*/
#footer				{ width:800px; height:31px; margin:0 1px 0 0; _margin-left:1px; padding:0; background:url("../images/copy_back.gif") top left repeat-x; color:#62605a; font-size:10px; font-family:Helvetica, Arial, sans-serif;}
.copyright		{ float:left; padding:12px 0 0 20px; width:350px; font-size:9px; line-height:1;}
.footmenu 						{ float:right; margin:1px 0 0; padding:0; line-height:1;}
.footmenu li 					{ float:left; font-size:9px; height:29px; background:url("../images/global_footmenu.gif") no-repeat 0 0; list-style:none; margin:0; padding:0;}
.footmenu li a	  		{ display:block; text-align:center; padding:11px 0 9px; background:url("../images/global_footmenu.gif") no-repeat 0 0; text-decoration:none; color:#62605a;}
.footmenu li a:hover	{ background-position:-200px 0;}
.footmenu li a:visited	{ color:#62605a;}

/*-----------------------
   Common Class
-----------------------*/
table caption			{padding:5px 0 5px ; text-align:left;}

table.basicTable		{ width:100%; margin-bottom:10px;}
table.basicTable td,
table.basicTable th		{ padding:10px 8px; border-bottom:solid 1px #afaea7;}
table.basicTable .top	{ padding:10px 8px; border-top:solid 2px #353329;}
table.basicTable .last	{ padding:10px; border-bottom:solid 2px #353329;}

table.empList			{ width:90%;}
table.empList td		{ vertical-align:middle; padding:3px 5px; border-bottom:1px solid #D3D2CF;}
table.empList caption	{ font-weight:bold; font-size:1.1em;}

.basicTable ol			{ padding:0; margin:0 0 0 20px;}

.baseBox_center .gTable 	{ background-color:#e9e8e1; width:600px; padding:10px 10px; margin:20px 0 10px;}
.gTable table			{ width:100%; margin:10px 0 5px;}

table.dataTable			{ width:100%; border:solid 2px #353329; border-width:2px 0px; margin-bottom:10px;}
* html table.dataTable	{ width:98%; _width:100%;}
table.dataTable th,
table.dataTable td		{ padding:5px; border-bottom:solid 1px #b7b4ac; font-size:10px; font-family:Helvetica, Arial, sans-serif;}
table.dataTable .last	{ border-bottom:0px;}
table.p2 td,table.p2 th { padding:2px;}
table.f12 td, table.f12 th { font-size:12px;}

table.infoTable			{ width:450px;}
table.infoTable th,
table.infoTable td		{ padding:5px; border-top:solid 1px #b7b4ac; }
table.infoTable th		{ background-color:#e9e8e1; }
table.infoTable .last	{ border-bottom:0px;}
table.infoTable caption	{ padding:5px 0; text-align:left;}

table.snone { margin:0; padding:0; border:none;}
.access table.infoTable	{ width:300px; margin:10px 0; border-bottom:solid 1px #b7b4ac;}

.NWBox .basicTable		{ width:530px; _width:520px; margin:5px 0 14px; border-top:2px solid #353329; border-bottom:2px solid #353329; float:left; }
.NWBox .basicTable th,
.NWBox .basicTable td	{ padding:10px 5px;}
.NWBox .basicTable .aRight{ padding-right:20px;}

table.basicTable .bnone,
.priceTable .bnone,
.priceTable100 .bnone	{ border:0; padding-bottom:0;}

.header1 { font-family:"Century Schoolbook", "Times New Roman", Times, serif; font-size:20px; font-weight:normal; background:url("../images/header1_back.gif") no-repeat left bottom; padding:20px 0 2px 40px; margin:0 0 10px 1px;}
.header2 { font-family:"Century Schoolbook", "Times New Roman", Times, serif; font-size:16px; font-weight:normal; background:url("../images/line.gif") repeat-x left bottom; padding:20px 0 2px 40px; margin-left:1px; margin:0 1px 10px 1px;}
.hnavi { background:url("../images/line.gif") repeat-x left bottom; padding:20px 0 2px 40px; margin-left:1px; margin:0 1px 0 1px;}

.homeflower { background:url("../images/home_flower.jpg") no-repeat right bottom;}
.location,
.bigh { font-size:26px; font-weight:normal; margin:0; padding:0; line-height:1;}
.bigh { margin-bottom:10px;}
.locationsub { font-size:10px; color:#808080; margin:0 !important; line-height:1 !important; padding:0 20px 8px 0 !important; text-align:left !important; text-justify:auto !important;}
.topline { margin:20px 0 0; padding:20px 0 0; border-top:solid 1px #c2c2bf;}
.imgright { border:solid 1px #808080; float:right; margin:0 0 10px 20px;}
.imgleft { border:solid 1px #808080; float:left; margin:0 20px 10px 0;}
.imgb { border:solid 1px #808080;}

.roomback { background:url('../images/room_type/room_back.jpg') no-repeat 1px top;}
.roombtn { width:180px; float:left; margin:0 10px 15px 0;}
.roombtn img { border:solid 3px #d9d9d9;}
.roombtn a { text-decoration:none;}
.roombtn a:hover img { border:solid 3px #a4c842;}
.roombtn p a { text-decoration: underline;}
.roombtn p a:hover { text-decoration:none;}
.floormap { text-align:center !important; margin-top:20px;}

.restlogo { margin:0 0 10px;}

.middleh { font-size:18px; font-weight:normal;}
.minih { font-size:12px; font-weight:normal;}

.tel { font-family:Helvetica, Arial, sans-serif;text-align:left !important; text-justify:auto !important;}
.tel span { font-size:14px; color:#333; font-weight:bold;}

.note { font-size:10px; color:#999; line-height:1.2em !important;}

/*-----------------------
   GARDENS
-----------------------*/
table.gardenmap { margin:20px 0 40px;}
table.gardenmap a { text-decoration:none; display:block;}
td.gm1,
td.gm1 a 				{ background:url("../images/gardens/m1.gif") no-repeat; width:181px; height:385px;}
td.gm1 a:hover 	{ background:url("../images/gardens/m1o.gif") no-repeat;}
td.gm2,
td.gm2 a 				{ background:url("../images/gardens/m2.gif") no-repeat; width:181px; height:196px;}
td.gm2 a:hover	{ background:url("../images/gardens/m2o.gif") no-repeat;}
td.gm3,
td.gm3 a 				{ background:url("../images/gardens/m3.gif") no-repeat; width:181px; height:189px;}
td.gm3 a:hover 	{ background:url("../images/gardens/m3o.gif") no-repeat;}
td.gm4,
td.gm4 a 				{ background:url("../images/gardens/m4.gif") no-repeat; width:185px; height:196px;}
td.gm4 a:hover 	{ background:url("../images/gardens/m4o.gif") no-repeat;}
td.gm5,
td.gm5 a 				{ background:url("../images/gardens/m5.gif") no-repeat; width:185px; height:189px;}
td.gm5 a:hover 	{ background:url("../images/gardens/m5o.gif") no-repeat;}
td.gm6,
td.gm6 a 				{ background:url("../images/gardens/m6.gif") no-repeat; width:173px; height:196px;}
td.gm6 a:hover 	{ background:url("../images/gardens/m6o.gif") no-repeat;}
td.gm7,
td.gm7 a 				{ background:url("../images/gardens/m7.gif") no-repeat; width:173px; height:189px;}
td.gm7 a:hover 	{ background:url("../images/gardens/m7o.gif") no-repeat;}

/*-----------------------
   ACCESS
-----------------------*/
.access .Rbox			{ float:right; width:250px;}
.access .Rbox img		{ margin-top:0; border:5px solid #e5e3da;}
.access .Rbox p			{ margin-bottom:0px; text-align:center; font-weight:bold;}

/*-----------------------
   thickbox
-----------------------*/
/*#TB_window #TB_ajaxContent { background:url(../images/loadingAnimation.gif) no-repeat center center;}*/
#TB_title{ background-color:#fff !important; height:36px !important;}
#TB_title .garden{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; font-weight:normal;}

/*-----------------------
   SiteMap
-----------------------*/
.sitemap 					{ margin:0 0 30px 30px !important;}
.sitemap ul 			{ margin:0; padding:0 0 10px 5px; list-style:none;}
.sitemap ul ul 			{ margin:0; padding:2px 0 10px 5px; list-style:none;}
.sitemap ul li 			{ margin:0; padding:3px 0 0 9px; background:url("../images/tree_lst_solid.gif") no-repeat;}
.sitemap ul li.last 	{ padding:2px 0 0 9px; background:url("../images/tree_end_solid.gif") no-repeat;}
.sitemap ul li.here 	{ font-weight:bold;}
.sitemap ul li.here a	{ color:#333;}
.sitemap ul li.here li 	{ font-weight:normal;}
.sitemap ul li.here li a{ color:#336699;}
.sitemap		{ margin:0 0 30px; padding:20px 30px 0;}
.sitemap h2		{ width:100%; padding-bottom:5px; border-bottom:solid 2px #353329; }
.sitemap a 		{ text-decoration:none;}
.sitemap h3 	{ font-weight:normal; margin-top:10px; padding-bottom:2px;}
.sitemapBox				{ border-bottom:1px dotted #afaea7; margin:0; padding:10px 0 15px;}
.sitemapL				{ float:left; width:350px; font-size:0.9em;}
.sitemapR				{ float:right; width:350px; font-size:0.9em;}

/* safari only ¥*/
html:¥66irst-child .content	{ width:801px;}
html:¥66irst-child .top_content,
html:¥66irst-child .bottom_content,
html:¥66irst-child #footer	{ margin:0 0 0 1px;}
/* end */