@charset "utf-8";

/* ==================================================================================================== */
/* reset */
/* ==================================================================================================== */

/* font */
/* -------------------------------------------------- */

/*
	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.com/yui/license.html
	version: 3.3.0
	build: 3167
*/

/* --------------------------------------------------
	10px /  76.92%     11px /  84.61%     12px /  92.30%     13px / 100.00%     14px / 107.69%     15px / 115.38%     16px / 123.07%     17px / 130.76%     18px / 138.46%     19px / 146.15%
	20px / 153.84%     21px / 161.53%     22px / 169.23%     23px / 176.92%     24px / 184.61%     25px / 192.30%     26px / 200.00%
-------------------------------------------------- */

body { font-size: 81.25%; line-height: 1.231; color: #665133; font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
table { font-size: 100%; }
button, fieldset, form, input, label, legend, select, textarea { font-family: inherit; font-size: 100%; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* universal */
/* -------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

/* body */
/* -------------------------------------------------- */

html { overflow-y: scroll; }
body { text-align: center; }

/* clear */
/* -------------------------------------------------- */

.ebox:before, .einner:before, .cf:before, .ebox:after, .einner:after, .cf:after { content: ""; display: table; }
.ebox:after, .einner:after, .cf:after { clear: both; }
.ebox, .einner, .cf { zoom: 1; }

/* text */
/* -------------------------------------------------- */

address, caption { font-style: normal; font-weight: normal; }
q { quotes : "\"" "\"" "'" "'"; }

/* list */
/* -------------------------------------------------- */

ol, ul { list-style: none; }
li img { vertical-align: bottom; }

/* table */
/* -------------------------------------------------- */

table { border-collapse: collapse; width: 100%; border: none; }
caption { text-align: center; }
th, td { border: none; }
th { font-weight: normal; text-align: left; }
tbody th { white-space: nowrap; }

/* image */
/* -------------------------------------------------- */

img { border: none; outline: none; }

/* link */
/* -------------------------------------------------- */

a { outline: none; cursor: pointer; }
a img { border: none; }

/* form */
/* -------------------------------------------------- */

fieldset { border: none; }



/* ==================================================================================================== */
/* styles */
/* ==================================================================================================== */

/* text */
/* -------------------------------------------------- */

.right { text-align: right; }
.red, strong.price, span.price, td.price { color: #E50000; }
.ebox .help { text-align: right; font-size: 84.61%; }

.wDay, .hDay, .sDay { display: inline-block; }
* html .wDay, * html .hDay, * html .sDay { display: inline; zoom: 1; }
*+html .wDay, *+html .hDay, *+html .sDay { display: inline; zoom: 1; }
dt.wDay, dt.hDay, dt.sDay { margin-right: 5px; color: #FFF; padding: 2px 5px; }
dd.wDay, dd.hDay, dd.sDay { font-weight: bold; }
dt.wDay { background: #43a5c6; }
dt.hDay { background: #ff7f00; }
dt.sDay { background: #690; }
dd.wDay { color: #43a5c6; margin-right: 10px; }
dd.hDay { color: #ff7f00; }
dd.sDay { color: #690; }

/* nav */
/* -------------------------------------------------- */

a.nav, .nav a, a.reserve, .reserve a { padding: 2px 10px 2px 20px; text-decoration: none; color: #FFF; display: inline-block; font-size: 92.30%; }
* html a.nav, * html .nav a, a.reserve, * html .reserve a { display: inline; zoom: 1; }
*+html a.nav, *+html .nav a, a.reserve, *+html .reserve a { display: inline; zoom: 1; }
.box3 p.nav a, .box3 a.nav, .box4 a.nav, .box3 a.reserve, .box3 p.reserve a { display: block; }

a.nav, .nav a { background: #98b053 url(../img/common/nav.gif) no-repeat 5px center; }
a.nav:hover, .nav a:hover { background: #e6ac39 url(../img/common/nav_on.gif) no-repeat 5px center; }
p a.nav { margin-top: 0.23em; }

a.navText { background:url(../img/common/navText.gif) no-repeat left center; padding-left: 15px; color: #729300; }
a.navText:hover { background-image:url(../img/common/navText_on.gif); color: #e38400; }

a.reserve, .reserve a { background: #c43c3b url(../img/common/reserve.gif) no-repeat 5px center; }
a.reserve:hover, .reserve a:hover { background-color: #E53333; }

/* img */
/* -------------------------------------------------- */

.photoL { float: left; margin-right: 20px; }
.photoR { float: right; margin-left: 20px; }
.box2 .photoL, .box3 .photoL { margin-right: 10px; }
.box2 .photoR, .box3 .photoR { margin-left: 10px; }

img.border { border: 2px solid #FFF; }

/* box */
/* -------------------------------------------------- */

.box2, .box3, .box4, .box5, .box32 { float: left; }
.box2, .row2 li { width: 345px; margin-right: 30px; }
.box3, .row3 li, .box32 { width: 224px; margin-right: 24px; }
.box4, .row4 li { width: 165px; margin-right: 20px; }
.box5, .row5 li { width:; margin-right:; }

.box32 { width: 472px; }

div.last { margin-right: 0 !important; }

.bgBo01 { background: url(../img/common/bg_border01.gif) repeat left top; padding: 5px 0; text-align: center; }
.bgBo02 { background: url(../img/common/bg_border02.gif) repeat left top; padding: 5px 0; text-align: center; }

/* list */
/* -------------------------------------------------- */

ul.list01 li { list-style: circle; margin-left: 2em; }
ol.list01 li { list-style: decimal; margin-left: 2em; }

.list03 li { display: inline; margin-right: 2em; white-space: nowrap; background: url(../img/common/arrow01.gif) no-repeat left center; padding-left: 15px; }

.photoList li { float: left; text-align: center; }
.photoList li img { vertical-align: bottom; }
.caption li img { margin-bottom: 5px; }
.photoList .last { margin-right: 0 !important; }

/* table */
/* -------------------------------------------------- */

table { width: 100%; }
caption { margin-bottom: 0.25em; }

.table01 { border: 1px solid #D7C77C; }
.table01 th, .table01 td { padding: 10px; border: 1px solid #D7C77C; }
.table01 th { background: url(../img/common/bg_border02.gif) repeat left top; }
.table01 td { background: #f6f2df; border-right: none; }
.table01 .odd th { background: url(../img/common/bg_border01.gif) repeat left top; }
.table01 .odd td { background: #fbf9f1; }
.table01 thead th { text-align: center; }

td.price { white-space: nowrap; text-align: right; vertical-align: bottom; }
td.num { text-align: right; vertical-align: bottom; }
td.nav { text-align: right; border-left: none; }

/* blog */
/* -------------------------------------------------- */

.blogbox p { margin: 1em 0; }
.blogbox ul, .blogbox ol { margin: 1em 0 1em 2em; }
.blogbox ol li { list-style: decimal outside; }
.blogbox ul li { list-style: circle outside; }
.blogbox dl { margin: 1em 0; }
.blogbox dd { margin-left: 2em; }
.blogbox table { margin-bottom: 1em; width: auto }
.blogbox th, .blogbox td { border: 1px solid #B3B3B3; padding: 0.5em; }
.blogbox caption { text-align: center; }

/* margin */
/* -------------------------------------------------- */

.mgnT0 { margin-top: 0; }
.mgnT5 { margin-top: 0.5em !important; }
.mgnT1 { margin-top: 1em !important; }
.mgnT2 { margin-top: 2em !important; }
.mgnT3 { margin-top: 3em !important; }
.mgnT4 { margin-top: 4em !important; }
.mgnR0 { margin-right: 0 !important; }
.mgnR5 { margin-right: 5px !important; }
.mgnR1 { margin-right: 10px !important; }
.mgnR2 { margin-right: 20px !important; }
.mgnR3 { margin-right: 30px !important; }
.mgnR4 { margin-right: 40px !important; }
.mgnB0 { margin-bottom: 0 !important; }
.mgnB5 { margin-bottom: 0.5em !important; }
.mgnB1 { margin-bottom: 1em !important; }
.mgnB2 { margin-bottom: 2em !important; }
.mgnB3 { margin-bottom: 3em !important; }
.mgnB4 { margin-bottom: 4em !important; }
.mgnL0 { margin-left: 0 !important; }
.mgnL5 { margin-left: 5px !important; }
.mgnL1 { margin-left: 10px !important; }
.mgnL2 { margin-left: 20px !important; }
.mgnL3 { margin-left: 30px !important; }
.mgnL4 { margin-left: 40px !important; }



/* ==================================================================================================== */
/* common */
/* ==================================================================================================== */


/* body */
/* -------------------------------------------------- */

body { background: #F1EBCD url(../img/common/body_bg.jpg) repeat left top !important; }
.bgSeason { background: url(../img/common/bg_summer.jpg) repeat-x left 186px; }

/* composition */
/* -------------------------------------------------- */

#top { width: 950px; margin: 20px auto; text-align: left; background: #F1EBCD; }
#container { padding: 20px 0 0 0; }
#main { width: 720px; float: right; }
#sub { width: 180px; float: left; }

/* link */
/* -------------------------------------------------- */

a { color: #665133; }
a:hover { }

/* head */
/* -------------------------------------------------- */

#head { position: relative; margin-bottom: 10px; }

#head h1, #head .description { font-weight: normal !important; font-size: 84.61% /* 11px */; margin-bottom: 5px;  }

#head ul { position: absolute; top: 0px; right: 0px; }
#head li { display: inline; margin-right: 10px; }
#head .last { margin-right: 0 }

#head .btn { position: absolute; top: 30px; right: 0px; }
#head .btn span { display: block; padding: 8px 0 8px 10px; float: right; }

/* header */
/* -------------------------------------------------- */

#header { position: relative; margin-bottom: 20px; z-index: 11; text-align: right; width: 950px; }

#header h1, #header .description { text-align: left; font-weight: normal !important; font-size: 84.61% /* 11px */; position: absolute; top: 0px; left: 0px; }

#header .logo { position: absolute; left: 0px; bottom: 0; }

#header ul { margin-bottom: 10px; }
#header li { display: inline; margin-right: 10px; }
#header .last { margin-right: 0 }

#header .reserveForm { background: url(../img/common/head_reserve_bg.jpg) no-repeat left center; padding-left: 265px; min-height: 50px; height: auto !important; height: 50px; display: inline-block; }
* html #header .reserveForm { display: inline; zoom: 1; }
*+html #header .reserveForm { display: inline; zoom: 1; }
#header .reserveForm p { background: url(../img/common/bg_border01.gif) repeat left top; padding: 8px; border: 2px solid #d7c77c; }
#header .reserveForm select { margin-bottom: 8px; }
#header .ui-datepicker-trigger { margin-left: 8px; }
#header .ui-datepicker-trigger:hover { cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity: 0.6; -moz-opacity: 0.6; }
#header .submit { margin-left: 8px; }
#header .reserveForm img,
#header .reserveForm input { vertical-align: middle; }
#header .reserveForm input:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity: 0.6; -moz-opacity: 0.6; }
#header .reserveForm a { font-size: 84.61% /* 11px */; background: url(../img/common/navText.gif) no-repeat left center; padding-left: 14px; }
#header .reserveForm a:hover { color: #e38400; background-image: url(../img/common/navText_on.gif); }

/* globalNav */
/* -------------------------------------------------- */

#globalNav { z-index: 10; position: relative; }
#globalNav img { vertical-align: bottom; }
#globalNav li { float:left; list-style:none; }
#globalNav li ul { position: absolute; visibility: hidden; opacity: 0.9; }
#globalNav li ul li { float: none; display: inline; }
#globalNav li ul li a { display: block; white-space: nowrap; padding: 10px 20px; background: #FFF; text-decoration: none; border-top: 1px solid #F2ECD1; color: #665133; }
#globalNav li ul li a:hover { background:#FFB300; color:#fff; }

/* sub */
/* -------------------------------------------------- */

#sub .info { line-height: 1.54; }
#sub .info a { background:url(../img/common/navText.gif) no-repeat left center; padding-left: 15px; }
#sub .info a:hover { background-image: url(../img/common/navText_on.gif); color: #e38400; }

#sub .bnr { margin-bottom: 20px; }
#sub .bnr li { margin-bottom: 10px; }
#sub .bnr li.last { margin-bottom: 0; }

#sub .subReserve { margin-bottom: 15px; }
#sub .subReserve .inner { background: url(../img/common/bg_border02.gif) repeat left top; padding: 10px; margin-bottom: 5px; border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
#sub .subReserve select { margin-bottom: 10px; }
#sub .subReserve img { vertical-align: middle; }
#sub .subReserve img:hover { cursor: pointer; }
#sub .subReserve .submit { background: #c43c3b; width: 160px; text-align: center; border: none; color: #fff; padding: 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#sub .subReserve .submit:hover { cursor: pointer; background: #ae0000; }
#sub .subReserve .info { font-size: 84.61% /* 11px */ ; text-align: right; }

/* globalNavFoot */
/* -------------------------------------------------- */

#globalNavFoot { text-align: center; padding: 20px 0; background: url(../img/common/bg_border02.gif) repeat left top; border-top: 1px solid #FFF; }
#globalNavFoot li { display: inline; margin-right: 1em; padding-right: 1em; border-right: 1px solid #665133; }
#globalNavFoot .last { margin-right: 0; padding-right: 0; border-right: none; }

/* footNav */
/* -------------------------------------------------- */

#footNav { text-align: right; font-size: 84.6%; }
#footNav li { display: inline; margin-right: 20px; }
#footNav li.top { padding-right: 20px; border-right: 1px solid #D7C77C; }
#footNav a { color: #665133; text-decoration: none; }

/* copyright */
/* -------------------------------------------------- */

#foot { background: #D7C77C; padding: 20px 0; }
#foot .copyright { text-align: center; }
#foot .copyright address { }
#foot .copyright p { }
#foot .copyright a { color: #665133; text-decoration: none; }