/**
 * Base styles
 * @date 10 Sep 2013
 */
html { background-color: #000;}
body { font-family: 'Lucida sans', Arial, sans-serif; color: #333;}
a { color: #600; text-decoration: underline;}
a:hover { color: #600; text-decoration: none;}
strong { font-weight: bold; font-style: inherit;}
em { font-style: italic; font-weight: inherit;}
img { vertical-align: bottom;}

/* Font face */
@font-face {
	font-family: 'Roboto Slab';
	src: url(./fonts/RobotoSlab-Light.ttf) format('truetype');
	}

/* Container */
.container { width: 100%;}

/* Header */
.header {
	width: 100%;
	height: 130px;
	background: url(../images/common/contents_bg.png) repeat 0 0;
	position: relative;
	overflow: visible;
	z-index: 2;
	}
.header .header-inner {
	width: 960px;
	height: 100px;
	background-color: #fff;
	border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	-webkit-border-radius: 5px 5px;
	margin-left: -480px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.20);
	position: absolute;
	left: 50%;
	top: 20px;
	overflow: visible;
	}
.header .logo {
	width: 330px;
	height: 0;
	padding-top: 100px;
	background: url(../images/common/logo.png) no-repeat 0 0;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	}
.header-floating { background: none; position: absolute;}
.header .cnav { font-size: 85%; line-height: 1.42; position: absolute; left: 350px; top: 8px;}
.header .cnav li { margin-right: 20px; display: inline;}
.header .cnav li a.arrow {
	font-weight: bold;
	text-decoration: none;
	color: #1b497c;
	padding-left: 15px;
	background: url(../images/common/arrow_cnav.png) no-repeat left center;
	}
.header .cnav li a.arrow:hover { text-decoration: underline;}
.header .cnav-02 { top: 26px;}

/**
 * jquery.pulldown.css
 * @date 6 Jun 2013
 */
.pulldown {
	width: 130px;
	font-size: 12px;
	color: #1b497c;
	line-height: 1.572;
	border: 1px solid #d9e2ed;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	}
.pulldown:hover {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
	}
.pulldown li { list-style-type: none !important; padding: 0 10px 5px; margin: 0 !important;}
.pulldown li a { color: #1b497c; overflow: hidden;}
.pulldown li a:hover {}
.pulldown li a.arrow {
	padding-left: 15px;
	background: url(../images/common/arrow_cnav.png) no-repeat left center;
	}
.pulldown .pulldown-title { padding: 3px 10px; cursor: pointer;}
.pulldown .pulldown-menu {}
#langnav { position: absolute; right: 10px; top: 10px;}

/* Nav */
.nav {
	width: 630px;
	overflow: hidden;
	position: absolute;
	left: 330px;
	top: 40px;
	}
.nav li { float: left;}
.nav li a {
	width: 100px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 60px;
	background-image: url(../images/common/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: block;
	overflow: hidden;
	outline: none;
	}
.nav .nav-01 a { background-position: 0 0; width: 190px;}
.nav .nav-02 a { background-position: -190px 0; width: 120px;}
.nav .nav-03 a { background-position: -310px 0; width: 170px;}
.nav .nav-04 a { background-position: -480px 0; width: 150px;}
.nav .nav-01 a:hover { background-position: 0 -60px;}
.nav .nav-02 a:hover { background-position: -190px -60px;}
.nav .nav-03 a:hover { background-position: -310px -60px;}
.nav .nav-04 a:hover { background-position: -480px -60px;}
.page-stay .nav-01 a { background-position: 0 -120px !important; cursor: default;}
.page-restaurant .nav-02 a { background-position: -190px -120px !important; cursor: default;}
.page-meeting .nav-03 a { background-position: -310px -120px !important; cursor: default;}
.page-reservations .nav-04 a { background-position: -480px -120px !important; cursor: default;}

/* Main visual */
.main-visual {
	width: 100%;
	height: 430px;
	background: #000 url(../images/common/main_visual_bottom.png) repeat-x left bottom;
	margin: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
	}
.main-visual p {
	width: 1400px;
	margin-left: -700px;
	position: absolute;
	left: 50%;
	top: 0;
	}
.main-visual .buttons {
	width: 540px;
	margin-left: -60px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 580px;
	z-index: 100;
	}
.main-visual .button { float: left; padding-left: 10px;}
.page-home .main-visual { height: 650px;}

/**
 * jquery.slideshow.css
 * @author shinji<web@shinjifukuda.com>
 * @date 16 Aug 2013
 */
.slideshow { width: 1400px; height: 640px; position: absolute; left: 50%; margin-left: -700px; overflow: hidden;}
.slideshow ul {}
.slideshow ul li { list-style-type: none; margin: 0;}
.slideshow .items { width: 1400px; height: 640px; margin: 0; padding: 0; overflow: hidden; position: absolute; z-index: 0;}
.slideshow .item { position: absolute; list-style: none; margin: 0; padding: 0; z-index: 0;}
.slideshow .sequence { margin-left: -45px; position: absolute; left: 260px; bottom: 10px;}
.slideshow .sequence .map {
	width: 8px;
	height: 8px;
	margin: 3px;
	background-color: #fff;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.30);
	float: left;
	cursor: pointer;
	}
.slideshow .sequence .map-selected { background-color: #165eca;}
.slideshow .prev,
.slideshow .next { display: none;}
.slideshow .thumbnails { display: none;}

/* Page Structure */
.contents {
	width: 100%;
	padding-bottom: 10px;
	background: url(../images/common/contents_bg.png) repeat 0 0;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	z-index: 1;
	}
.contents-inner { width: 960px; padding: 10px 0 0; margin: 0 auto; overflow: visible; position: relative;}
.contents-inner:after { content: ''; display: block; clear: both;}
.wrapper { width: 700px; float: right;}
.maincol { width: 700px;}
.subcol { width: 220px; float: left;}
.contents-maincol-only {}
.contents-maincol-only .wrapper { width: 960px; float: none;}
.contents-maincol-only .maincol { width: 960px;}
.contents-maincol-only .subcol { display: none;}

/* Breadcrumb */
.breadcrumb { width: 100%; font-size: 93%; line-height: 1.32; margin-bottom: 20px;}
.breadcrumb li { display: inline;}

/* Column */
.column { width: 100%;}
.column:after { content: ''; display: block; clear: both;}
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6 { font-weight: bold; line-height: 1.42; margin-bottom: 10px;}
.column h1 { font-size: 138.5%;}
.column h2 { font-size: 123.1%;}
.column h3 { font-size: 108%;}
.column h4 { font-size: 100%;}
.column h5 { font-size: 93%;}
.column h6 { font-size: 85%;}
.column p, .column ul, .column ol, .column dl, .column table { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column ul li { list-style-type: disc; margin-left: 25px;}
.column ol li { list-style-type: decimal; margin-left: 25px;}
.column .info {
	width: 670px;
	height: 100px;
	padding: 19px 9px 19px 19px;
	background-color: #fff;
	border: 1px solid #e0dcbf;
	}
.column .info ul { line-height: 1.42; padding: 0; margin: 0;}
.column .info ul li { list-style-type: none; margin: 0;}
.column .info ul li a { width: 100%; color: #333; text-decoration: none; padding: 0 0 5px 0; display: block; position: relative;}
.column .info ul li a:hover { text-decoration: underline;}
.column .info ul li .date { font-style: normal; position: absolute; left: 0; top: 0;}
.column .info .scrollpane { width: 670px; height: 100px; overflow: hidden;}
.column hr {
	width: 100%;
	height: 0;
	border: none;
	border-top: 1px solid #cec69e;
	border-bottom: 1px solid #fff;
	margin: 40px 0;
	clear: both;
	}
.column .decoration { width: 700px; background: url(../images/common/decoration_bg.png) repeat-y 0 0; overflow: hidden;}
.column .decoration-inner { width: 700px; background: url(../images/common/decoration_bg_top.png) no-repeat 0 0; overflow: hidden;}
.column .decoration-inner-inner { width: 650px; padding: 25px 25px 15px; background: url(../images/common/decoration_bg_bottom.png) no-repeat left bottom; overflow: hidden;}
.column .heading-button { position: relative;}
.column .heading-button .btn { position: absolute; right: 20px; top: 15px;}
.column .lists { width: 100%; background-color: #fff; overflow: hidden;}
.column .list { width: 660px; padding: 19px 19px 14px; border: 1px solid #e0dcbf; border-top: none; overflow: hidden;}
.column .list h2,
.column .list h3 { font-size: 123.1%; line-height: 1.32; margin-bottom: 10px;}
.column .list p { line-height: 1.42; margin-bottom: 5px;}
.column .panels {
	width: 721px;
	margin-bottom: 20px;
	background-image: url(../images/common/panels_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	}
.column .panels-single { background-image: url(../images/common/panels_bg_single.png);}
.column .panels-full { background-image: url(../images/common/panels_bg_full.png);}
.column .panel {
	width: 310px;
	padding: 15px 15px 9px;
	margin-right: 20px;
	overflow: hidden;
	float: left;
	}
.column .panel h2,
.column .panel h3 { font-size: 123.1%; line-height: 1.32; margin-bottom: 10px;}
.column .panel p { line-height: 1.42; margin-bottom: 5px;}
.column .panel p.figure { width: 340px; margin: -15px 0 15px -15px;}
.column .panel p.icons { margin-top: 10px;}
.column .panel p.btn { text-align: center; margin-top: 10px;}
.column .panel p.btns { text-align: center; margin-top: 10px;}
.column .panels-full .panel { width: 670px;}
.column .panels-full .panel p.figure { width: 700px;}
.column .sweet-column {}
.column .sweet-column h2 {
	font-family: 'ChaparralPro-Regular', Georgia, sans-serif;
	font-size: 222%;
	font-weight: normal;
	color: #6f693f;
	}
.column .attention { padding-left: 1em; text-indent: -1em;}
.column .attentions { line-height: 1.42;}
.column .attentions li { list-style-type: none; padding-left: 1em; text-indent: -1em; margin: 0;}
.column .column-title {
	font-family: 'Roboto Slab';
	font-weight: normal;
	color: #5a554c;
	margin-bottom: 25px;
	}
.column h1.column-title { font-size: 234%; line-height: 1.2;}
.column h2.column-title { font-size: 182%; margin-bottom: 10px;}
.column .button {
	font-family: 'Roboto Slab';
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background: #5f3c16; /* Old browsers */
	background: -moz-linear-gradient(top,  #5f3c16 50%, #4f3110 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#5f3c16), color-stop(51%,#4f3110)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5f3c16 50%,#4f3110 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5f3c16 50%,#4f3110 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5f3c16 50%,#4f3110 51%); /* IE10+ */
	background: linear-gradient(to bottom,  #5f3c16 50%,#4f3110 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f3c16', endColorstr='#4f3110',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.column .button:hover { color: #fff;}
.column .with-button { position: relative;}
.column .with-button .button { position: absolute; right: 0; top: 2px;}

.column .decoration-960 {
	width: 100%;
	background: url(../images/common/decoration_960.png) repeat-y left top;
	}
.column .decoration-960-inner {
	width: 100%;
	background: url(../images/common/decoration_960_top.png) no-repeat left top;
	}
.column .decoration-960-inner-inner {
	width: 910px;
	padding: 25px 25px 15px;
	background: url(../images/common/decoration_960_bottom.png) no-repeat left bottom;
	overflow: hidden;
	}

.column .decoration-700 {
	width: 100%;
	background: url(../images/common/decoration_700.png) repeat-y left top;
	}
.column .decoration-700-inner {
	width: 100%;
	background: url(../images/common/decoration_700_top.png) no-repeat left top;
	}
.column .decoration-700-inner-inner {
	width: 650px;
	padding: 25px 25px 15px;
	background: url(../images/common/decoration_700_bottom.png) no-repeat left bottom;
	overflow: hidden;
	}

.arrow { padding-left: 15px; background: url(../images/common/arrow.png) no-repeat left center;}
.figure { margin-bottom: 10px;}
.figcaption { line-height: 1.42; padding-top: 5px; display: block;}
.left { margin-right: 20px; float: left;}
.right { margin-left: 20px; float: right;}
.fixed { table-layout: fixed;}
.clr { clear: both;}
.clearfix { zoom: 1;}
.clearfix:after { content: ''; display: block; clear: both;}

/* Bread crumb */
.breadcrumb {}
.breadcrumb a { color: #333;}

/* Page nav */
.page-nav { width: 100%; height: 60px; position: relative;}
.page-nav .return-to-page-top { position: absolute; right: 0; top: 10px; margin: 0;}
.page-nav .history-back { position: absolute; left: 0; top: 10px;}

/* Sidebar */
.sidebar {}
.sidebar h2 { font-size: 100%; font-weight: bold; line-height: 1.42; margin-bottom: 10px;}
.sidebar p,
.sidebar ul,
.sidebar ol { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.sidebar-snav { background-color: #fff; border: 1px solid #e0dcbf; margin-bottom: 10px;}
.sidebar-snav ul { line-height: 1.42; margin: 0;}
.sidebar-snav ul li { width: 100%; border-top: 1px solid #e0dcbf;}
.sidebar-snav ul li.separator { border-top: 3px solid #e0dcbf;}
.sidebar-snav ul li:first-child { border: none;}
.sidebar-snav ul li a,
.sidebar-snav ul li strong {
	width: 200px;
	color: #333;
	text-decoration: none;
	padding: 8px 9px;
	display: block;
	}
.sidebar-snav ul li a {
	width: 180px;
	padding-left: 29px;
	background: url(../images/common/arrow.png) no-repeat 10px center;
	}
.sidebar-snav ul li a:hover { background-color: #f8f7f1;}
.sidebar-info {
	width: 190px;
	padding: 14px 14px 4px;
	background-color: #fff;
	border: 1px solid #e0dcbf;
	margin-bottom: 10px;
	}
.sidebar-info h2, .sidebar-info p { margin-bottom: 5px;}
.sidebar-banners { width: 100%; margin: 0 auto;}
.sidebar-banners p { font-size: 93%; line-height: 1.572; text-align: center; margin-bottom: 10px;}
.sidebar-buttons { margin-bottom: 10px;}

/* Footer */
.footer { width: 100%; padding-top: 35px; background: url(../images/common/footer_bg.png) repeat-x left top; clear: both;}
.footer ul, .footer p, .footer address { font-size: 93%; color: #fff; line-height: 1.572;}
.footer-inner { width: 960px; margin: 0 auto 50px; overflow: hidden;}
.footer .fnav { width: 960px; padding: 40px 0 30px; margin: 0 auto; overflow: hidden;}
.footer .fnav ul { width: 190px; font-family: 'Roboto Slab'; font-size: 93%; line-height: 1.32; float: left;}
.footer .fnav ul li { margin: 4px 0;}
.footer .fnav ul li.separate { margin-top: 15px;}
.footer .fnav ul li a { color: #fff; text-decoration: none;}
.footer .fnav ul li a:hover { text-decoration: underline;}
.footer .fnav ul li .arrow {
	padding-left: 18px;
	background: url(../images/common/arrow_fnav.png) no-repeat 0 3px;
	display: block;
	}
.footer address { text-align: center;}
.footer .copyright { text-align: center;}
.footer hr {
	width: 100%;
	border: none;
	border-top: 1px solid #fff;
	margin: 12px 0;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	clear: both;
	}
/* IE6 only */
* html .footer { background-color: #000;}

/* Button return */
.btn-return {
	right: 20px;
	bottom: 20px;
	position: fixed;
	z-index: 100;
	}
@media print {
	.btn-return { display: none;}
	}

/* Background */
.bg {
	width: 100%;
	height: 500px;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: url(../images/common/bg.jpg) no-repeat center bottom;
	}

/**
 * jquery.bannerGallery.css
 * @author shinji<web@shinjifukuda.com>
 * @date 16 Oct 2013
 */
.bannerGallery { width: 100%; height: 100px; position: relative; overflow: hidden;}
.bannerGallery ul { margin: 0 !important; position: absolute; overflow: hidden;}
.bannerGallery ul li { list-style-type: none !important; padding: 0 1px 0 0; margin: 0 !important; background: #fff; float: left;}
.bannerGallery ul li img { margin: 0; padding: 0; display: block;}
.bannerGallery ul li a { margin: 0; padding: 0; display: block;}

/**
 * jquery.gallery.css
 * @author shinji<web@shinjifukuda.com>
 * @date 25 Apr 2013
 */
.gallery { width: 700px; padding: 0; margin: 0 0 10px; overflow: hidden; position: relative;}
.gallery .items { width: 700px; height: 360px; padding: 0; margin: 0; overflow: hidden; position: relative; z-index: 1;}
.gallery .item { width: 700px; height: 360px; list-style-type: none !important; padding: 0; margin: 0 !important; background-color: #000; overflow: hidden; position: absolute;}
.gallery .thumbnails { width: 100%; margin: 1px 0; overflow: hidden;}
.gallery .thumbnail { width: 89px; height: 46px; list-style-type: none !important; margin: 0 1px 0 0 !important; border: 5px solid #cfc799; overflow: hidden; cursor: pointer; float: left;}
.gallery .thumbnail-selected { width: 89px; height: 46px; border-color: #99771a;}
.gallery .figcaption,
.gallery .btn { display: none;}

/*
--------------------------------------------------
	ui.core.js
	ui.tabs.js only styles
-------------------------------------------------- */
/* Caution! Ensure accessibility in print and other media types... */
@media projection,screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
	}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
	}
.ui-tabs-nav li { list-style-type: none !important; margin: 0 !important;}

/* Scrollpane */
.scrollpane { width: 520px; height: 270px; overflow: hidden;}
.scrollpane .jspContainer { overflow: hidden; position: relative;}
.scrollpane .jspVerticalBar { width: 5px;}
.scrollpane .jspTrack { background-color: #e5e5e5;}
.scrollpane .jspDrag { background-color: #777;}


/**
 * Local styles
 * @date 27 Aug 2014
 */
/* Home */
#home {}
#home-greeting { padding: 25px 0;}
#home-greeting p { font-family: 'Roboto Slab'; font-size: 116%;}
#home-access {
	width: 100%;
	background: url(../images/home/wrapper.png) repeat-y left top;
	margin-bottom: 20px;
	overflow: hidden;
	}
#home-access-inner {
	width: 100%;
	background: url(../images/home/wrapper_top.png) no-repeat left top;
	overflow: hidden;
	}
#home-access-inner-inner {
	width: 910px;
	padding: 25px 25px 15px;
	background: url(../images/home/wrapper_bottom.png) no-repeat left bottom;
	overflow: hidden;
	}
#home-offers { padding-bottom: 10px;}
#home-offers .entries {
	background-color: #fff;
	border: 1px solid #d8d5bf;
	}
#home-offers .entry {
	width:;
	padding: 20px 20px 10px;
	border-top: 1px solid #d8d5bf;
	overflow: hidden;
	}
#home-offers .entry:first-child { border: none;}
#home-offers h3 { font-size: 123.1%;}
#home-banners { margin-bottom: 20px;}
#home-banners .banners { width: 100%; overflow: hidden;}
#home-banners .banners .banner { list-style-type: none; margin: 0 10px 0 0; float: left;}


/* Stay */
#stay { padding-bottom: 100px;}
#stay .read { margin-bottom: 20px;}
#stay .photos {
	border: 6px solid #fff;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20);
	}
#stay .menu { width: 100%; background-color: #fff; overflow: hidden;}
#stay .menu li { list-style-type: none; margin: 0; float: left;}
#stay .icon {
	font-size: 118%;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	background-color: #aaa;
	padding: 1px 15px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	}
#stay .icon:hover {}
#stay .icon-amenities-a { background-color: #e23c67;}
#stay .icon-amenities-b { background-color: #e5891d;}
#stay .icon-amenities-s { background-color: #078606;}
#stay .icon-lounge { background-color: #345cdf;}
#stay-greeting { padding-bottom: 30px;}
#stay-floor { margin-bottom: 40px;}
#stay-floor a { color: #fff; text-decoration: none;}
#stay-floor a:hover { color: #fff;}
#stay-floor h3 {
	font-family: 'Roboto Slab';
	font-size: 153.9%;
	font-weight: normal;
	color: #fff;
	margin-bottom: 10px;
	}
#stay-floor .floor {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow: hidden;
	}
#stay-floor .floor .summary { width: 300px; padding: 25px 25px 15px;}
#stay-floor .floor-main-building { background-image: url(../images/stay/floor_main.jpg);}
#stay-floor .floor-main-building .summary { background-color: #135195;}
#stay-floor .floor-tower { background-image: url(../images/stay/floor_tower.jpg);}
#stay-floor .floor-tower .summary { background-color: #88711f; margin-left: 350px;}
#stay-floor .floor-upper { background-image: url(../images/stay/floor_upper.jpg);}
#stay-floor .floor-upper .summary { background-color: #44270e;}
#stay-floors {}
#stay-floors .figures { width: 100%; margin: 0 0 15px; overflow: hidden;}
#stay-floors .figures .figure { list-style-type: none; margin: 0; float: left;}
#stay-floors .figures .left { float: left;}
#stay-floors .figures .right { float: right;}
#stay-floors .floor { margin: 25px 0 20px;}
#stay-floors .floor h2 {
	font-family: 'Roboto Slab';
	font-size: 153.9%;
	font-weight: normal;
	margin-bottom: 10px;
	}
#stay-room .roomtype { margin-bottom: 30px;}
#stay-room .roomtype h2.column-title { margin-bottom: 10px;}
#stay-room .roomtype .summary {
	padding: 24px 24px 14px;
	background-color: #fff;
	border: 1px solid #e0dcbf;
	}
#stay-room .roomtype h3 {
	font-family: 'Roboto Slab';
	font-size: 138.5%;
	font-weight: normal;
	}
#stay-room .roomtype .rooms { margin-bottom: 20px;}
#stay-room .roomtype .rooms li { margin-top: 10px; margin-bottom: 10px;}
#stay-room-detail {}
#stay-room-detail hr { margin: 10px 0;}
#stay-room-detail .entries {}
#stay-room-detail .entry { padding: 20px 0 20px; overflow: hidden;}
#stay-room-detail .entry:first-child { padding-top: 0;}
#stay-room-detail .entry h2 {
	font-family: 'Roboto Slab';
	font-size: 153.9%;
	font-weight: normal;
	}
#stay-amenities {}
#stay-amenities .amenities {
	width: 100%;
	font-size: inherit;
	table-layout: fixed;
	margin-bottom: 30px;
	}
#stay-amenities .amenities th,
#stay-amenities .amenities td {
	text-align: left;
	vertical-align: top;
	padding: 25px 25px 14px;
	background-color: #fff;
	border-left: 1px solid #e0dcbf;
	}
#stay-amenities .amenities th:first-child,
#stay-amenities .amenities td:first-child { border-left: none;}
#stay-amenities .amenities h2 {
	font-family: 'Roboto Slab';
	font-size: 153.9%;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
	}
#stay-amenities .amenities td.figure { padding: 0; overflow: hidden;}
#stay-amenities .amenities td.figure img { width: 100%; height: 215px;}

#stay-amenities { padding-top: 10px;}
#stay-amenities .amenity { margin-bottom: 25px;}
#stay-amenities .amenity th,
#stay-amenities .amenity td { vertical-align: top; padding: 15px; background-color: #fff; border: 1px solid #e0dcbf;}
#stay-amenities .amenity th { font-size: 108%; text-align: center; white-space: nowrap; padding: 10px; background-color: #f8f7f1;}
#stay-amenities .amenity ul { font-size: inherit; margin: 0;}



/* Restaurant */
#restaurant { padding-bottom: 100px;}
#restaurant h1 { margin-bottom: 25px;}
#restaurant-greeting { padding-bottom: 20px;}
#restaurant-locations { overflow: hidden;}
#restaurant-locations .panels {}
#restaurant-locations .panel {}
#restaurant-locations .panel h3 {
	font-family: 'Roboto Slab';
	font-size: 138.5%;
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 15px;
	}
#restaurant-locations .panel p { margin-bottom: 10px;}
#restaurant-locations .panel p.figure { margin-bottom: 15px;}
#restaurant-locations .panel .icons { text-align: center;}
#restaurant-locations .panel .icon {
	font-size: 118%;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	background-color: #aaa;
	padding: 1px 15px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	}
#restaurant-locations .panel .icon:hover {}
#restaurant-locations .panel .icon-cafe { background-color: #bf8128;}
#restaurant-locations .panel .icon-breakfast { background-color: #54bdc6;}
#restaurant-locations .panel .icon-lunch { background-color: #9ebf2b;}
#restaurant-locations .panel .icon-dinner { background-color: #8647bc;}
#restaurant-locations .panel .icon-bar { background-color: #3d4898;}
#restaurant-locations .panel .overview { line-height: 1.32; margin-bottom: 5px;}
#restaurant-locations .panel .overview th,
#restaurant-locations .panel .overview td { text-align: left; vertical-align: top; padding: 0 10px 5px 0;}
#restaurant-locations .panel .overview th { white-space: nowrap;}
#restaurant-halal {}
#restaurant-halal ul li { margin-top: 10px; margin-bottom: 10px;}
#restaurant-location {}
#restaurant-location .overview { line-height: 1.32; margin-bottom: 5px;}
#restaurant-location .overview th,
#restaurant-location .overview td { text-align: left; vertical-align: top; padding: 0 10px 5px 0;}
#restaurant-location .overview th { white-space: nowrap;}
#restaurant-location .notice,
#restaurant-location .tea {
	width: 400px;
	background-color: #e0dcbf;
	padding: 15px 15px 10px;
	margin-bottom: 10px;
	}
#restaurant-location-about { width: 100%; padding-bottom: 10px; overflow: hidden;}
#restaurant-location-menu {
	width: 650px;
	padding: 24px 24px 14px;
	background-color: #fff;
	border: 1px solid #e0dcbf;
	}
#restaurant-location-menu .menu {}
#restaurant-location-menu .menu li { margin-bottom: 10px;}


/* Meeting */
#meeting { padding-bottom: 100px;}
#meeting-about { padding-bottom: 20px;}
#meeting-space .layout { line-height: 1.1; margin-bottom: 20px;}
#meeting-space .layout th,
#meeting-space .layout td { padding: 8px 0; text-align: center; background-color: #fff; border: 1px solid #e0dcbf;}
#meeting-space .layout th { background-color: #f8f7f1;}
#meeting-space .layout img { margin: 0 auto 5px; display: block;}
#meeting-space .layout .figcaption { font-size: 11px; padding-top: 0;}
#meeting-space .panel h3 {
	font-family: 'Roboto Slab';
	font-size: 138.5%;
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 10px;
	}


/* Access */
#access { padding-bottom: 100px;}
#access .overview { line-height: 1.572;}
#access .overview th,
#access .overview td { padding: 5px 20px; background-color: #fff; border: 1px solid #e0dcbf;}
#access .overview th { text-align: center; background-color: #f8f7f1; white-space: nowrap;}
#access .overview p { font-size: inherit; line-height: inherit; margin: 10px 0;}
#access-gmap {}
#access-route {}
#access-parking {}
#access .plane {
	padding: 0 0 0 60px;
	background: url(../images/access/icon_plane.png) no-repeat left top;
	overflow: hidden;
	}
#access .by-bus {
	padding: 0 0 0 30px;
	background: url(../images/access/icon_bus.png) no-repeat left top;
	overflow: hidden;
	}
#access .by-train {
	padding: 0 0 0 30px;
	background: url(../images/access/icon_train.png) no-repeat left top;
	overflow: hidden;
	}


/* About */
#about { padding-bottom: 100px;}
#about .banners { text-align: center;}
#about-index { margin-bottom: 20px;}
#about-index ul { width: 100%; overflow: hidden;}
#about-index ul li { list-style-type: none; margin: 0; float: left;}
#about-history {}
#about-history .history { background-color: #fff;}
#about-history .history th,
#about-history .history td { padding: 10px 20px; border: 1px solid #e0dcbf;}
#about-history .history td { border-left: none;}
#about-history .history th {
	white-space: nowrap;
	background-color: #f8f7f1;
	border-right: none;
	}
#about-gallery {}
#about-gallery h1 { margin-bottom: 20px;}
#about-gallery .tabs { width: 100%; margin: 0 0 30px; overflow: hidden;}
#about-gallery .tabs li { list-style-type: none; margin: 0; float: left;}
#about-gallery .tabs li a {
	width: 140px;
	height: 0;
	padding-top: 55px;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow: hidden;
	outline: none;
	}
#about-gallery .tabs li.ui-tabs-selected a { background-position: 0 -55px;}
#about-gallery #tab-gallery-rooms { background-image: url(../images/about/tab_rooms.png);}
#about-gallery #tab-gallery-restaurant { background-image: url(../images/about/tab_restaurant.png);}
#about-gallery #tab-gallery-facilities { background-image: url(../images/about/tab_facilities.png);}
#about-gallery #tab-gallery-guide { background-image: url(../images/about/tab_guide.png);}
#about-gallery #tab-gallery-other { background-image: url(../images/about/tab_other.png);}
#about-gallery .phs {
	width: 100%;
	font-size: 85%;
	line-height: 1.42;
	text-align: center;
	overflow: hidden;
	}
#about-gallery .phs li {
	width: 130px;
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0 5px 10px 5px;
	float: left;
	}
