@charset "UTF-8";


/* ------------------------------
↓テンプレート
------------------------------ */


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
background:#fff;
}

body,p,span,h1,h2,li {
font-family:"メイリオ","MS PGothic",Sans-Serif; 
line-height: 1.5em;
letter-spacing: 0.1ex;
}


img {vertical-align: bottom;}

table{
height: 0px;
}

table tr{
height: 0px;
}

table tr td{
height: 0px;
}

.center {
	text-align: center;
}

/* ヘッダー */
#header {
 width:100%;
 }
#headerIn {
width: 960px;
margin: 0 auto;
}

#logo{
	width:230px;
	float:left;
	padding:10px 0 10px 0;	}
#logo h4{
	text-align:center;
	font-weight: normal;
	font-size:12px;
	font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	color:#666;
	line-height:1;
	}


#header_r{
	width:435px;
	float:right;
	padding:15px 0 0 0;
	}

#header_r h1{
	clear:both;
	overflow:hidden;
	font-size:12px;
	font-weight:normal;
	padding:0 0 10px 0;
	}
.telbox{
	float:left;}
.mailtoBtn{
	float:right;}

/*　ヘッダーここまで　*/

/* ナビゲーションエリア */
#navi-area {
background:url(../img/naviAreaBg.png) repeat left top;
 position: relative;
 width:100%;
 height:50px;
 padding: 0px 0 0 0 ;
 clear:both;
 margin:30px 0 0 0;
}

#navi-area-inside {
background:  url(../img/naviBg.png) no-repeat left top;
width: 960px;
 height:50px;
margin: 0 auto;
}

#navi-area-inside ul{
  margin:0;
  padding:0;
}

#navi-area-inside ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  /*width: 160px;親メニューの幅*/
  height: 50px;/*親メニューの高さ*/
  line-height: 50px;
  /*background:#fff url(images/navi_border.png) no-repeat right center;親メニューの背景色*/
  
  color: #333;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}


#navi-area-inside ul .navi_last{
	background: none !important;
}

#navi-area-inside ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
}

/*
#navi-area-inside ul li:hover, #navi-area-inside ul li a:hover {

}
#navi-area-inside ul li ul {
  position: absolute;
  top: 50px;
  width: 160px;
  z-index: 10000;
  padding:0 0 0 5px;
}
#navi-area-inside ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 160px;
  height: 0;
  border-bottom: 1px solid #999;
  background:#ffffff;
  font-size:12px;
}
#navi-area-inside ul li ul li:hover, #navi-area-inside ul li ul li a:hover {
  color:#ffffff;
}




#navi-area-inside ul li:hover ul li, #navi-area-inside ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;
  z-index: 10;
}
#navi-area-inside * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
*/


/* ナビゲーションここまで */



#topMain{
	width:100%;
	padding:30px 0 0 0;
	position:relative;
	}
#godBlessYou{
	position:absolute;
	top:0;
	left:50%;
	margin: 0px 0 0 -553px;
	z-index:2000;
	}

#topMainboxWrapper{
	background:url(../img/topBodyHeadline.png) repeat-x left top;
	width:100%;
	clear:both;
	overflow:hidden;
	margin:0 auto;
	height:5px;
	padding:0 0 0px 0;}



#topBnr ul li{
	float:left;}

#body {
	background:url(../img/topBodyBg.png) repeat left top;
	width:100%;
	min-width:960px;
 }
#bodyIn {
width: 960px;
padding: 0 0 20px 0;
margin: 0 auto 0px;
overflow: hidden;
}

#topContents{
	width:960px;
	margin:0 auto;
	}
#topContentsLeft{
	width:290px;
	float:left;
	}
#topContentsRight{
	width:630px;
	float:right;
	}
#topContents ul li{
	padding:0 0 20px 0
	}
#topContentsRight .liLeft{
	float:left;
}
#topContentsRight .liRight{
	float:right;
}

