/* CSS Document */
/*---------------------------------------------

lower CSS
for all pages
imported to "$category-name.html"

-----------------------------------------------*/
@import url(default.css);
@import url(common.css);


/* ページタイトル
--------------------------------------------------------- */
#pagehead{
	background:#ebe4df;
	text-align:center;
	padding:30px 0;
}

/* 部品類
--------------------------------------------------------- */
.exp_box{
	width:48%;
}
.exp_box .exp_ttl{
	background:#efe4e4 url(../images/common/mark_ttl_s.png) no-repeat center left;
	border:1px solid #c2b0ac;
	padding:8px 15px;
	font-weight:bold;
}
.exp_box p{
	padding:8px;
}
.exp_box dl{
	margin-left:8px;
}
.exp_box dl dt{
	clear: left;
	float: left;
	width:150px;
}
.exp_box dl dd{
	margin-left:150px;
}

.bg_area{
	background:#ece4df;
	padding:20px 0;
}
#foot_upper{
	width:1120px;
	background:url(../images/common/bg_iwa.png) no-repeat top right;
	padding:30px 0;
	margin:0 auto;
	text-align:center;
}

/* 宿泊案内
--------------------------------------------------------- */
.room_photo{
	margin:0 auto 20px;
}
.room_plate{
	background:#333;
	color:#fff;
	padding:5px;
	margin:6px auto;
	width:300px;
}

.exp_box_tbl{
	width:100%;
	border-collapse:collapse;
}
.exp_box_tbl .td01{
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
}
.exp_box_tbl .td02{
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
}

/* ページ内スライド（料理）
--------------------------------------------------------- */

#ryori_area_1{
	background-image:url(../images/ryori/bg_slide.jpg);
	text-align:center;
	padding:30px 0;
	height:700px;
	overflow:hidden;
	background-size:cover;
}
#ryori_area_1_in{
	width:1120px;
	margin:0 auto;
position:relative;
}

.str_ryori_1{
	position:absolute;
	top:100px;
	left:0;
}

.wrap {
	position:absolute;
	top:0px;
	right:0;
    overflow:hidden;
    width:600px;
    margin:0px auto;
}

#slide_main {
    position:relative;
    margin:0;
    padding:0;
    width:600px;
    height:400px;
}

#slide_main li {
    list-style:none;
    position:absolute;
    top:0;
    left:0;
}

#slide_main img {
    width:600px;
    vertical-align:bottom;
}

#slide_main span {
    box-sizing:border-box;
    width:100%;
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    padding:10px;
    color:#fff;
    background-color: rgba(0, 0, 0, 0.6);
}

#slide_sub {
    position:relative;
    margin:0 -5px;
    padding:0;
}

#slide_sub li {
    list-style:none;
    float:left;
    width:100px;
    margin:5px;
    padding:5px;
    border:1px solid #999;
    cursor:pointer;
}

#slide_sub img {
    width:100px;
    vertical-align:bottom;
}

#slide_sub li.active {
    background:#ddd;
}

.ryori_box_2{
	padding:10px;
	border:1px solid #ccc;
}
.ryori_box_2 img{
	width:533px;
}
.ryori_box_2 p{
	text-align:right;
	padding:5px;
}

.ryori_box_4{
	padding:10px;
	border:1px solid #ccc;
}
.mgr4{
	margin-right:10px;
}
.ryori_box_4 img{
	width:250px;
}
.ryori_box_4 p{
	padding:5px;
	text-align:right;
}

.ryori_box_3{
	padding:10px;
	border:1px solid #ccc;
}
.mgr3{
	margin-right:10px;
}
.ryori_box_3 img{
	width:344px;
}
.ryori_box_3 p{
	padding:5px;
	text-align:right;
}


/* ページ内スライド（温泉）
--------------------------------------------------------- */

#onsen_area_1{
	background-image:url(../images/onsen/bg_slide.jpg);
	text-align:center;
	padding:30px 0;
	height:700px;
	overflow:hidden;
	background-size:cover;
}
#onsen_area_1_in{
	width:1120px;
	margin:0 auto;
position:relative;
}

.str_onsen_1{
	position:absolute;
	top:100px;
	left:0;
}

.wrap_onsen {
	position:absolute;
	top:0px;
	right:0;
    overflow:hidden;
    width:600px;
    margin:0px auto;
}