@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. mainVisual
　02. 左コンテンツ　.floatL
　03. 右コンテンツ　.floatR
　04. Twitter
　05. mainVisual


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


/* ==

　00. file import

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


/* ==

　01. mainVisual

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


/* 友の会バナー */
.section p.bnr_club{
	width:950px;
	margin-bottom:10px;
	clear:both;
}
.section p.bnr_club a{
	width:950px;
	height:270px;
	background-image:url(../images/bnr/bnr_club950px.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	clear:both;
}
.section p.bnr_club a:link, .section p.bnr_club a:visited{ background-position:left top; }
.section p.bnr_club a:hover, .section p.bnr_club a:active{ background-position:left bottom; }


.mainimg .fadeHoverL img,
.section .fadeHoverL img {
	-ms-filter: "alpha(opacity=100)";
}
.mainimg .fadeHoverL:hover img,
.section .fadeHoverL:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background-color: #fff;
}



/* ==

　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;
}

/* コンテンツ一覧
------------------------------------------------------------------------------- */
.section .contents p a img{ margin-left:-3px; }
.contents p.cnt_concept a{ background-image:url(../images/img_concept.jpg); }
.contents p.cnt_strength a{ background-image:url(../images/img_strength.jpg) }
.contents p.cnt_merit a{ background-image:url(../images/img_merit.jpg) }
.contents p.cnt_chouki a{ background-image:url(../images/img_chouki.jpg); }
.contents p.cnt_after a{ background-image:url(../images/img_after.jpg); }
.contents p.cnt_support a{ background-image:url(../images/img_support.jpg); }
.contents p.cnt_jutaku a{ background-image:url(../images/img_jutaku.jpg); }
.contents p.cnt_machinaka a{ background-image:url(../images/img_machinaka.gif); }


/* ==

　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 .iconlist,
.ranking .iconlist{ /* アイコン説明リスト */
	width:514px;
	margin-bottom:10px;
	padding:6px 0 6px 6px;
	background:url(../images/bk_iclist.gif) left top no-repeat;
	overflow:hidden;
	clear:both;
}
.pickup .iconlist li,
.ranking .iconlist li{
	width:auto;
	margin:0 6px 0 0;
	padding:0;
	background:none;
	float:left;
	clear:none;
}
.pickup .iconlist li.takuchi,
.ranking .iconlist li.takuchi{
	margin-right:10px;
}

