@charset "utf-8";
/*
Theme Name: Keyaki
Description: 
Author: 4maken
Author URI: 
Version: 1.0.0
Tags: 
	
*/

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%	 11px = 85%	 12px = 93%	 13px = 100%
14px = 108%	15px = 116%	16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%	23px = 174%	24px = 182%	25px = 189%
26px = 197%
------------------------------------------------------*/

/** |RESET SETTINGS| ********************************************************************* **/

/* temp */
/*div{outline:1px dotted pink;}*/

html{
	color:#333333;
	font-size:93%;
}

body{
/* 
	font-family:Verdana,sans-serif;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,sans-serif;
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,Verdana,sans-serif;
*/
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",MS PGothic,"メイリオ",Meiryo,Verdana,sans-serif;
}

body, h1, h2, h3, h4, h5, h6, 
p, div, ul, ol, li, dl, dt, dd, 
blockquote, span, address, hr, pre {
	margin:0;
	padding:0;
}

p, th, td, li, dt, dd, address {
	font-size:100%;
	font-weight:normal;
	line-height:1.6;
}

h1, h2, h3, h4, h5, h6, td li, td p, dd li, dd p, li li {
	font-size:100%;
}

li {
	list-style-type:none;
}

/* table */
table{
	margin:0;
	padding:0;
	font-size:100%;
	border-collapse: separate;
	border-spacing:0;
}

table, th, td {
	border:medium none;
	vertical-align:top;
	font-weight:normal;
}

caption, th, td {
	text-align:left;
}

caption {
	display:none;
}

hr {
	display:none;
}

/* image */
img {
	border:medium none;
	vertical-align:top;
}

/* inline */
em {
	font-style:normal;
}

address {
	font-style:normal;
}

/* form */
form, fieldset, legend, label, input, button, select, textarea{
	margin:0;
	padding:0;
	vertical-align:baseline;
	font-size:93%;
}

fieldset {
	border:medium none;
}

legend {
	display:none;
}

/** |MODULE SETTINGS| ********************************************************************* **/

/* Clearfix
********************************************************* */
.clearfix:after,
.wrapper:after{
	clear:both;
	content:".";
	display:block;
	font-size:0.1px;
	height:0.1em;
	line-height:0;
	visibility:hidden;
}
.clearfix,
.wrapper{
  _height: 1px;
  min-height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* float */
.fL{float:left;}
.fR{float:right;}

/* clear */
.clear{clear:both;}

/* align */
.al{text-align:left; !important}
.ac{text-align:center; !important}
.ar{text-align:right; !important}

/* フォントサイズ */
.fs{}
/* フォントカラー */
.fc{}

.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}

.pT05{padding-top: 5px !important}
.pB05{padding-bottom: 5px !important}
.pB10{padding-bottom:10px !important}
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL12{padding-left:12px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}



/** |COMMON SETTINGS| ********************************************************************* **/
/* 共通設定 */

/* Link
********************************************************* */
a:link {color:#937d33;}
a:visited {color:#633A38;}
a:active,a:hover {color:#C8B060; text-decoration:none;}

/* Layout - Header
********************************************************* */
body{
	background:#f7f4ee;
	text-align:center;
}

div#header{
	width:100%;
	background:url(images/bg_header.gif) repeat-x left top;
}
div#header .inner{
position:relative;
	width:920px;
	margin:0 auto;
	text-align:left;
}

div.headerTop{
	position:relative;
	padding:11px 0 0 0;
	height:23px;
}

div.headerTop .txt{
	float:left;
	width:460px;
	padding:0 0 0 13px;
}
div.headerTop .navigation{
	float:right;
	width:447px;
}
div.headerTop .navigation li{
	float:left;
}
div.headerTop .navigation li.contact{
}

div#header .phone{
	position:absolute;
	top:0;
	right:0;
	width:197px;
	height:54px;
	zoom:1;
}

div.headerBtm{
	height:82px;
}
div.headerBtm .logo{
	float:left;
	width:114px;
	padding:20px 0 0 13px;
}

#gNavi{
	float:right;
}

