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

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

/* Header */
.header {
	width: 960px;
	height: 110px;
	margin: 0 auto;
	background: url(../images/common/header.png) no-repeat 0 0;
	position: relative;
	}
.header .logo {
	width: 180px;
	height: 100px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 390px;
	}
.header .tel { position: absolute; top: 60px; right: 0;}

/**
 * jquery.pulldown.css
 * @date 6 Jun 2013
 */
.pulldown {
	width: 180px;
	font-size: 93%;
	color: #333;
	line-height: 1.572;
	border: 1px solid #d7d0bb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #edeae0;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	}
.pulldown:hover {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.20);
	}
.pulldown li { list-style-type: none; margin: 0;}
.pulldown li a {
	color: #333;
	padding: 2px 10px 2px 20px;
	background: url(../images/common/arrow_fnav.png) no-repeat 6px center;
	display: block;
	overflow: hidden;
	}
.pulldown li a:hover {}
.pulldown .pulldown-title { padding: 5px 10px; cursor: pointer;}
.pulldown .pulldown-menu {}
#langnav { position: absolute; right: 0; top: 15px; z-index: 2;}

/* Main Visual */
.main-visual-wrapper {
	width: 100%;
	height: 465px;
	background: url(../images/common/main_visual_bg.png) no-repeat center bottom;
	position: relative;
	z-index: 1;
	}
.main-visual { width: 960px; margin: 0 auto;}

/**
 * jquery.associaCards.css
 * @author shinji<web@shinjifukuda.com>
 * @date 8 Aug 2013
 */
#associaCards {}
#associaCards .associaCards {}
#associaCards .cards {
	width: 960px;
	height: 410px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	}
#associaCards .card {
	width: 300px;
	height: 370px;
	list-style: none;
	margin: 0;
	position: absolute;
	cursor: pointer;
	}
#associaCards .card-01 { left: 0; top: 0; z-index: 0;}
#associaCards .card-02 { left: 150px; top: 20px; z-index: 1;}
#associaCards .card-03 { left: 330px; top: 40px; z-index: 2;}
#associaCards .card-04 { left: 500px; top: 20px; z-index: 1;}
#associaCards .card-05 { left: 660px; top: 0; z-index: 0;}
#associaCards .card .card-inner {
	width: 300px;
	height: 360px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.40);
	position: absolute;
	overflow: hidden;
	top: 10px;
	z-index: 1;
	}
#associaCards .card .clickable {
	width: 300px;
	height: 370px;
	z-index: 100;
	background: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	}
#associaCards .selected .clickable {}

/* Nav */
.nav { width: 960px; margin: 0 auto 20px; overflow: hidden; position: relative; z-index: 3;}
.nav ul { width: 961px; font-size: 93%; line-height: 1.32;}
.nav ul li { float: left;}
.nav a {
	width: 100px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 75px;
	background-image: url(../images/common/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: block;
	overflow: hidden;
	}
.nav01 a { background-position: 0 0; width: 120px;}
.nav02 a { background-position: -120px 0; width: 190px;}
.nav03 a { background-position: -310px 0; width: 340px;}
.nav04 a { background-position: -650px 0; width: 310px;}
.nav01 a:hover { background-position: 0 -75px;}
.nav02 a:hover { background-position: -120px -75px;}
.nav03 a:hover { background-position: -310px -75px;}
.nav04 a:hover { background-position: -650px -75px;}
.page-home .nav01 a { background-position: 0 -150px; cursor: default;}
.page-news .nav02 a { background-position: -120px -150px; cursor: default;}
.page-aa .nav03 a { background-position: -310px -150px; cursor: default;}
.page-gift .nav04 a { background-position: -650px -150px; cursor: default;}

/* Page Structure */
.contents { width: 960px; margin: 0 auto 20px;}
.contents:after { content: ''; display: block; clear: both;}
.wrapper { width: 700px; float: right;}
.maincol { width: 700px;}
.subcol { width: 200px; float: left;}

/* Breadcrumb */
.breadcrumb { width: 100%; font-size: 93%; line-height: 1.32; margin-bottom: 10px;}
.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: 123.1%;}
.column h2 { font-size: 114%;}
.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: disc; margin-left: 30px;}
.column ol li { list-style: decimal; margin-left: 30px;}
.column a { text-decoration: underline;}
.column a:hover { text-decoration: none;}
.column hr {
	height: 0;
	border: none;
	border-top: 1px solid #e0dac7;
	margin: 30px 0;
	clear: both;
	}
