/*----------------------------------------------------------------
	main
----------------------------------------------------------------*/
#main{
	position:relative;
	width:982px;
	margin:60px auto 0;
	min-height:500px;
	height: auto !important;
	height: 500px;
	background-color:#fff;
	text-align:left;
}
#main #contents_box{
	padding:0px 40px;
	min-height:700px;
	height: auto !important;
	height: 700px;
}

#main #contents_box2{
	padding:0px 40px;
	height: auto !important;
}

#main #title{
	height:25px;
	margin-top:0px;
	margin-bottom:20px;
}
.box_image{float:right; margin:10px 0 30px 20px;}

div.box {
  float: left;
  margin: 30px 0px 20px 0px;
  background-color:#f2e7d3;
  width: 896px;
  padding:8px 0px 8px 8px;
}
div.box :after{
   content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.photo_box2{
float:left;
width:284px;
margin-right:24px;
}
.photo_box3{
float:left ;
width:284px;
margin-right:24px;
}
.photo_box4{
float:left ;
width:284px;
}
.image_box1 {
margin-left:auto;
margin-right:auto;
text-align:justify;
width:900px;
}
.image_box2 {
margin-top:30px;
text-align:center;
}
.image_box3 {
clear:both;
}
img {vertical-align: top;}
.alignright{padding:0px 0px 10px 20px;float:right;clear:both;}
.alignleft{float:left; clear:both;margin:0px 15px 0px 0px;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
/*------------------------------------------------------*/
/* Padding */
/*------------------------------------------------------*/
#padding_t_5{padding-top: 5px;}
#padding_t_10{padding-top: 10px;}
#padding_t_20{padding-top: 20px;}
#padding_t_30{padding-top: 30px;}
.padding_5{padding: 5px;}
.padding_l_5{padding-left: 5px;}
.padding_l_10{padding-left: 10px;}
.padding_r_5{padding-right: 5px;}
.padding_r_10{padding-right: 10px;}
.padding_b_5{padding-bottom:5px;}
.padding_b_10{padding-bottom:15px;}
.padding_b_20{padding-bottom:20px;}

.cap{font-size:90%;}

/*------------------------------------------------------*/
/* footnavi */
/*------------------------------------------------------*/
#footnavi{position:relative;height:150px; width:942px; padding:0 20px; background:#eee; margin:50px auto 0 auto;  bottom:0;}
#footnavi .fnavi {float: left;  display: inline; margin: 5px 0px 0px 0px; font-size: 70%;}
#footnavi .fnavi a{color: #5e5e5e;}
#footnavi .fnavi a:hover,#footnavi .fnavi a:active {color: #fff; text-decoration: none;}
#footnavi .fnavi ul{margin:0; padding:5px 0 0 0;}
#footnavi .fnavi ul li{list-style:none; }
#footnavi .fnavi ul li.smal{ font-size: 9px;margin: 5px 0px 0px 0px;}
#footnavi .fnavi ul li a{padding: 0 0 0 8px; background: url(../img2/arrow.gif) 0 5px no-repeat;}
#footnavi .col1,#footnavi .col2,#footnavi .col3,#footnavi .col4,#footnavi .col5 ,#footnavi .col6,#footnavi .col7{float: left; display: inline; width: 134px; margin: 0px;}
#footnavi .fnavi p{margin:0; padding:10px 0 0 10px; color: #5e5e5e; font-weight:bold;}
/*------------------------------------------------------*/
/* table */
/*------------------------------------------------------*/
div#contents_box table {
	border-collapse: separate;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 15px;
}
div#contents_box table th {
	background: #e4ded4;
	padding: 15px 15px;
	border-left:4px solid white;
	border-top:4px solid white;
	color:#624637;
}
div#contents_box table td {
	background: #F6F6F6;
	border-left:4px solid white;
	border-top:4px solid white;
	line-height:1.4em;
	padding: 15px 15px;
	vertical-align:top;

}
div#contents_box table td a {
	color: #FF0000;
}

table.normal{
	}

.normal th{
	width: 120px;
	text-align: left;

}
.normal td {
	width: 520px;
	text-align: left;
}

/*------------------------------------------------------*/
/* flow */
/*------------------------------------------------------*/
#flow {
	color:#333;
	width:700px;
	font-size:80%;
	line-height:160%;
        letter-spacing: 0.03em;
        text-align:left;
	margin:0 auto;
	background:url(../img2/flow_base.gif) no-repeat left top;
	height:850px;
}

#flow p {
	margin:0px 10px 0px 165px;
	width:360px;
	color:#333;
	padding-top:20px;
}

.flow2 {
	width:656px;
	margin:0;
	padding-left:60px;
	background:url(../img2/flow_1.jpg) no-repeat right top;
	height:116px;
}

