/* 
CenSuite.com
copyright 2008 Bangkok Acadia Co.,Ltd. All rights reserved.
website design and develope by normalfx@gmail.com
*/

/* Initial */
body {
	font-family:Arial,ＭＳ Ｐゴシック,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,Arial, Helvetica, sans-serif;
	background:#C0BBAF url(images/main_bg.gif) repeat-x
}
a{
	outline:none;
	}
/* Main CSS */
#wrapper{
	width:960px;
	margin:0 auto
	}
#header{
	width:960px;
	float:left;
	height:196px;
	position:relative;
	background:url(images/head_bg.gif) no-repeat
	}
#header .logo{
	display:inline;
	float:left;
	margin:0 0 0 100px;
	width:120px;
	height:142px;
	background:url(images/cen_suite_logo.gif) no-repeat
	}
#header .logo a{
	display:block;
	width:120px;
	height:142px;
	text-indent:-9999em
	}
#header #flash-container{
	float:left;
	width:739px;
	height:196px;
	/*border: 1px solid #ffcc00*/
	}
* html #header #flash-container{
	width:730px
	}
#sakura-float{
	position:absolute;
	top:30px;
	left:-48px;
	width:244px;
	height:209px;
	background:url(images/sakura_branch.png) no-repeat
	}
.blank-fix{
	}
#header #sakura-float-l{
	width:393px;
	height:196px;
	position:absolute;
	left:202px;
	top:0
	}
#header #sakura-float-r{
	width:385px;
	height:165px;
	position:absolute;
	right:-120px;
	top:31px
	}
#header .language{
	position:absolute;
	width:160px;
	height:30px;
	top:10px;
	right:0px;
	font-size:0.6em;
	font-weight:700;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
#header .language a{
	text-decoration:none;
	color:#7F7F7F;
	display:block;
	float:left
	}
#header .language a:hover{
	color:#FF3333
	}
#header .language span{
	float:left;
	margin:0 5px 0 0
	}
#header .language .jap a{
	padding:0 20px 0 0;
	background:url(images/flag_jap.gif) right no-repeat
	}
#header .language .en a{
	padding:0 20px 0 5px;
	background:url(images/flag_en.gif) right no-repeat;
	border-left:#ccc 1px solid
	}
#content{
	float:left;
	width:960px
	}
#content #sidebar{
	float:left;
	width:320px
	}
#content #sidebar ul li{
	display:inline;
	}
#content #sidebar ul li a{
	display:block;
	width:320px;
	float:left;
	text-indent:-9999em
	}
#content #sidebar ul#jp li.home a{
	height:73px;
	background:url(images/btn_home.gif) no-repeat
	}
#content #sidebar ul#jp li.home a:hover, #home #wrapper #content #sidebar ul#jp li.home a{
	background-position:0 -73px
	}
#content #sidebar ul#jp li.fac a{
	height:49px;
	background:url(images/btn_fac.gif) no-repeat
	}
#content #sidebar ul#jp li.fac a:hover, #fac #wrapper #content #sidebar ul#jp li.fac a{
	background-position:0 -49px
	}
#content #sidebar ul#jp li.room a{
	height:50px;
	background:url(images/btn_room.gif) no-repeat
	}
#content #sidebar ul#jp li.room a:hover, #room #wrapper #content #sidebar ul#jp li.room a{
	background-position:0 -50px
	}
#content #sidebar ul#jp li.serv a{
	height:50px;
	background:url(images/btn_serv.gif) no-repeat
	}
#content #sidebar ul#jp li.serv a:hover, #serv #wrapper #content #sidebar ul#jp li.serv a{
	background-position:0 -50px
	}
#content #sidebar ul#jp li.take a{
	height:50px;
	background:url(images/btn_take.gif) no-repeat
	}
#content #sidebar ul#jp li.take a:hover, #take #wrapper #content #sidebar ul#jp li.take a{
	background-position:0 -50px
	}
#content #sidebar ul#jp li.rate a{
	height:51px;
	background:url(images/btn_rate.gif) no-repeat
	}
#content #sidebar ul#jp li.rate a:hover, #rate #wrapper #content #sidebar ul#jp li.rate a{
	background-position:0 -51px
	}