#topBnr{
	padding:15px 0;}

#topInfo{
	width:950px;
	margin:0 0 0 2px;
	padding:0 0 20px 0;
	background:#fff;
	overflow:hidden;
	clear:both;}

#topInfo p{
	clear:both;
	overflow:hidden;
}

#topInfo p.topInfoImg{
	overflow: hidden;
	height:70px;
	}

#topInfo p.topTxt{
	padding:0 0 0 10px;
	height:117px;
	overflow:hidden;
	color:#4d4d4d;
	font-size:14px;
}

#topInfoMap{
	width:480px;
	float:left;
	text-align:center;}
	
#topInfoTxt{
	width:470px;
	float:right;}

#topInfoTxt ul li:first-child{
	float:left;
}
#topInfoTxt ul li:last-child{
	float:right;
	padding:0 18px 0 0
}

/* コンセプト */

#conceptContents{
	background:url(../img/conceptMainAreaBg.png) repeat-x left top;
	clear:both;
	overflow:hidden;
	min-width:960px;
	}

#conceptTtl{
	padding:20px 0;}
#conceptTtl h2{
	text-align:center;
}

#conceptMain{
	width:960px;
	margin:0 auto;}

#conceptMain ul li{
	float:left;
	width:320px;
	height:820px;
	overflow:hidden;}

#conceptList01{
	background:url(../img/conceptMainBoxBg01.png) no-repeat left top;
	}
#conceptList02{
	background:url(../img/conceptMainBoxBg02.png) no-repeat left top;
	}
#conceptList03{
	background:url(../img/conceptMainBoxBg03.png) no-repeat left top;
	}

.conceptTxt{
	font-size:14px;
	font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	color:#666666;
	margin:430px 20px 20px 35px;
	height:245px;
	overflow:hidden;}
.conceptBtn{
	padding:45px 0 20px 70px;
	overflow:hidden
	}


/*　コンセプトここまで　*/

/*　空き室情報　*/


#vacancyContents{
	background:url(../img/vacancyMainAreaBg.png) repeat-x left top;
	clear:both;
	overflow:hidden;
	width:100%;
	}

#vacancyTtl{
	padding:0px 0;
	margin:0 auto;
	width:300px}
#vacancyTtl h2{
	text-align:center;
}

#vacancyMain{
	width:960px;
	margin:0 auto;
	min-height:280px;
	overflow:hidden
	}

#vacancyMain h3{
	padding:0 0 20px 0;
	}

#vacancyMain ul li{
	float:left;
	width:320px;
	overflow:hidden;
	}

#vacancyMain ul li p{
	font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;

}

.vacancyTxt{
	position:relative;
	padding:0 0 0 30px;
}
.vacancyTxt:before{
	background-color:#666666;
	content: "";
    position: absolute;
    top: 8px;
    left: 9px;
    height: 12px;
    width: 12px;

	}
.vacancyPri{
		padding:0 0 20px 30px;
}

#vacancyCopyBg{
	background:#fff;
	width:100%;
	min-width:960px;
	min-height:54px;
}
	
#vacancyCopy{
	width:960px;
	padding:15px 0 20px;
	margin:0 auto;
	}
	
#vacancyCopy p{
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;

}

#vacancyBtm{
	width:960px;
	overflow:hidden;
	margin:110px auto 20px auto;
	}



#vacancyBtmTxt{
	font-size:18px;
	color:#666666;
	padding:10px 0 0 0;
	clear:both;
	overflow:hidden;
	}

#vacancyBtmTxt p{
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	padding:0 0 10px 0;
}

#vacancyBtmTxt a{
	text-decoration:none;
	color:#666666;
	}
#vacancyBtmTxt a:hover{
	border-bottom:1px solid #666666;
	}



#vacancyMap{
	background:url(../img/vacancyMap01.png) no-repeat left top;
	width:570px;
	height:386px;
	position:relative;
	overflow:hidden;
	float:left;
	}

