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

title : ホームメイトブログ
scope : トップページ

last modify : 2009/03/26 091_goto
memo  : 

========================================================== */
body {
	font-size:80%;
	text-align:left;
	}
	
#flashbox {
	width:645px;
	height:320px;
	margin:0px 0px 20px 19px;
	padding:0px;
	}
	
/*-----------------------------------------------
 __h2
-----------------------------------------------*/
/*過去の記事を読む*/
#kijibox{
	position:relative;
	width:659px;
	height:54px;
	}
#kijibox p{
	position:absolute;
	bottom:2px;
	right:5px;
	margin:0px;
	padding:0px 0px 0px 20px;
	background: url(../image/ico_past.gif) no-repeat left center;
	}
h2 {
	width:645px;
	height:33px;
	margin:15px 0px 5px 19px;
	text-indent:-9999px;
	}
#ttl_whatsnew {
	position:absolute;
	top:0px;
	left:19px;
	margin:0px;
	background: url(../image/ttl_whatsnew.gif) no-repeat;
	}
#ttl_ranking {
	background: url(../image/ttl_ranking.gif) no-repeat;
	}
#ttl_search_region {
	background: url(../image/ttl_search_region.gif) no-repeat;
	}

/*-----------------------------------------------
 __最新記事
-----------------------------------------------*/
#whatsnew {
/*	overflow: hidden;*/
	width:645px;
	margin:3px 0px 0px 19px;
	}
#whatsnew p#whatsnewitem {
	display:block;
	width:645px;
	height:23px;
	background: url(../image/ttl_whatsnewitem.gif) no-repeat;
	text-indent:-9999px;
	}
.whatsnewbox {
	clear:both;
	width:645px;
	margin:0px 0px 0px;
	height:27px;
	background: url(../image/dotted_01.gif) no-repeat left 26px;
	text-align:left;
	}
.whatsnewbox p {
	float:left;
	line-height:1.6;
	font-weight:bold;
	}
.whatsnewbox p.blogdate {
	width:90px;
	padding:3px 0px 3px 8px;
	letter-spacing:-0.08px;
	}
.whatsnewbox p.blogtitle {
	width:305px;
	padding:3px 0px 3px 8px;
	}
.whatsnewbox p.blogshop {
	width:225px;
	font-weight:normal;
	padding:3px 0px 3px 8px;
	}
	
/*-----------------------------------------------
 __ランキング
-----------------------------------------------*/
#ranking {
	width:625px;
	height:318px;
	margin:10px 0px 0px 29px;
	padding:0px;
	background: url(../image/bg_rankingbox.gif) no-repeat center top;
	}
/*--1位_2位--*/
#rank1 {
	width:625px;
	height:60px;
	margin:0px;
	padding:0px;
	}
#rank2 {
	width:625px;
	height:58px;
	margin:0px;
	padding:0px;
	}
#rank1 dl,#rank2 dl{
	position:relative;
	width:625px;
	margin:0px;
	padding:0px;
	}
#rank1 dl dt,#rank2 dl dt{
	position:absolute;
	top:0px;
	left:0px;
	width:125px;
	height:58px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	}
#rank1 dd,#rank2 dd {
	position:absolute;
	top:4px;
	left:125px;
	width:500px;
	margin:0px;
	padding:0px;
	}
#rank1 dd .shopdata,#rank2 dd .shopdata {
	float:right;
	width:419px;
	margin:0px;
	padding:10px 0px 0px;
	text-align:left;
	}
#rank1 dd .shopdata p,#rank2 dd .shopdata p {
	margin:0px;
	padding:0px 0px 0px 3px;
	}
#rank1 dd .shopphoto,#rank2 dd .shopphoto {
	float:left;
	width:66px;
	height:50px;
	margin:0px;
	padding:0px;
	}
/*--3位_10位--*/
#rank3 {
	position:relative;
	width:625px;
	margin:0px;
	padding:0px;
	}
