@charset "UTF-8";

@import url("../../common/css/common.css");

body {
	font-family:'Hiragino Mincho ProN', serif;
	font-size:14px;
}
/* top */
	.inner {
		width:950px;
		margin:0 auto;
	}
	.over:hover { 
		cursor:pointer;
		opacity: 0.8;  
		filter: alpha(opacity=80);  
		-ms-filter: "alpha( opacity=80 )";  
		-moz-opacity: 0.8;  
		-khtml-opacity: 0.8; 
	}
	h1 {
		font-size:2.8em;
	}
	h2 {
		font-size:1.8em;
	}
	h3 {
		font-size:1.6em;
	}
	h4 {
		font-size:1.4em;
	}
	h5 {
		font-size:1.2em;
	}
	.read {
		font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
		font-size:1.1em;
	}
	.left {
		float:left;
	}
	.right {
		float:right;
	}
	.bold {
		font-weight:bold;
	}
/* header */
	/* language */
	#language_wrap {
		width:100%;
		height : 25px;
		background:#8a5528;
	}
	#language_btn {
		cursor:pointer;
		float:right;
		width:123px;
		height:25px;
		background: url(../images/lang_btn.png);
		color : #FFF;
		padding : 0 ;
	}
	#language_btn p{
		padding: 5px 0 3px 15px;
	}
	/* logo, check availability */
	#header {
	}
	#header_l {
		padding:25px 0 20px 0;
		float:left;
	}
	#header_r {
		padding:25px 0 20px 0;
		float: right;
	}
	#check_availability {
		padding:10px;
		border:1px solid #8a5528;
		border-radius:5px;
		height:40px;
	}
	#check_availability div {
		float:left;
		overflow:hidden;
		margin: 0 10px 0 0;
		padding: 1px;
	}
	#check_availability div.lastChild {
		margin: 0 0 0 0;
	}
	#check_availability select {
		margin : 3px 3px 0 0;
	}
/* g_nav */
	#g_nav {
		background:url(../images/gnav_bg.gif) repeat-x;
		width:100%;
		clear:both;
		overflow:hidden;
	}
	#g_nav ul {
		width:950px;
		overflow:hidden;
		background:url(../images/gnav_line.gif) no-repeat right;
	}
	#g_nav ul li {
		float:left;
		width:135px;
		height: 80px;
		text-align:center;
		background:url(../images/gnav_line.gif) no-repeat;
	}
	#g_nav ul li a{
		display:block;
		padding: 30px 0 0 0;
		height:51px;
		font-family:'Hiragino Mincho ProN', serif;
	}
	#g_nav ul li a:hover{
		text-decoration:none;
	}
/* main_image */
	#main_image {
		border-top:2px solid #FFF;
		background:#8a5528;
		width:100%;
	}
