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

title : ホームメイト お部屋探しガイド
scope : ホームメイト賃貸Q&A

last modify : 2008/11/21 094_iwai

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

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.contents {
	width:870px;
	margin:0px auto;
	padding:0px;
	letter-spacing: 0.1em;
	font-size: 90%;
	}

/* ----------------------------------------------------------
 h1
---------------------------------------------------------- */
h1.ttl_cmn {
	background:url(../image_cmn/ttl_top.jpg) no-repeat 0 0;
	margin: 0px 0px 8px;
	}
p.gotop {
	display: block;
	float: right;
	width: 230px;
	height: 18px;
	margin: 0;
	}
p.gotop a{
	display: block;
	width: 230px;
	height: 18px;
	margin: 0;
	background:url(../image_cmn/btn_gotop.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
p.gotop a:hover {
	background:url(../image_cmn/btn_gotop.gif) no-repeat 0 -18px;
	}
	
/* ----------------------------------------------------------
 content_faq
---------------------------------------------------------- */
#content_faq {
	clear: both;
	width:840px;
	margin:0px auto;
	padding:0px;
	overflow: hidden;
	text-align: left;
	}

/* ----------------------------------------------------------
 トップページ
---------------------------------------------------------- */

#content_faq.top p{
	text-align: left;
	}
#content_faq.top h2 {
	clear: both;
	margin: 0;
	width: 840px;
	height: 44px;
	text-indent: -9999px;
	background: url(../image/ttl_question.gif) no-repeat 0 0;
	}
#content_faq.top ul.button {
	padding: 0px 0px 20px 0px;
	}
#content_faq.top ul.button li {
	display: inline;
	float: left;
	width: 395px;
	height: 104px;
	text-indent: -9999px;
	}
#content_faq.top ul.button li.top_q1 {
	background: url(../image/top_q1.jpg) no-repeat 0 0;
	margin:0 20px 20px 15px;
	}
#content_faq.top ul.button li.top_q2 {
	background: url(../image/top_q2.jpg) no-repeat 0 0;
	margin:0 0 20px 0;
	}
#content_faq.top ul.button li.top_q3 {
	background: url(../image/top_q3.jpg) no-repeat 0 0;
	margin:0 20px 20px 15px;
	}
#content_faq.top ul.button li.top_q4 {
	background: url(../image/top_q4.jpg) no-repeat 0 0;
	margin:0 0 20px 0;
	}
#content_faq.top ul.button li.top_q5 {
	background: url(../image/top_q5.jpg) no-repeat 0 0;
	margin:0 20px 20px 15px;
	}
#content_faq.top ul.button li a {
	display: block;
	width: 395px;
	height: 104px;
	}
#content_faq.top ul.button li.top_q1 a:hover {
	background: url(../image/top_q1.jpg) no-repeat 0 -104px;
	}
#content_faq.top ul.button li.top_q2 a:hover {
	background: url(../image/top_q2.jpg) no-repeat 0 -104px;
	}
#content_faq.top ul.button li.top_q3 a:hover {
	background: url(../image/top_q3.jpg) no-repeat 0 -104px;
	}
#content_faq.top ul.button li.top_q4 a:hover {
	background: url(../image/top_q4.jpg) no-repeat 0 -104px;
	}
#content_faq.top ul.button li.top_q5 a:hover {
	background: url(../image/top_q5.jpg) no-repeat 0 -104px;
	}
#content_faq.top p.end{
	clear: both;
	margin: 0px;
	width: 840px;
	}

/* ----------------------------------------------------------
 タブ
---------------------------------------------------------- */
#lst_tab {
	clear: both;
	width:840px;
	margin: 8px 0px 0px;
	}
#lst_tab ul{
	width:840px;
	overflow: hidden;
	height: 28px;
	margin: 0;
	padding: 0px 1px;
	list-style: none;
	}