#rank3 dl {
	width:585px;
	margin:0px;
	padding:0px 0px 0px 40px;
	line-height:1.25;
	}
#rank3 dl dt {
	clear:both;
	float:left;
 width:45px;
	margin:0px;  
 padding:6px 0 3px 0px;     
 font-weight:bold;
	text-align:right;
	}
#rank3 dl dt span#rank10 {
	margin-left:-9px;  
	}
#rank3 dl dd {
 width:525px;
 margin-left:50px;   
 padding:0px;   
	}
#rank3 dl dd p.city{
	float:left;
 width:100px;   
 margin:0px;   
 padding:6px 0px 3px 15px;
	}
#rank3 dl dd p.shopname{
	float:right;
 width:395px;   
 margin:0px;   
 padding:6px 10px 3px 0px;
	text-align:left;
	}
	
/*-----------------------------------------------
 __都道府県検索
-----------------------------------------------*/
.regionbox {
	clear:both;
	width:645px;
	height:20px;
	margin:10px 0px 0px 19px;
	letter-spacing:-0.8px;
	}
.regionbox dl {
	float:left;
	padding-left:10px;
	}
.regionbox dt {
	float:left;
	font-weight:bold;
	}
.regionbox dd {
	float:left;
	}
.regionbox dd ul {
	float:left;
	margin-left:5px;
	padding-left:7px;
	background: url(../image/kakko_l.gif) no-repeat left center;
	}
.regionbox dd ul li {
	float:left;
	padding-left:2px;
	padding-right:9px;
	background: url(../image/kakko_m.gif) no-repeat right center;
	}
.regionbox dd ul li.li_end {
	padding-right:9px;
	background: url(../image/kakko_r.gif) no-repeat right center;
	}
.larger {
	letter-spacing:1px;
	font-weight:bold;
	font-size:107%;
	}

/*-----------------------------------------------
 __R_物件タイプ別ブログ
-----------------------------------------------*/
.toppage .r_box.dirbox {
	margin:0px 0px 19px;
	padding:0px;
	border-bottom:solid #fc84a7 5px;
	}
.r_box.dirbox {
	margin:0px 0px 10px;
	padding:0px;
	border-bottom:solid #fc84a7 5px;
	}
.r_box.dirbox dt {
	width:210px;
	margin:0px;
	padding:0px;
	background: url(../image/ttl_dirbox.gif) no-repeat;
	}
.r_box.dirbox dd {
	width:210px;
	margin:0px;
	padding:0px;
	background: url(../image/bg_r_box.jpg) repeat-y;
	}
.r_box.dirbox dd ul {
	margin:0px;
	padding:2px 0px 8px 19px;
	}
.r_box.dirbox dd ul li {
	height:20px;
	padding:2px 0px 0px 25px;
	}
.marutoku {
	background: url(../image/ico_marutoku.gif) no-repeat;
	}
.new {
	background: url(../image/ico_new.gif) no-repeat;
	}
.station {
	background: url(../image/ico_station.gif) no-repeat;
	}
.alone {
	background: url(../image/ico_alone.gif) no-repeat;
	}
.family {
	background: url(../image/ico_family.gif) no-repeat;
	}
.monthly {
	background: url(../image/ico_monthly.gif) no-repeat;
	}
.gardening {
	background: url(../image/ico_gardening.gif) no-repeat;
	}
.pet {
	background: url(../image/ico_pet.gif) no-repeat;
	}
.senior {
	background: url(../image/ico_senior.gif) no-repeat;
	}
.security {
	background: url(../image/ico_security.gif) no-repeat;
	}
.designers {
	background: url(../image/ico_designers.gif) no-repeat;
	}
.reform {
	background: url(../image/ico_reform.gif) no-repeat;
	}

/*-----------------------------------------------
 __R_ホームメイトでお部屋探し
-----------------------------------------------*/
.r_box.hmsearch {
/*	margin-top:19px;*/
	margin-bottom:10px;
	padding:0px;
	height:373px;
	background: url(../image/bg_hmsearch.gif) no-repeat left bottom;
	}
