@charset "Shift-JIS";
@import url("/rent/css/common.css");
@import url("/rent/css/header.css");
@import url("/rent/css/footer.css");
/* ==========================================================

title : ホームメイト お部屋探しガイド
scope : お部屋探しサポート

last modify : 2011/05/10 041_ooba

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

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.contents {
	width:870px;
	margin:0px auto;
	padding:0px;
	font-size:80%;
	}


/* ----------------------------------------------------------
 h1
---------------------------------------------------------- */
h1.ttl_cmn {
	background:url(../image/ttl_top.jpg) no-repeat 0 0;
	}
	
/* ----------------------------------------------------------
 content_useful
---------------------------------------------------------- */
#content_useful {
	width:870px;
	margin:0px auto;
	padding:0px;
	background:url(../image/bg_right.gif) repeat-y top right;
	}
#content_useful #useful_left {
	float:left;
	width:680px;
	margin:0px 6px 0px 0px;
	padding:0px;
	}
#content_useful #useful_right {
	float:left;
	width:184px;
	margin:0px;
	padding:0px;
	}

/* ---------------------------------------
 コンテンツリスト
--------------------------------------- */
#content_useful #useful_left h2 {
	clear:both;
	margin:0px 0px 3px 0px;
	padding:0px;
	}
	
#content_useful #useful_left h3 {
	clear:both;
	margin:0px 10px 5px;
	padding:0px;
	}
	
#content_useful #useful_left .lead {
	clear:both;
	margin:0px 5px 5px;
	padding:5px 10px;
	text-align:left;
	}
#content_useful #useful_left .lead.or {
	background:#ffe4c4;
	}
#content_useful #useful_left .lead.bl {
	background:#d0eefd;
	}
#content_useful #useful_left .lead.gr {
	background:#d7ffd7;
	}
#content_useful #useful_left .lead.pu {
	background:#dcd0ff;
	}
#content_useful #useful_left .lead.b_sp {
	margin:0px 5px 10px;
	}
	
#content_useful #useful_left .contentlist {
	clear:both;
	width:660px;
	margin:0px auto 20px auto;
	padding:0px;
	background:#EEEEEE;
	}
#content_useful #useful_left .contentlist ul {
	overflow:hidden;
	list-style:none;
	clear:both;
	width:660px;
	margin:0;
	padding:0;
	}
#content_useful #useful_left .contentlist li {
	overflow:hidden;
	width:660px;
	margin:0;
	float:left;
	padding:5px 0px;
	text-align:left;
	line-height:110%;
	}
#content_useful #useful_left .contentlist li span {
	display:inline;
	float:left;
	width:230px;
	font-weight: bold;
	margin:0px 10px 0px 0px;
	padding:0 0 0 15px;
	}
#content_useful #useful_left .contentlist li p{
	display:inline;
	float:left;
	width:400px;
	margin: 0;
	}
#content_useful #useful_left .contentlist li.line2 {
	background:#ffffff;
	}
	
#content_useful #useful_left .contentlist.marutoku li span {
	background: url(../image/mrk_listarrow_or.gif) no-repeat 5px 3px;
	}
#content_useful #useful_left .contentlist.useful li span {
	background: url(../image/mrk_listarrow_bl.gif) no-repeat 5px 3px;
	}
#content_useful #useful_left .contentlist.other li span {
	background: url(../image/mrk_listarrow_pu.gif) no-repeat 5px 3px;
	}
/* -----------------------
 バナーBOX
----------------------- */	
#content_useful #useful_left ul.bnr_box {
	list-style:none;
	overflow:hidden;
	clear:both;
	width:672px;
	margin:0px 0px 20px;
	padding:0px;
	}
#content_useful #useful_left ul.bnr_box li {
	display:inline;
	float:left;
	margin:0px 6px;
	padding:0px;
	}

/* ---------------------------------------
 右側
--------------------------------------- */
#content_useful #useful_right dl {
	list-style:none;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px 7px 0px 17px;
	line-height:110%;
	letter-spacing:normal;
	}
#content_useful #useful_right dt {
	margin:0px 0px 3px 0px;
	padding:0px;
	text-align:left;
	}
#content_useful #useful_right dt a {
	display:block;
	width:150px;
	padding:43px 0px 0px 0px;
	}
#content_useful #useful_right dt span.con {
	display:block;
	padding:0px 0px 0px 10px;
	background:url(../image/mrk_listarrow_gb.gif) no-repeat 0 3px;
	}
#content_useful #useful_right dt#con_oheyakariyo {
	background:url(../image/bnr_con_oheyakariyo.gif) no-repeat 0 0;
	}
#content_useful #useful_right dt#con_oheyakariyo a:hover {
	background:url(../image/bnr_con_oheyakariyo.gif) no-repeat -170px 0;
	}
#content_useful #useful_right dt#con_faq {
	background:url(../image/bnr_con_faq.gif) no-repeat 0 0;
	}
#content_useful #useful_right dt#con_faq a:hover {
	background:url(../image/bnr_con_faq.gif) no-repeat -170px 0;
	}
#content_useful #useful_right dt#con_letter {
	background:url(../image/bnr_con_letter.gif) no-repeat 0 0;
	}
#content_useful #useful_right dt#con_letter a:hover {
	background:url(../image/bnr_con_letter.gif) no-repeat -170px 0;
	}
#content_useful #useful_right dt#con_kasou {
	background:url(../image/bnr_con_kasou.gif) no-repeat 0 0;
	}
#content_useful #useful_right dt#con_kasou a:hover {
	background:url(../image/bnr_con_kasou.gif) no-repeat -170px 0;
	}
#content_useful #useful_right dt#con_retirement {
	background:url(../image/bnr_con_retirement.gif) no-repeat 0 0;
	}
#content_useful #useful_right dt#con_retirement a:hover {
	background:url(../image/bnr_con_retirement.gif) no-repeat -170px 0;
	}
#content_useful #useful_right dd {
	margin:0px 0px 15px 0px;
	padding:0px;
	text-align:left;
	}

.center{
	clear:both;
	margin:0px auto;
	text-align:center;
}
.ta_center{
	clear:both;
	margin:0px auto;
	text-align:left;
}
.txt_left{
	text-align:left;
}