@charset "utf-8";

/* ------------------------
	reset
------------------------ */

html, body, div, span, object, iframe,
h1, h2, h3,h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

img{vertical-align:bottom;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

li{
    list-style-type:none;
}

blockquote, q {
    quotes:none;
}

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

input, select {
    vertical-align:middle;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

a:link {color: #8C6239;text-decoration: none;}
a:visited {color: #8C6239;text-decoration: none;}
a:active {color: #8C6239;text-decoration: none;}
a:hover {color: #8C6239;text-decoration: none;}

section {
	clear: both;
}

p {margin:0 0 10px 0;}
.clear {clear: both;}

.mb0 {margin:0 0 0 0;}
.mb5 {margin:0 0 5px 0;}
.mb10 {margin:0 0 10px 0;}
.mb15 {margin:0 0 15px 0;}
.mb20 {margin:0 0 20px 0;}
.mb30 {margin:0 0 30px 0;}
.mb40 {margin:0 0 40px 0;}
.ml10{margin:0 0 0 10px ;}
.pd10{padding:10px}
.left{float:left;}
.right{float:right;}
.tcenter{text-align:center;}
.white{ color:#fff; }

/* ------------------------
	body & base setting
------------------------ */

body{
    -webkit-text-size-adjust:none;
	min-height:416px;
	font:12px/1.4 "Arial";
	color: #333333;
}

html{
	height:100%;
}

#page_ttl{
	border-top:10px solid #0D4889;
	background:#fff;
	font-weight:bold;
	font-size:140%;
	color:#000;
	text-align:center;
	padding:8px;
}

#content{
	width:96%;
	margin:0 auto;
}

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

header{
	padding:0px 8px;
/*
	background:-webkit-gradient(linear, left top, left bottom, from(#7f6d6b), to(#372d2c)) #372d2c;
	background:-moz-linear-gradient(top, #BE355F, #8C121E);
*/
	overflow:hidden;
	margin:0;
}

header ul{
	overflow: hidden;
}

header h1{
	float: left;
	margin:0 0 0 0;
	padding:0;
}

header p.tel{
	float: right;
	margin-top:20px;
}

header .teltop{
	margin-top:8px
}


nav#head_menu {
	overflow:hidden;
}
nav#head_menu ul{
	display: -webkit-box;
	display: -moz-box;
	margin:0 0 0 0;
	text-align:center;
	overflow:hidden;
/*	border-bottom:1px solid #EDE6DE;*/
}

nav#head_menu ul:last-child{
/*
	border-bottom:1px solid #EDE6DE;
	border-top:1px solid #C7B299;
*/
}



nav#head_menu ul li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	width:auto;
	margin:0 0 0 0;
	text-align:center;
	background:-webkit-gradient(linear, left top, left bottom, from(#BD0D35), to(#8C0C2A));
	background:-moz-linear-gradient(top, #BD0D35, #8C0C2A);
	line-height:40px;
	text-align:center;
/*
	border-right:1px solid #C7B299;
	border-left:1px solid #EDE6DE;
*/
	border:1px solid #EDE6DE;
	/*text-shadow: 1px 1px 0px #EDE6DE;*/
}


nav#head_menu ul li:last-child{
	margin:0;
}

nav#head_menu ul li a{
	font-weight:bold;
	display:block;
	color:#fff;
}

nav#head_menu ul li a span{
	color:#ccc;
	font-size:70%;
}

/* ------------------------
	main
------------------------ */

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

div.flickSlideContainer {
	position:relative;
	width:100%;
}
div.moveWrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	-webkit-box-sizing:border-box;
}
ul.moveWrapBG {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	visibility:hidden;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}

/*div.moveWrap:after, */
/*
ul.moveWrapBG:after{
	content:'.';
	visibility:hidden;
	width:100%;
	line-height:0;
	clear:both;
}
*/
div.slideMask {
	position:absolute;
	top:0;
	left:0;
	-webkit-box-sizing:border-box;
}
div.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);
	/*-webkit-transition-duration: 400ms;
	-webkit-transition-property: -webkit-transform;
	*/
	margin:0;
	padding:0;
	display:none;
}
div.moveWrap>ul.move li.slideUnit {
    float:left;
    list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-box-sizing:border-box;
}
li.slideUnit>div {
    display:inline-block;
	vertical-align:middle;
	text-align:center;
	padding:0;
	-webkit-box-sizing:border-box;
}
div.flickSlideBottom {
    display:none;

}
div.flickSlideBottom div.bottomLeft, div.flickSlideBottom div.bottomRight {
    display:none;

}
div.flickSlideBottom div.bottomLeft.off, div.flickSlideBottom div.bottomRight.off {
    display:none;

}
div.flickSlideBottom div.bottomRight {
    display:none;

}
div.flickSlideBottom div.bottomLeft {
    display:none;

}