#lst_tab ul.tab_faq{
	background: url(../question/image/bg_tab.gif) no-repeat 0 bottom;
	}	
#lst_tab ul.tab_faq li{
	display: block;
	float: left;
	width:162px;
	height: 28px;
	margin: 0px 2px 0px 0px;
	text-indent: -9999px;
	}
#lst_tab ul.tab_faq li a{
	display: block;
	width:162px;
	height: 27px;
	margin: 0
	}	
#lst_tab ul.tab_faq li.ttl_room{
	background: url(../question/image/lst_tab.gif) no-repeat 0 0;
	}
#lst_tab ul.tab_faq li.ttl_contract{
	background: url(../question/image/lst_tab.gif) no-repeat -162px 0;
	}
#lst_tab ul.tab_faq li.ttl_equipment{
	background: url(../question/image/lst_tab.gif) no-repeat -324px 0;
	}
#lst_tab ul.tab_faq li.ttl_leaving{
	background: url(../question/image/lst_tab.gif) no-repeat -486px 0;
	}
#lst_tab ul.tab_faq li.ttl_card{
	background: url(../question/image/lst_tab.gif) no-repeat -648px 0;
	}


#lst_tab ul.tab_faq li.ttl_room a{
	background: url(../question/image/lst_tab.gif) no-repeat 0 -28px;
	margin: 0;
	}
#lst_tab ul.tab_faq li.ttl_contract a{
	background: url(../question/image/lst_tab.gif) no-repeat -162px -28px;
	}
#lst_tab ul.tab_faq li.ttl_equipment a{
	background: url(../question/image/lst_tab.gif) no-repeat -324px -28px;
	}
#lst_tab ul.tab_faq li.ttl_leaving a{
	background: url(../question/image/lst_tab.gif) no-repeat -486px -28px;
	}
#lst_tab ul.tab_faq li.ttl_card a{
	background: url(../question/image/lst_tab.gif) no-repeat -648px -28px;
	}

#lst_tab ul.tab_faq li.ttl_room a:hover{
	background: url(../question/image/lst_tab.gif) no-repeat 0 -57px;
	}
#lst_tab ul.tab_faq li.ttl_contract a:hover{
	background: url(../question/image/lst_tab.gif) no-repeat -162px -57px;
	}
#lst_tab ul.tab_faq li.ttl_equipment a:hover{
	background: url(../question/image/lst_tab.gif) no-repeat -324px -57px;
	}
#lst_tab ul.tab_faq li.ttl_leaving a:hover{
	background: url(../question/image/lst_tab.gif) no-repeat -486px -57px;
	}
#lst_tab ul.tab_faq li.ttl_card a:hover{
	background: url(../question/image/lst_tab.gif) no-repeat -648px -57px;
	}


/* ----------------------------------------------------------
 コンテンツ
---------------------------------------------------------- */
#content_faq h2 {
	clear: both;
	width: 840px;
	height: 41px;
	margin: 0px;
	text-indent: -9999px;
	}

h2.ttl_room {
	background: url(../question/image/ttl_room.gif) no-repeat 0 -1px;
	}
h2.ttl_contract {
	background: url(../question/image/ttl_contract.gif) no-repeat 0 -1px;
	}
h2.ttl_equipment {
	background: url(../question/image/ttl_equipment.gif) no-repeat 0 -1px;
	}
h2.ttl_leaving {
	background: url(../question/image/ttl_leaving.gif) no-repeat 0 -1px;
	}
h2.ttl_card {
	background: url(../question/image/ttl_card.gif) no-repeat 0 -1px;
	}

p.read {
	margin: 10px 15px ;
	}
		
#content_faq .theme_box {
	clear:both;
	width:840px;
	margin:0;
	padding:20px 0px 20px 20px;
	background: url(../question/image/q_bg.gif) no-repeat 0 0;
	}
#content_faq .theme_box img.img_right{
	float:right;
	margin:0;
	padding:0 0px 20px 20px;
	}