#gNavi li{
	position:absolute;
	top:0;
	height:37px;
}
#gNavi li a{
	display:block;
	height:37px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
}
/*home*/
#gNavi .page-item-6{
	left:0;
}
#gNavi .page-item-6 a{
	width:78px;
	background-image:url(images/bg_gnavi_home.gif);
}
#gNavi .page-item-6 a:active,
#gNavi .page-item-6 a:hover{
	background-position:0 -37px;
}
/*room*/
#gNavi .page-item-19{
	left:193px;
	/*left:95px;*/
}
#gNavi .page-item-19 a{
	width:81px;
	/*width:81px;*/
	background-image:url(images/bg_gnavi_room.gif);
}
#gNavi .page-item-19 a:active,
#gNavi .page-item-19 a:hover{
	background-position:0 -37px;
	/*background-position:0 -37px;*/
}
/*spa*/
#gNavi .page-item-21{
	left:96px;
	/*left:193px;*/
}
#gNavi .page-item-21 a{
	width:80px;
	/*width:80px;*/
	background-image:url(images/bg_gnavi_spa.gif);
}
#gNavi .page-item-21 a:active,
#gNavi .page-item-21 a:hover{
	background-position:0 -37px;
}
/*food*/
#gNavi .page-item-23{
	left:290px;
}
#gNavi .page-item-23 a{
	width:67px;
	background-image:url(images/bg_gnavi_food.gif);
 }
#gNavi .page-item-23 a:active,
#gNavi .page-item-23 a:hover,
#gNavi .page-item-23.current_page_item a{
	background-position:0 -37px;
}
/*hotel*/
#gNavi .page-item-24{
	left:374px;
}
#gNavi .page-item-24 a{
	width:96px;
	background-image:url(images/bg_gnavi_hotel.gif);
 }
#gNavi .page-item-24 a:active,
#gNavi .page-item-24 a:hover{
	background-position:0 -37px;
}
/*access*/
#gNavi .page-item-25{
	left:487px;
}
#gNavi .page-item-25 a{
	width:86px;
	background-image:url(images/bg_gnavi_access.gif);
 }
#gNavi .page-item-25 a:active,
#gNavi .page-item-25 a:hover{
	background-position:0 -37px;
}
/*topics*/
#gNavi .page-item-7{
	left:590px;
}
#gNavi .page-item-7 a{
	width:94px;
	background-image:url(images/bg_gnavi_topics.gif);
 }
#gNavi .page-item-7 a:active,
#gNavi .page-item-7 a:hover,
#gNavi .page-item-7.current_page_parent a{
	background-position:0 -37px;
}

#gNavi .current_page_item a,
#gNavi .current_page_ancestor a,
#gNavi .current_page_parent a{
	background-position:left bottom !important;	
}

div.headerBtm .navigation{
	position:relative;
	top:28px;
	width:702px;
	height:37px;
	margin:0 0 0 0;
	background:url(images/bg_header_gnavi.gif) no-repeat right 3px;
}
div.headerBtm .navigation li{
	float:left;
	padding:0 8px 0 9px;
	background:url(images/bg_header_gnavi.gif) no-repeat left 3px;
}

/* Layout - MainVisual
********************************************************* */
div#mainVisual{
	height:360px;
	background:#999999;
}
#local div#mainVisual,
#blog div#mainVisual{
	height:185px;
	padding-top:15px;
	background:none;
}

/* Layout - Container
********************************************************* */
div#container{
	width:100%;
}
div#container .mainContents{
	width:100%;
	background:url(images/bg_content.gif) repeat-x left top;
}
/* local */
#local div#container .mainContents,
#blog div#container .mainContents{
	background:url(images/bg_content_local.gif) repeat-x left top;
}
div#container .mainContents .inner{
	width:910px;
	margin:0 auto;
	text-align:left;
}

/* Layout - Content
********************************************************* */
div#content{
	float:left;
	width:620px;
	margin:0 0 0 0;
}
body#index div#content{
	margin-top:16px;
}
.linkBnr{
	text-align:center;
}

/* Feature
**************************************** */
div#content .feature .spa{
	width:595px;
	margin:0 0 20px 0;
	padding: 83px 0 19px 23px;
	border: solid 1px #d1c9bc;
	background:#fdfbf9 url(images/bg_feature_spa.jpg) no-repeat left top;
}
div#content .feature .spa h2{
	position:absolute;
	text-indent:-9999px;
}
div#content .feature .spa p{
	width:395px;
	margin:0 0 20px 10px;
}
div#content .feature .spa ul li{
	float:left;
	width:281px;
	margin:0 10px 1px 0;
}
div#content .feature .other{
	width:620px;
	margin-bottom:20px;
	background:url(images/bg_feature_other.gif) repeat-y left top;
}
div#content .feature .other .btm{
	padding-bottom:3px;
	background:url(images/bg_feature_other_btm.gif) no-repeat left bottom;
}
div#content .feature .other .food{
	float:left;
	width:300px;
}
div#content .feature .other .room{
	float:right;
	width:300px;
}
div#content .feature .other p{
	padding:0 10px 10px 40px;
}
div#content .feature .other .link{
	width:123px;
	margin:0 0 5px 169px;
}