#about-gallery .phs li a {
	background: url(../images/about/photos_bg.png) no-repeat center bottom;
	padding-bottom: 15px;
	display: block;
	}
#about-gallery .phs li a img { border: 5px solid #fff;}
#about-gallery .phs li .figcaption { padding: 0;}


/* Facilities */
#facilities { padding-bottom: 100px;}
#facilities .entries {
	width: 720px;
	background: url(../images/facilities/entries_bg.png) no-repeat left bottom;
	margin-bottom: 10px;
	overflow: hidden;
	}
#facilities .entry {
	width: 315px;
	color: #333;
	text-decoration: none;
	padding: 15px 15px 10px;
	border-top: 1px solid #e0dcbf;
	margin-right: 10px;
	overflow: hidden;
	float: left;
	}
#facilities .entry h2 {
	font-family: 'Roboto Slab';
	font-size: 138.5%;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 10px;
	}
#facilities .entry p { line-height: 1.42; margin-bottom: 5px;}
#facilities .entry p.right { margin-left: 30px;}

#facilities .entries2 {
	width: 720px;
	background: url(../images/facilities/entries_bg2.png) no-repeat left bottom;
	margin-bottom: 10px;
	overflow: hidden;
	}
#facilities .entry2 {
	width: 315px;
	color: #333;
	text-decoration: none;
	padding: 15px 15px 10px;
	border-top: 1px solid #e0dcbf;
	margin-right: 10px;
	overflow: hidden;
	float: left;
	}
