@charset "utf-8";

/* ハウスショップモール */
/* 素適住生活研究所 */


/* Default style clear------------------------------------------- */
@import "../../css/normal.css";
/* -------------------------------------------Default style clear */

/* googlemap ---------------------------------------------------- */

p.gMapCom{
	font-weight:bold;
	font-size:90%;
	padding-bottom:3px;
}

p.gMapAdd{
	font-size:80%;
	padding-bottom:3px;
	padding-left:10px;
}

p.gMapTel{
	font-size:80%;
	padding-bottom:3px;
	padding-left:10px;
	font-weight:bold;
}







/* ---------------------------------------------------- googlemap */

/* HOMEレイアウト------------------------------------------------- */

#country{
	width:800px;
	float:left;
}
#pref{
	width:125px;
	float:right;
	font-size:80%;


}

#sitemap{
	text-align:right;
	margin:30px 0 20px 0;

}

#event{
	width:650px;
	float:left;
	margin:0 0 30px 0;
}
#update{
	width:200px;
	float:right;
	margin:0 0 30px 0;
}


/*------------------------------------------------- HOMEレイアウト */



/* sub内のボタン設定------------------------------------------------- */

/*ボタンの大きさ指定（block）*/

#sub ul{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	border-top:1px solid #cccccc;
	width:153px;
}

#sub li{
	margin:0;
	padding:0;
	font-size:80%;
	border-bottom:1px solid #cccccc;
	background:#4A922E url(../images/list_marker_white.gif) left center no-repeat;
}
#sub ul li a{
	background:#ffffff url(../images/list_marker_red.gif) left center no-repeat;
	padding:7px 0 7px 10px;
	display:block;
	width:153px !important;
	width /**/:140px;
	color:#000000;
	text-decoration:none;
}

#sub a:hover{
	color:#ffffff;
	background-image:none;
	background-color:transparent;
}





/* --------------------------------------------------sub内のボタン設定*/





/* 県別タイトル------------------------------------------------- */

.builder_title01{
	width:281px;
	float:left;
	clear:both;
	}

.builder_title02{
	width:440px;
	height:95px;
	float:right;
	border:3px solid #9abf5f;
	}

ul.inc_pref li{
	float:left;
	line-height:10px;
}

h2{
	font-size:80%;
	line-height:120%;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}



p.title_s{
	background-color:#9abf5f;
	height:25px;
	line-height:25px;
	padding-left:5px;
	font-size:100%;
	color:#006600;
}




/* -------------------------------------------------県別タイトル */




/* 地図から工務店を検索（googlemap）---------------------------- */

.map_mark{
	width:120px;
	float:left;
	margin-top:30px;
	}

#map{
	width:600px;
	height:350px;
	margin-top:30px;
	float:right;
}



/* ----------------------------地図から工務店を検索（googlemap） */

/* ピンポイント検索（エリア検索）------------------------------- */

.pinpoint_mark{
	float:left;
	margin-bottom:50px;

	}

.pinpoint_comment{
	width:480px;
	float:right;
	}

.pinpoint_smile{
	float:right;
	padding-right:10px;
	}




/* -------------------------------ピンポイント検索（エリア検索） */

/* 掲載工務店リスト--------------------------------------------- */

.builder_mark{
	float:left;
	margin-bottom:20px;
	}

.builder_comment{
	width:600px;
	float:right;
	}

table.builder_list td{
	padding:10px;
	vertical-align:top;
}

table.builder_list th{
	padding:10px;
	vertical-align:top;
	width:400px;
}



h3{
	font-size:110%;
	border-left:5px solid #9abf5f;
	border-bottom:1px solid #9abf5f;
	padding:7px 0px 7px 10px;
	font-weight:bold;
	clear:both;
	background-color:#ffffdf;
	margin-bottom:15px;
	margin-top:30px;
}





/* ---------------------------------------------掲載工務店リスト */



/*---------------------20091118追加分------------------------------------------*/



/* 全国工務店リスト */
.all_pref{
	text-align:left;
	width:720px;
	margin-top:15px;
	margin-bottom:15px;
}
p.area_pf{
	font-size:80%;
	float:left;
	padding:2px 3px 2px 3px;
}

br.cr{
	clear:both;
}


.area_s{
	margin-top:50px;
}

.area_ss{
	width:120px;
	font-size:80%;
	height:20px;
	text-align:center;
	line-height:20px;
	margin-bottom:5px;
	margin-right:5px;
	float:left;
	border:1px solid #cccccc;
}


/* 全国工務店リスト */


p.pref_inc{
	padding-bottom:5px;
	clear:both;
}






/* googlemap付近のレイアウト */





.hsm_map{
	width:765px;
}

.hsm_map_l{
	width:120px;
	float:left;
	margin-left:10px;
	padding-bottom:25px;
}

.hsm_map_r{
	width:600px;
	float:right;
	margin-right:20px;
	padding-bottom:25px;
}

p.cho{
	padding-top:30px;
}


/* 工務店１社のcss */

.bl_list{
	clear:both;
}

.bl{
	width:735px;
	clear:both;

}

.bl_pict{
	width:118px;
	float:left;
	padding-bottom:20px;
}

.bl_pict img{
	border:1px solid #cccccc;
	padding:3px;
}




.bl_text{
	width:400px;
	float:left;
	margin-left:15px;
	padding-bottom:20px;

}
.bl_samp{
	width:182px;
	float:right;
	padding-bottom:20px;
	margin-right:10px;
}

/*工務店名*/
h4{
	font-weight:bold;
	padding:5px 0 5px 10px;
}

/*特徴*/
p.point{
	background-color:#264B96;
	padding-left:5px;
	line-height:20px;
	height:20px;
	font-size:80%;
	color:#ffffff;
}


/*住所*/
p.add{
	padding-left:10px;
	font-size:80%;
	font-weight:normal;
}

/*電話番号*/
p.phone{
	font-weight:bold;
	background-image:url(../images/mark_tel.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:22px;
	padding-left:25px;
	line-height:22px;
	margin-top:5px;
	margin-left:10px;
	border-bottom:1px dotted #cccccc;
}


/* 工務店１社のcss */


/* リンクが２つある場合 */

p.WLink{
	font-size:80%;
	
}

/*20100818追加*/

.sitemapPref{
	font-size:100%;
	border:1px solid #92C73F;
	height:35px;
	line-height:35px;
	padding-left:10px;
	font-weight:bold;
	background-color:#C9E59C;
}

h3.sitemapH3{
	margin-top:10px;
}

.sitemapGR{
	margin-bottom:25px;
	width:800px;
	margin-left:50px;
}

p.sitemapUpdate{
	font-size:80%;
	margin-top10px;
	margin-bottom:20px;
	margin-right:35px;
	text-align:right;
}
/*20100818追加*/