#vacancyImg{
	width:390px;
	float:right;
	padding:29px 0 0 0;
	}

#vacancyMap img{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

#vacancyIc01{
	position:absolute;
	left:290px;
	top:330px;}

#vacancyIc02{
	position:absolute;
	left:270px;
	top:305px;}
	
#vacancyIc03{
	position:absolute;
	left:240px;
	top:110px;}
/*　空き室情報ここまで　*/


/* ロケーション */

#locationContents {
}
#locationContents2 {
	background:#f4eddf;
}
#locationTtl h2{
	text-align:center;}

#locationMain{
	width:940px;
	margin:0 auto;}

#locationEyescatch{
	padding:0 0 45px 0;
	text-align:center;}

#locationInfo{
	width:940px;
	margin:0 auto;
	overflow:hidden;
	padding:45px 0 45px 0;}

#locationInfoImg{
	float:left;
	width:380px;
	text-align:center;
	}
#locationInfoTxt{
	float:right;
	}

#locationInfoTxt h3{
	padding:0 0 20px 0;
	overflow:hidden;}
#locationInfoTxt p{
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
		line-height:2.0;
		overflow:hidden;
	padding:0 0 20px 0;
}
#locationGallery{
	width:940px;
	margin:0 auto;
	overflow:hidden;
	}
#locationGallery ul li{
	width:220px;
	float:left;
	margin:0 20px 20px 0;
}
#locationGallery ul li:nth-child(4n){
	margin:0 0px 20px 0 ;
}
.locationImgTtl{
			color:#666666;
			font-size:12px;
			padding:0 0 5px 0;
			overflow:hidden;

}


/*　ルームプラン　*/

#roomplanTtl{
	background:#f4eddf;
	text-align:center;}
	
#roomplanMain{
	width:960px;
	margin:30px auto;
	border:1px solid #FFFFFF;
	padding:10px ;
	overflow:hidden;
}

#roomplanInfo{
	width:360px;
	overflow:hidden;
	float:left;}

#roomplanGallery{
	width:570px;
	overflow:hidden;
	float:right;}

#roomplanTxtbox{
	background:#f4eddf;
	
	}
#roomplanTxtbox ul li{
	border-bottom:1px solid #666;
	padding:20px 0;
	overflow:hidden;
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
}
#roomplanTxtbox ul li p{
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
	}
.roomplanPri{
	color:#9E4620;}

.roomList50{
	width:50%;
	float:left;
	}
	
.roomListCl{
	clear:both;}
.br666{	border-right:1px solid #666;
}



.roomplanListHead{
	width:80px;
	text-align:center;
	float:left;}

.roomplanListHeadPlus{
	clear:both;
	padding:0 0 0 70px;
	overflow:hidden;
	font-size:12px;
	font-family:"メイリオ","MS PGothic",Sans-Serif !important; 

	}

.bxslider1 li img{
	    margin:0 auto;
	    display:block;
		max-height:367px;}
#bx-pager {
    display: table;
    width: 100%;
}
#bx-pager > a {
    display: table-cell;
    border: 4px solid transparent;
}
#bx-pager img {
    display: block;
    width: 100%; 
}
.bx-wrapper{
	margin-bottom:15px !important;}

.bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border:none;
background-color:transparent;
}

#roomLink{
	width:960px;
	margin:30px auto;
	overflow:hidden;}

#roomLink ul li{
	float:left;
	width:250px;
	overflow:hidden;
}
#roomLink ul li:nth-child(1){
	width:230px !important;
	padding:10px 0;
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
			text-align:center
}
#roomLink ul li:nth-child(4){
	width:220px !important;
}


#roomplanCommon{
	background:#f4eddf;
}
#roomplanCommonIn{
	width:960px;
	margin:30px auto;
}
#roomplanCommonLeft{
	width:390px;
	float:left;
	overflow:hidden;
	padding:30px 0 10px 0;
}
.bxslider li img{
	    margin:0 auto;
	    display:block;
		}

