@charset "Shift_JIS";

/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

.clear {
clear: both;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: block;}

/* BODY */
body {
line-height: 1.3;
color: #333;
font-size: 13px;
font-family: "ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN ProN",Helvetica;
word-break: break-all;
-webkit-text-size-adjust: none;
}

.btnCent {
text-align: center;
margin: 0 auto 7px;
clear: both;
}

.linkLine a:link {
text-decoration: underline;
}

.pdg5 {
padding: 5px;
}

.mB5 {
margin-bottom: 5px;
}

.txtSmall {
font-size: 11px;
}

.txtRed {
color: #A40000;
}

/* HEADER
------------------------------*/
#headerTop,.topPic {
width: 320px;
margin: 0 auto;
}

#headerTop img,#header img {
vertical-align: bottom;
}

#header {
width: 320px;
margin: 0 auto;
position: relative;
}

#header span {
position: absolute;
top: 25px;
right: 10px;
}

.head {
height: 70px;
background: url("../img/bg_head.jpg") center center no-repeat;
display: block;
}

.head h1 {
float: left;
padding-top: 10px;
}

.headR {
float: right;
padding-top: 25px;
padding-right: 10px;
}

/* FOOTER
------------------------------*/
#footer {
width: 100%;
clear: both;
}

.footNav {
border-top: solid 1px #999;
}

.footNav a{
background: url("../img/mark.gif") right center no-repeat transparent;
display: block;
padding: 12px 10px 10px;
}

.footAddress {
width: 100%;
background: #5b4a3c;
}

.footAddL {
float: left;
width: 140px;
padding: 10px 0 7px 10px;
}

.footAddR {
margin-left: 160px;
padding: 10px 0 7px 0;
color: #fff;
font-weight: bold;
}

.footAddR span {
font-size: 1.8em;
}

.footAdd {
clear: both;
padding: 0 10px 5px;
color: #fff;
}

/* NAVI
------------------------------*/
.topRemove a{
display: block;
text-align: center;
padding-top: 9px;
height: 25px;
}

#nav {
width: 320px;
height: 80px;
margin: 0 auto;
clear: both;
}

#nav li {
float: left;
}

#nav li img {
vertical-align: bottom;
}

/* COLORS */
a {
color: #533427;
text-decoration: none;
font-weight: bold;
}

.contentHead {
width: 100%;
background: url(../img/ttl_bg.gif) repeat-x;
height: 44px;
position: relative;
}