.column .heading-and-buttons { position: relative;}
.column .heading-and-buttons .btn { position: absolute; right: 5px; top: 15px;}
.arrow { padding-left: 16px; background: url(../images/common/arrow.png) no-repeat left center;}
.arrow-external { padding-left: 16px; background: url(../images/common/arrow_external.png) no-repeat left center;}
.figure { margin-bottom: 10px;}
.figcaption { line-height: 1.42; 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;}

/* Form */
input[type=text], select, textarea { font-size: 13px;}
input[type=button], input[type=reset], input[type=submit] { font-size: 13px; cursor: pointer;}

/* Sidebar */
.sidebar {}
.sidebar-banners { width: 100%; margin: 0 auto;}
.sidebar-banners p { font-size: 93%; line-height: 1.572; text-align: center; margin-bottom: 10px;}

/* Footer */
.footer { width: 960px; margin: 0 auto; padding-bottom: 40px; clear: both;}
.footer a, .footer a:hover { color: #333;}
.footer p { font-size: 93%; line-height: 1.572;}
.footer-inner { width: 100%; padding: 20px 0 15px; overflow: hidden;}
.footer-inner-inner { width: 940px; margin: 0 auto; overflow: hidden;}
.footer .copyright { clear: both;}

/* Return to page top */
.return-to-page-top { width: 100%; text-align: right; margin: 0 auto; clear: both;}

/*
--------------------------------------------------
	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;}
	}

/**
 * jquery.bannerGallery.css
 * @author shinji<web@shinjifukuda.com>
 * @date 7 Aug 2013
 */
.bannerGallery { width: 100%; height: 100px; position: relative; overflow: hidden;}
.bannerGallery ul { position: absolute; overflow: hidden;}
.bannerGallery ul li { list-style-type: none !important; padding: 0 10px 0 0; margin: 0 !important; background-color: #fff; float: left;}
.bannerGallery ul li img { margin: 0; padding: 0; display: block;}
.bannerGallery ul li a { margin: 0; padding: 0; display: block;}
.bannerGallery .btn { display: none;}
/* Associa Banner Gallery */
#associaBannerGallery { height: 80px;}
#associaBannerGallery ul { font-size: 85%; margin: 0;}
#associaBannerGallery ul li { width: 180px; height: 80px; overflow: hidden;}
#associaBannerGallery ul li a,
#associaBannerGallery ul li a:hover { color: #333; text-decoration: none; display: block;}
#associaBannerGallery .figcaption {
	width: 180px;
	white-space: nowrap;
	padding-top: 3px;
	display: block;
	overflow: hidden;
	}
#associaBannerGalleryPrev {}

/**
 * Local Styles
 * @date 6 Aug 2013
 */
/* Page Home */
.page-home {}
.page-home .nav { margin-top: -35px;}

/* Home */
#home {}
#home-about {}
#home-about h1 { font-size: 123.1%; font-weight: normal; margin-bottom: 20px;}
#home-banners { margin-bottom: 20px;}
#home-banners h2 { margin: 0;}
#home-banners-inner { width: 620px; padding: 15px 39px; background-color: #fff; border: 1px solid #e2e2d5; position: relative;}
#home-banners .btn { position: absolute; cursor: pointer;}
#home-banners .btn-prev { left: 0; top: 15px;}
#home-banners .btn-next { right: 0; top: 15px;}
#home-hotels {}
#home-hotels h2 { margin: 0;}

/* News */
#news {}
#news h1 { margin: 0;}
#news .entries {}
#news .entry {
	width: 700px;
	padding: 20px 0 10px;
	border-bottom: 1px solid #e2e2d5;
	overflow: hidden;
	}
#news .entry:last-child { border: none;}
#news .entry h2 { font-size: 114%;}
#news .entry .figure { width: 150px;}

/* Posted Single */
#single { width: 100%; padding: 20px 0 50px; overflow: hidden;}
#single h1 { font-size: 167%; line-height: 1.32; margin-bottom: 20px;}
#single .history-back { padding-top: 20px; clear: both;}

/* */
/* AA */
#aa-news { margin-bottom: 20px;}
#aa-news h1 { width: 700px; height: 55px; margin: 0; position: relative;}
#aa-news h1 .btn { position: absolute; right: 10px; top: 17px;}
#aa-news .entries {
	width: 698px;
	background-color: #fff;
	border: 1px solid #e2e2d5;
	border-top: none;
	}