.hmsearch dt {
	margin:0px;
	padding:0px;
	background: url(../image/ttl_hmsearch.gif) no-repeat;
	}
.hmsearch dd ul {
	width:168px;
	margin:0px auto;	
	}
.hmsearch dd ul li{
	width:168px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:1px;
	}
.hmsearch dd ul li a {
	display:block;
	width:168px;
	height:34px;
	}
.hmsearch dd ul li#btn_s_area{
	background: url(../image/btn_s_area.gif) no-repeat;
	}
.hmsearch dd ul li#btn_s_area a:hover {
	background: url(../image/btn_s_area_ov.gif) no-repeat;
	}
.hmsearch dd ul li#btn_s_rail{
	background: url(../image/btn_s_rail.gif) no-repeat;
	}
.hmsearch dd ul li#btn_s_rail a:hover {
	background: url(../image/btn_s_rail_ov.gif) no-repeat;
	}
.hmsearch dd ul li#btn_s_school{
	background: url(../image/btn_s_school.gif) no-repeat;
	}
.hmsearch dd ul li#btn_s_school a:hover {
	background: url(../image/btn_s_school_ov.gif) no-repeat;
	}
.hmsearch dd ul li#btn_s_shop{
	background: url(../image/btn_s_shop.gif) no-repeat;
	}
.hmsearch dd ul li#btn_s_shop a:hover {
	background: url(../image/btn_s_shop_ov.gif) no-repeat;
	}
.hmsearch dd p {
	width:168px;
	height:51px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	}
.hmsearch dd#btn_homematesite a {
	display:block;
	overflow:hidden;
	margin:4px auto 0px;
	width:168px;
	height:116px;
	background: url(../image/img_homemate.jpg) no-repeat 0px 0px;
	text-indent:-9999px;
	}
.hmsearch dd#btn_homematesite a:hover {
	background: url(../image/img_homemate.jpg) no-repeat 0px -116px;
	}

/*-----------------------------------------------
 __R_バナー
-----------------------------------------------*/
.banner a {
	display:block;
	overflow:hidden;
	width:210px;
	height:100px;
	margin-bottom:10px;
	text-indent:-9999px;
	}
.bn_keitai a {
	height:100px;
	background: url(../image/img_banner01.jpg) no-repeat 0px 0px;	
	}
.bn_keitai a:hover {
	height:100px;
	background: url(../image/img_banner01.jpg) no-repeat 0px -100px;	
	}
.bn_hm_cm a {
	background: url(../image/img_banner02.jpg) no-repeat 0px 0px;	
	}
.bn_hm_cm a:hover {
	background: url(../image/img_banner02.jpg) no-repeat 0px -100px;	
	}

/*-----------------------------------------------
 __R_ブログパーツ
-----------------------------------------------*/
.parts_main {
	margin: 0px;
	padding:0px;
	border-top:solid #fc84a7 5px;
	border-bottom:solid #fc84a7 5px;
	background: url(../image/bg_r_box.jpg) repeat-y;
	}
#imgparts {
	width: 200px;
	height: 200px;
	margin: 10px auto 0px;
	padding: 0px;
	text-align:center;
	}
#sourse {
	width: 190px;
	margin: 10px auto 0px;
	padding: 0px;
	background: url(../image/back_source.gif) no-repeat 0 0;
	font-size:115%;
	color:#666666;
	}
p.note_source {
	width: 190px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	background: url(../image/txt_source.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
p.kome_source {
	width: 170px;
	padding:0px 5px 10px 15px;
	margin: 0px auto 0px;
	font-size: 80%;
	background: url(../image/kome.gif) no-repeat 2px 7px;
	}
#sourse textarea {
	width: 187px;
	height: 65px;
	line-height:120%;
	margin: 0px auto 10px;
	padding: 0px;
	font-size: 82%;
	scrollbar-face-color: #ededed;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-arrow-color: #333333;
	}