#roomplanCommonLeft .bx-viewport{
	padding-left:4px !important;}

#roomplanCommonRight{
	width:540px;
	float:right;}
#roomplanCommonRight h4{
	height:30px;
	overflow:hidden;
	text-align:center;
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
}
#roomplanCommonInfo{
	border:1px solid #FFFFFF;
	overflow:hidden;}
#roomplanCommonInfo ul{
	padding:20px 0 0 20px;
	overflow:hidden;
}
#roomplanCommonInfo ul li{
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
			font-size:12px;
	float:left;
	padding:0 0 20px 0;
}

.roListL{
	width:280px;
	overflow:hidden;
	}
.roListR{
	width:200px;
	overflow:hidden;
	}

/* アクセス */
#accessContents{
	background:#f4eddf;
	}



#accessTtl h2{ text-align:center;}

#accessMainOuter{
	background:#fff;
	width:100%;
	overflow:hidden;
	}

#accessMain{
	width:940px;
	margin:20px auto;
	overflow:hidden;}

#accessMap{
	float:left;
	width:660px;
	overflow:hidden;}
#accessMapInfoBox{
	height:255px;
	overflow:hidden;
	border-bottom:1px solid #e0c6a9;
	}

#accessMapInfo p{
		font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
			line-height:2.0;
	}

#accessFacility{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:70px 0 0 0;
	}

.FacilityLeft{
	width:540px;
	overflow:hidden;
	float:left;
			font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
			color:#666666;
}
.FacilityLeft h3{
	font-weight:normal;
	font-size:18px;
	padding:0 0 20px 0;
	
}
.FacilityLeft ul li{
	float:left;
	width:250px;
			color:#666666;
			font-size:12px;
			padding:0 0 20px 0;
}
.FacilityLeft ul li span{
	font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	overflow:hidden;
	display:inline-block;
}
.FacilitySpan01{
	width:80px;}
.FacilitySpan02{
	width:100px;
	}
#accessToLocation{
	overflow:hidden;
	clear:both;
	padding:0 0 0 270px;
	}

.FacilityRight{
	width:400px;
	float:right;
}

/* Blog */


#blogWrapper{
	background:;
	width:960px;
	margin:30px auto;
	padding:0px ;
	
	overflow: hidden;/**/
}

#blogMain{
	width:640px;
	float:left;
	overflow:hidden;
	}


#blogSub{
	width:300px;
	float:right;
	overflow:hidden;
	}

.blogBox{
	background:#fff;
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
    position: relative;
	}

h3.blogTtl{
	border-bottom:1px solid #e0c6a9;
	margin:10px 20px;
	color:#7f6145;
	font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-size:14px;
    position: relative;
    padding: 0.5em 0.5em 1.0em 1.7em;
	font-weight:normal;
	line-height:1.0;
	}
	
 