#aa-news .entry {
	width: 660px;
	padding: 20px 19px 10px;
	border-top: 1px solid #e2e2d5;
	overflow: hidden;
	}
#aa-banners {}
#aa-banners p { margin-bottom: 20px;}
#aa-about { padding-bottom: 50px;}
#aa-about h2 { font-size: 167%;}
#aa-about ul li { margin: 10px 0 10px 30px;}
#aa-about ul li h3 { font-size: 114%; margin: 0 0 5px;}
#aa-about ul li p { font-size: inherit; margin: 10px 0;}
#aa-about .attention { margin-top: 10px;}
#aa-about .overview { background-color: #fff;}
#aa-about .overview th,
#aa-about .overview td { padding: 5px 0; text-align: center; border: 1px solid #e0dac7;}
#aa-about .overview th { font-weight: bold; background-color: #eeeadc;}
#aa-about .overview .separator th,
#aa-about .overview .separator td { border-width: 2px 1px 1px;}
#aa-point { padding-bottom: 50px;}
#aa-point .overview { background-color: #fff;}
#aa-point .overview th,
#aa-point .overview td { padding: 5px 0; text-align: center; border: 1px solid #e0dac7;}
#aa-point .overview th { font-weight: bold; background-color: #eeeadc;}
#aa-point .overview .separator th,
#aa-point .overview .separator td { border-width: 2px 1px 1px;}
#aa-reception {}
#aa-reception .overview { background-color: #fff;}
#aa-reception .overview th,
#aa-reception .overview td { padding: 5px 20px; text-align: center; border: 1px solid #e0dac7;}
#aa-reception .overview th { font-weight: bold; background-color: #eeeadc;}
#aa-terms {}
#aa-terms .sign { text-align: right;}
#aa-terms ol li { margin: 3px 0 3px 30px;}
#aa-contact { padding-bottom: 50px;}
#aa-contact .overview { font-size: 100%; background-color: #fff;}
#aa-contact .overview th,
#aa-contact .overview td { padding: 15px; text-align: center; vertical-align: top; border: 1px solid #e0dac7;}
#aa-contact .overview th { font-weight: bold; background-color: #eeeadc;}
#aa-contact .overview h2 { font-size: 138.5%; margin: 10px 0;}
#aa-contact .overview p { line-height: 1.42; margin: 10px 0;}
#aa-contact .overview .tel { font-size: 138.5%;}
#aa-contact .entries {}
#aa-contact .entry { width: 100%; padding: 20px 0 10px; border-top: 1px solid #e0dac7; overflow: hidden;}
#aa-contact .entry:first-child { border: none;}
#aa-service { padding-bottom: 50px;}
#aa-group {}
#aa-group .align-center { text-align: center;}
#aa-group .reservation-center { text-align: center; padding: 15px 20px 5px; background-color: #eeeadc; border: 1px solid #e0dac7; margin: 20px 0;}
#aa-group .reservation-center h3 { font-size: 123.1%; margin-bottom: 5px;}
#aa-group .members { width: 100%; font-size: 93%; line-height: 1.42; background-color: #fff;}
#aa-group .members th,
#aa-group .members td { white-space: nowrap; padding: 10px; text-align: center; vertical-align: middle; border: 1px solid #e0dac7;}
#aa-group .members th { font-weight: bold; background-color: #eeeadc;}
#aa-group .members .close { color: red;}

/* Gift */
#gift {}
#gift .overview { line-height: 1.572; background-color: #fff;}
#gift .overview th,
#gift .overview td { padding: 5px 0; text-align: center; border: 1px solid #e0dac7;}
#gift .overview th { font-weight: bold; background-color: #eeeadc;}

/* Company */
#company { padding-bottom: 50px;}

/* Privacy */
#privacy { padding-bottom: 50px;}
#privacy .sign { text-align: right;}
#privacy ol li { margin: 5px 0 5px 30px;}
#privacy ol ul { font-size: inherit;}
#privacy ol ul li { list-style: disc; margin: 0 0 0 30px;}
#privacy table { font-size: inherit; line-height: 1.572; margin: 10px 0;}
#privacy table ul,
#privacy table ol { font-size: inherit;}
#privacy .square li { list-style-type: square;}
#privacy .lower-latin li { list-style-type: lower-alpha;}
#privacy .upper-latin li { list-style-type: upper-alpha;}
#privacy .overview { background-color: #fff;}
#privacy .overview th,
#privacy .overview td { padding: 15px 20px; text-align: left; border: 1px solid #e0dac7;}
#privacy .overview th { white-space: nowrap; text-align: center; background-color: #eeeadc;}
#privacy .overview .align-center { text-align: center;}