div.flickSlideBottom div.bottomLeft:after {
    display:none;

}
div.flickSlideBottom div.bottomLeft:before {
    display:none;

}

div.flickSlideBottom div.bottomRight:before {
    display:none;

}
div.flickSlideBottom div.bottomRight:after {
     display:none;

}
div.flickSlideBottom ul.slidePager {
    display:none;

}
div.flickSlideBottom ul.slidePager li.slidePagerPointer {
    display:none;

}
div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
    display:none;

}

/* ------------------------
	footer setting
------------------------ */

#page-top {
position:fixed;
bottom:0;
margin-bottom: 20px;
right:20px;
font-size:50px;
z-index:10;
}
#page-top a {
background: none repeat scroll 0 0 red;
border-radius: 5px;
color: #fff;
display: block;
font-family: FontAwesome;
opacity: 0.25;
text-align: center;
text-decoration: none;
width: 80px;
}
#page-top a:hover {
text-decoration:none;
background:#999;
}



p.bottom_tel{
	/*border-top:1px solid #fff;*/
	text-align: center;
	margin:0 0 0 0;
	padding:0 0 10px 0;
/*background:#372d2c;*/
}

ul.sns{
	display: -webkit-box;
	display: -moz-box;
	padding:0 10px 10px 10px;
	border-bottom:1px solid #C7B299;
}

ul.sns li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)) #e6e6e6;
	background:-moz-linear-gradient(top, #fff, #e6e6e6);
	border:1px solid #ccc;
	padding:7px;
	margin:0 6px 0 0;
	text-align:center;
}

ul.sns li:last-child{
	margin:0 0 0 0;
}


.pagetop{
	border-top:1px solid #fff;
	border-bottom:1px solid #C7B299;
	text-align:right;
	margin:0 0 0 0;
	padding:8px 10px ;
	background:#F4F3EB;
}

.pagetop a{
	background:url(../img/common/arrow_02.png) no-repeat left top;
	padding:0 0 0 18px;
	font-weight: bold;
	background-size:14px 14px;
}




footer {
	clear: both;
	background:-webkit-gradient(linear, left top, left bottom, from(#8C0C2A), to(#BD0D35));
	background:-moz-linear-gradient(top, #8C0C2A, #BD0D35);
	overflow:hidden;
	padding:10px 0;
	border-top:1px solid #fff;
}


footer nav.menu01 {
	padding:0 0 0 0;
	width:100%;
	/*border-bottom:1px solid #C7B299;*/
	overflow:hidden;
}


footer nav.menu01 ul {
	display: -webkit-box;
	display: -moz-box;
	width: 300px;
	margin:0 auto 10px auto;
}
 
footer nav.menu01 li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	border-right:1px solid #ccc;
	padding:0 6px;
	font-size:11px;
	text-align:center;
}

footer nav.menu01 li:last-child {
	border-right:none;
}
footer nav.menu01 li a{
	font-weight:bold;
color:#F4F3EB;
}




footer nav.pcsite{
	clear:both;
	margin:0 auto 0 auto;
	overflow:hidden;
	width:250px;
	padding:15px 0 10px 0;
}

footer nav.pcsite ul.left{
	float: left;
	overflow:hidden;
	margin:0 30px 0 0
}

footer nav.pcsite ul.right{
	float: left;
	overflow:hidden;
}

footer nav.pcsite ul li a{
	padding:0;
	margin:0 0 8px 0;
    font-size:11px;
	display:block;
	
}


footer #footer_pc{
	border-top:1px solid #fff;
	border-bottom:1px solid #C7B299;

}


#footer_view{
	text-align:center;
	word-spacing:100%;
	padding:10px 0 0 0;
	font-size:11px;
	border-top:1px solid #fff;
}

#footer_view a{
	text-decoration: underline;
}