/* Info
**************************************** */
div#content .info table{
	width:620px;
}
div#content .info .title{
	position:relative;
}
div#content .info .title .link{
	position:absolute;
	top:10px;
	right:20px;
}
div#content .info th{
	width:6em;
	padding:11px 10px 10px 28px;
	background:url(images/ic_info.gif) no-repeat 10px 15px;
	border-bottom:dotted 1px #333333;
}
div#content .info td{
	padding: 10px 10px 10px 30px;
	border-bottom:dotted 1px #b4b4b4;
}

/*Topics summary*/
.info td .headline{
	margin:0 0 10px 0;
}
.info td .summary{
	margin:0 0 5px 0;
}
.info td .category{
	font-size:77%;
	text-align:right;
}

/* Layout - Sidebar
********************************************************* */
div#sidebar{
	float:right;
	width:270px;
	margin:0 0 0 0;
}
body#index div#sidebar{
	margin-top:16px;
}

/* Search
**************************************** */
div#sidebar .search{
	margin-bottom:20px;
	padding-top:10px;
	background:url(images/bg_search.gif) no-repeat left top;
}
div#sidebar .search .btm{
	padding-bottom:10px;
	background:url(images/bg_search_btm.gif) no-repeat left bottom;
}
div#sidebar .search .formArea{
	margin:0 10px 10px;
	background:url(images/bg_search_form.gif) no-repeat left top;
}

div#sidebar .search .formArea .btm{
	padding-bottom:10px;
	background:url(images/bg_search_form_btm.gif) no-repeat left bottom;
}
div#sidebar .search .formArea .btm .inner{
	width:224px;
	padding:10px 13px 0;
}
div#sidebar .search .formArea form{
}
div#sidebar .search .formArea form h3{
	margin:3px 10px 3px 0;
}
* html div#sidebar .search .formArea form h3{
	margin:4px 5px 3px 0;
}
div#sidebar .search .formArea form div{
	margin-bottom:10px;
	padding-bottom:7px;
}
div#sidebar .search .formArea form .border{
	border-bottom:dotted 1px #a89d8a;
}
div#sidebar .search .formArea form .btn{
	width:120px;
	margin:0 auto;
}
div#sidebar .search .phone{
	width:230px;
	margin:0 auto 3px;
}

/* Banner
**************************************** */
div#sidebar .bnrArea{
	margin:20px 0;
}
div#sidebar .bnrArea li{
	margin-bottom:2px;
}

/* Topics
**************************************** */
div#sidebar #topicsNew,
div#sidebar #topicsCategory,
div#sidebar #topicsArchive{
	margin:0 0 10px 0;
	border:solid 1px #D1C9BC;
}
div#sidebar #topicsNew .section,
div#sidebar #topicsCategory .section,
div#sidebar #topicsArchive .section{
	margin:1px;
	border:solid 1px #D1C9BC;
}
div#sidebar #topicsNew .section dl{
	padding:0 9px 9px;
}
div#sidebar #topicsNew .section dt{
	padding:0 0 0 15px;
	background:url(images/ic_info.gif) no-repeat 0 5px;
}
div#sidebar #topicsNew .section dd{
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	background:url(images/line_dot_topics.gif)  no-repeat left bottom;
}
div#sidebar #topicsNew .section dd p{
	padding:0 0 0 16px;
}

div#sidebar #topicsCategory .section ul,
div#sidebar #topicsArchive .section ul{
	padding:0 9px 10px;
}
div#sidebar #topicsCategory .section li,
div#sidebar #topicsArchive .section li{
	margin:0 0 5px 0;
	padding:0 0 10px 1em;
	text-indent:-1em;
	background:url(images/line_dot_topics.gif)  no-repeat left bottom;
}
div#sidebar #topicsCategory .section li a,
div#sidebar #topicsArchive .section li a{
	padding:0 0 0 15px;
	background:url(images/ic_info.gif) no-repeat 0 2px;
	_background:url(images/ic_info.gif) no-repeat 0 0px;
}


div#sidebar #topicsArchive .section li a{
	background:url(images/ic_info.gif) no-repeat 0 2px;
}

