@charset "utf-8";

#mainimage {
	margin-bottom:30px;
	-moz-box-shadow:0px 0px 15px #d0d5c1;
	-webkit-box-shadow:0px 0px 15px #d0d5c1;
	box-shadow:0px 0px 15px #d0d5c1;
}
	
	
#entrynavi {
		text-align:center;
	}
	#entrynavi ul {
		overflow:hidden;
		display:inline-block;
	}
	#entrynavi li {
		float:left;
		line-height:1.2;
		margin-right:20px;
	}
	
	#entrynavi li.back {
		background:url(/img/faq/back.gif) no-repeat 0 1px;
		padding-left:15px;
	}
	#entrynavi li.home {
		background:url(/img/faq/home.gif) no-repeat 0 1px;
		padding-left:15px;
	}
	#entrynavi li.next {
		background:url(/img/faq/next.gif) no-repeat right 1px;
		padding-right:15px;
	}

/*
----------------------------------------------------------------------
  特徴
----------------------------------------------------------------------
*/

/* message */

#feature #message {
	width:710px;
	float:left;
}

#feature #message h3 {
	margin-bottom:10px;
}

#feature #message .text_wrap {
	background:url(/img/top/message_bg.png) repeat 0 27px;
	overflow:hidden;
}

#feature #message .text {
	float: left;
	width: 710px;
	line-height: 31px;
	letter-spacing: 0;
	margin-top:-3px;
}


/* オーナー写真 */

#feature #owner {
	float:right;
}

/* 3つの安心 */

#feature #security {
	clear:both;
	padding-top:30px;
	overflow:hidden;
	margin-bottom:25px;
}
	#feature #security ol {
		overflow:hidden;
		margin-left:-22px;
	}
	#feature #security li {
		float:left;
		width:305px;
		height:480px;
		background:url(/img/feature/security_shadow.jpg) no-repeat 0 bottom #fff;
		padding-bottom:9px;
		margin-left:22px;
	}
	#feature #security p {
		width:265px;
		margin:0 auto 10px;
	}
	
/* レジデンスの特徴 */	

#feature section h3{
	margin-bottom:15px;	
}
#feature section .cont_wrap {
	background:#fff;
	border:1px solid #d0d5c1;
	padding:30px 0 15px;
	margin-bottom:40px;
}
#feature section .cont_wrap ul{
	overflow: hidden;
	background: url(/img/feature/bg_line.gif) repeat-y center 0;
	width: 936px;
	margin: 0 auto 15px;
}
#feature section .cont_wrap li {
	float:left;
	width:275px;
	padding:0 18px;
	margin-right:1px;
}
#feature section .cont_wrap li p { margin-bottom:10px; }
#feature section .cont_wrap li h4 { margin-bottom:10px; }
	
/*
----------------------------------------------------------------------
  物件概要
----------------------------------------------------------------------
*/

#outline h3 { margin-bottom:15px; }

#outline section {
	margin-bottom:40px;
	float:left;
}
#outline section#access {
	float:none;
	clear:both;
}

/* ページ内リンク */
#outline #pagelink {
	overflow:hidden;	
	margin-bottom:26px;
}
	#outline #pagelink li {
		float:left;
		padding-right:7px;
	}

/* テーブル */
#outline table {
	float:left;
	width:580px;
}

#outline table th,#outline table td {
	border:1px solid #d0d5c1;
	padding:12px;
}

	#outline table th {
		width:120px;
		background:#edecdc;
	}
	#outline table th.type {
		width:80px;
		background:#f1f1eb;
	}

	#outline table td {
		background:#fff;
	}

/* 写真 */
#outline .photo {
	float:right;
}

	#outline .photo p {
		margin-bottom:10px;
		-moz-box-shadow:0px 0px 15px #d0d5c1;
		-webkit-box-shadow:0px 0px 15px #d0d5c1;
		box-shadow:0px 0px 15px #d0d5c1;
	}
	
/* グーグルマップ */
#outline #accessmap {
	background:#fff;
	-moz-box-shadow:0px 0px 15px #d0d5c1;
	-webkit-box-shadow:0px 0px 15px #d0d5c1;
	box-shadow:0px 0px 15px #d0d5c1;
	border:1px solid #d0d5c1;
	padding:9px;
}
	#outline #accessmap iframe { vertical-align:top; }


