@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:#c14690;;
	}
	#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;
	}
	
	/* 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:#c14690;
    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;
}

	/* 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 #c14690;
		border-radius:5px;
		height:40px;
	}
	#check_availability div {
		float:left;
		overflow:hidden;
		margin: 0 10px 0 0;
	}
	#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:158px;
		height:81px;
		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;
	}
	#g_nav ul li.line2 a {
		padding: 20px 0 0 0;
	}
/* main_image */
	#main_image {
		border-top:2px solid #FFF;
		background:#c14690;
		width:100%;
	}
/* content */
	#content {
		overflow: hidden;
	}
	.main_image_gra {
		background:url(../images/main_img_gra.gif) repeat-x;
		padding: 100px 0 0 0;
	}
	.topIndex {
		text-align:center;
	}
	.topIndex h1 {
		margin:0 0 70px 0;
	}
	.contents_header {
		overflow: hidden;
	}
	.contents_header h1 {
		float: left;
		width: 450px;
	}
	.contents_header.activities h1{
		font-size: 2.4em;
	}
	ul.pege_linke {
		float: right;
		background:url(../images/pege_line_bg.gif) right no-repeat;
	}
	ul.pege_linke li {
		float: right;
		padding: 12px 20px 3px 22px;
		font-size: 1.6em;
		font-weight: bold;
		background:url(../images/pege_line_bg.gif) left no-repeat;
	}
	ul.pege_linke li a {
		color: #c14690;
	}
	.contents_header.activities ul.pege_linke li {
		font-size: 1.6em;
	}
	.topIndex p {
		/*width:650px;*/
		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;
	}
	.contents-h2 h2{
		width:855px;
		color:#FFF;
		padding :10px 0 0 35px;
		height:39px;
		background:url(../images/h2_bg_pink.gif) no-repeat;
	}
	.contents-h2 h2 span {
		color:#FFF;
		padding :0 0 0 10px;
		font-size: 0.6em;
		font-weight: normal;
	}
	.contents-h2.h2_orange h2 {
		background:url(../images/h2_bg_orange.gif) no-repeat;
	}
	.content-body-wrap {
		width: 890px;
		margin:0 auto;
	}
	/* common */
		.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;
			background: url(../images/restaurants_bottom_border.gif) left 30px bottom no-repeat;
			margin: 0 0 30px;
		}
		.content-box-half-img {
			float:left;
			width:426px;
		}
		.content-box-half-note {
			float:right;
			width:445px;
		}
		.content-box-half-note h3 {
			border-bottom:3px double #c14790;
			margin:0 0 5px 0;
			padding:0 0 5px 0;
		}
		
		.content-box-half-note h4 {
			border-bottom:3px double #ff6600;
			font-family: sans-serif;
			font-size: 1.2em;
			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;
		}
		.dot02 {
			background:url(../images/dot02.png) no-repeat 1px 4px;
			padding : 0 0 0 13px;
		}
		.equipment {
			border-radius:3px;
			padding:13px;
			background:url(../images/equipment_bg.gif);
			width:790px;
			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:225px;
		}
		.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;
		}
	/* guestrooms */
		.back_top {
			text-align: right;
			width:890px;
			margin: 0 auto 30px;
		}
		
		ul.pege_linke li.col_yasuragi a {
			color:#94195a;
		}
		ul.pege_linke li.col_moegi a {
			color:#4c7339;
		}
		ul.pege_linke li.col_ruei a {
			color:#1d277e;
		}
		.content-body-wrap.border-Ruri,
		.content-body-wrap.border-Moegi {
			margin: 0 auto 30px;
		}
		.content-body-wrap.border-Ruri h2 {
			background:url(../images/ruri_h3.gif) no-repeat;
		}
		.content-body-wrap.border-Moegi h2 {
			background:url(../images/moegi_h3.gif) no-repeat;
		}
		.content-body-wrap.border-Yasuragi h2 {
			background:url(../images/yasuragi_h3.gif) no-repeat;
		}
		.column3 {
			width: 930px;
			overflow: hidden;
			clear: both;
			margin: 30px 0 0;
			background:url(../images/guestrooms_boreder_col03.png) left 290px top repeat-y;
		}
		.column2 {
			width: 930px;
			overflow: hidden;
			clear: both;
			margin: 30px 0 0;
			background:url(../images/guestrooms_boreder_col02.png) left 290px top repeat-y;
		}
		.column1 {
			width: 930px;
			overflow: hidden;
			clear: both;
			margin: 30px 0 0;
		}
		.column3 .guestrooms-box {
			width: 272px;
			float: left;
			margin: 0 37px 0 0;
		}
		.column2 .guestrooms-box {
			width: 272px;
			float: left;
			margin: 0 37px 0 0;
		}
		.column3 .guestrooms-box h3,
		.column2 .guestrooms-box h3 {
			font-size: 1.3em;
			line-height: 1.2;
			margin: 10px 0 10px;
			text-align: center;
		}
		.column3 .guestrooms-box p.guestroom-mb20 {
			margin:0 0 20px 0;
		}
		.column2 .guestrooms-box p.guestroom-mb20 {
			margin:0 0 20px 0;
		}
		.column3 .guestrooms-box p img{
			margin: 0 10px 0 0
		}
		.guestrooms-box-amenity {
			border: 2px solid #1d277c;
			width:  537px;
			border-radius: 5px;
			padding: 0 20px 15px;
			overflow: hidden;
			background: url(../images/amenity_bg.png) #eff1ff left top;
		}
		.content-body-wrap.border-Ruri .guestrooms-box-amenity {
			border: 2px solid #1d277c;
		}
		.content-body-wrap.border-Moegi .guestrooms-box-amenity {
			border: 2px solid #4f753c;
			background-color: #e9f9e1;
			width: 846px;
		}
		.content-body-wrap.border-Yasuragi .guestrooms-box-amenity {
			border: 2px solid #94195a;
			background-color: #fce4f1;
		}
		.guestrooms-box-amenity h3 {
			color:#1d277c;
			border-bottom: 3px double #1d277c;
			margin: 20px 0px ;
			font-size: 1.3em;
		}
		.content-body-wrap.border-Moegi .guestrooms-box-amenity h3 {
			color:#4f753c;
			border-bottom: 3px double #4f753c;
		}
		.content-body-wrap.border-Yasuragi .guestrooms-box-amenity h3 {
			color:#94195a;
			border-bottom: 3px double #94195a;
		}
		.guestrooms-box-amenity ul {
			float: left;
			width:180px;
			margin: 0 0 0 10px ;
			overflow: hidden;
		}
		.guestrooms-box-amenity ul li {
			line-height: 1.2;
			padding: 0 0 5px
		}
		.guestrooms-box-amenity img {
			display: block;
			float: left;
			overflow: hidden;
		}
		.content-body-wrap.border-Moegi .guestrooms-box-amenity ul {
			float: none;
			width:100%;
			overflow: hidden;
			margin:0;
		}
		.content-body-wrap.border-Moegi .guestrooms-box-amenity ul li {
			float:left;
			margin: 0 10px 0 0;
		}
		.guestrooms-box-amenity p {
			margin: 10px 0 0;
			clear: both;
		}
		
	/* Hot spring */
		.content-box-half-edo {
			clear:both;
			overflow:hidden;
			padding:30px 0 0;
			position: relative;
		}
		.content-box-half-edo h4 {
			border-bottom:3px double #ff6600;
			font-family: serif;
			font-size: 1.4em;
			margin:0 0 10px 0;
			padding:0 0 5px 0;
		}
		.content-box-half-edo p {
			width: 540px;
		}
		.content-box-half-edo .guestroom-mb20 {
			margin: 0 0 20px;
		}
		.content-box-half-edo .right_img {
			position:absolute;
			left: 560px;
			top: 710px;
		}
		
	/* Sightseeing */
		.sightseeing-lead {
			background:url(../images/contents_border01.gif) bottom left no-repeat;
			padding: 0 0 30px;
			margin: 0 0 30px;
		}
		.content-body-wrap.sightseeing .column2 {
			background: none;
			background: url(../images/sightseeing_box_bg01.gif) bottom left no-repeat;
			overflow: hidden;
			margin: 0 0 20px;
		}
		.content-body-wrap.sightseeing .column2.left-box-border {
			background: url(../images/sightseeing_box_bg02.gif) bottom left no-repeat;
		}
		.sightseeing-box {
			width: 425px;
			float: left;
			margin: 0 40px 0 0;
			overflow: hidden;
		}
		.content-body-wrap.sightseeing .sightseeing-box h3{
			font-family:sans-serif;
			font-size: 1.0em;
			width:240px;
			float: right;
			margin: 0 0 5px;
		}
		.content-body-wrap.sightseeing .sightseeing-box p{
			font-size: 0.8em;
			width:240px;
			float: right;
			margin: 0 0 7px;
		}
		.content-body-wrap.sightseeing .sightseeing-box p.link-dot{
			font-weight: bold;
			margin: 0 0 10px;
			background:url(../images/link-dot.gif) left center no-repeat;
		}
		.content-body-wrap.sightseeing .sightseeing-box p.link-dot a{
			line-height: 1.2;
			color: #c14790;
			padding: 0 0 0 16px;
			display: block;
		}
		.content-body-wrap.sightseeing .sightseeing-box img{
			float: left;
		}
		
	/* Activities */
		ul.pege_linke li.col_orange a{
			color: #ff6600;
		}
		.content-box-half.activities {
			background: none;
		}
		
	/* Access */
		.content-box-half_map {
			margin: 0 0 30px;
			padding: 35px 0 0;
			background: url(../images/access_border_01.gif) left top no-repeat;
		}
		.content-box-half.access {
			margin: 0 0 10px;
			background: none;
		}
		.content-box-half.access table {
			width: 100%;
			border-left: 1px solid #c14790;
			font-family: sans-serif;
		}
		.content-box-half.access .h2_lead{
			margin: 0 0 20px;
		}
		.content-box-half.access table tr th{
			width: 25%;
			padding: 5px 10px;
			text-align: left;
			border-right: 1px solid #c14790;
			border-top: 1px solid #c14790;
		}
		.content-box-half.access table tr td{
			padding: 5px 10px;
			text-align: left;
			border-right: 1px solid #c14790;
			border-top: 1px solid #c14790;
		}
		.content-box-half.access table tr.first_child th,
		.content-box-half.access table tr.first_child td {
			border-top: none;
		}
		.content-body-wrap.access .content-box-half-img {
			float:right;
		}
		.content-body-wrap.access .content-box-half-note {
			float: left;
		}
		
	/* restran */
		.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 .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 4px;
			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 #026e3b;
			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;
		}
		.label span {
			font-size:0.8em;
			font-weight:nomal;
			margin:0 0 0 60px;
			color:#666;
		}
		.content-box-three .row {
			padding:0 25px;
			margin:15px 0 0 0;
			overflow:hidden;
		}
		.content-box-three .row.m0 {
			margin:0 0 0 0;
		}
		.content-box-three .row p {
			margin:5px 0 0 0;
		}
		.content-box-three-img {
			float:left;
			width:259px;
			margin:0 28px 0 0;
		}
		.img-wrap-green {
			width:100%;
			border:1px solid #006d39;
		}
		.img-wrap-green img {
			border:3px solid #ebe9b6;
		}
		.content-box-three-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;
		}
	/* content border-style */
		.border-none {
			border:none;
		}
/* footer */
	#footer {
		clear:both;
		border-top: 3px double #c14690;
		background:#f6e1ee;
		padding: 20px 0;
		overflow:hidden;
	}
	.dot01 {
		background:url(../images/dot01.png) no-repeat 1px 4px;
		padding : 0 0 0 13px;
	}
	.footbox {
		float:left;
		margin:0 120px 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;
	}
#google-map {
	height: 500px;
	margin-bottom: 30px;
}