/* Layout - Footer
********************************************************* */
div#footer{
	width:100%;
	margin-top:46px;
	text-align:center;
}
div#footer .footerTop{
	background:#1f2613;
	text-align:left;
}
div#footer .footerTop .inner{
	width:920px;
	margin:0 auto;
}
div#footer .footerTop .navigation{
	width:690px;
	padding:7px 0 6px 1px;
	background:url(images/bg_footer_navi.gif) no-repeat left center;
}
div#footer .footerTop .navigation li{
	float:left;
	padding:0 0 0 1px;
	background:url(images/bg_footer_navi.gif) no-repeat right center;
	font-size:77%;
}
div#footer .footerTop .navigation li a{
	display:block;
	padding:3px 10px 3px 25px;
	background:url(images/bg_footer_navi_arrow.gif) no-repeat 10px center;
}
div#footer .footerTop .navigation li a:link,
div#footer .footerTop .navigation li a:visited{ color:#a5a8a1; text-decoration:none; }
div#footer .footerTop .navigation li a:active,
div#footer .footerTop .navigation li a:hover{ color:#63685a; text-decoration:none; }

div#footer .footerBtm{
	padding:0 0 25px 0;
	background:#354222 url(images/bg_footer_btm.gif) repeat-x left top;
}
div#footer .footerBtm .inner{
	position:relative;
	width:920px;
	margin:0 auto;
	text-align:left;
}
div#footer .footerBtm .site{
	float:left;
	width:320px;
	color:#617133;
	font-size:77%;
}
div#footer .footerBtm .site .logo{
	padding:20px 0 9px 0;
}
div#footer .footerBtm .contact{
	float:right;
	width:600px;
	padding:25px 0 0 0;
	text-align:right;
	color:#aeb3a7;
	font-size:77%;
}
div#footer .footerBtm .contact .address{
	margin:0 0 10px 0;
}
div#footer .footerBtm .linkTop{
	position:absolute;
	top:-46px;
	right:45px;
}

/** |CONTENTS SETTINGS| ********************************************************************* **/
/* 各ページ専用設定 */

/* Common
********************************************************* */
/* TopicPath */
.topicPath{
	width:834px;
	height:23px;
	margin:0 auto;
	padding:4px 23px 0;
	background:url(images/bg_topicpath.jpg) no-repeat left top;
	text-align:left;
	font-size:77%;/*10px*/
}
.topicPath a:link{
	color:#937d33;
}

/* Room
********************************************************* */
/* 共通パーツに移動予定 */
#content .article{
	width:620px;
	margin-bottom:30px;
}

#content .section{
	width:620px;
	margin-bottom:20px;
	zoom:1;
}

#content .article h2{
	margin-bottom:17px;
}

.section h2{
	margin-bottom:10px;
}

.sectionSpecial{
	width:618px;
	margin:0 0 20px 0;
	border:solid 1px #d1c9bc;
	background:url(images/bg_special.gif) repeat-y left top;
}
.sectionSpecial .txt{
	padding:0 10px 10px 50px;
}
.sectionSpecial p{
	color:#cccccc;
}
.sectionSpecial .link{
	text-align:right;
}

.title h3{
	margin:5px 0;
	padding-left:20px;
	background:url(images/bg_h3.gif) no-repeat left top;
	font-size:123.1%;
}

.ttlTxt{
	margin:0 0 5px 0;
	padding:0 10px;
	font-size:123.1%;
}
.ttlTxt span{
	padding-left:20px;
	background:url(images/bg_ttl_txt.gif) no-repeat left top;
}

.layoutA div.img{
	width:220px;
}
.layoutA div.txt{
	width:380px;
	padding:10px 0 0 0;
}
.layoutA div.txt p{
	margin-bottom:15px;
	padding-left:30px;
}

/*kihin*/
.leadTxt{
	padding:0 10px;
}
p.note{
	padding:0 10px;
	font-size:77%;
}

.layoutAkihin div.img{
	width:270px;
}
.layoutAkihin div.txt{
	width:350px;
	padding:10px 0 0 0;
}
.layoutAkihin div.txt p{
	margin-bottom:15px;
	padding:10px 10px 0 0;
}
.layoutAkihin div.txt ul.imgBox li{
	display:inline;
}

/*clm1*/
#content .section div.title{
	margin:0 0 5px 0;
	padding:0 10px 0 10px;
}
#content .section div.titleImg{
	margin:0 0 20px 0;
}
#content .section .box{
	margin:0 0 20px 0;
	padding:0 10px;
	zoom:1;
}
#content .section .title + .box p{
	padding-left:20px;
}
#content .section .ttlTxt + .box p{
	padding-left:20px;
}
#content .section .box p{
	margin:0 0 15px 0;
}

/*clm2*/
#content div.clm2	div.section{
	width:300px;
}