/*
----------------------------------------------------------------------
  よくあるご質問
----------------------------------------------------------------------
*/

#faq section {
	overflow:hidden;
	margin-bottom:20px;
}

#faq .faqlist{
	border:1px solid #d0d5c1;
	background:#fff;
	padding:4px;
	margin-bottom:5px;
}

#faq .faqlist h3 {
	background: url(/img/faq/title_bg.png) no-repeat 0 0;
	color: #fff;
	font-size: 123%;
	font-weight: bold;
	padding: 15px 15px 0 53px;
	height: 30px;
	line-height: 1;
}

#faq .faqlist ul {
	overflow:hidden;
}

#faq .faqlist li{
	background:url(/img/top/dotted.gif) repeat-x 0 top;
	margin-top:-1px;
	padding-top:1px;
}
#faq .faqlist li a{ 
	background:url(/img/top/faq_icon.gif) no-repeat 10px 10px;
	padding:13px 0 13px 40px;
	display:block;
}
#faq .top {
	display:inline-block;
	background:url(/img/common/pagetop_icon.gif) no-repeat 0 8px;
	padding:5px 0 5px 15px;
	float:right;
	font-size:92%;
}

/* 詳細 */
#faq .entry {
	border:1px solid #d0d5c1;
	background:#fff;
	padding:20px 34px 34px;
	margin-bottom:20px;
	
}
	#faq .entry h3 {
		background:url(/img/faq/single_icon.gif) no-repeat 0 7px;
		padding:12px 0px 12px 40px;
		border-bottom:double #37471c;
		font-size:138%;
		font-weight:bold;
		margin-bottom:15px;
	}



/*
----------------------------------------------------------------------
  ブログ
----------------------------------------------------------------------
*/


#blog #contents {
	overflow:hidden;
}

/* メインカラム */
#blog #maincolumn {
	float:right;
	width:760px;
}

#blog article{
	border:1px solid #d0d5c1;
	background:#fff;
	margin-bottom:20px;
	padding:20px;
	width:718px;
	position:relative;
}


#blog article .date {
	background:url(/img/blog/date.png) no-repeat 0 0;
	color:#fff;
	font-weight:bold;
	font-size:92%;
	padding:3px 0 0 15px;
	height:22px;
	width:100px;
	position:absolute;
	top:15px;
	left:-6px;
}

#blog article h3 {
	padding:45px 0 10px;
	font-size:154%;
	font-weight:bold;
}

#blog article .entrymeta {
	border-top:1px dotted #adadad;
	border-bottom:1px dotted #adadad;
	padding:5px 0;
	overflow:hidden;
	margin-top:20px;
}

#blog article .entrymeta dl {
	float:right;
}
#blog article .entrymeta dt {
	font-weight:bold;
	float:left;
	padding-right:5px;
}
#blog article .entrymeta dd {
	float:left;
	padding-right:5px;
}

#blog #pager {
	text-align:center;
}

#blog #pager ul {
	display:inline-block;
	overflow:hidden;
}

#blog #pager ul li {
	float:left;
	margin-right:3px;	
}

#blog #pager ul li a{
	display:block;
	width:26px;
	line-height:32px;
	background:#84887e;
	color:#fff;
	font-weight:bold;
}
#blog #pager ul li span{
	display:block;
	width:26px;
	line-height:32px;
	background:#415226;
	color:#fff;
	font-weight:bold;
}

/* サイド */

#blog #sidenavi {
	float:ledt;
	width:180px;
}
#blog #sidenavi > ul > li {
	margin-bottom:10px;
}

#blog #sidenavi ul li ul li {
	background:url(/img/blog/side_line.gif) no-repeat 0 bottom;
}
#blog #sidenavi ul li ul li a {
	display:block;
	padding:10px 0 12px 30px;
	background:url(/img/blog/side_icon.gif) no-repeat 10px 13px;
}
#blog #sidenavi > ul > li > div {
	padding:10px 0;
	text-align:center;
}
#blog #sidenavi > ul > li > div select {
	padding:3px;
	width:150px;
}

