@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);


/* ================================================================ *
	NexasDesign 2011/11
	共通 CSS
	
 * ================================================================ */


/* -----------------------------------------------------------------------------
>> 文書全体
----------------------------------------------------------------------------- */
img { behavior: url("iepngfix.htc") }
body {
	text-align : center;
	background:url(../img/parts/wrap_bg.jpg);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body#top {
	background: url(../img/parts/top_footer_bg2.jpg);
}

#top-wrap {
	background:url(../img/parts/wrap_bg.jpg);
}
.wrap {
	width : 945px;
	margin : 0 auto;
	text-align : left;
}

img { border : none; }

li { list-style : none; }

table { border-collapse: collapse; }

a { color : #0F1E91; text-decoration:none; }
a:hover { color : #FD5A3D; }

/* -----------------------------------------------------------------------------
>> header
----------------------------------------------------------------------------- */
#top-header {
	height: 100px;
	background:url(../img/parts/header_bg.jpg) repeat-x;
}
#header-in {
}
h1 {
	margin : 35px 0 0 0;
	float : left;
}
#search-box {
	position:relative;
	width : 460px;
	_zoom :1;
	overflow:hidden;
	float : right;
	margin : 50px 0 0;
	padding : 5px 5px 5px;
	border: 1px solid #F6EEDA;
	background:#fff;
}
#search-box dl {
}
#search-box dt {
	margin : 3px 0 0;
	float : left;
}
#search-box dd {
	display : inline;
	float : left;
	margin : 0 0 0 5px;
}
.search-select {
	float : left;
	margin : 5px 0 0;
	width : 110px;
}
.search-area {
	float : left;
	width : 210px;
	color:#808080;
}
#search-box input {
	float : left;
	margin : 5px 0 0;
}
.search-btn a{
	display:block;
	float : left;
	overflow:hidden;
	width : 36px;
	height : 30px;
	padding : 0 0 0 5px;
	background: url(../img/btn/search_btn1.png) no-repeat 0 0;
}
.search-btn a:hover {
	background-position: 0 -30px;
}

/* -----------------------------------------------------------------------------
>> コンテンツレイアウト
----------------------------------------------------------------------------- */
#content-in:after,
#left-area:after,
#center-area:after,
#right-area:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

#content {
	clear : both;
}

#left-area {
	float : left;
	width:215px;
}
#center-area {
	float : left;
	width:510px;
}
#right-area {
	float : right;
	width:200px;
}



/* -----------------------------------------------------------------------------
>> メインコンテンツ
----------------------------------------------------------------------------- */

#main-visual {
	clear:both;
	position:relative;
	width : 945px;
	height:305px;
	margin-bottom: 30px;
	background:url(../img/parts/top_visual.jpg) no-repeat;
}

/*---- 地図から検索  ----------------------------------------------------------*/
#map-search {
	position:relative;
	margin : 0 0 15px;
	height : 366px;
}
#map-search .hidden {
	display:none;
	position:absolute;
}
/* 戻る */
.map_btn {
	text-indent: -5000px;
}
.map_btn a {
	position:absolute;
	top : 50px;
	left : 20px;
	width : 119px;
	height: 65px;
	overflow:hidden;
	background:url(../img/btn/map_back_btn.png) no-repeat;
}
.map_btn2 a{
	position:absolute;
	top : 70px;
	left : 10px;
	width : 119px;
	height: 15px;
	overflow:hidden;
	background:url(../img/btn/map_back_btn2.png) no-repeat;
}

/* エリア選択ボタン */
#map_btn_ina a {
	position:absolute;
	top : 60px;
	left : 280px;
	width : 191px;
	height: 127px;
	background:url(../img/btn/map_btn_ina.png) no-repeat;
}
#map_btn_iida a {
	position:absolute;
	top : 200px;
	left : 280px;
	width : 186px;
	height: 126px;
	background:url(../img/btn/map_btn_iida.png) no-repeat;
}

/*--- 最近チェックした物件  ------------------------------------------------- */

#check-list {
	margin : 0 0 15px 0;
}
#check-list dl {
	_zoom :1;
	overflow:hidden;
	clear : both;
	margin : -1px 0 5px;
	padding : 5px 10px 0;
	font-size : 12px;
}
#check-list a {
	padding : 0 0 0 10px;
	background:url(../img/icon/anc01.png) no-repeat left center;
}
#check-list dd {
	padding : 0 7px 0;
}
#check-list dd img {
	border : 1px solid #e6e6e6;
}
#check-list dd strong {
	font-size : 20px;
	color : #f00f80;
}
#more-btn3 {
	display : block;
	padding : 8px 2px 0 0;
	text-indent : -5000px;
}
#more-btn3 a {
	display : block;
	width : 72px;
	height : 13px;
	float : right;
	overflow : hidden;
	background : url(../img/btn/more_btn3.png) no-repeat;
}
#more-btn3 a:hover {
	background-position : 0 -13px;
}



/* -----------------------------------------------------------------------------
>> お知らせ（トップ）
----------------------------------------------------------------------------- */
div.news:after,
#news-box dl:after,
.news dd:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

#top-news-box {
	_zoom : 1;
	overflow:hidden;
	width: 686px;
	margin-bottom : 20px;
	background:url(../img/parts/top_news_in.jpg) repeat-y ;
}
#top-news-box-in {
	_zoom : 1;
	overflow:hidden;
	padding : 0 0 0;
	background:url(../img/parts/top_news_bottom.jpg) no-repeat 0 bottom;
}