#footer_view p{
	clear:both;
	margin:0;
    font-size:11px;
}

address{
	clear: both;
	color: #fff;
	font-style:normal;
    font-size:10px;
 	text-align:center;
	padding:15px 0;
/*
	background:#332923;
	border-top:1px solid #4D4D4D;
*/
}


/* ------------------------
	flickscroll
------------------------ */

#flickscroll {
	margin: 0;
	width: ;
	height: 140px;
	position: relative;
}
#flickscroll ul {
	height: 140px;
	position: absolute;
	overflow: hidden;
}
#flickscroll ul li {
	width: ;
	height: 140px;
	float: left;
	display: inline;
	overflow: hidden;
}

#flickscroll #moveprev {
	display: none;
}

#flickscroll #movenext {
	display: none;
}


/* ------------------------
	flickthumb
------------------------ */


#flickthumb {
	margin: 5px 0 0 25px;
	width: 270px;
	height: 40px;
	text-align: center;
}
#flickthumb ul {
	width: 270px;
	height: 40px;
}
#flickthumb ul li {
	width: 54px;
	height: 100px;
	float: left;
	cursor: pointer;
	display: inline;
}
#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* ------------------------
	ClearFixElements
------------------------ */


#flickscroll ul:after,
#flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#flickscroll ul,
#flickthumb ul {
	display: inline-block;
	overflow: hidden;
}


div#systeminfo {
    background-color: #FEFFE8;
    border: 1px solid #CCC;
    margin: 5px;
    padding: 5px;
}

/* ------------------------
	nav plan setting
------------------------ */


#pran_order{
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0 0 10px 0;
	background:url(../img/common/crossword.png) ;
	border-bottom:1px solid #C7B299;
}


nav.plan{
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0 10px 10px 10px;
}

nav.plan ul {
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
}

nav.plan li{

	background:-webkit-gradient(linear, left top, left bottom, from(#BD0D35), to(#8C0C2A));
	background:-moz-linear-gradient(top, #BD0D35, #8C0C2A);

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	padding:6px 6px 4px 6px;
	margin:0 6px 0 0;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
	box-shadow:0 0 3px rgba(0,0,0,.3);
	border:1px solid #fff;
}

nav.plan li {
	width:50%;
}

nav.plan li.today{
	padding-top:13px;
}
nav.plan li:last-child{
	margin:0;
}


nav.plan li a{
	font-weight:bold;
	display:block;
	color:#fff;
}

div.top_oldrsv{
	text-align: center;
	margin:10px 10px 10px 10px;
	border:5px solid #efe5cd;
	background:#fff;
	padding:10px;
}

.system_info{
	color:#ff0000;
	text-align:center;
	font-weight:bold;
}

div.top_oldrsv p.naiyo{
	padding:10px 0;
	text-align:left;
}

p.spbanner{
	text-align: center;
	margin:0 10px 10px 10px;
}



p.arrow a,
p.arrow3 a{
	background:url(../img/common/arrow_01.png) no-repeat left center;
	padding:1px 0 0 20px;
	font-weight:bold;
}

p.arrow3{
	padding:10px 0 0 0;
	margin:0 10px 30px 10px;

}


p.arrow2{
	padding:0 0 0 0;
	margin:0 10px 15px 10px;
	text-align:right;

}
p.arrow2 a{
	background:url(../img/common/arrow_01.png) no-repeat left center;
	padding:1px 0 0 16px;
	font-weight:bold;
}

.rsv_menu li.arrow a{
	background:url(../img/common/arrow_01.png) no-repeat left top;
	padding:1px 15px 10px 20px;
	font-weight:bold;
	float:left;
}


/* ------------------------
	top_access setting
------------------------ */

#top_access{
	margin:0 0 10px 0;
/*
	border-top:1px solid #F2F2F2;
	border-bottom:1px solid #B3B3B3;
*/
}


#top_access nav{
	overflow:hidden;
}
#top_access nav ul{
	display: -webkit-box;
	display: -moz-box;
	margin:0 0 0 0;
	text-align:center;
	overflow:hidden;
margin:5px;
/*
	border-bottom:1px solid #F2F2F2;
*/
}

#top_access nav ul:last-child{
/*
	border-bottom:1px solid #F2F2F2;
	border-top:1px solid #B3B3B3;
*/
}



