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

title : ホームメイトRoomSearch トップページ
scope : トップページ

last modify : 	2010/12/21 156_goto newsbox追加
				2009/10/08 041_ooba

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

/* ----------------------------------------------------------
 top
---------------------------------------------------------- */
#top {
	overflow:hidden;
	width:900px;
	margin:0px auto;
	padding:0px;
	}
	
#top_lead {
	width:900px;
	height:180px;
	margin:0px 0px 10px;
	padding:0px;
	background:url(../image/top_bg_lead.jpg) no-repeat 0 0;
	text-indent:-10000px;
	}
	
/* ----------------------------------------------------------
 top_main
---------------------------------------------------------- */
#top_main {
	float:left;
	width:620px;
	margin:0px 15px 0px 0px;
	padding:0px;
	}
	
/* ホームメイトRoomSearchのメリット-------- */
#service {
	width:620px;
	height:270px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:url(../image/top_bg_service.jpg) no-repeat 0 0;
	}
#service h2 {
	width:620px;
	height:54px;
	text-indent:-10000px;
	}
#service dl {
	list-style:none;
	width:580px;
	height:160px;
	margin:0px 20px;
	text-indent:-10000px;
	}
#service dl dt,
#service dl dd {
	display:none;
	}
#service p#btn_service {
	display:inline;
	float:right;
	width:340px;
	height:45px;
	margin:1px 20px 0px 0px;
	background:url(../image/top_btn_service.jpg) no-repeat 0 0;
	text-indent:-10000px;
	}
#service p#btn_service a {
	display:block;
	width:340px;
	height:35px;
	background:url(../image/top_btn_service.jpg) no-repeat 0 0;
	}
#service p#btn_service a:hover {
	background:url(../image/top_btn_service.jpg) no-repeat 0 -45px;
	}
	
/* 登録・ご利用までの流れ -------- */	
#flow {
	overflow:hidden;
	width:620px;
	margin:0px;
	padding:0px;
	background:url(../image/top_bg_flow.gif) no-repeat left bottom;
	}
#flow h2 {
	width:620px;
	height:33px;
	margin:0px 0px 10px 0px;
	background:url(../image/top_ttl_flow.gif) no-repeat 0 0;
	text-indent:-10000px;
	}
#flow dl {
	position:relative;
	overflow:hidden;
	width:620px;
	margin:0px 0px 10px 0px;
	background:url(../image/top_lst_flow.gif) no-repeat 0 0;
	}
#flow dl dt {
	float:left;
	width:158px;
	height:70px;
	margin:0px 5px 0px 0px;
	padding:0px;
	text-indent:-10000px;
	}
#flow dl dt#flowttl01 {
	position:absolute;
	top:0px;
	left:0px;
	}
#flow dl dt#flowttl02 {
	position:absolute;
	top:0px;
	left:158px;
	}
#flow dl dt#flowttl03 {
	position:absolute;
	top:0px;
	left:316px;
	}
#flow dl dt#flowttl04 {
	position:absolute;
	top:35px;
	left:481px;
	width:131px;
	height:131px;
	background:url(../image/top_flow_start.gif) no-repeat 0 0;
	}
#flow dl dd {
	display:inline-block;
	float:left;
	width:158px;
	margin:70px 0px 0px 0px;
	padding:0px;
	}
#flow dl dd#flow04 {
	display:none;
	}
#flow dl dd p {
	margin:5px 20px 0px 10px;
	font-size:80%;
	text-align:left;
	}
	
/* ----------------------------------------------------------
 top_right
---------------------------------------------------------- */
#top_right {
	float:right;
	width:265px;
	margin:0px;
	padding:0px;
	}
	
/* ログイン -------- */	
#login {
	overflow:hidden;
	width:265px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:url(../image/top_bg_login.gif) repeat-y 0 0;
	}
#login h2 {
	width:265px;
	height:50px;
	background:url(../image/top_ttl_login.gif) no-repeat 0 0;
	text-indent:-10000px;
	}
#login dl {
	overflow:hidden;
	width:240px;
	height:50px;
	margin:0px auto 0px auto;
	padding:0;
	}
#login dl dt {
	float:left;
	width:75px;
	height:26px;
	margin:0px;
	padding:0px;
	text-indent:-10000px;
	}
#login dl dt#login_id {
	background:url(../image/top_ttl_idpw.gif) no-repeat 0 0;
	}
#login dl dt#login_pw {
	background:url(../image/top_ttl_idpw.gif) no-repeat 0 -26px;
	}
#login dl dd {
	float:left;
	width:165px;
	height:26px;
	margin:0px;
	padding:0px;
	}
#login dl dd input {
	float:left;
	width:160px;
	}
#login #err_msg {
	clear:both;
	margin:5px 20px 7px 20px;
	padding:0px;
	color:#FF0000;
	font-size:85%;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:110%;
	}