#content div.clm2	div.section .box{
	padding:0 10px;
}
#content div.clm2	div.section .box .title{
	margin:0 0 5px 0;
	padding:0;
}
#content div.clm2	div.section .box p{
	margin-bottom:15px;
}

#content div.clm2	div.section .box div.notes{
	margin-left:20px;
	padding:10px 10px 0;
	border:dotted 1px #D3CBBF;
	background:#FCFBFA;
}
#content div.clm2	div.section .box div.notes ul li{
	margin-bottom:10px;
	padding-left:1em;
	text-indent:-1em;
	font-size:77%;
}

/*1column ver*/
#content div.section div.notes {
	background:none repeat scroll 0 0 #FCFBFA;
	border:1px dotted #D3CBBF;
	padding:10px 10px;
}
#content div.section div.notes li{
	padding-left:1em;
	text-indent:-1em;
	font-size:77%;
}

#content div.section div.notes dl{
	margin-bottom:10px;
}
#content div.section div.notes dl dt{
	font-weight:bold;
	font-size:77%;
}
#content div.section div.notes dl dd{
	font-size:77%;
}

/* Spa
********************************************************* */
.box ul.link{
	width:620px;
}
.box ul.link li{
	float:left;
	width:291px;
	margin:0 10px 1px 0;
}

.pageNav li{
	float:left;
}

.lineDot{
	border-bottom:dotted 1px #999999;
}

/* Blog(Topics)
********************************************************* */
body#blog .post{
	margin:0 0 10px 0;
}
body#blog .post h2{
	margin:0 0 15px 0;
	padding:1px;
	border:solid 1px #D1C9BC;
	background-color:#FCFBFA;
}
body#blog .post h2 span{
	display:block;
	padding:0.7em 0 0.7em 12px;
	border-left:solid 6px #2E381D;
	font-weight:bold;
	font-size:108%;
}
body#blog .post .entry{
	margin:0 0 5px 0;
	border-bottom:dotted 1px #b4b4b4;
}
body#blog .post .entry h3{
	margin:0 0 10px 4px;
	padding:0.1em 0 0.1em 12px;
	border-left:solid 3px #2E381D;
	font-size:;
	font-weight:bold;
}
body#blog .post .entry h4{
	margin:0 0 15px 2px;
	padding:0.1em 0 0.1em 12px;
	font-size:;
	font-weight:bold;
}
body#blog .post .entry p{
	margin:0 10px 10px;
}
body#blog .post .entry ul{
	margin:0 10px 10px;
}
body#blog .post .entry ul li{
	padding-left:0.8em;
	background:url(images/ic_list.gif) no-repeat 0 7px;
}
body#blog .post .entry img{
	padding:7px;
	border:solid 1px #D1C9BC;
	background:#ffffff;
}

body#blog .post .entry .relation{
	margin:20px 10px 20px;
}
body#blog .post .entry .relation li{
	margin:0 0 0 10px;
}

body#blog .post .data{
	margin:0 10px 10px 0;
	text-align:right;
}
body#blog .post .data li{
	display:inline;
}
body#blog .next-entries{
	float:right;
	width:300px;
	text-align:right;
}
body#blog .previous-entries{
	float:left;
	width:300px;
}

.list{
	margin:0 10px 10px;
}
.list li{
	padding-left:0.8em;
	background:url(images/ic_list.gif) no-repeat 0 7px;
}

/* Contact
********************************************************* */
.wpcf7{
	padding:10px 0 0 0;
}
.wpcf7 .article h2{
	margin:0 0 15px 0;
	padding:1px;
	border:solid 1px #D1C9BC;
	background-color:#FCFBFA;
}
.wpcf7 .article h2 span{
	display:block;
	padding:0.7em 0 0.7em 12px;
	border-left:solid 6px #2E381D;
	font-weight:bold;
	font-size:108%;
}
.wpcf7 .article .section{
	padding:10px;
}
.wpcf7 .article .section h3{
	margin:0 0 10px 4px;
	padding:0.1em 0 0.1em 12px;
	border-left:solid 3px #2E381D;
	font-size:;
	font-weight:bold;
}
.wpcf7 .article .section p{
	margin:0 0 20px 0;
}
.wpcf7 input,
.wpcf7 textarea{
	font-size:116%;
}

table.info th{
	width:6em;
	padding:11px 10px 10px 28px;
	background:url(images/ic_info.gif) no-repeat 10px 15px;
	border-bottom:dotted 1px #333333;
}
table.info td{
	padding: 10px 10px 10px 30px;
	border-bottom:dotted 1px #b4b4b4;
}