/* Site Policy */
#sitepolicy { padding-bottom: 50px;}

/* Resort */
#resort { padding-bottom: 50px;}
#resort .who {}
#resort .who th,
#resort .who td { text-align: left; vertical-align: top; padding: 10px;}
#resort .overview { background-color: #fff;}
#resort .overview th,
#resort .overview td { padding: 15px 20px; text-align: left; border: 1px solid #e0dac7;}
#resort .overview th { white-space: nowrap; text-align: center; background-color: #eeeadc;}
#resort .align-center { text-align: center;}
#resort ul li h3 { font-size: 114%;}
#resort ul li p.figure { margin: 10px 0;}
#resort .point li { margin: 20px 0 20px 30px;}

/* Tea */
#tea { padding-bottom: 50px;}
#tea .howto { background-color: #fff; line-height: 1.2; border: 1px solid #e0dac7;}
#tea .howto th,
#tea .howto td { padding: 10px 0; text-align: center; border-top: 1px solid #e0dac7;}
#tea .howto th { white-space: nowrap; padding: 10px;}
#tea .overview { background-color: #fff;}
#tea .overview th,
#tea .overview td { padding: 10px; text-align: center; vertical-align: top; border: 1px solid #e0dac7;}
#tea .overview th { white-space: nowrap; text-align: center; background-color: #eeeadc;}
#tea .overview .align-left { text-align: left;}
#tea .overview .valign-middle { vertical-align: middle;}
#tea .hotels { line-height: 1.42;}
#tea .hotels td { text-align: center; vertical-align: top;}
#tea .hotels td img { display: block; margin: 5px auto;}

/* Manner */
#manner { padding-bottom: 50px;}
#manner .figcaption { text-align: center; padding: 5px 0 0; display: block;}
#manner .manners { line-height: 1.42; background-color: #fff; border: 1px solid #e0dac7;}
#manner .manners th,
#manner .manners td { padding: 10px 15px; text-align: left; vertical-align: top; border-top: 1px solid #e0dac7;}
#manner .manners th { padding: 6px 15px; white-space: nowrap; background-color: #eeeadc;}
#manner .manners .nowrap { white-space: nowrap;}
#manner .hotels { line-height: 1.42;}
#manner .hotels td { text-align: center; vertical-align: top;}
#manner .hotels td img { display: block; margin: 5px auto;}

/* Sitemap */
#sitemap-toggle { font-size: 93%; line-height: 1.32; margin-bottom: 10px;}
#sitemap-toggle .accordion { padding-left: 15px; background: url(../images/common/arrow_open.png) no-repeat 0 2px;}
#sitemap-toggle .accordion-opened { background-image: url(../images/common/arrow_close.png);}
#sitemap {
	width: 920px;
	padding: 20px 19px 5px;
	border: 1px solid #d9d2bf;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ede9e0;
	margin: 10px 0;
	overflow: hidden;
	}
#sitemap .fnav { width: 250px; float: left;}
#sitemap .fnav ul { font-size: 85%; line-height: 1.32; margin-bottom: 20px;}
#sitemap .fnav ul li { margin: 7px 0;}
#sitemap .fnav ul li a { padding-left: 13px; background: url(../images/common/arrow_fnav.png) no-repeat left center;}
#sitemap .fnav ul li em { font-style: normal; font-weight: bold; margin-bottom: 6px; display: block;}
#sitemap .fnav-01 { width: 240px;}
#sitemap .fnav-02 { width: 280px;}
#sitemap .fnav-03 { width: 220px;}
#sitemap .fnav-04 { width: 180px;}

/* Side Nav */
.snav { margin-bottom: 10px;}
.snav-inner {
	width: 190px;
	padding: 10px 14px 0;
	border: 1px solid #e2e2d5;
	border-top: 0;
	background-color: #fff;
	}
