@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. mainVisual
　02. main



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


/* ==

　00. file import

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



body#mansion .main{ font-size:100%; }




/* ==

　01. mainVisual

=============================================================================== */
.mainView {
	float:left;
	position:relative;
	padding-bottom:20px;
}
.mainView:after{ content:''; display:block; clear:both; }

.imageReel p{ display:none; }

#loading{
	width:507px;
	height:185px;
	padding:120px 0 0 443px;
	background-color:#fff;
	/*
	color:#fff;
	text-align:center;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	*/
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}


.mainImgs {
	height:305px;	width: 950px;
	overflow: hidden;
	position: relative;
}
.imageReel {
	position:relative;
	/*
	position: absolute;
	top: 0; left: 0;
	*/
}
/*.imageReel div {float: left;}*/
.imageReel div{
	position: absolute;
	top: 0; left: 0;
}



/* ボタン
------------------------------------------------------------------------------- */
.paging{
	width:310px;
	position:absolute;
	top:13px;
	right:13px;
	z-index:9999;
}
.paging li{
	margin:0 0 11px;
	padding-left:11px;
	position:relative;
	float:left;
}


/* ==

　02. main

=============================================================================== */
/* マンションを探す（地図）
------------------------------------------------------------------------------- */
#srch_mansion{ width:410px; float:left; }
#srch_mansion h2{ margin:0; padding:0; background:none; }

.section .mapAjax{ width:410px; padding:0; background-color:#36302e; }
.section .mapAjax .map{ width:390px; margin:0 auto; position:relative; }

.section .mapAjax p.btn_areaAll a{ width:63px; height:17px; margin:0; padding:0; font-size:10px; line-height:1.0; top:30px; right:15px; z-index:100; }

.mapAjax ul.nav{ width:390px; margin:0 auto; padding:0; }
.mapAjax ul.nav li{ margin-right:0; }
.mapAjax ul.nav li a{ height:25px; }
.mapAjax ul.nav li.srch_area a{ width:130px; background-image:url(../images/map/tab_01.gif); }
.mapAjax ul.nav li.cndtn a{ width:130px; background-image:url(../images/map/tab_02.gif); }
.mapAjax ul.nav li.immdtly a{ width:130px; background-image:url(../images/map/tab_03.gif); }

.mapAjax ul.nav li.on a{ background-position:left bottom; }

.mapAjax .tab{ width:410px; height:35px; background:url(../images/map/bk_tab.gif) left top no-repeat; }
.mapAjax .tab li{ width:36px; height:23px; }
.mapAjax .tab li span{ display:none; }
.mapAjax .tab li a{ height:23px; }

.mapAjax .tab li.area_hokkaido{ width:47px; background-image:url(../images/map/tab_hokkaido.gif); left:16px; }
.mapAjax .tab li.area_tohoku{ background-image:url(../images/map/tab_tohoku.gif); left:65px; }
.mapAjax .tab li.area_kanto{ background-image:url(../images/map/tab_kanto.gif); left:103px; }
.mapAjax .tab li.area_chubu2{ width:63px; background-image:url(../images/map/tab_chubu2.gif); left:141px; }
.mapAjax .tab li.area_chubu{ background-image:url(../images/map/tab_chubu.gif); left:206px; }
.mapAjax .tab li.area_kinki{ background-image:url(../images/map/tab_kinki.gif); left:244px; }
.mapAjax .tab li.area_chugoku{ background-image:url(../images/map/tab_chugoku.gif); left:282px; }
.mapAjax .tab li.area_shikoku{ background-image:url(../images/map/tab_shikoku.gif); left:320px; }
.mapAjax .tab li.area_kyushu{ background-image:url(../images/map/tab_kyushu.gif); left:358px; }

.mapAjax .tab li.area_hokkaido a{ background-image:url(../images/map/tab_hokkaido.gif); }
.mapAjax .tab li.area_tohoku a{ background-image:url(../images/map/tab_tohoku.gif); }
.mapAjax .tab li.area_kanto a{ background-image:url(../images/map/tab_kanto.gif); }
.mapAjax .tab li.area_chubu2 a{ background-image:url(../images/map/tab_chubu2.gif); }
.mapAjax .tab li.area_chubu a{ background-image:url(../images/map/tab_chubu.gif); }
.mapAjax .tab li.area_kinki a{ background-image:url(../images/map/tab_kinki.gif); }
.mapAjax .tab li.area_chugoku a{ background-image:url(../images/map/tab_chugoku.gif); }
.mapAjax .tab li.area_shikoku a{ background-image:url(../images/map/tab_shikoku.gif); }
.mapAjax .tab li.area_kyushu a{ background-image:url(../images/map/tab_kyushu.gif); }



/* イベント情報
------------------------------------------------------------------------------- */
#cp{
	width:310px;
	position:relative;
	float:right;
}

/*#cp h2{ margin:0; }*/
#cp p.list a{ width:110px; background-image:url(../images/li_list_event.gif); }

#cp div{
	height:275px;
	overflow-y:scroll;
}
#cp dl{
	min-height:1%;
	margin-right:10px;
	padding:0 0 7px;
	clear:both;
}
* html #cp dl{ height:1%; }
#cp dl:after{ content:''; display:block; clear:both; }