#facilities .entry2 h2 {
	font-family: 'Roboto Slab';
	font-size: 138.5%;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 10px;
	}
#facilities .entry2 p { line-height: 1.42; margin-bottom: 5px;}
#facilities .entry2 p.right { margin-left: 30px;}


/* Guide */
#guide { padding-bottom: 100px;}
#guide .spots {}
#guide .spots li { margin-bottom: 20px;}


/* FAQ */
#faq { padding-bottom: 100px;}
#faq .faq h3 { margin-bottom: 15px;}
#faq .faq hr { border: none; border-top: 1px dotted #e0dcbf; margin-bottom: 35px;}
#faq .faqs {}
#faq .faqs dt,
#faq .faqs dd { padding: 0 0 20px 30px;}
#faq .faqs dt { font-weight: bold; padding-bottom: 5px;}
#faq .faqs .q { background: url(../images/faq/q.png) no-repeat left top;}
#faq .faqs .a { background: url(../images/faq/a.png) no-repeat left top;}
#faq .faqs ul,
#faq .faqs ol { font-size: inherit; margin: 0;}
#faq .faqs ul li,
#faq .faqs ol li { margin-top: 5px; margin-bottom: 5px;}
#faq h2 { font-size: 108%; margin: 0;}
#faq .accordion {
	width: 640px;
	text-decoration: none;
	padding: 14px 19px 14px 39px;
	border: 1px solid #e0dcbf;
	border-bottom: 0;
	background: #fff url(../images/faq/arrow_closed.png) no-repeat 15px center;
	display: block;
	outline: none;
	}