.btnList a {
background: -webkit-gradient(linear, left top, left bottom, from(#715c4b), to(#54392f));
border: 1px solid #fff;
-webkit-border-radius: 5px;
display: block;
padding: 7px 0 0 6px; 
width: 90px;
height: 24px;
}

.infoList h3 {
clear: both;
background: -webkit-gradient(linear, left top, left bottom, from(#faf8f5), to(#efebe5));
border-bottom: solid 1px #ccc;
}

.contentList1 li {
clear: both;
background: -webkit-gradient(linear, left top, left bottom, from(#faf8f5), to(#efebe5));
border-bottom: solid 1px #ccc;
}

.topTxtNav {
clear: both;
background: -webkit-gradient(linear, left top, left bottom, from(#faf8f5), to(#efebe5));
border-bottom: solid 1px #ccc;
}

.faqList {
clear: both;
background: -webkit-gradient(linear, left top, left bottom, from(#faf8f5), to(#efebe5));
border-bottom: solid 1px #ccc;
}

.topRemove {
width: 100%;
clear: both;
background: -webkit-gradient(linear, left top, left bottom, from(#725c4c), to(#53382e));
}

.ttlOther {
width: 100%;
clear: both;
background: -webkit-gradient(linear, left top, left bottom, from(#725c4c), to(#53382e));
padding: 9px 0 0 0;
height: 25px;
}

.footNav li {
clear: both;
background: -webkit-gradient(linear, left top, left bottom, from(#e9e0d3), to(#cfc1af));
border-bottom: solid 1px #999;
}

.footCopy {
clear: both;
width: 100%;
color: #fff;
background-color: #3f2e24;
padding: 10px 0;
text-align: center;
}

.ttlH3 {
background: #efebe5;
padding: 7px 5px 7px 10px;
font-weight: bold;
font-size: 1.1em;
clear: both;
}

.txtFaq1 {
background: #efebe5;
padding: 7px 5px 5px 1.7em;
font-weight: bold;
clear: both;
text-indent: -1.1em;
color: #A40000;
}

.planContent dt {
clear: both;
float: left;
width: 65px;
height: 20px;
padding: 5px 0 5px 8px;
background: #efebe5;
border-bottom: solid 1px #999;
}

.planReserv2 {
width: 100%;
padding: 10px 0;
text-align: center;
background: #efebe5;
}

.contentList3 li {
height: 76px;
background: -webkit-gradient(linear, left top, left bottom, from(#faf8f5), to(#efebe5));
}

.accTab { 
display: inline-block; 
zoom:1; 
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#faf8f5));
border: solid 1px #999; 
margin-bottom: -1px;
width: 100px;
}

.accTab.active {
background: -webkit-gradient(linear, left top, left bottom, from(#faf8f5), to(#efebe5));
position: relative; 
border-color: #999; 
font-weight: bold;
border-bottom: 1px solid #fff;
}

.contactBtn {
width: 300px;
border: solid 2px #666;
margin: 0 auto;
padding: 10px 0;
text-align: center;
font-size: 1.7em;
background: -webkit-gradient(linear, left top, left bottom, from(#e9e0d3), to(#cfc1af));
}

/* TOP
------------------------------*/
.contentTop {
width: 100%;
clear: both;
}

.btnList {
width: 97px;
height: 32px;
position: absolute;
right: 5px;
top: 5px;
}

.infoList {
width: 100%;
}

.infoList a {
background: url("../img/mark.gif") right center no-repeat transparent;
display: block;
padding: 10px 10px 7px;
}

.infoList time {
color: #555;
font-weight: normal;
}

.contentList1 {
width: 100%;
}

.contentList1 ul {
height: auto;
margin: 0 auto;
}

.contentList1 li a{
background: url("../img/mark.gif") right center no-repeat transparent;
display: block;
}

.contListL {
float: left;
width: 107px;
}

.contListR {
padding: 7px 10px;
margin-left: 107px;
}

.contentList1 strong {
font-size: 1.1em;
display: block;
padding-bottom: 5px;
}

.contentList1 span {
color: #555;
font-weight: normal;
font-size: 0.9em;
}

.contentList1 img {
vertical-align: bottom;
}

.btnYoyaku {
width: 320px;
margin: 0 auto;
clear: both;
}

.btnYoyaku li {
float: left;
}

.btnYoyaku img,.topPic img,.contentList2 img,.contentList3 img {
vertical-align: bottom;
}

.topTxtNav a{
background: url("../img/mark.gif") right center no-repeat transparent;
display: block;
padding: 10px 10px 7px;
}

.contentList2,.contentList3 {
width: 320px;
margin: 0 auto;
}

.contentList2 li,.contentList3 li {
float: left;
}

.faqList a{
background: url("../img/mark.gif") right center no-repeat transparent;
display: block;
padding: 10px 10px 7px;
}

.faqList h3 {
color: #c00334;
}

.faqList p {
color: #555;
}

/* INFO
------------------------------*/
.infoCont {
padding: 5px;
}

.infoDay {
font-size: 0.8em;
color: #666;
margin-bottom: 3px;
}

.btnInfo {
width: 100%;
text-align: center;
clear: both;
}

.btnInfo a {
width: 140px;
height: 23px;
display: block;
padding-top: 9px;
border: 1px solid #999;
background: url(../img/mark_l.gif) 10px center no-repeat;
margin: 0 auto 10px;
}

/* PLAN
------------------------------*/
.planContent dl {
border-top: solid 1px #999;
}

.planContent dd {
height: 20px;
padding: 5px;
padding-left: 80px;
border-bottom: solid 1px #999;
}

.planTxt {
clear: both;
padding: 5px;
}

.planReserv1 {
width: 100%;
text-align: center;
margin-bottom: 5px;
padding-top: 5px;
}

.planReserv2 img {
vertical-align: bottom;
}

.txtBold {
font-weight: bold;
}

.ttlOther img {
margin-left: 10px;
}

/* RESTAURANT
------------------------------*/
.restIn {
padding: 5px;
}

.picR {
float: right;
padding: 0 0 3px 3px;
}

.dlRest {
background: #ddd;
padding: 5px;
clear: both;
}

.dlRest dt {
font-weight: bold;
}

/* BATH
------------------------------*/
.ulBath li {
background: url(../img/icon_bath.png) left 0.3em no-repeat;
padding-left: 8px;
margin-bottom: 5px;
line-height: 1.2;
}

/* ACCESS
------------------------------*/
#map_canvas {
width: 100%;
height: 200px;
margin-bottom: 5px;
}

.tab-container {
width: 320px;
margin: 0 auto 10px;
}
.accTabs {
width: 100%;
text-align: center;
border-bottom: solid 1px #999;
margin-bottom: 5px;
}

.accTab a { 
width: 100px;
height: 65px;
display: block; 
outline: none;
text-align: center;
padding: 5px 0 3px;
}

.accTab-container .panel-container { 
background: #fff; 
border: solid #ccc 1px;
}

.accTab a { 
color: #999;
}

.accTab a img { 
opacity: 0.5;
filter: alpha(opacity=50);
}

.accTab.active a {
color: #533427;
}

.accTab.active a img {
opacity: 1;
filter: alpha(opacity=100);
}

/* FAQ
------------------------------*/
.txtFaq2 {
padding: 5px 5px 10px 1.7em;
text-indent: -1.1em;
}

.txtOrange {
color: #e54b00;
}

/* CONTACT
------------------------------*/
.contactCont {
padding: 5px;
}

.contactInfo {
padding: 10px 5px;
margin-bottom: 10px;
}

.contactBtn img {
vertical-align: middle;
margin-right: 3px;
}

.contactTime {
font-size: 0.9em;
text-align: center;
padding-top: 2px;
padding-bottom: 10px;
}

/* PRIVACY
------------------------------*/
.privacyCont {
padding: 5px;
}

.privacyCont h3 {
padding: 5px;
border-left: solid 4px #555;
border-bottom: solid 1px #999;
margin-bottom: 5px;
font-weight: bold;
}

.privacyCont p {
margin-bottom: 10px;
}

.privacyCont ul {
margin-bottom: 10px;
padding-left: 20px;
}

.privacyCont li {
list-style-type: disc;
}

/* flick
------------------------------*/
.mainBlock {
clear: both;
}
.mainBlock .flickSlideContainer {
position:relative;
width:100%;
-webkit-box-sizing:border-box;
}
.mainBlock .moveWrap {
position:relative;
overflow:hidden;
width:100%;
height:auto;
-webkit-box-sizing:border-box;
}
.mainBlock .moveWrapBG {
display:inline-block;
position:relative;
width:100%;
height:auto;
visibility:hidden;
-webkit-box-sizing:border-box;
margin:0;
padding:0;
}

.mainBlock .slideMask {
position:absolute;
top:0;
left:0;
border:4px #FFF solid;
-webkit-box-sizing:border-box;
margin-right:1px;
}
.mainBlock .moveWrap>ul.move {
position:relative;
left:0;
top:0;
list-style:none;
padding:0;
margin:0;
width:10000px;
-webkit-transition:all 0.6s ease-in-out;
-webkit-transform:translate3d(0,0,0);
margin:0;
padding:0;
display:none;
}
.slideCalen,.slideCalen2 {
position:relative;
}
.mainBlock .moveWrap>ul.move li.slideUnit {
float:left;
list-style:none;
padding:0;
margin:0;
text-align:center;
-webkit-box-sizing:border-box;
}
.mainBlock .moveWrap>ul.move li.slideUnit article {
text-align:left;
}
.mainBlock li.slideUnit>div {
display:inline-block;
vertical-align:middle;
text-align:center;
-webkit-box-sizing:border-box;
}
.slidePic .flickSlideBottom {
width: 100%;
height: 20px;
position: relative;
}
.slideCalen .flickSlideBottom,.slideCalen2 .flickSlideBottom {
width: 100%;
height: 20px;
}
.mainBlock p img {
width: 320px;
display: block;
}
.slidePic .flickSlideBottom .bottomLeft,
.slidePic .flickSlideBottom .bottomRight {
-webkit-box-sizing:border-box;
vertical-align:middle;
position: absolute;
top : -115px;
}
.slideCalen .flickSlideBottom .bottomLeft,
.slideCalen .flickSlideBottom .bottomRight,
.slideCalen2 .flickSlideBottom .bottomLeft,
.slideCalen2 .flickSlideBottom .bottomRight {
-webkit-box-sizing:border-box;
vertical-align:middle;
position: absolute;
top : 5px;
}
.slidePic .flickSlideBottom .bottomRight {
right : 0;
}
.slidePic .flickSlideBottom .bottomLeft {
left : 0;
}
.slideCalen .flickSlideBottom .bottomRight,.slideCalen2 .flickSlideBottom .bottomRight {
right : 10px;
}
.slideCalen .flickSlideBottom .bottomLeft,.slideCalen2 .flickSlideBottom .bottomLeft {
left : 10px;
}
.mainBlock .flickSlideBottom .bottomLeft:before {
content: url(../img/arrow_slideL.png);
}
.mainBlock .flickSlideBottom .bottomRight:after {
content: url(../img/arrow_slideR.png);
}
.mainBlock .flickSlideBottom .off {
display: none;
}
.mainBlock .flickSlideBottom ul.slidePager {
width:100%;
text-align:center;
margin:0;
padding:0;
}
.mainBlock .flickSlideBottom ul.slidePager li.slidePagerPointer {
display:inline-block;
background-color:#ccc;
width:10px;
height:10px;
margin: 5px 5px 0;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.mainBlock .flickSlideBottom ul.slidePager li.slidePagerPointer.active {
background-color:#666;
}