.pickup table,
.ranking table{ /* 表 */
	width:406px;
	margin:7px 0 0;
	border-top:1px solid #d8d7d3;
	border-left:1px solid #d8d7d3;
}
.pickup th,
.ranking th{
	padding:3px 5px;
	background-color:#f2f2f2;
	border-bottom:1px solid #d8d7d3;
	border-right:1px solid #fff;
	line-height:1.2;
	font-weight:normal;
}
.pickup th.lastChild,
.ranking th.lastChild{ border-right:1px solid #d8d7d3; }
.pickup td,
.ranking td{
	padding:3px 5px;
	border-bottom:1px solid #d8d7d3;
	border-right:1px solid #d8d7d3;
	line-height:1.2;
	color:#333;
}
.pickup td.railLine, .ranking td.railLine{ width:90px; }
.pickup td.station, .ranking td.station{ width:70px; }
.pickup td.layout, .ranking td.layout{ width:50px; text-align:center; }
.pickup td.lot, .ranking td.lot{ text-align:center; }
.pickup td.price, .ranking td.price{ width:105px; text-align:center; }

.pickup p.city,
.ranking p.city{
	margin-bottom:5px;
	padding:3px 200px 4px 4px;
	background-color:#d8d7d3;
	line-height:1.2;
	color:#333;
}
.pickup p.city img,
.ranking p.city img{
	margni:0 3px 0 0;
	vertical-align:middle;
}
.pickup li ul.icon, .ranking li ul.icon{ float:left; }
.pickup li ul.icon li, .ranking li ul.icon li{ margin-right:3px; float:left; }
.pickup .jutaku p.status, .ranking li p.status{ float:left; }
.pickup li p.new, .ranking li p.new{ padding-right:35px; background:url(/common/images/renew2009/ic_new.gif) right top no-repeat; }


/* ピックアップ */
.pickup .img{ width:100px; float:left; }
/*.pickup .img img{ margin-bottom:3px; }*/
.pickup .txt{ width:406px; float:right; }

* html .pickup .jutaku li,
* html .pickup .jutaku li div{ height:1%; }
.pickup:after,
.pickup .jutaku li:after,
.pickup .jutaku li div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.pickup .jutaku li{
	min-height:1%;
	margin-bottom:10px;
	padding:1px;
	border:1px solid #f0f0f0;
	clear:both;
}
.pickup .jutaku li div{
	min-height:1%;
	padding:1px;
	border:1px solid #d2d2d2;
	position:relative;
	clear:both;
}
.pickup .jutaku li li,
.pickup .jutaku li div div{
	padding:0;
	border:none;
	clear:none;
}
.pickup .jutaku li div div div{
	position:absolute;
	top:3px;
	right:4px;
}

.pickup .takuchi li{ /* 分譲宅地 */
	width:114px;
	min-height:68px;
	margin:0 8px 10px 0;
	padding:5px;
	background:url(../images/bk_pickup_takuchi.gif) left top no-repeat;
	font-size:85%;
	line-height:1.2;
	float:left;
}
.pickup .takuchi li.new{
	background:url(../images/bk_pickup_takuchi02.gif) left top no-repeat;
}
* html .pickup .takuchi li{ height:68px; }
.pickup .takuchi li.lastChild{ margin-right:0; }

.pickup .takuchi li span{
	min-height:19px;
	padding:3px 0 3px 23px;
	display:block;
}
.pickup .takuchi li.new span{ padding-right:15px; }
* html .pickup .takuchi li span{ height:19px; }
/*.pickup .takuchi li img{
	margin:0 2px 5px 0;
	vertical-align:middle;
	display:block;
	float:left;
}*/
.pickup .takuchi li a{
	font-size:125%;
	display:block;
	clear:both;
}


/* 人気物件ランキング */
.ranking .img{
	width:100px;
	margin-top:3px;
	float:left;
}
/*.ranking .img img{ margin-bottom:2px; }*/

.ranking .txt{
	width:415px;
	margin-top:3px;
	float:right;
}
.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 li{
	width:auto;
	margin-bottom:0;
	padding-bottom:0;
	background:none;
	clear:none;
}
.ranking li.lastChild{
	margin-bottom:0 0 10px;
	padding-bottom:0;
	background:none;
}
.ranking li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.ranking li div div{
	position:absolute;
	top:29px;
	right:4px;
}
.ranking table{ width:415px; }


/* ボタン（ピックアップ物件、人気物件ランキング） */
.pickup li .btn,
.ranking li .btn{
	margin:0 auto;
	clear:both;
}
.pickup li .btn li,
.ranking li .btn li{
	width:100px;
	margin:2px 0 0;
	background-image:none;
	line-height:1.0;
	float:none;
	clear:both;
}
.pickup li .btn li.details a,
.ranking li .btn li.details a{ width:100px; background-image:url(../images/btn_details.gif); }
.pickup li .btn li.blog a,
.ranking li .btn li.blog a{ width:100px; background-image:url(../images/btn_blog.gif); }



/*
.pickup li .btn li.details,
.ranking li .btn li.details{
	margin-right:1px;
	display:inline;
}*/




/* ==

　04. Twitter

=============================================================================== */
.floatL div.twitter{
	/*
	margin-top:10px;
	padding-top:15px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	*/
	display:none;
	clear:both;
}
.section .floatL div.twitter h2{
	min-height:22px;
	padding:8px 5px 0 15px;
	background:url(../images/bk_h2_410px.gif) left top no-repeat;
	font-size:14px;
	line-height:1.0;
}
* html .section .floatL div.twitter h2{ height:22px; }



.floatL div.twitter p{ padding-bottom:10px; }
.floatL div.twitter p.btn{ padding-top:10px; }

.floatL div.twitter ul.notes{ padding-bottom:10px; font-size:85%; }





/* ==

　05. mainVisual

=============================================================================== */
.container .mainVisual div.mainView{
	width:950px;
	height:240px;
	/*text-align:center;*/
	position:relative;
	clear:both;
}
.mainView:after{ content:''; display:block; clear:both; }

.imageReel p{ display:none; }

#loading{
	width:950px;
	height:240px;
	padding:90px 0 0 0;
	background-color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}


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



/* ボタン
------------------------------------------------------------------------------- */
.paging{
	width:70px;
	height:240px;
	padding-top:2px;
	background:url(../images/mainVisual/bg_btn.gif) left top no-repeat;
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
}
.paging li{ padding:5px 0 0 8px; } 
.paging li a{
	width:52px;
	height:52px;
	padding:0;
	display:block;
}