@charset "UTF-8";

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

dl#main{
	margin:0;
	width:575px;
	text-align:left;
	float:left;
}
dl#main dt{
	background:none;
}
dl#main dd.clearfix{
	padding:0 24px;
	background:url(../img/common/main_dd_bg.png);
	clear:both;
}
dl#main dd.line{
	height:5px;
	background:url(../img/common/main_bottom_bg.png);
}
dl#main dd.blog{
	height:38px;
	background:url(../img/index/dd_bottom.png);
}

/* -------------------------------
メイン - おすすめ賃貸セレクション */

dl#main dt.point{
	width:575px;
	height:80px;
	background:url(../img/common/main_dt_bg.png) no-repeat;
	overflow:hidden;
}
dl#main dt.point img{
	padding:20px;
}
dl#main dd.map{
	padding:0;
	width:575px;
	height:378px;
	background:url(../img/index/map.png) no-repeat;
}
dl#main dd.map a{
	vertical-align:top;
	display:inline-block;
}
dl#main dd.map a:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	display:inline-block;
}
dl#main dd.map ul{
	position:relative;
}
dl#main dd.map ul li{
	position:absolute;
}
dl#main dd.map ul li#station1{
	top:34px;
	left:71px;
}
dl#main dd.map ul li#station2{
	top:34px;
	left:165px;
}
dl#main dd.map ul li#station3{
	top:34px;
	left:260px;
}
dl#main dd.map ul li#station4{
	top:34px;
	left:355px;
}
dl#main dd.map ul li#station5{
	top:34px;
	left:450px;
}
dl#main dd.map ul li#others{
	top:193px;
	left:37px;
}
dl#main dd.map ul li#point1{
	top:259px;
	left:23px;
}
dl#main dd.map ul li#point2{
	top:256px;
	left:209px;
}
dl#main dd.map ul li#point3{
	top:260px;
	left:393px;
}
dl#main dd.map ul li dl dd p{
	margin-bottom:4px;
}

/* -------------------------------
メイン - 賃貸住宅情報 */

dl#main dl#rent{
	width:256px;
	float:left;
}
dl#main dl#rent dt{
	width:256px;
	height:70px;
}
dl#main dl#rent ul li{
	padding-bottom:20px;
	background:url(../img/index/line.png) no-repeat 0 100%;
	clear:both;
}
dl#main dl#rent ul li p.photo{
	margin:0 10px 0 0;
	float:left;
}
dl#main dl#rent ul li p.photo img{
	display:block;
}
dl#main dl#rent ul li h3 a{
	color:#957151;
	font-weight:bold;
	text-decoration:none;
}
dl#main p.more{
	width:256px;
	height:50px;
	text-align:right;
	clear:both;
}

/* -------------------------------
メイン - 世田谷見聞録 */

dl#main dl#note{
	width:256px;
	float:right;
}
dl#main dl#note dt{
	width:256px;
	height:70px;
}
dl#main dl#note ul li{
	padding-bottom:20px;
	background:url(../img/index/line.png) no-repeat 0 100%;
	clear:both;
}
dl#main dl#note ul li p.photo{
	margin:0 10px 0 0;
	float:left;
}
dl#main dl#note ul li p.photo img{
	display:block;
}
dl#main dl#note ul li h3 a{
	color:#957151;
	font-weight:bold;
	text-decoration:none;
}

/* -------------------------------
メイン - 暮らしの相談室 */

dl#main ul#life{
	margin:10px 0 0;
	width:575px;
	height:140px;
	background:url(../img/index/consult_bg.png) no-repeat;
	overflow:hidden;
	clear:both;
}
dl#main ul#life li#intro{
	width:236px;
	float:left;
}
dl#main ul#life li#item{
	width:339px;
	float:right;
	position:relative;
}
dl#main ul#life li ul{
	position:absolute;
}
dl#main ul#life ul#item1{
	top:31px;
	left:0;
}
dl#main ul#life ul#item2{
	top:31px;
	left:197px;
}
dl#main ul#life li a{
	color:#321;
	border-bottom:1px dotted #321;
	display:inline-block;
	text-decoration:none;
}
dl#main ul#life li a:hover{
	color:#f70;
	border-bottom:1px dotted #f70;
}

/* -------------------------------
メイン - バナー */

dl#main ul#banners{
	padding:10px 0 0;
	clear:both;
}
dl#main ul#banners li{
	margin:0 0 10px;
}

/* -------------------------------
サイドバー - キャンペーンバナー */

dl#sidebar dd#campaign{
	padding:0 6px;
}
dl#sidebar dd#campaign img{
	margin:0 10px 10px 0;
	float:left;
}
dl#sidebar dd#campaign em{
	color:#e73a77;
	font-weight:bold;
}

/* -------------------------------
サイドバー - トピックス */

dl#sidebar dd.topics{
	width:334px;
	height:144px;
	overflow:auto;
}
dl#sidebar dd.topics,
dl#sidebar dd.holiday{
	margin:0 0 20px;
}
dl#sidebar dd.topics a,
dl#sidebar dd.holiday a{
	color:#06c;
}
dl#sidebar dd.topics ul,
dl#sidebar dd.holiday ul{
	padding:0 10px;
}
dl#sidebar dd.holiday ul{
	margin-bottom:20px;
}
dl#sidebar dd.topics span.date,
dl#sidebar dd.holiday span.date{
	padding-left:14px;
	background:url(../img/blog/arrow2.png) no-repeat 0 2px;
	color:#f70;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	text-transform:capitalize;
}
dl#sidebar dd.topics span.date{
	font-size:8pt;
}
dl#sidebar dd.topics div.topics,
dl#sidebar dd.holiday span.date{
	margin-bottom:16px;
}
dl#sidebar dd.topics div.topics p,
dl#sidebar dd.holiday span.date{
	margin-bottom:8px;
}