/* content */
	#content {
		overflow: hidden;
	}
	.main_image_gra {
		background:url(../images/main_img_gra.png) repeat-x;
		padding: 100px 0 0 0;
	}
	.topIndex {
		text-align:center;
	}
	.topIndex h1 {
		margin:0 0 70px 0;
		line-height:2em;
	}
	.topIndex p {
		width:670px;
		margin:0 auto 30px;
		line-height:1.8em;
	}
	.underIndex {
		background: url(../images/under_gra.gif) repeat-x;
		padding: 35px 0 0 0;
	}
	#contentWrap {
		margin:60px 0 0 0;
	}
	#back_top {
		margin:50px 0 0 0;
		float:right;
	}
	
	.notice {
    margin: -20px auto 40px;
    width: 670px;
    border: 3px double #8a5528;
    padding: 20px 0;
	background: #fff;
	}
	
	.notice a{
	text-decoration: underline;
	}

	
	.notice p {
    margin: 5px 0 0 0;
    color: #a72b4b;
	font-size:15px;
	text-align:center;
	}
	
	
	/* guestrooms */
		.content-body-wrap {
			width: 890px;
			margin:0 auto;
		}
		.content-body-wrap.border-yellow {
			background:url(../images/guestrooms_borderYellow.jpg) no-repeat;
		}
		.content-body-wrap.border-green {
			background:url(../images/guestrooms_borderGreen.jpg) no-repeat
		}
		.content-body-wrap p {
			font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
			line-height:1.5em;
		}
		.content-box-half {
			clear:both;
			overflow:hidden;
			padding:30px 0;
		}
		.content-box-half.border-yellow {
			border-bottom:2px solid #d1b222;
		}
		.content-box-half.border-green {
			border-bottom:2px solid #026e3b;
		}
		.content-box-half-img {
			float:left;
			width:426px;
		}
		.content-box-half-note {
			float:right;
			width:445px;
		}
		.content-box-half-note h2 {
			border-bottom:3px double #8a5528;
			margin:0 0 5px 0;
			padding:0 0 5px 0;
		}
		.content-box-half-note p {
			margin:0 0 5px 0;
		}
		.content-box-half-note p.guestroom-mb20 {
			margin:0 0 20px 0;
		}
		.content-box-half-note p.guestroom-mb10 {
			margin:0 0 10px 0;
		}
		.dot02 {
			background:url(../images/dot02.png) no-repeat 1px 4px;
			padding : 0 0 0 14px;
		}
		.equipment {
			border-radius:3px;
			padding:13px;
			background:url(../images/equipment_bg.gif);
			width:858px;
			margin:30px auto 50px;
			overflow:hidden;
		}
		.equipment.border-yellow {
			border : 2px solid #d1b222;
		}
		.equipment.border-green {
			border : 2px solid #026e3b;
		}
		.equipment h3.border-yellow {
			border-bottom:3px double #d1b222;
			margin:0 0 15px 0;
		}
		.equipment h3.border-green {
			border-bottom:3px double #026e3b;
			margin:0 0 15px 0;
		}
		.equipment .left {
			float:left;
			width:300px;
		}
		.equipment .right {
			float:right;
			width:530px;
		}
		.equipment p.bold {
			font-weight:bold;
			margin:0 0 5px 0;
		}
		.equipment p.mb30 {
			margin:0 0 30px 0;
		}
		.equipment p.mb10 {
			margin:0 0 10px 0;
		}
	/* restran */
		.restran-h2 h2{
			width:855px;
			color:#FFF;
			padding :10px 0 0 35px;
			height:39px;
			background:url(../images/restran_h2_bg.jpg) no-repeat;
		}
		.hr-image01 {
			width:830px;
			margin:0 auto;
		}
		.h3-box {
			width:830px;
			padding:13px 30px 13px 30px;
			border-radius:5px;
			overflow:hidden;
			background:url(../images/restran_bg01.gif);
			margin:20px 0;
		}
		.h3-box.border-green {
			border:2px solid #026e3b;
		}
		.h3-box.border-brown {
			border:2px solid #8a5528;
		}
		.h3-box .h3-box-title {
			width:140px;
			border-right:1px solid #cc9900;
		}
		.h3-box .h3-box-caption {
			width:650px;
			border-left:1px solid #FFF;
			padding:5px 0 0 25px;
		}
		.h3-box p {
			font-family:'Hiragino Mincho ProN', serif;
		}
		.dot03 {
			background:url(../images/dot03.png) no-repeat 1px 5px;
			padding : 0 0 0 22px;
		}
		.restran-memo {
			font-size:1.4em;
			text-align:center;
		}
		.content-box-three {
			overflow:hidden;
			padding:30px 0;
			border:2px solid #8a5528;
			border-radius:5px;
			margin:20px auto 40px;
			background: url(../images/restran_bg02.gif);
		}
		.label {
			background:url(../images/restran-label.png) no-repeat;
			width:650px;
			height:40px;
			padding:11px 0 0 10px;
			overflow:hidden;
		}
		.label h4{
			padding:0 0 0 20px;
		}
		.label span {
			font-size:0.8em;
			font-weight:nomal;
			margin:0 0 0 60px;
			color:#666;
		}
		.label span.restran-label-dinner {
			font-size:0.8em;
			font-weight:nomal;
			margin: 0 0 0 30px;
			color:#666;
			width:250px;
			display:block;
			float:left;
		}
		.content-box-three .row {
			padding:0 25px;
			margin:10px 0 0 0;
			overflow:hidden;
			clear:both;
		}
		.content-box-three .row.m0 {
			margin:0 0 0 0;
		}
		.content-box-three .row p {
			margin:0 0 5px 0;
			width:100%;
			padding:1px 0;
		}
		.content-box-three .row p.belt {
			text-align:center;
			width:100%;
			background:#dfca67;
			line-height:1.2em;
			padding:3px 0 3px 0;
		}
		.content-box-three-img {
			float:left;
			width:259px;
			margin:0 28px 15px 0;
		}
		.content-box-four-img {
			float:left;
			width:200px;
			margin:0 12px 0 0;
		}
		.content-box-two {
			float:left;
			width:412px;
			margin:0 12px 0 0;
			overflow:hidden;
		}
		.content-box-two-img{
			float:left;
			width:410px;
			margin:0 14px 0 0;
			overflow:hidden;
		}
		.content-box-four {
			float:left;
			width:200px;
			margin:0 12px 0 0;
			overflow:hidden;
		}
		.row.m0 {
			margin:0 0 0 0;
		}
		.content-box-two.lastChild {
			margin:0 0 0 0;
		}
		.content-box-two-inner {
			clear:both;
			overflow:hidden;
		}
		.content-box-four-img.lastChild {
			margin:0 0 0 0;
		}
		.img-wrap-green {
			width:100%;
			border:1px solid #006d39;
		}
		.img-wrap-green img {
			border:1px solid #FFF;
		}
		.img-wrap-brown {
			width:100%;
			border:1px solid #8a5528;
		}
		.img-wrap-brown img {
			border:1px solid #FFF;
		}
		.content-box-three-img.lastChild,
		.content-box-four-img.lastChild {
			margin:0 0 0 0;
		}
		.dot03p {
			background:url(../images/dot03.png) no-repeat 1px 4px;
			padding : 0px 0 0 22px;
			font-size:1.2em;
			
		}
		.content-box-bar {
			overflow:hidden;
			padding:28px;
			border:2px solid #026e3b;
			border-radius:5px;
			margin:20px auto 40px;
			background: url(../images/restran_bg02.gif);
		}
		.content-box-bar .row {
			overflow:hidden;
			margin:15px 0 0 0
		}
		.content-box-bar .row.m0 {
			margin:0 0 0 0;
		}
		.content-box-bar .row p {
			margin:5px 0 0 0;
		}
		.content-box-bar-note {
			float:left;
			width:259px;
			margin:0 26px 0 0;
		}
		.content-box-bar-note.lastChild {
			margin:0 0 0 0;
		}
		.content-box-bar h4 {
			margin:0 0 20px 0;
		}
		.content-box-bar-note h5 {
			background:#dfca67;
			padding:5px;
		}
		.content-box-bar-note p.bold {
			margin:10px 0;
		}
		.content-box-bar-image {
			margin:0 4px 0 0;
			float:left;
		}
		.content-box-bar-image.lastChild {
			margin:0 0px 0 0;
		}
	/* hot spring */
		.read-wrap {
			width:640px;
			margin:0 auto 70px;
			text-align:center;
			line-height:1.5em;
		}
		.read-wrap h1 {
			padding:30px 0 0 0;
			margin:0 0 40px 0;
		}
		.content-box-half-img .row {
			margin:1px 0 0 0;
		}
		.content-box-half-img .row img {
			margin:0 1px 0 0;
			float:left;
		}
		.content-box-half-img .row img.right {
			margin:0 1px 0 0;
			float:right;
		}
		.content-box-half-img .row img.lastChild {
			margin:0;
		}
	/* activitis */
		.activities-wrap {
			margin:0 0 40px 0;
			overflow:hidden;
		}
		.activities-note {
			margin:0 0 15px;
		}
		.belt-yellow {
			display:block;
			padding:5px;
			background:#dfca67;
			margin:0 0 5px 0;
		}
		.details {
			font-weight:bold;
		}
		a.blank-link {
			text-decoration:underline;
		}
	/* access */
		.access-wrap {
			
		}
		.content-box-access {
			overflow:hidden;
			margin:20px auto 40px;
			width:830px;
		}
		.content-box-access-table {
			width:449px;
			float:left;
		}
		.access-h2 {
			overflow:hidden;
		}
		.access-h2 ul li {
			font-size:1.8em;
			float:left;
			padding:0 25px 0 5px;
			background:url(../images/access-arrow.png) no-repeat right;
		}
		.access-h2 ul li.lastChild {
			padding:0 0px 0 5px;
			background:none;
		}
		.access-table {
			clear:both;
			padding:10px 0;
			border-bottom:1px solid #8a5528;
			overflow:hidden;
			margin:0 0 15px 0;
		}
		.access-table .row {
			overflow:hidden;
			border-bottom:1px solid #8a5528;
		}
		.access-table .row.lastChild {
			border-bottom:none;
		}
		.access-table p {
			font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
		}
		.access-table-means {
			float:left;
			width:170px;
			border-right:dotted 1px #006d39;
			padding:5px 0 5px 0;
		}
		.access-table-names {
			float:left;
			width:170px;
			border-right:dotted 1px #006d39;
			padding:5px 0 5px 5px;
		}
		.access-table-times {
			float:left;
			width:95px;
			padding:25px 0 5px 5px;
		}
		.access-table-list {
			list-style: none;
		}
		.access-table-list .lastChild {
			color:#8a5528;
			font-weight:bold;
		}
		.arrow-down {
			background:url(../images/icon-arrow-down.jpg) no-repeat 0 2px;
			padding:2px 0 2px 15px;
		}
		.arrow-none {
			padding:0 0 0 15px;
		}
		.icon-time {
			margin:2px 0 0 2px;
		}
		.contnt-box-access-image {
			margin:0 0 0 20px;
		}
		.access-image-box {
			float:left;
			margin:0 0 0 10px;
		}
		.access-image-box img{
			margin:0 0 5px 0;
		}
		.access-h3 {
			overflow:hidden;
			clear:both;
			margin:0  0 10px 0;
		}
		.access-h3 ul li {
			font-size:1.4em;
			float:left;
			padding:0 25px 0 5px;
			background:url(../images/access-arrow.png) no-repeat right;
		}
		.access-h3 ul li.lastChild {
			padding:0 0px 0 5px;
			background:none;
		}
		.access-h3 p {
			font-size:1.4em;
			margin:0 0px 0 40px;
			float:left;
		}
		#access-map-img {
			margin:30px 0 0 0;
		}
	/* floor guide */
		.content-box-floorguide {
			width:100%;
			border-top:1px solid #8a5528;
			margin:25px 0;
		}
		.content-box-floorguide .row {
			width:100%;
			border-bottom:1px solid #8a5528;
			overflow:hidden;
		}
		.content-box-floorguide .floor-list {
			float:left;
			width:125px;
			padding:14px 0;
			text-align:center;
		}
		.content-box-floorguide .floor-description {
			float:left;
			width:620px;
			padding:14px 0 14px 20px;
			border-left:1px solid #8a5528;
		}
		.content-box-floormap {
			width:700px;
			margin:0 auto;
		}
		.content-box-floorguide .floor-name {
			float:left;
			width:280px;
			padding:5px 0 5px 40px;
		}
		.content-box-floorguide .floor-description2 {
			float:left;
			width:480px;
			padding:5px 0 5px 17px;
			border-left:1px solid #8a5528;
		}
		.content-box-floorguide .floor-icon {
			float:right;
			width:60px;
			padding:3px 0px 3px 3px;
		}
	/* content border-style */
		.border-none {
			border:none;
		}