#top_access nav ul li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	width:50%;
	margin:0 0 0 0;
	text-align:center;
}

#top_access nav ul li:last-child{
	margin:0;
}


#top_access nav ul li{
/*
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)) #fff;
	background:-moz-linear-gradient(top, #fff, #ccc);
*/
	line-height:20px;
	text-align:center;
}

#top_access nav ul li.icon1{
	line-height:30px;
	text-align:center;
	padding:6px 0 6px 0;
border:1px solid #332923;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAF9F2), to(#E9E3D5));
	background:-moz-linear-gradient(top, #FAF9F2, #E9E3D5);
}

#top_access nav ul li.icon1 img{
	margin:0 5px 0 0;
}



#top_access nav ul li.icon{
	line-height:16px;
	text-align:center;
	padding:8px 0 4px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAF9F2), to(#E9E3D5));
	background:-moz-linear-gradient(top, #FAF9F2, #E9E3D5);
/*
	border-right:1px solid #ccc;
	border-left:1px solid #fff;
*/
border:1px solid #332923;
margin:2px;
}

#top_access nav ul li.icon:first-child{
	/*border-left:none;*/
}

#top_access nav ul li.icon:last-child{
	/*border-right:none;*/
}

#top_access nav ul li.icon img{
	margin:0 0 5px 0;
}

#top_access nav ul li,x:-moz-any-link{
	line-height:28px;
}

#top_access nav ul li a{
	font-weight: bold;
	display:block;
}

#top_access nav ul li.here a,
#top_access nav ul li.train a,
#top_access nav ul li.airplane a{
	margin:-20px 0 -15px 0;
	padding:0 0 15px 0;
}

#top_access nav ul li.here a,x:-moz-any-link{
	padding:0 0 0 0;
}

#top_access nav ul li.train a,x:-moz-any-link{
	padding:0 0 0 0;
}


#top_access nav ul li.airplane a,x:-moz-any-link{
	padding:0 0 0 0;
}


#top_access nav ul li.here a:before{
	display:inline;
	content: url(../img/top/icon_here.png);
	position:relative;
	top:12px;
	margin:0 8px 0 0;
}

#top_access nav ul li.train a:before{
	display:inline;
	content: url(../img/top/icon_train.png);
	position:relative;
	top:12px;
	margin:0 8px 0 0;
}

#top_access nav ul li.airplane a:before{
	display:inline;
	content: url(../img/top/icon_airplane.png);
	position:relative;
	top:12px;
	margin:0 8px 0 0;
}

#top_access a:link {color: #1A1A1A;text-decoration: none;}
#top_access a:visited {color: #1A1A1A;text-decoration: none;}
#top_access a:active {color: #1A1A1A;text-decoration: none;}
#top_access a:hover {color: #1A1A1A;text-decoration: none;}

/* ------------------------
	top setting
------------------------ */

h2 {
	font-size: 14px;
	font-weight:bold;
	color: #8C0C2A;
	margin:0 0 10px 0;
	padding:6px 0 6px 10px;
	line-height:20px;
/*
	background:-webkit-gradient(linear, left top, left bottom, from(#BE355F), to(#8C121E)) #8C121E;
	background:-moz-linear-gradient(top, #BE355F, #8C121E);
*/
	background:#E7C1CA;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);
	box-shadow:0 1px 5px rgba(0,0,0,.3);
}

h3{
	background:#FFE217;
	text-align:left;
	font-weight:bold;
	font-size:120%;
	padding:8px;
color:#000;
margin-bottom:10px;
}

h4{
	text-align:left;
	font-size:110%;
	padding:4px;
	border:1px dotted #fff;
	margin:6px;
	color:#fff;
}

nav.photo_menu{
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
	border-top:1px solid #ccc;
}

nav.photo_menu dl{
	clear:both;
	overflow:hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAF9F2), to(#E9E3D5));
	background:-moz-linear-gradient(top, #FAF9F2, #E9E3D5);
	border-bottom:1px solid #C7B299;
	/*text-shadow: 1px 1px 0px #fff*/
	color:#332923;
}

nav.photo_menu dl.last{
	border-bottom:none;
}

nav.photo_menu dt{
	float:left;
	padding:8px 0 8px 10px;
}

nav.photo_menu dd{
	padding:16px 30px 24px 100px;
}
nav.photo_menu dd span{
	font-size:90%;
	color:#666;
}

nav.photo_menu .pc_link dd{
	padding:24px 10px 24px 100px;
}

nav.photo_menu a{
	display:block;
	font-weight:bold;
}







/* ------------------------
	access
------------------------ */

#access_info{
	padding:0 10px 10px 10px;
}