/*
----------------------------------------------------------------------
  お部屋タイプ
----------------------------------------------------------------------
*/
#roomtype #tab{
	overflow:hidden;
	margin-bottom:30px;
}

#roomtype #tab li {
	float:left;
	padding-right:10px;
	cursor:pointer;
	width:274ox;
	height:58px;
}
#roomtype #tab li.crt img {
	filter:alpha(opacity=0);
	opacity:0.0;
	-moz-opacity:0.0;
}

#roomtype #tab li#tab_neo {
	background:url(/img/roomtype/neo_on.jpg) no-repeat -1px 0;
}


#roomtype #tab li#tab_white {
	background:url(/img/roomtype/white_on.jpg) no-repeat -1px 0;
}


#roomtype .roomlist {
	background:#fff;
	border:1px solid #d0d5c1;
	padding:19px;
	overflow:hidden;
	margin-bottom:15px;
}

#roomtype .roomlist h3 {
	color:#fff;
	font-weight:bold;
	font-size:154%;
	line-height:50px;
	padding: 0 130px 0 10px;
	height:51px;
	margin-bottom:15px;
	position:relative;
}
#roomtype .roomlist h3 a.btn {
	display:block;
	right:20px;
	bottom:10px;
	position:absolute;
}
#roomtype #neo h3 {
	background:url(/img/roomtype/room_name.gif) no-repeat 0 0;
}
#roomtype #white h3 {
	background:url(/img/roomtype/room_name2.gif) no-repeat 0 0;
}


#roomtype .roomlist h3 a {
	color:#fff;
}

#roomtype .roomlist .roomdata {
	float:right;
	width:620px;
}

#roomtype .price {
	overflow:hidden;
	padding:15px 0;
}
#roomtype .price p{
	float:left;
	font-weight:bold;
	line-height:1.3;
}
#roomtype .price strong {
	color:#e04610;
	font-size:169%;
	font-weight:bolder;
	padding:0 10px;
}

#roomtype table {
	width:100%;
}

#roomtype table th,#roomtype table td {
	border:1px solid #d0d5c1;
	padding:5px 5px 5px 10px;
}

	#roomtype table th {
		width:100px;
		background:#edecdc;
	}

	#roomtype table td {
		background:#fff;
	}

#roomtype .img {
	float:left;
	width:275px;
}

#roomtype .img p.notice{
	font-size:85%;
	padding:5px 0 0;
}



/* 詳細 */
#roomtype_single .text {
	background:#f6f5ed;
	padding:20px;
}

#roomtype_single #photo {
	overflow:hidden;
	padding:20px 0px;
}

#roomtype_single #photo > li:not(#other) {
	float:left;
	width:275px;
	height:190px;
	margin-right:10px;
	overflow:hidden;
	position:relative;
}

#roomtype_single #photo > li#other {
	float:left;
	width:350px;
	padding:0px;
	overflow:hidden;
	height:auto;
}

#roomtype_single #photo > li#other ul {
	margin-left:-9px;
	width:360px;
	overflow:hidden;
}

#roomtype_single #photo > li ul li{
	float: left;
	margin: 0 0 9px 9px;
	height: 57px;
	vertical-align: bottom;
	overflow: hidden;
	position:relative;
}

#roomtype_single #photo > li:not(#other):after,
#roomtype_single #photo > li ul li:after {
	content:'';
	background:url(/img/environ/icon.gif) no-repeat;
	width:23px;
	height:23px;
	position:absolute;
	right:3px;
	bottom:3px;
}


/*
----------------------------------------------------------------------
  周辺環境
----------------------------------------------------------------------
*/


#environ_wrap {
	background:url(/img/environ/environ_bg.jpg) no-repeat 0 0;
	padding:33px 0 30px 33px;
	width:927px;
	position:relative;
	margin-bottom:16px;
}

#environ_wrap h3 {margin-bottom:20px;}

#environ_wrap p {
	width:595px;
	}
	
#environ_wrap p.btn {
	width:149px;
	position:absolute;
	bottom:18px;
	right:0px;
}