#content #sidebar ul#jp li.contact a{
	height:82px;
	background:url(images/btn_contact.gif) no-repeat
	}
#content #sidebar ul#jp li.contact a:hover, #contact #wrapper #content #sidebar ul#jp li.contact a{
	background-position:0 -82px
	}
#content #sidebar .take-banner{
	width:100%;
	margin:10px auto;
	text-align:center
	}
#content #sidebar .job-banner{
	width:100%;
	margin:0 auto 10px auto;
	text-align:center
	}
#content #sidebar .take-banner img{
	border:none
	}
#main-content{
	float:left;
	display:inline;
	overflow:hidden;
	width:640px;
	padding:20px 0 0 0;
	background:url(images/bg_content_top.png) top left no-repeat
	}
* html #main-content{
	background:url(images/bg_content_top.gif) top left no-repeat
	}
#take-content{
	background:url(images/bg_bamboo.gif) top right no-repeat;
	float:left
	}

#main-content #home-content h1, #main-content #fac-content h1, #main-content #room-feat-content h1, #main-content #services-content h1, #main-content #take-content h1, #main-content #rate-content h1, #main-content #contact-content h1{
	float:left;
	display:inline;
	width:640px;
	height:51px;
	text-indent:-9999em;
	padding:0 0 15px 0;
	margin:8px 0 0 0
	}
#main-content #home-content .jp h1{
	background:url(images/home_heading_jp.gif) no-repeat
	}
#main-content #fac-content .jp h1{
	background:url(images/fac_heading_jp.gif) no-repeat
	}
#main-content #room-feat-content .jp h1{
	background:url(images/floor_heading_jp.gif) no-repeat
	}
#main-content #services-content .jp h1{
	background:url(images/services_heading_jp.gif) no-repeat
	}
#main-content #take-content .jp h1{
	background:url(images/take_heading_jp.gif) no-repeat
	}
#main-content #rate-content .jp h1{
	background:url(images/rental_heading_jp.gif) no-repeat
	}
#main-content #contact-content .jp h1{
	background:url(images/contact_heading_jp.gif) no-repeat
	}
#main-content p{
	font-size:0.7em
	}
#footer{
	float:left;
	width:100%;
	background:url(images/footer_bg.png) top left no-repeat;
	height:130px;
	}
#footer p{
	padding:40px 35px 0 35px;
	font-size:0.7em
	}
.reservation-form h3{
	margin:20px 0 0 0;
	height:50px;
	text-indent:-9999em;
	background:url(images/reservation_heading_jp.gif) no-repeat
	}
.reservation-form p{
	font-size:0.8em !important;
	padding:0 0 5px;
	width:100%;
	/*float:left*/
	}
*:first-child+html .reservation-form p{
	float:left
	}
.reservation-form span{
	font-size:0.8em
	}
.reservation-form h4{
	font-size:0.9em;
	padding:20px 0 15px
	}
h5{
	font-size:0.9em;
	padding:20px 0 10px
	}
.leding-form{
	float:left;
	width:100%;
	font-size:0.82em;
	margin:20px 0 0 0;
	padding:10px 0;
	border-top:1px dotted #ccc
	}
.leding-form span{
	font-size:0.8em;
	padding:5px 0 0 0;
	display:block
	}
.reservation-form p label{
	font-size:0.9em;
	padding:2px 10px 2px 0;
	margin:0 5px 0 0;
	text-align:right;
	float:left;
	display:inline
	}
.reservation-form p input, .reservation-form p select, .reservation-form p textarea{
	float:left;
	display:inline;
	margin:0 5px
	}
.reservation-form .form-field p{
	padding:0 0 15px 0;
	float:left
	}
.container-box .menu-list{
	padding:20px 0;
	float:left
	}
.container-box .menu-list span{
	color:#782020;
	padding:0 0 10px;
	font-size:0.72em
	}
.container-box .menu-list .indicator{
	margin:5px 0 0 0
	}
.container-box .menu-list .indicator .ind-item{
	float:left;
	font-size:0.7em;
	padding:0 20px 0 0
	}
