@charset "UTF-8";
/* CSS Document */

/*-------------------------------------
*
* 新築マンションリスティング
*-------------------------------------- */

/*--- 新築マンションリスティング　本文ここから --- */

#contentsInner {
	margin: 0 50px;
}


/*-------------------------------------
*
* ページ上部　タイトルと注目の情報PR DART
*-------------------------------------- */
#headLine {
}

#headLine div.pr { /* PR */
	float: right;
	margin-top: 2px;
	text-align: right;
}

div#centertxt01 {
	display:block;
	padding: 5px 5px 5px 2px;
	font-weight:bold;
	background-color:#fef5ec;
}

div#centertxt01 span.label {
	margin:2px;
	padding:2px;
	color:#ffffff;
	background-color:#ff0000;
}

div#centertxt01 a {
	padding:4px;
}


/* -------------------------------------
* 注目の物件ピックアップ
* ------------------------------------- */
#pickUp {
	margin-bottom: 20px;
}

#pickUp h2 {
	margin-bottom: 8px;
}

#pickUp ul {
	margin: 0 0 10px -10px;
	zoom: 1;
}

#pickUp li { /* 物件1件 */
	width: 273px;
	float: left;
	margin-left: 10px;
	border: 1px solid #b0c4de;
	border-width: 1px 2px 2px 1px;
}

#pickUp dl {
	padding: 5px;
	zoom: 1;
}
	
#pickUp dt img { /* 写真*/
	float: left;
	border: 1px solid #eeeeee;
}

#pickUp dt img:hover {
	border-color: #cc0033;
}

#pickUp dd {
	margin-left: 100px;
}

#pickUp dd.name { /* 物件名 */
	font-weight: bold;
}

#pickUp dd.name a:link {
	color: #0033ff;
}

#pickUp dd.name a:hover {
	color: #cc0000;
}

#pickUp  p.place { /* 場所 */
	clear: left;
	margin-top: 5px;
	padding: 0.4em 0;
	border-top: 1px solid #ced8e0;
	text-align: center;
	color: #545454;
}

#pickUp p.station { /* 駅 */
	padding: 0.5em 0;
	text-align: center;
	font-size: 80%;
	background: #eeeeee;
}

/* -------------------------------------
* 検索した条件
* ------------------------------------- */
table.searchArea {
	width: 815px;
}

 /* 新築マンショントップへ戻る */
table.searchArea p {
	float: right;
} 

table.searchArea p span {
	padding-left: 20px;
	background: url("/images/rn_listing/rn_icon_arow_01.gif") left center no-repeat;
	display: block;
	*zoom: 1;
	*margin-top: -1.6em;
}

/* -------------------------------------
* 検索結果
* ------------------------------------- */

/*--- 見出し --- */
#serachTtl {
	margin-top: 20px;
	padding: 0 10px;
	height: 33px;
	line-height: 33px;
	background: url(/images/mansion_n/rn_01_bg_search_ttl.gif) 0 0 no-repeat;
}

#serachTtl h3 {
	float: left;
	font-size: 14px;
}

#serachTtl h3 span {
	font-size: 20px;
}

#serachTtl p {
	float: right;
	font-size: 12px;
}

/* --- 並び替え --- */
.listChanger {
	clear: both;
	margin: 10px 0;
}

p#newList {
	float: left;
	padding-top: 5px;
}

p#newList a span {
	padding-left: 20px;
	background:url("/images/mansion_n/rn_01_icon_arroe_01.gif") left center no-repeat;
}

p.countList {
	float: right;
	margin-top: -0.5em;
	color: #6f2f00;
}

p.countList .count { /* 件数 */
	font-size: 20px;
	font-weight: bold;
}

/*-- 次ページ --*/
p.countList .next span {
	padding-left: 1.5em;
	background:url("/images/mansion_n/rn_01_icon_arrow_02.gif") right center no-repeat;
}

p.countList .next a span {
	padding-left: 1px;
	padding-right: 15px;
}

/*-- 前ページ --*/
p.countList .prev span {
	margin-left: 1.5em;
	padding-left: 1.5em;
	background:url("/images/mansion_n/rn_01_icon_arrow_03.gif") left center no-repeat;
}

p.countList .prev a span {
	padding-right: 0px;
}