#access_info br{
	line-height:20px;
}


#access_info p{
	margin:0 0 20px 0;
}



#access_info h4{
	font-weight:bold;
	color:#754C24;
	font-size:14px;
	margin:0 0 8px 0;
	padding:0;
}

#access_info h4.train{
	background:url(../img/access/icon-train.gif) no-repeat left center;
	padding:0 0 0 30px;
	line-height:30px;
}

#access_info h4.car{
	background:url(../img/access/icon-car.gif) no-repeat left center;
	padding:0 0 0 30px;
	line-height:30px;
}




#access_info p a{
	font-weight:bold;
	display:block;
	background:url(../img/common/arrow_01.png) no-repeat left 0px;
	padding:0 0 0 18px;
}

.norikae{
	padding:0 10px 20px 10px ;
}


#access_info2{
	padding:0 10px 20px 10px;
}

#access_info2 h5{
	font-weight:bold;
	font-size:13px;
	margin:0 0 6px 0;
	padding:0;
}

#access_info2 table{
	margin:0 0 10px 0;
	background:#C7B299;
	width:100%;
}

#access_info2 table th{
	padding:4px 6px;
	background:#F0E1D2;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	font-size:11px;
}

#access_info2 table th.title{
	text-align:center;
	font-size:12px;
}

#access_info2 table td{
	padding:4px 6px;
	background:#fff;
	text-align:center;
	font-size:11px;
}


#access_info2 p{
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #666;
}
#access_info2 p a{
	font-weight:bold;
	display:block;
	background:url(../img/common/arrow_01.png) no-repeat left 0px;
	padding:0 0 0 18px;
}


#access_info2 p.none{
	padding:0 0 0 0;
	margin:0 0 5px 0;
	border-bottom:none;
}

#access_info2 p.none2{
	padding:0 0 0 0;
	margin:0 0 10px 0;
	border-bottom:none;
}


/* ------------------------
	rooms
------------------------ */


#rooms dl{
	clear:both;
	overflow:hidden;
	margin:0 10px 10px 10px;
}


#rooms dt{
	font-weight:bold;
	margin:0 0 4px 0;
	border-bottom:1px solid #C7B299;
	padding:0 0 2px 0;
	font-size:13px;
	color:#754C24;

}

#rooms dd{
	font-size:11px;

}

#rooms table{
	margin:0 0 0 10px;
	background:#C7B299;
	width:300px;
	font-size:10px;
	margin-bottom:10px;
}

#rooms table th{
	padding:4px 6px;
	background:#F0E1D2;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}

#rooms table td{
	padding:4px 6px;
	background:#fff;
}

#rooms p{
	margin:0 10px 0 0;
}


#room_info{
	clear:both;
	overflow:hidden;
}

#room_info p{
	margin:0 10px 10px 10px;
}

#room_info p.room_menu{
	background:#e6e6e6;
	padding:6px 10px;
	margin:0 10px 10px 10px;
	border-radius:4px ;
	-webkit-border-radius: 4px;
}

#room_info ul{
	margin:0 10px 15px 10px;
	clear:both;
	overflow:hidden;
	display: -webkit-box;
	display: -moz-box;
}



#room_info ul li{
	width:100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	margin:0 8px 0 0;
}


#room_info ul li:last-child{
	width:100%;
	margin:0 0 0 0;
}

#room_info dt{
	margin:0 0 5px 0;
}

#room_info dd{
	font-size:11px;
}

#room_info table{
	margin:0 10px 10px 10px;
	background:#C7B299;
	font-size:10px;
}

#room_info table th{
	padding:4px 6px;
	background:#F0E1D2;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}

#room_info table td{
	padding:4px 6px;
	background:#fff;
}

div.room_rsv_area{
	margin:10px 10px 10px 10px;
	text-align:center;
}