#top-news-box .top-news dl {
	zoom : 1;
	overflow:hidden;
	margin : 0 20px;
}

.top-news {
	clear : both;
	margin : 10px 0 10px;
	line-height:140%;
	font-size : 0.85em;
}
.top-news dt {
	float: left;
	margin : 0 0 0.5em;
	font-size : 14px;
	color : #1d63a9;
}
.top-news dd {
	margin : 0 0 0.5em;
}
.day {
	padding : 0 0 0 5px;
	color : #6e6e6e;
}
.day img {
	margin : 0 0 0 10px;
	vertical-align : middle;
}
/* トップのお知らせ */
.info {
	color : #6e6e6e;
}
.info img {
	margin : 0 10px 0 0;
	vertical-align : middle;
}

#top-news-box .top-news dd {
	_zoom : 1;
	overflow:hidden;
	display:inline;
	margin : 0 0 0;
	padding : 0 0 10px;
	line-height : 140%;
}

.top-news dd {
	_zoom : 1;
	overflow:hidden;
	margin : 10px 0 15px;
}
.top-news dd a {
	color : #00A0A8;
}

/* -----------------------------------------------------------------------------
>> お知らせ（tmp）
----------------------------------------------------------------------------- */
.update-box {
	position:relative;
	background: #fff;
	border: 1px solid #ccc;
}

.update-box .more-btn {
	position:absolute;
	top : 4px;
	right : 10px;
	color : #fff;
}
.update-box .more-btn a {
	font-size : 0.8em;
	color : #fff;
}

.update-box .box {
	_zoom : 1;
	overflow:hidden;
	font-size : 0.8em;
	margin : -1px 0 0;
	padding : 10px 15px;
	border-top: 1px dotted #ccc;
}
.update-box .box .day {
	display : block;
	color: #333;
}


/* -----------------------------------------------------------------------------
>> footer
----------------------------------------------------------------------------- */
#footer {
	clear : both;
	height : 190px;
	background:url(../img/parts/top_footer_bg.jpg) repeat-x;
}
#footer-in {
	position:relative;
	padding : 90px 0 0;
}

.footer-navi {
	_zoom :1;
	overflow:hidden;
	float: left;
}
#footer-in dl {
	clear : both;
	font-size: 12px;
}
#footer dt {
	clear : both;
	float : left;
	text-align:right;
	width : 8.5em;
}
#footer dd {
	display:inline;
	margin : 0 0 0 1em;
	text-decoration : none;
}
.go-top {
	position:absolute;
	top : 0;
	right: 0;
}
.copy {
	clear:both;
	font-size: 11px;
	padding : 10px 0 0;
	text-align:center;
}


.footer-navi a {
	/* 買うは同じ設定 */
	padding : 0 0 0 12px;
	font-size : 11px;
	color : #00A0A8;
	background: url(../img/icon/f_anc_icon02.png) no-repeat 0 center;
}
.blank-icon a {
	padding : 0 0 0 16px;
	background: url(../img/icon/blank_icon02.png) no-repeat 0 center;
}


/* -----------------------------------------------------------------------------
>> 汎用クラス
----------------------------------------------------------------------------- */
.inline li {
	display : inline;
}
.block {
	display : block;
	width : auto;
}

.img-gallery {
	_zoom :1;
	overflow: hidden;
	margin : 0 0 1em;
}
.img-gallery li {
	float : left;
	font-size: 0.75em;
	margin : 0 15px 0 0;
	text-align: center;
}
.img-gallery li.last {
	margin : 0 0 0 0;
}
.photo-caption {
	clear : both;
	margin : 20px 0;
}
.photo-caption li {
	text-align : center;
	font-size : 12px;
}
.photo-caption img {
	margin : 0 0 10px;
}
.photo-left {
	float : left;
}
.photo-right {
	float : right;
}

.Tmargin20 {
	margin-top : 20px;
}

.att {
	font-size : 12px;
	color : #ff3333;
}

.text-center { text-align : center; }
.text-left   { text-align : left; }
.text-right  { text-align : right; }

.img-left   { float : left; margin : 0 5px 5px 0;}
.img-right  { float : right; margin : 0 0 5px 5px; }

.clear  { clear: both; }

#map01{
	position:absolute;
}
#map02{
	position:absolute;	
}
#map03{
	position:absolute;	
}



/*-----------------------------------------------------------------------------
>> 物件詳細　画像のリサイズ＆トリミング
-----------------------------------------------------------------------------*/
.gallery1 {
	_zoom :1;
	overflow:hidden;
	width : 700px;
	margin : 15px -17px 15px 0;
}
p.thumb{
	float:left;
	_zoom : 1;
	width:216px; 
	height:162px;
	overflow:hidden;
	margin-right:17px;
	text-align:center;
	font-size : 0.8em;
} 
p.thumb a{ 
	display:block; 
	border:1px solid #999;
	float:left; 
	width:214px; 
	height:160px;
/*	line-height:200px;*/
	overflow:hidden;
	position:relative; 
	z-index:1; 
} 
p.thumb img {
/*	margin : 0 -25%;*/
}
p.thumb span {
	display:block; 
	clear:both;
}


.gallery2 {
	clear:both;
}
.gallery2 li {
	float:left;
	margin-right:10px;
	text-align:center;
	border:1px solid #999;
}
.gallery2 a {
	display:block; 
	float:left; 
	width:150px;
	height:120px; 
	line-height:200px; 
	overflow:hidden; 
	position:relative;
	z-index:1; 
}