@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. mainVisual
　02. 左コンテンツ　.floatL
　03. 右コンテンツ　.floatR
　04. 友の会ログイン後トップページ
　05. 


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
@import url("/common/css/map.css");
@import url("/common/css/thickbox_map.css");



/* ==

　01. mainVisual

=============================================================================== */
.container .mainVisual .mainimg{
	width:950px;
	text-align:center;
	float:none;
}
.container #mainVisual{ margin-bottom:20px; }


/* ==

　02. 左コンテンツ　.floatL

=============================================================================== */
.section .floatL{
	width:410px;
}

.floatL .info{ position:relative; }
.floatL .info h2{ margin-bottom:10px; }
.floatL .info dd.lastChild{
	padding-bottom:0;
	background:none;
}

/* コンテンツ一覧
------------------------------------------------------------------------------- */
.contents p.cnt_concept a{ background-image:url(../images/img_concept.jpg); }
.contents p.cnt_column a{ background-image:url(../images/img_dsbridge.gif); }
.contents p.cnt_support a{ background-image:url(../images/img_support.gif); }
.contents p.cnt_lifestyle a{ background-image:url(../images/img_lifestyle.jpg); }
.contents p.cnt_store a{ background-image:url(../images/img_store.jpg); }
.contents p.cnt_land a{ background-image:url(../images/img_m-youchi.jpg); }


/* ==

　03. 右コンテンツ　.floatR

=============================================================================== */
.section .floatR{
	width:520px;
}
.section a strong{ color:#404f6f; }


/* ピックアップ物件、人気物件ランキング
------------------------------------------------------------------------------- */
.pickup,
.ranking{
	width:520px;
	margin-bottom:10px;
	min-height:1%;
	line-height:1.3;
}
.pickup li p.new,
.ranking li p.new{
	padding-right:35px;
	background:url(/common/images/renew2009/ic_new.gif) right top no-repeat;
}




/* ピックアップ */
.pickup:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.pickup li{
	width:255px;
	margin:0 10px 10px 0;
	background:url(../images/bk_pickup.gif) left top no-repeat;
	position:relative;
	float:left;
}
.pickup li.odd{ margin-right:0; }
.pickup li p.city{
	width:140px;
	margin:12px auto 5px;
	padding-right:80px;
	color:#333;
}
.pickup li p.status{
	position:absolute;
	top:10px;
	right:17px;
}
.pickup li p.img{
	width:222px;
	height:98px;
	margin:0 auto 2px;
	padding:1px 0 0 1px;
	background:url(../images/bk_pickup_img.gif) left top no-repeat;
	clear:both;
}
.pickup li p.name{
	width:220px;
	margin:0 auto;
}
.pickup li p.traffic{
	width:220px;
	margin:0 auto;
	font-size:90%;
	line-height:1.2;
	clear:both;
}

/* 人気物件ランキング */
.ranking li{
	width:520px;
	min-height:1%;
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	position:relative;
	clear:both;
}
.ranking li.lastChild{
	margin-bottom:10px;
	padding-bottom:0;
	background:none;
}
.ranking li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.ranking li p{ margin-bottom:3px; }
.ranking li .txt p{ margin-bottom:5px; }
.ranking li p.city{
	margin-bottom:10px;
	padding:7px 90px 6px 7px;
	background-color:#d8d7d3;
	line-height:1.2;
	color:#333;
}
.ranking li p.status{
	position:absolute;
	top:29px;
	right:5px;
}
.ranking li p.traffic{
	font-size:90%;
	line-height:1.2;
}
.ranking li div.img{
	width:218px;
	float:left;
}
.ranking li div.txt{
	width:292px;
	float:right;
}

/* ボタン（ピックアップ物件、人気物件ランキング） */
.pickup li div.btn{
	width:255px;
	margin:0;
	padding:0 0 10px;
	background-image:url(../images/bk_pickup_btn.gif);
	background-position:left bottom;
	position:relative;
}
#mansion .pickup li div.btn ul,
.ranking li .btn{
	width:218px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	clear:both;
}
.pickup li div.btn li,
.ranking li .btn li{
	width:70px;
	margin:0 4px 0 0;
	/*background-image:none;*/
	padding:0;
	float:left;
	clear:none;
}
.pickup li div.btn li.details,
.ranking li .btn li.details{ margin-right:0; }



/* ==

　04. 友の会ログイン後トップページ

=============================================================================== */
#tomokai{
	position:relative;
}
#tomokai ul.mypageList{ display:inline; }
#tomokai ul.mypageList li{ float:left; }
#tomokai ul.mypageList li span{ display:none; }
#tomokai ul.mypageList li a{
	position:absolute;
	top:217px;
	display:block;
}
#tomokai ul.mypageList li a:link, #tomokai ul.mypageList li a:visited{ background-position:left top; }
#tomokai ul.mypageList li a:hover, #tomokai ul.mypageList li a:active{ background-position:left bottom; }



#tomokai ul.mypageList li.mmagazine a{
	width:230px;
	height:50px;
	background-image:url(../images/tomokai/btn_mmagazine.jpg);
	left:37px;
}
#tomokai ul.mypageList li.lifestyle a{
	width:230px;
	height:50px;
	background-image:url(../images/tomokai/btn_lifestyle.jpg);
	left:293px;
}
#tomokai ul.mypageList li.consultant{
	width:240px;
	height:50px;
	background:url(../images/tomokai/img_concierge.jpg) left top no-repeat;
	/*display:block;*/
	position:absolute;
	left:559px;
	top:217px;
	/*bottom:13px;*/
}
#tomokai ul.mypageList li.consultant li.new a{
	width:80px;
	height:18px;
	background-image:url(../images/tomokai/btn_consultant.gif);
	left:76px;
	top:34px;
}
#tomokai ul.mypageList li.consultant li.list a{
	width:80px;
	height:18px;
	background-image:url(../images/tomokai/btn_cnsltntList.gif);
	left:156px;
	top:34px;
}