p.room_rsv{
/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #ffffff), color-stop(0.51, #DCDCDC));
	background: -moz-linear-gradient( top,#ffffff ,#ffffff 50%,#DCDCDC 51%,#DCDCDC);
*/
background:#ff6600;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	line-height:30px;
	margin:0 auto;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
	box-shadow:0 0 3px rgba(0,0,0,.3);
	border:1px solid #fff;
	/*width:120px;*/
width:100%;
}

p.room_rsv a{
	display:block;
	font-weight:bold;
	color:#fff;
}

/* ------------------------
	restaurant
------------------------ */

.rest_info{
	padding:0 10px 30px 10px;
}


.rest_info dl{
	margin:0 0 15px 0;
}

.rest_info dl dt{
	padding:0 0 4px 0;
	margin:0 0 8px 0;
	font-size:13px;
	font-weight:bold;
	color: #754C24;
	border-bottom:1px solid #ccc;
}

.rest_info dl dd{
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #ccc;
}

.rest_info ul{
	margin:0 0 0 0;
	padding:0 0 0 20px;
	font-size:11px;
}

.rest_info ul li{
	list-style:inside disc;
	text-indent:-12px;
	margin:0 0 2px 0;
}

.rest_info p.tel{
/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #ffffff), color-stop(0.51, #DCDCDC));
	background: -moz-linear-gradient( top,#ffffff ,#ffffff 50%,#DCDCDC 51%,#DCDCDC);
*/
background:#ff6600;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	line-height:30px;
	margin:0 auto 0 auto;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
	box-shadow:0 0 3px rgba(0,0,0,.3);
	border:1px solid #fff;
	width:120px;
}

.rest_info p.tel a{
	display:block;
	font-weight:bold;
color:#fff;
}

.rest_info p.rsv{
/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #ffffff), color-stop(0.51, #DCDCDC));
	background: -moz-linear-gradient( top,#ffffff ,#ffffff 50%,#DCDCDC 51%,#DCDCDC);
*/
background:#ff6600;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	line-height:30px;
	margin:0 auto 0 auto;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
	box-shadow:0 0 3px rgba(0,0,0,.3);
	border:1px solid #fff;
	width:120px;
}

.rest_info p.rsv a{
	display:block;
	font-weight:bold;
color:#fff;
}

.bnrpoint {
	padding: 0 10px 10px;
}
.bnrpoint img{
	width:100%;
}

.campaign_info{
	padding:0 10px 10px 10px;
}

.campaign_info p{
	font-weight:bold;
}
.campaign_info p.caution{
	font-weight:normal;
	font-size:10px;
	padding:0 0 10px 0;
	border-bottom:1px solid #C7B299;
}




#caution{
	background:#e6e6e6;
	padding:10px 10px 10px 10px;
	
}

#caution ul{
	margin:0 0 0 0;
	padding:0 0 0 20px;
	font-size:11px;
}

#caution ul li{
	list-style:inside disc;
	text-indent:-11px;
	margin:0 0 2px 0;
}

#caution p.caution{
	font-weight:normal;
	font-size:10px;
	padding:10px 0 0 8px;
}


#contact{
	background:#F5F0E1;
	padding:20px 10px 5px 10px;
	text-align:center;
	
}


#contact p.tel{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #ffffff), color-stop(0.51, #DCDCDC));
	background: -moz-linear-gradient( top,#ffffff ,#ffffff 50%,#DCDCDC 51%,#DCDCDC);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	line-height:30px;
	margin:0 auto 10px auto;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
	box-shadow:0 0 3px rgba(0,0,0,.3);
	border:1px solid #fff;
	width:120px;
}

#contact p.tel a{
	display:block;
	font-weight:bold;
}

/* ------------------------
	sightseeing
------------------------ */


#tab {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* デフォルトのタップハイライトを停止 */
	margin:0 10px 0 10px;
}


#tab ul {
	display: -webkit-box;
	display: -moz-box;
	width:100%;
}



#tab ul li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	margin:0px 0px 0px 0;
	border: 1px solid #B3B3B3;
	border-bottom:none;
	font-weight:bold;
	line-height:28px;
	font-size:11px;
	color: #fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#4E321E), to(#795B21)) #795B21;
	background:-moz-linear-gradient(top, #4E321E, #795B21);
	text-shadow:none;
	display:block;
}


#tab ul li.active{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	margin:0px 0px 0px 0;
	border: 1px solid #C7B299;
	border-bottom:none;
	font-weight:bold;
	background:-webkit-gradient(linear, left top, left bottom, from(#F5F1E3), to(#CFC2A2)) #ffffff;
	background:-moz-linear-gradient(top, #F2F0E3, #ffffff);
}

#tab ul li a{
	display:block;
}
#map_canvas{
    width:100%;
    height:250px;
	margin:0 0 10px 0;
}