/* footer */
	#footer {
		clear:both;
		border-top: 4px double #8a5528;
		background:#f5e9e0;
        padding: 20px 0 120px 0;
		overflow:hidden;
	}
	.dot01 {
		background:url(../images/dot01.png) no-repeat 1px 4px;
		padding : 0 0 0 13px;
	}
	.footbox {
		float:left;
		margin:0 100px 0 0;
	}
	.footbox.lastChild {
		float:right;
		margin:0 0 0 0;
	}
	.footbox #booknow {
		margin : 100px 0 0 0;
	}
	.footbox p {
		margin: 5px 0 0 0;
	}
	.footbox p.mb3 {
		margin: 0 0 3px 0;
	}
	.footbox p.mt15 {
		margin:15px 0 0 0;
	}
/* accordion */
.acMenu p{
    display:block;
    cursor:pointer;
    }
#language_btn.acMenu.active{
    background:url(../images/lang_btn_on.png) no-repeat;
    }
.acMenu ul{
	position: absolute;
    background:#8a5528;
    width:123px;
	overflow: hidden;
    text-align:center;
    display:none;
    }
.acMenu ul li{
	line-height: 50px;
	border-bottom: 1px solid #fff;
}
.acMenu ul li a{
	color: #fff;
	display: block;
}
#google-map {
	height: 500px;
	margin-bottom: 30px;
}

.tel_sp{
    display: none;
}
.tel_pc{
    display: block;
}
@media screen and (max-width: 960px) {
    .tel_sp{
        display: block;
    }
    .tel_pc{
        display: none;
    }
    #footer {
        clear:both;
        border-top: 3px double #006d39;
        background:#d4e9df;
        padding: 20px 0 120px 0;
        overflow:hidden;
    }
}