#cp dd{
	margin:0 0 10px;
	padding:0 0 10px;
	background:url(/common/images/renew2009/line_dotted.gif) left bottom repeat-x;
	line-height:1.3;
	clear:both;
}
#cp dd a{
	padding-left:15px;
	background:url(/common/images/renew2009/arrow_info.gif) left top no-repeat;
	display:block;
}



/* バナー 3つならびの場合
------------------------------------------------------------------------------- */
.main .bnr{
	width:741px;
	margin-left:-11px;
	padding-top:10px;
	clear:both;
}
.main .bnr li{
	padding-left:11px;
	float:left;
}
.main .bnr li a{ border:1px solid #c4c6c5; display:block; }
.main .bnr li a:link, .main .bnr li a:visited{ border:1px solid #c4c6c5; }
.main .bnr li a:hover, .main .bnr li a:active{ border:1px solid #f60; }




/* バナー 2つ並びの場合
-------------------------------------------------------------------------------
.main .bnr{
	width:740px;
	margin-left:-10px;
	padding-top:10px;
	clear:both;
}
.main .bnr li{
	padding-left:10px;
	float:left;
}
.main .bnr li a{ border:1px solid #c4c6c5; display:block; }
.main .bnr li a:link, .main .bnr li a:visited{ border:1px solid #c4c6c5; }
.main .bnr li a:hover, .main .bnr li a:active{ border:1px solid #f60; }

 */




/* ピックアップ物件、人気物件ランキング
------------------------------------------------------------------------------- */
.pickup, .ranking{
	width:730px;
	margin-bottom:20px;
	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;
}
.section .main .pickup h2,
.section .main .ranking h2{ background-image:url(/common/images/renew2009/bk_h2_730px.gif); }



/* ピックアップ */
.pickup:after{ content:''; display:block; clear:both; }
.pickup ul{ width:741px; margin-left:-11px; }
.pickup li{
	width:236px;
	margin:0 0 10px 11px;
	background:url(../images/bk_pickup.gif) left top repeat-y;
	position:relative;
	display:inline;
	float:left;
}

.pickup .btn ul{ width:auto; margin-left:0; }
.pickup .btn li{ width:auto; margin:0; }

.pickup li p.city{
	/*width:140px;
	margin:12px auto 5px;*/
	margin:0;
	padding:5px;
	background:url(../images/bg_hd.gif) left top no-repeat;
	padding-right:80px;
	color:#fff;
}
.pickup li p.status{ position:absolute; top:4px; right:4px; }
.pickup li p.img{
	width:218px;
	height:98px;
	margin:0 auto 2px;
	padding:10px 0 0;
	/*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.name strong{ color:#404f6f; }
.pickup li p.traffic{
	width:220px;
	margin:0 auto;
	font-size:90%;
	line-height:1.2;
	clear:both;
}


/* ボタン */
.pickup li div.btn{
	width:236px;
	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{
	width:218px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	clear:both;
}
.pickup li div.btn li{
	width:70px;
	margin:0 4px 0 0;
	padding:0;
	float:left;
	clear:none;
}
.pickup li div.btn li.details{ margin-right:0; }



/* 人気物件ランキング */
.ranking ol{
	width:741px;
	margin:0 0 10px -11px;
	background:url(../images/bg_ranking.gif) 11px bottom no-repeat;
	clear:both;
}
.ranking li{
	width:236px;
	margin-left:11px;
	display:inline;
	float:left;
}

.ranking li p.img{ padding:0 0 10px; text-align:center; }

.ranking li .hd{
	width:236px;
	margin:0;
	paddig:0;
	background:url(../images/bg_hd.gif) left top no-repeat;	
	color:#fff;
	position:relative;
	clear:both;
}
.ranking li .hd p.city{ padding:5px 90px 5px 5px; color:#fff; }
.ranking li .hd p.status{ position:absolute; top:4px; right:4px; }

/* ボタン */
.ranking li div.btn{
	width:236px;
	margin:0;
	padding:0 0 10px;
	background-position:left bottom;
	position:relative;
}

#mansion .ranking li div.btn ul{
	width:218px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	clear:both;
}

.ranking li div.btn li{
	width:70px;
	margin:0 4px 0 0;
	padding:0;
	float:left;
	clear:none;
}
.ranking li div.btn li.details{ margin-right:0; }

/* アイコン＋マンション名 */
.ranking li .txt{
	width:236px;
	margin:0 0 10px;
	background:url(../images/ranking_dotline.gif) left bottom repeat-x;
	clear:both;
}
.ranking li .txt p{
	width:160px;
	padding:5px 5px 7px 0;
	display:table-cell;
	vertical-align:middle;
}
.ranking li .txt p.ico{ width:60px; padding:5px 5px 7px; text-align:center; }
.ranking li .txt p a strong{ color:#404f6f; }

* html .ranking li .txt p{ display:inline; zoom:1; }
*:first-child+html .ranking li .txt p{ display:inline; zoom:1; }
/*\*//*/
* html .ranking li .txt p{ display:inline-block; }
/**/

.ranking p.notes{ margin-left:0; font-size:85%; text-indent:0; text-align:right; }

.ranking li p.salespoint,
.ranking li p.traffic{
	width:220px;
	margin:0 auto;
	font-size:90%;
	line-height:1.2;
	clear:both;
}


/* お知らせ
------------------------------------------------------------------------------- */
#mansion .container .info h2{ margin-bottom:0; }
.info dt{ width:120px; }
.info dd{ padding-left:145px; }



/* ==

　03. sub

=============================================================================== */