#sight_map{
	margin:0 10px 30px 10px;
}

#sight_map .areamap{
	margin:10px;
}

#sight_map p a{
	font-size:12px;
	background: url(../img/common/arrow_01.png) no-repeat left center;
	padding:0 0 0 18px;
	font-weight:bold;
}

#sight_map iframe{
	width:100%;
}

ol.access_flow{
	margin: 1em 0;
	padding-left: 25px;
	list-style-type: decimal;
}
ol.access_flow li{
	padding:6px 0;
}

#sight_spot{
	padding:0 10px 10px 10px;
}

#sight_spot dl{
	clear:both;
	overflow:hidden;
	margin:0 0 30px 0;
}

#sight_spot dl dt{
	float:left;
	margin:0 10px 0 0;
}

#sight_spot dl dd{
	padding:2px 0 0 110px;
}

#sight_spot dl dd li{
	margin:0 0 8px 0;
}

#sight_spot dl dd li.name{
	color:#754C24;
	font-weight:bold;
	margin:0 0 8px 0;
	font-size:13px;
}

#sight_spot dl dd li a{
	background: url(../img/common/arrow_01.png) no-repeat left center;
	padding:0 0 0 18px;
	font-weight:bold;
}


p.root{
	padding:4px 10px;
	text-align:center;
	background:-webkit-gradient(linear, left top, left bottom, from(#777), to(#000)) #000;
	background:-moz-linear-gradient(top, #777, #000);
	border-radius:4px ;
	-webkit-border-radius: 4px;
	width:150px;
	margin:0 auto 25px auto;
	display:block;
}

p.root a{
	font-weight:bold;
	color:#fff;
	display:block;
}

#sightseeing ul{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font-size:11px;
}

#sightseeing ul li{
	list-style:inside disc;
	text-indent:-12px;
	margin:0 0 2px 0;
}

#sightseeing ul.data{
	padding:6px 10px 6px 25px;
	font-size:11px;
	background:#EBD4BA;
}

#sightseeing .mb30{
	margin-bottom:30px;
}

#sightseeing .mb30 a{
	background: url(../img/common/arrow_01.png) no-repeat left center;
	padding:0 0 0 18px;
	font-weight:bold;
}

#sightseeing .mb10 a{
	background: url(../img/common/arrow_01.png) no-repeat left center;
	padding:0 0 0 18px;
	font-weight:bold;
}


dl.sight_info {
	margin:0 0 30px 0;
	overflow:hidden;
	font-size:11px;
}

dl.sight_info dt{
	clear:left;
	float:left;
	padding:4px;
	font-weight:bold;
	color: #511200;
}

dl.sight_info dd{
	font-size:11px;
	padding:4px 4px 4px 80px;
	border-bottom:1px dotted #736357;
}


dl.sight_info2 {
	margin:0 0 30px 0;
	font-size:11px;
}

dl.sight_info2 dt{
	font-weight:bold;
	color: #511200;
	padding:6px 4px 4px 4px;
}

dl.sight_info2 dd{
	border-bottom:1px dotted #736357;
	padding:0 4px 4px 4px;
}
/* ------------------------
	script
------------------------ */


/* 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-tab {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* デフォルトのタップハイライトを停止 */
	margin:0 0 0 0;
	position:relative;
	z-index:100;
}


#ui-tab ul {
	display: -webkit-box;
	display: -moz-box;
	width:100%;
	border-bottom:2px solid #DBCEBD;
}





#tabmenu{
	background:#fff;
	border:2px solid #DBCEBD;
	border-top:none;


}

/* Skin */

.ui-tabs-nav {
    list-style: none;

}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}