#faq .accordion:hover { text-decoration: underline;}
#faq .accordion-opened { text-decoration: underline; background-image: url(../images/faq/arrow_opened.png);}
#faq .faq {
	width: 640px;
	padding: 29px 29px 19px;
	border: 1px solid #e0dcbf;
	border-width: 0 1px;
	background: #fff url(../images/faq/faq_bg.png) no-repeat center top;
	}
#faq #faq-sightseeing { border-bottom: 1px solid #e0dcbf !important;}
#faq .btn { text-align: center; padding-top: 20px;}


/* Contact */
#contact { padding-bottom: 100px;}
#contact .btns { text-align: center; margin: 15px 0;}


/* News */
#news { padding-bottom: 100px;}
#news-detail {
	width: 650px;
	padding: 24px 24px 14px;
	background-color: #fff;
	border: 1px solid #e0dcbf;
	overflow: hidden;
	}
#news-detail h1 {
	font-family: 'Roboto Slab';
	font-weight: normal;
	font-size: 234%;
	line-height: 1.2;
	margin-bottom: 20px;
	}
#news-detail h2 {
	font-family: 'Roboto Slab';
	font-weight: normal;
	font-size: 167%;
	line-height: 1.2;
	}
#news-detail hr {
	border: none;
	border-top: 1px solid #e0dcbf;
	}


/* Detail */
#detail {
	width: 660px;
	padding: 19px 19px 19px;
	background-color: #fff;
	border: 1px solid #e0dcbf;
	}
#detail h1 {
	font-size: 231%;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 30px;
	}
#detail hr {
	width: 100%;
	border: none;
	border-top: 1px solid #e0dcbf;
	margin: 30px 0;
	clear: both;
	}
#detail .btns { text-align: center;}

.w80{ 
	width: 40%;
	}

.bdred{ 
	border: 1px solid #b30000;
	text-align: center;
	padding: 5px 0;
	margin: 5px 0;
	color: #b30000;
	font-weight: 800;
	}