.snav a,
.snav a:hover { color: #51302a;}
.snav ul { font-size: 93%; line-height: 1.32; margin: 0 0 15px;}
.snav ul li {
	padding-left: 16px;
	margin: 5px 0;
	background: url(../images/common/arrow.png) no-repeat 0 2px;
	}
.snav p { font-size: 93%; line-height: 1.42; margin: 0 0 15px;}
.snav hr { margin: 0 0 15px; border: none; border-top: 1px dotted #baba8d;}
.snav .here { font-weight: bold; text-decoration: underline; cursor: default;}

/* Sidebar Booking */
.booking { width: 220px; margin-bottom: 10px; background-color: #e3dbc7;}
.booking p { font-size: 93%; line-height: 1.42;}
.booking a { color: #333; text-decoration: none;}
.booking a:hover { text-decoration: underline;}
.booking hr {
	height: 1px;
	clear: both;
	border: 1px solid #c7bca0;
	border-bottom: 1px solid #ede7d9;
	margin: 8px 0;
	}
.booking select { margin-top: 2px;}
.booking .notice { font-size: 85%; text-align: center; margin-bottom: 10px;}
.booking .btn { text-align: center;}
.booking .btn input[type=submit] { width: 100px;}
.booking-search-hd { margin: 0;}
.booking-search { width: 200px; padding: 10px;}
.booking-searchbox-hotels select { width: 200px; font-size: 93%; cursor: pointer;}
.booking-searchbox-rooms p { margin: 4px 0; display: block;}


/**
 * Update
 * @date 4 Jan 2016
 */
.main-visual-home { margin: 0 auto 60px;}
.main-visual-home table { margin: 0;}
.main-visual-home table th,
.main-visual-home table td { padding: 0;}

/* Home */
#home-news { margin-bottom: 20px;}
#home-news h2 { width: 700px; height: 55px; margin: 0; position: relative;}
#home-news h2 .btn { position: absolute; right: 10px; top: 17px;}
#home-news-inner {
	width: 700px;
	border: 1px solid #e2e2d5;
	border-top: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
	}
#home-news .tabs {
	width: 700px;
	height: 60px;
	padding: 0;
	margin: 0;
	border-width: 0 1px 1px;
	}
#home-news .tabs li { list-style: none; margin: 0; float: left;}
#home-news .tabs li a {
	width: 100px;
	height: 0;
	padding-top: 60px;
	text-decoration: none;
	display: block;
	float: left;
	overflow: hidden;
	}
#home-news .tabs li.ui-tabs-selected a,
#home-news .tabs li.ui-tabs-selected a:hover { background-position: 0 -60px; cursor: default;}
#home-news #tab-associa { background-image: url(../images/home/tab_associa.png);}
#home-news #tab-nma { background-image: url(../images/home/tab_nma.png);}
#home-news #tab-ngh { background-image: url(../images/home/tab_ngt.png);}
#home-news #tab-tky { background-image: url(../images/home/tab_tky.png);}
#home-news #tab-tyh { background-image: url(../images/home/tab_tyh.png);}
#home-news #tab-sth { background-image: url(../images/home/tab_sth.png);}
#home-news #tab-syh { background-image: url(../images/home/tab_syh.png);}
#home-news .entries {}
#home-news .entry {
	width: 660px;
	padding: 20px 19px 10px;
	border-bottom: 1px solid #e2e2d5;
	overflow: hidden;
	}
#home-news .entry:last-child { border: none;}
#home-news .entry h2 { font-size: 108%;}
#home-news .entry .figure { width: 150px;}


#formContainer table {
	width: 100%;
}

#formContainer table td,
#formContainer table th{
	padding: 10px;
	line-height: 1.6;
	vertical-align: top;
}
#formContainer table th{
	width: 30%;
	font-weight: bold;
}

#formContainer .buttons-area-confirm,
#formContainer .buttons-area {
	padding: 0;
	text-align: center;
}

#formContainer .sec{
	margin-bottom: 50px;
}

#formContainer .sec2{
	font-size: 87%;
	margin-bottom: 30px;
}

#formContainer .do{
	text-align: center;
}
#formContainer .mwform-checkbox-field{
	display: block;
	margin-left: 0 !important;
}
#formContainer .cB input{
	margin-right: 10px;
	vertical-align: -3px;
}

#formContainer .required{
	padding: 3px;
	display: inline-block;
	background-color: #c0c0c0;
}
#formContainer .mw_wp_form .error{
	padding-left: 8px;
	display: inline;
}