.ui-tabs-nav .ui-tabs-selected{
	line-height:24px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	margin:0px 0px 0px 0;
	border: 1px solid #B3B3B3;
	border-bottom:none;
	font-weight:bold;
	color: #333;
	background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#ffffff)) #ffffff;
	background:-moz-linear-gradient(top, #CCCCCC, #ffffff);
	border-radius: 6px 6px 0 0 ;
	-webkit-border-radius: 6px 6px 0 0;
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	color: #fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#4D4D4D), to(#000000)) #000000;
	background:-moz-linear-gradient(top, #4D4D4D, #000000);
	border-radius: 6px 6px 0 0 ;
	-webkit-border-radius: 6px 6px 0 0;
	text-shadow:none;
	display:block;
}


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#ui-tab ul li {
	line-height:28px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	margin:0px 0px 0px 0;
	border: 1px solid #C7B299;
	border-bottom:none;
	font-weight:bold;
	color: #333;
	background:-webkit-gradient(linear, left top, left bottom, from(#F2F0E3), to(#ffffff)) #ffffff;
	background:-moz-linear-gradient(top, #F2F0E3, #ffffff);
	border-radius: 6px 6px 0 0 ;
	-webkit-border-radius: 6px 6px 0 0;
}
#ui-tab ul li a {
	display:block;
}

#ui-tab ul li.active{
	color: #fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#4D4D4D), to(#000000)) #000000;
	background:-moz-linear-gradient(top, #4D4D4D, #000000);
	border-radius: 6px 6px 0 0 ;
	-webkit-border-radius: 6px 6px 0 0;
	text-shadow:none;
	display:block;
}




/* details
----------------------------------------------------------- */


#photo {
	margin: 0 auto 20px auto;
	overflow:hidden;
	width:320px;
}
#photo .con_gallery {
	margin: 0px 0 0;
}
#photo .con_gallery .box_gallery {
	margin: 0 0 0;
}
#photo .con_gallery .box_gallery #photos {
	border: none !important;
	height: 400px !important;
}
#photo .con_gallery .box_gallery .overlay {
	height: 25px !important;
    position: absolute;
    top: 195px !important;
}
#photo .con_gallery .box_gallery .panel-overlay {
	height: 25px !important;
	text-shadow: none;
    position: absolute;
    top: 195px !important;
    font-size: 80% !important;
    padding: 6px 10px 0 !important;
}
#photo .con_gallery .box_gallery .strip_wrapper {
	margin: 0px 0 0 ;
}
#photo .con_gallery .box_gallery .filmstrip {
	padding: 3px 0 0 !important;
	background: url(../img/rooms/slide_bg.gif) ;
	overflow:hidden;
}

	/*#gallery
----------------------------------------------------*/
#gallery {
	margin: 0px auto 0px auto !important;
}


/* faq
--------------------------------------------------------- */
.faq dl dt{
	/*background: url(../webimages/faq_hl.gif) no-repeat left top;*/
border-left:6px solid #FFE217;
	color:#fff;
	padding:6px 0 6px 10px;
	font-size:110%;
	margin-bottom:10px;
	font-weight:bold;
}
.faq dl dd{
	margin:0 10px 20px 20px;
	background:#fff;
	padding:10px;
	border:6px solid #FFE217;
}

/* why
--------------------------------------------------------- */

div.why{
	width:100%;
}

div.why p{
	margin:10px;
	background:#fff;
	padding:10px;
	border:6px solid #FFE217;
}

div.why p span{
	display:block;
	margin:3px 0;
	font-weight:bold;
	font-size:110%;
}


/* guide
--------------------------------------------------------- */
.btn_view img{
	width:100%;
}
.mgt50{
	margin-top:50px;
}
.mgt20{
	margin-top:20px;
}
.mgt10{
	margin-top:10px;
}

ul.photolist{
	list-style:none;
	margin:10px 0;
}
ul.photolist li{
	width:30%;
	float:left;
border:1px solid #ccc;
	margin:1%;
}
ul.photolist li img{
	width:100%;
}

.exp_box{
	padding:8px 8px 8px 16px;
	color:#fff;
}

.owl-single .item img{
	margin:10px auto 0;
    display: block;
    width: 300px;
    height: auto;
}
.owl-single .item p{
	text-align:center;
	color:#fff;
	padding:3px;
}

.top_info_area{
	padding:10px 0;
	background:#fff;
}
.top_info_area p{
	text-align:left;
	font-size:120%;
	padding:10px 10px 0;
}


div#bnr_corona{
	text-align:center;
}

div#bnr_corona a {
    width: 90%;
    margin: 20px auto;
    border: 3px solid #a00c2e;
    background: #FFEBEF;
    color: #a00c2e;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 0;
    text-decoration: none;
	font-weight:500;
}