#login p#memory {
	clear:both;
	margin:0px auto 0 auto;
	width:250px;
	font-size:80%;
	text-align:left;
	line-height:100%;
	padding:0;
	letter-spacing:0.1em;
	text-align:center;
	}
#login p#memory input {
	display:inline-block;
	/*float:left;*/
	width:15px;
	height:15px;
	margin:0px 5px 0px 0px;
	padding:0;
	vertical-align:middle;
	}
#login p#memory input label {
	margin:5px 0px 0px 0px;
	}
#login p#btn_login {
	clear:both;
	width:130px;
	height:31px;
	margin:12px auto 0px;
	background:url(../image/top_btn_login.gif) no-repeat 0 0;
	text-indent:-10000px;
	}
#login p#btn_login a {
	display:block;
	width:130px;
	height:28px;
	background:url(../image/top_btn_login.gif) no-repeat 0 0;
	}
#login p#btn_login a:hover {
	background:url(../image/top_btn_login.gif) no-repeat 0 -31px;
	}
#login p#idpw_help {
	width:265px;
	padding:10px 0px 15px;
	background:url(../image/top_bg_idpwhelp.gif) no-repeat left bottom;
	text-indent:-10000px;
	}
#login p#idpw_help a {
	display:block;
	width:183px;
	height:17px;
	margin:0px auto;
	background:url(../image/top_btn_idpwhelp.gif) no-repeat 0 0;
	}
#login p#idpw_help a:hover {
	background:url(../image/top_btn_idpwhelp.gif) no-repeat 0 -17px;
	}
	
/* 会員登録 -------- */	
#regist {
	overflow:hidden;
	width:265px;
	height:120px;
	margin:0px;
	padding:0px;
	background:url(../image/top_bg_regist.gif) no-repeat 0 0;
	}
#regist h2 {
	width:265px;
	height:41px;
	background:url(../image/top_ttl_regist.gif) no-repeat 0 0;
	text-indent:-10000px;
	}
#regist p#btn_regist {
	width:162px;
	height:40px;
	margin:0px auto 9px;
	text-indent:-10000px;
	}
#regist p#btn_regist a {
	display:block;
	width:162px;
	height:40px;
	background:url(../image/top_btn_regist.gif) no-repeat 0 0;
	}
#regist p#btn_regist a:hover {
	background:url(../image/top_btn_regist.gif) no-repeat 0 -40px;
	}
#regist p#regist_inq {
	width:255px;
	height:25px;
	margin:0px auto;
	text-indent:-10000px;
	}
#regist p#regist_inq a {
	display:block;
	width:255px;
	height:25px;
	background:url(../image/top_txt_regist.gif) no-repeat 0 0;
	}
#regist p#regist_inq a:hover {
	background:url(../image/top_txt_regist.gif) no-repeat 0 -25px;
	}
	
/* バナーBOX -------- */	
ul#banner_box {
	list-style:none;
	/*overflow:hidden;*/
	width:265px;
	/*height:150px;*/
	}
ul#banner_box li {
	width:265px;
	height:60px;
	margin:10px 0px 0px 0px;
	text-indent:-10000px;
	}
ul#banner_box li a {
	display:block;
	width:265px;
	height:60px;
	}
ul#banner_box li#bnr_hm a {
	background:url(../image/top_bnr_hm.jpg) no-repeat 0 0;
	}
ul#banner_box li#bnr_hm a:hover {
	background:url(../image/top_bnr_hm.jpg) no-repeat 0 -60px;
	}
ul#banner_box li#bnr_token a {
	background:url(../image/top_bnr_token.jpg) no-repeat 0 0;
	}
ul#banner_box li#bnr_token a:hover {
	background:url(../image/top_bnr_token.jpg) no-repeat 0 -60px;
	}
ul#banner_box li#bnr_intermediate {
	margin:5px 0px 0px 0px;
	height:70px;
	}
ul#banner_box li#bnr_intermediate a {
	height:70px;
	background:url(../image/top_bnr_intermediate.jpg) no-repeat 0 0;
	}
ul#banner_box li#bnr_intermediate a:hover {
	background:url(../image/top_bnr_intermediate.jpg) no-repeat 0 -70px;
	}
/* ----------------------------------------------------------
 ニュース
---------------------------------------------------------- */
#newsbox{
	width:900px;
	margin:15px auto 15px;
	padding:0px 0px 8px;
	background:url(../image/top_news_b.jpg) no-repeat center bottom;
	}
#newsbox p{
	margin:0px;
	padding:15px 25px 5px 40px;
	background:url(../image/top_news_t.jpg) no-repeat center top;
	text-indent:1.3em;
	text-align:left;
	font-size:80%;
	line-height:1.4;
	}