#content_faq .theme_box img.img_left {
	float: left;
	margin: 0px;
	padding:0 20px 20px 0px;
	}
#content_faq .theme_box p{
	padding:10px 20px 20px 80px;
	margin:0 10px;
	}
#content_faq .theme_box p span{
	font-size: 110%;
	font-weight: bold;
	}
#content_faq .theme_box p span.middle{
	vertical-align:middle;
	}
#content_faq .theme_box p.text_q1{
	background: url(../question/image/q1.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_q2{
	background: url(../question/image/q2.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_q3{
	background: url(../question/image/q3.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_q4{
	background: url(../question/image/q4.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_q5{
	background: url(../question/image/q5.gif) no-repeat 0 0;
	}

#content_faq .theme_box p.text_a1{
	background: url(../question/image/a1.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_a2{
	background: url(../question/image/a2.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_a3{
	background: url(../question/image/a3.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_a4{
	background: url(../question/image/a4.gif) no-repeat 0 0;
	}
#content_faq .theme_box p.text_a5{
	background: url(../question/image/a5.gif) no-repeat 0 0;
	}
	
/* ----------------------------------------------------------
 ページ移動ボタン
---------------------------------------------------------- */
.pagemove_box {
	clear:both;
	margin: 20px auto 20px;
	padding:0px;
	text-align:center;
	}
.pagemove_box:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .pagemove_box             { zoom: 1; } /* IE6 */
*:first-child+html .pagemove_box { zoom: 1; } /* IE7 */
.pagemove_box p{
	width:auto;
	height:30px;
	padding:5px 0px;
	font-weight:bold;
	line-height:30px;
	}
.pagemove_box p.go_after{
	float:right;
	text-align:right;
	margin-right:20px;
	}
.pagemove_box p.go_after.f_none{
	float:none;
	width:150px;
	margin:0px auto;
	}
.pagemove_box p.go_before{
	float:left;
	text-align:left;
	margin-left:20px;
	}
.pagemove_box p.go_before.f_none{
	float:none;
	width:150px;
	margin:0px auto;
	}
.pagemove_box p.go_after a{
	display:block;
	padding:0px 40px 0px 0px;
	background:url(../image_cmn/ico_go_after.gif) no-repeat right center;
	}
.pagemove_box p.go_before a{
	display:block;
	padding:0px 0px 0px 40px;
	background:url(../image_cmn/ico_go_before.gif) no-repeat left center;
	}
.pagemove_box p.go_after a:hover{
	background:url(../image_cmn/ico_go_after_ov.gif) no-repeat right center;
	}
.pagemove_box p.go_before a:hover{
	background:url(../image_cmn/ico_go_before_ov.gif) no-repeat left center;
	}
/*.pagemove_box {
	position: relative;
	clear: both;
	height: 60px;
	margin: 40px 15px 0px;
	padding: 0;
	background:url(../image_cmn/bg_dot01.gif) repeat-x 0 0;
	}
.pagemove_box p{
	position: absolute;
	display: block;
	width: 55px;
	height: 30px;
	}
.pagemove_box p.go_after{
	top: 0px;
	left: 417px;
	}
.pagemove_box p.go_before{
	top: 0px;
	left: 297px;
	}
.pagemove_box p a{
	display: block;
	width: 95px;
	height: 30px;
	text-indent: -9999px;
	}
.pagemove_box p.go_after a{
	background:url(../image_cmn/go_after.gif) no-repeat 0 0;
	}
.pagemove_box p.go_after a:hover{
	background:url(../image_cmn/go_after.gif) no-repeat 0 -30px;
	}
.pagemove_box p.go_before a{
	background:url(../image_cmn/go_before.gif) no-repeat 0 0;
	}
.pagemove_box p.go_before a:hover{
	background:url(../image_cmn/go_before.gif) no-repeat 0 -30px;
	}*/