/* -------------------------------------
* 1物件
* ------------------------------------- */
.object {
	margin-bottom: 10px;
	padding: 8px 8px 5px;
	border: 1px solid #d1d1d1;
}

 /*---  物件名 ---*/
.objectName {
	padding: 8px;
	background: #ede6e0;
}

/* リンクカラー設定 */
.objectName a:link {
	color: #333333;
}

.objectName a:hover {
	color: #cc0033;
}

.objectName p.ttl {
	float: left;
	font-size: 110%;
	font-weight: bold;
}

 /* 特集 */
.objectName p.special {
	float: right;
	padding-top: 1px;
}

.objectName p.special img {
	padding-right: 0.5em;
	vertical-align: middle;
}


/* --- 物件概要 --- */
.object dl {
	clear: both;
	position: relative;
	margin: 12px 5px 0;
}

.object dt {
	float: left;
}

/* 写真 */
.object dt {
	flot: left;
	border: 1px solid #cdcdcd;
	text-align: center;
}

.object dt:hover {
	border-color: #cc0033;
}

.object dt a {
	display: block;
	min-width: 168px;
}


.object dd {
	margin-left: 180px;
}

.object dd.copy { /* キャッチコピー */
	padding: 5px 0 3px;
	font-size: 110%;
	font-weight: bold;
	color: #ce0d00;
}

.object td {
	padding: 2px 5px;
}

.object dd.seller { /* 売り主 edit 2012-05-17 */
	position: absolute;
	top: 85%;
	right: 0;
        font-size:12px;
}

.object dd.seller span {
	font-weight: bold;
}

/* -------------------------------------
* アイコンの見方について
* ------------------------------------- */
#aboutIcon {
	margin-bottom: 20px;
	border: 1px solid #f2f2f2;
}

#aboutIcon p {
	padding: 3px;
	font-weight: bold;
	background: #f2f2f2;
}

#aboutIcon dl {
	margin: 15px auto;
	text-align: center;
}

#aboutIcon dt {
	margin-right: 15px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#aboutIcon dt img {
	vertical-align: middle;
}

#aboutIcon dd {
	margin-right: 30px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

/* -------------------------------------
* 注釈
* ------------------------------------- */
.annotation {
	margin-bottom: 30px;
	padding: 1em;
	border: 1px solid #cccccc;
	font-size: 80%;
	color: #666666;
	background: #f2f2f2;
}

/* -------------------------------------
*  M1306005　注釈見直し
* ------------------------------------- */
.annotationComment {
	margin-bottom: 30px;
	padding: 1em;
	border: 1px solid #cccccc;
	background: #f2f2f2;
	font-family: "メイリオ","Meiryo", sans-serif;
}

/* -------------------------------------
* 他のエリアを探す
* ------------------------------------- */
#anotherArea {
	margin-bottom: 30px;
	background: #cce252;
	border: 1px solid #adca0d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px;
}

#anotherArea p {
	margin: 8px;
	font-size: 110%;
	font-weight: bold;
	color: #373839
}

#anotherArea .anotherAreaTbl {
	background: #ffffff;
	border: 1px solid #adca0d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 15px;
}

#anotherArea th {
	width: 95px;
	padding: 5px 15px 0 0;
	text-align: right;
	color: #666666;
	background: #f1f1f1
}

#anotherArea th.c1 {
	padding-top: 10px;
	background: url("/images/mansion_n/rn_01_bg_c1.gif") 0 0 no-repeat;
}

#anotherArea th.c2 {
	padding-bottom: 10px;
	background: url("/images/mansion_n/rn_01_bg_c2.gif") left bottom no-repeat;
}

#anotherArea td {
	padding-left: 15px;
}

#anotherArea ul {
	width: 620px;
}

#anotherArea li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	min-width: 85px;
	padding-left: 10px;
	background: url("/images/rn_common/rn_icon_arrow_04.gif") left center no-repeat;
}
	


/*-------------------------------------
*
* clear設定
*-------------------------------------- */
#pickUp dl:after,
#serachTtl:after,
.listChanger:after,
#pickUp ul:after,
.object:after,
.objectName:after,
.object dl:after {
	content: "";
	display: block;
	clear: both;
}

#pickUp dl,
#serachTtl,
.listChanger,
#pickUp ul,
.object,
.objectName,
.object {
	zoom: 1;
}

/* add 2014-02-20 */
.object dl{
    cursor:pointer;
}

.object dl:hover{
    opacity: 0.9;
 }