h3.blogTtl:before{
    content: "";
    position: absolute;
    background: #e0c6a9;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h3.blogTtl:after{
    content: "";
    position: absolute;
    background:#7f6145;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}


.blogTxt{
	color:333;
	font-size:14px;
	padding:10px 20px 20px 20px;
	overflow:hidden;
	}

.blogTxt img{
	max-width:100%;
	margin: 0 0 20px 0
	}

.blogTxtBtm{
	text-align:right;
	padding:20px 0 0 0;
	overflow:hidden;
	}



.blogTxtBtm .blogTxtCat a{
	text-decoration:none;
	color:#7f6145;
}




.blogTxtBtm .blogTxtCat a:hover{
	text-decoration:none;
	color:#e0c6a9;
	border-bottom:1px solid #e0c6a9;
}

 .blogTxtCat{
	 color:#999;}

 .blogTxtDays{
	 color:#999;}


.subBox{
	background:#fff;
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
	}


h4.subTtl{
	border-bottom:1px solid #e0c6a9;
	margin:10px 20px;
	color:#7f6145;
/*	font-family:"小塚明朝 Pr6N", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
*/	font-size:14px;
    position: relative;
    padding: 0.5em 0.5em 1.0em 1.7em;
	font-weight:normal;
	line-height:1.0;
	}


 
h4.subTtl:before{
    content: "";
    position: absolute;
    background: #e0c6a9;
    top: 0.6em;
    left: 0em;
    height: 12px;
    width: 12px;
	/*
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);*/
}

.subTxt{
	color:333;
	font-size:14px;
	padding:10px;
	overflow:hidden;
		}
.subTxt ul li{
    position: relative;
    padding: 0 0 0.5em 1.6em;
	font-weight:normal;
	line-height:1.5;
	margin:0 0 0 10px;

}

.subTxt ul li:before{
	content: "";
    position: absolute;
    background: #7f6145;
    top: 0.4em;
    left: 0.2em;
    height: 8px;
    width: 8px;

}


.subTxt ul li a{
	text-decoration:none;
	color:#7f6145;
}




.subTxt ul li a:hover{
	text-decoration:none;
	color:#e0c6a9;
	border-bottom:1px solid #e0c6a9;
}

.blogSubDays{
	 color:#999;
	 font-size:12px;
	 overflow:hidden;
	}

/* Blogここまで */

/* お問い合わせ */
.conTxt{
	padding:10px 0 10px 0;}

#contactContents{
	background:#f4eddf;
	}

#contactTtl h2{
	text-align:center;}

#contactMainOuter{
	background:#fff;
	width:100%;
	overflow:hidden;
	}

#contactMain{
	width:940px;
	margin:20px auto;
	overflow:hidden;
	}
	
#contactMain iframe{
	width:940px;
	margin:0 auto;
}
#contactbox table{
	margin:0 0 0 20px;
	}
#contactbox table tr td {
	vertical-align:top;
	padding:0 10px 20px 0;
	overflow:hidden;}
#contactbox table tr td span{
	font-size:12px;
}
#contactbox input{
	width:450px;
	padding: 8px 10px 8px 13px;}
#contactbox textarea{
		width:450px;
	padding: 8px 10px 8px 13px;
}
.p-postal-code{
	width:100px !important;}
	
	
.contactSendBtn{
	padding:0 0 0 215px;}
	
.contactTxtBox{
	overflow:hidden;
	padding:20px 0 40px 20px;}
	
#contactInfo{ border:1px solid #666;
overflow:hidden;
padding:20px;
margin:20px 0 20px 0;}	
	
#contactInfo ul li{
	float:left;
	overflow:hidden;
	line-height:2.0;}

#onrInfo table{
	width:450px;
	overflow:hidden;
	margin:20px 0 40px 215px;}

#onrInfo table tr td{
	padding:15px;
	overflow:hidden;
	border:1px solid #666;
		color:#666;
		font-size:12px;
}
/*Gallerybox*/

#Gallerybox{
	width:100%;}

/* footer */

#pageTop {
	width:960px;
	margin:0 auto;
	overflow:hidden;}

#pageTop p{
	text-align:right;}

#footer {
 }
#footerIn {
width: 960px;
margin: 0 auto;
}

#footerList{
	overflow:hidden;
	padding:20px 0 ;
	}
	
#footerList ul li{
	float:left;
	border-left:1px solid #999;
	width:137px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	}
#footerList ul li:last-child{	
border-left:1px solid #999;
border-right:1px solid #999;
}

#footerList a{
	color:#776152;
	text-decoration:none;
}
#footerList a:hover{
	color:#999;
	border-bottom:1px solid #999;
}



.footerbox{
	overflow:hidden;
	clear:both;
	padding:0 0 30px 0;
	}
#footer_l{
	width:435px;
	float:left;
	padding:30px 0 0 0;
	font-size:12px;
	}
#footer_r{
	width:435px;
	float:right;
	padding:15px 0 0 0;
	}