#environ section > p {
	padding:15px 0;
	
}

#environ #environ_list {
	overflow:hidden;
}

#environ #environ_list li {
	float:left;
	text-align:center;
	margin-right:20px;
	height:200px;
}

#environ #environ_list li:nth-child(5n) {
	margin-right:0px;
}

#environ #environ_list li .photo {
	background:#fff;
	-moz-box-shadow:0px 0px 15px #d0d5c1;
	-webkit-box-shadow:0px 0px 15px #d0d5c1;
	box-shadow:0px 0px 15px #d0d5c1;
	border:1px solid #d0d5c1;
	padding:6px;
	margin-bottom:6px;
	width:162px;
	position:relative;
}

#environ #environ_list li .photo:after {
	content:'';
	background:url(/img/environ/icon.gif) no-repeat;
	width:23px;
	height:23px;
	position:absolute;
	right:10px;
	bottom:10px;
}
#environ #environ_list li h4 {
	font-weight:bold;
}

#environ #environ_list p.photo a {
	height:122px;
	overflow:hidden;
	display:block;
	
}


/* ポップアップ */
#environ .popup {
	background:#fdfdfa url(/img/environ/bg1.png) no-repeat right top;
	overflow:hidden;
	padding:40px;
	width:775px;
}

#environ .popup .spot_data {
	float:right;
	width:400px;
}

#environ .popup .spot_data h4 {
	font-size:154%;
	line-height:1.3;
	margin-bottom:5px;
}
	#environ .popup .spot_head {
		border-bottom:double #cdaf66;
		background:url(/img/environ/entry_icon.png) no-repeat 0 0;
		padding:0 0 10px 44px;
		font-weight:bold;
		margin-bottom:20px;
	}


#environ .popup .spot_img {
	-moz-box-shadow:0px 0px 15px #d0d5c1;
	-webkit-box-shadow:0px 0px 15px #d0d5c1;
	box-shadow:0px 0px 15px #d0d5c1;
	padding:6px;
	border:1px solid #d0d5c1;
	float:left;
	width:338px;
}


#environ .popup .spot_map {
	clear:both;
	padding:30px 0 0;
}

#environ .popup .spot_map h5 {
	margin-bottom:15px;
}
	
	
/*
----------------------------------------------------------------------
  お問い合わせ
----------------------------------------------------------------------
*/	
#inquiry #inquiry_top {
	background:url(/img/inquiry/img.png) no-repeat right 0;
	padding-right:340px;
	min-height:230px;
	margin-top:-25px;
}

#inquiry #inquiry_top .text{
	margin-bottom:10px;
	padding:15px 0 0;
}

#inquiry #notice {
	background:#fff;
	border:1px solid #d0d5c1;
	padding:9px;
	margin-bottom:20px;
}

	
#inquiry p.note {
	font-size:85%;
	padding:10px 0px
}

#inquiry #notice h3 {
	margin-bottom:10px;
}

#inquiry #notice p {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:15px;
}
#inquiry #url_area {
	border-top:1px solid #d0d5c1;
	padding:15px 0 0;
}

#inquiry h3 {
	margin-bottom:15px;
}

#inquiry #form_area {
	background:#fff;
	-moz-box-shadow:0px 0px 15px #d0d5c1;
	-webkit-box-shadow:0px 0px 15px #d0d5c1;
	box-shadow:0px 0px 15px #d0d5c1;
	padding:20px;
}

#inquiry #form_area table {
	width:100%;
	margin-bottom:20px;
}

#inquiry #form_area table th,
#inquiry #form_area table td {
	border:1px solid #d0d5c1; 
	padding:10px;
}
	
#inquiry #form_area table th {
	font-weight:bold;
	background:#edecdc;
	width:165px;
	padding-top:14px;
}

#inquiry #form_area table td input {
	vertical-align:text-top;
}

#inquiry #form_area table th span {
	font-size:85%;
	color:#e35d39;
	font-weight:bold;
	padding-left:5px;
}
#inquiry .btn {
	text-align:center;
}

#inquiry #form_area > p {
	background:#fae0d9;
	padding:10px;
	margin-bottom:10px;
}