.flow3 {
	width:656px;
	margin:0;
	padding-left:60px;
	background:url(../img2/flow_2.jpg) no-repeat right top;
	height:290px;
}
.flow4 {
	width:656px;
	margin:0;
	padding-left:60px;
	background:url(../img2/flow_3.jpg) no-repeat right top;
	height:140px;
}
.flow5 {
	width:656px;
	margin:0;
	padding-left:60px;
	background:url(../img2/flow_4.jpg) no-repeat right top;
	height:120px;
}
.flow6 {
	width:656px;
	margin:0;
	padding-left:60px;
	background:url(../img2/flow_5.jpg) no-repeat right top;
	height:160px;
}
.ph-left {
	width:34px;
	margin:5px 10px 10px 0px;
        padding:0px 0px 10px 0;
	float:left;

}
.line {
	background:url(../img2/flow_bar.gif) no-repeat right top;
	height:10px;
width:656px;
	margin:0;
	margin-left:60px;
}
#inquiry {
	width:500px;
	font-size:100%;
	line-height:160%;
	letter-spacing: 0.03em;
	text-align:left;
	margin:0 auto;
}
/*----------------------------------------------------------------
	space
----------------------------------------------------------------*/

.space_left {
   height:170px;
   margin-top:0px;
   margin-bottom:30px;
   margin-right:0px;
   overflow:hidden;
   padding:0px;
   width:440px;
   float:right;
}


.space_right {
	float:left;
	height:170px;
	overflow:hidden;
        margin-top:0px;
	margin-bottom:30px;
        padding:0px;
	width:440px;
}

.space_left h3, .space_right h3 {
	margin:0px 0px 15px 0px;
	padding:0px;
}


.space_left p, .space_right p {
	font-size:80%;
	letter-spacing: 0.03em;
	margin:0px 0px 10px 0px;
	padding:0 0 0 10px;
	font-weight:normal;
}
.room2 {
   margin-top:0px;
   margin:0px auto;
   overflow:hidden;
   padding:0px;
   width:900px;
}

.room {
   margin-top:0px;
   margin:0px auto;
   overflow:hidden;
   padding:0px;
   width:800px;
}
.room h3{
	margin:0px 0px 15px 10px;
	padding:0px;
}

.room p {
font-size:90%;
letter-spacing: 0.03em;
margin:0px 0px 0px 0px;
padding:0 0 0 10px;
font-weight:normal;
}

a.lightbox:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.space_left.living_safty{
	height:auto;
}
.living_safty p{
	padding-left:170px;
}


/*----------------------------------------------------------------
	privacy
	----------------------------------------------------------------*/

.revision_rules {
	width:100%;
	text-align:right;
	font-size:80%;
	margin-top:20px;
	font-weight:bold;
	line-height:1.3em;
}
.sec_tlt{
	margin-top:15px;
	font-weight:bold;
	font-size:110%;
}

/*message*/
#mess_photo{
	margin-left:40px;
	padding: 30px 20px 10px;
	float: right;
}
#mess_photo p{
	font-size:0.8em;
	padding-top:20px;
	font-weight:bold;
}
#mess_photo p span{
	font-size:2em;
}

/*dining*/
.dining_s{
	font-size:0.8em;
}

/*inquiry*/
.inquiry_txt{
	font-size:1.1em;
}

/*-----Smartphone-------------*/
@media screen and (max-width: 767px){
	#padding_t_30{
		padding-top:0;
	}
	#footnavi{
		display: none;
	}

	#main{
		width:100%;
		margin:0;
		padding-bottom:30px;
		min-height: initial;
		min-height: auto;
	}
	#main #contents_box,
	#main #contents_box2{
		padding:0px 10px;
		min-height: initial;
		min-height: auto;
	}
	#mess_photo{
		margin-left:0;
		padding: 30px 0 10px;
		float: none;
	}
	#mess_photo img{
		width:100%;
		height:auto;
	}
	img.alignright{
		float:none;
		width:100%;
		height:auto;
		padding: 0 0 10px;
	}
	.image_box1{
		width:100%;
	}
	.photo_box2,
	.photo_box3,
	.photo_box4{
		float:none;
		margin:0;
		width: 100%;
	}
	.photo_box2 img,
	.photo_box3 img,
	.photo_box4 img{
		width:100%;
		height:auto;
		margin-bottom:10px;
	}

	.space_left,
	.space_right {
		float:none;
		height:auto;
		margin-bottom:10px;
		width:100%;
	}
	.space_left img.alignleft,
	.space_right img.alignleft {
		width:45%;
		height:auto;
		margin-right: 10px;
	}
	.space_left h3 img,
	.space_right h3 img{
		max-width: 50%;
		/* width:45%;
		height:auto; */
	}
	.space_left p, .space_right p {
		font-size: 3.5vw;
		padding:0 0 0 48%;
	}

	.room2{
		margin:0 10px;
		width:auto;
	}
	.room2 img {
	   width:100%;
		 margin-bottom:10px;
	}

	div.box {
	  float: none;
	  margin: 30px 0px 20px 0px;
	  width: auto;
	  padding:6px 0px 6px 8px;
	}
	div.box span.sp{
		font-weight: bold;
		font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	}
	img.aligncenter{
		width:100%;
		height:auto;
	}
	img.alignleft{
		width:100%;
		height:auto;
		margin:0;
	}

	#inquiry {
		width:100%;
	}
	#inquiry img{
		width:100%;
		height:auto;
	}

	#title h3.sp_txt{
		margin-top:25px;
	}
}