.container-box .menu-list .indicator .ind-item img{
	vertical-align:middle;
	padding:0 3px 0 0
	}
.container-box .food-list{
	float:left
	}
.container-box .food-list .food-block{
	float:left;
	display:inline;
	width:165px;
	margin:0 10px
	}

.container-box .food-list .food-block span{
	float:left;
	display:inline;
	padding:3px 0 10px 3px
	}
/* General classes */
.container-box{
	float:left;
	width:570px;
	padding:0 35px;
	background:#fff
	}
.main-home-bg{
	background:#fff url(images/bg_home.gif) bottom right no-repeat;
	min-height:560px
	}
.main-fac-bg{
	background:#fff url(images/bg_facilities.gif) bottom left no-repeat;
	min-height:760px;
	float:left;
	}
.main-take-bg{
	background:url(images/bg_take.gif) bottom right no-repeat;
	float:left
	}
* html .main-fac-bg{
	height:760px
	}
* html .main-home-bg{
	height:560px
	}
.debug{
	border:1px solid #ffcc00
	}
.fac-box{
	float:left;
	display:inline;
	width:135px;
	height:75px;
	margin:0 0 10px 7px;
	}
.fac-box a img{
	border:1px solid #606060;
	padding:1px
	}
.fac-box a p{
	color:#818181;
	text-decoration:none;
	font-size:0.6em !important;
	padding:0 0 4px 10px;
	background:url(images/bullet_red.gif) center left no-repeat
	}
.fac-box a:hover p{
	color:#F10010
	}
.fac-separator{
	float:left;
	width:100%;
	padding:10px 0
	}
.fac-separator p{
	padding:0;
	font-size:1em;
	font-weight:700
	}
.floor-plan-box{
	
	}
.floor-description{
	padding:30px 0
	}
.floor-description h3{
	text-indent:-9999em;
	height:50px;
	background:url(images/amenities_heading_jp.gif) top left no-repeat
	}
.floor-description ul {
	margin:0 0 0 70px;
	}
.floor-description ul li{
	color:#666;
	font-size:0.72em;
	padding:0 0 5px 0;
	list-style-image:url(images/bullet_red.gif)
	}
.service-block p{
	font-size:0.8em !important;
	padding:0 0 5px 0
	}
.service-block p img{
	padding:0 5px 0 0;
	vertical-align:middle
	}
.clear-bg{
	background:none !important
	}
.image-place-lead{
	float:left;
	padding:0 10px 10px 0
	}
.price-table table{
	border-collapse:collapse
	}
.price-table table th,.price-table table td{
	padding:5px 15px;
	border:solid 1px #fff
	}
.price-table table th{
	text-align:left;
	background:#DEF395;
	font-size:0.9em
	}
.price-table table td{
	background:#EBF8BF;
	font-size:0.72em
	}
.align-center{
	text-align:center
	}
.tiny{
	font-size:0.7em !important
	}
.price-table table td.table-foot{
	font-size:0.6em
	}
/* rate table*/
.rate-table table{
	border-collapse:collapse
	}
.rate-table table th,.rate-table table td{
	padding:5px 15px;
	border:solid 1px #fff
	}
.rate-table table th{
	background:#878978;
	color:#fff;
	font-size:0.9em
	}
.rate-table table td{
	background:#EBF8BF;
	font-size:0.72em
	}
.rate-table table td span{
	font-size:0.7em;
	display:block
	}
.rate-table table td.sub-head{
	background:#A7A89C;
	color:#fff
	}
.rate-table table td.table-foot{
	font-size:0.6em
	}
.asterisk{
	background:url(images/asterisk.gif) top right no-repeat
	}
.label-left{
	width:70px;
	text-align:left
	}
.avg-width{
	width:100px
	}
.max-width{
	width:200px
	}
.button-place{
	width:380px
	}
.map-link{
	padding:10px;
	text-align:right;
	font-size:0.7em
	}
.map-link a{
	color:#666;
	text-decoration:none
	}
.map-link a:hover{
	color:#ff0000;
	}
.map-link img{
	vertical-align:middle;
	padding:0 3px 0 5px
	}