@charset "utf-8";


/*

information {
	ファイル名: /css/top.css;
	概要: トップページのスタイルを設定する。;
	}
*/


/* Contents
--------------------------------------------------------------------------

	1 : カンタン査定
	2 : 住み替え／売却査定
	3 : 注目のキーワードから探す
	4 : 売り出し事例をもとに相場をチェック
	5 : 不動産会社を選ぶ
	6 : 物件種別・エリアから探す
	7 : 会社一覧
	8 : 左ナビゲーション
	8 : 右ナビゲーション（20100910追加）

--------------------------------------------------------------------------
*/


/* ***********************************************************************
	1 : カンタン査定
*********************************************************************** */

#main #asses_box {
	height: 162px;
	margin-top: 8px;
	margin-bottom: 23px;
	background: url(../img/content/asses_box_bg.gif) left top no-repeat;		
	}
#main #asses_ttl {
	position: relative;
	float: left;
	width: 211px;
	}
#main #asses_box fieldset {
	float: right;
	width: 579px;
	margin: 0px;
	padding: 22px 0px 15px;
	}

#main #asses_ttl h2 {
	position: absolute;
	top: 28px;
	left: 26px;
	display: block;
	width: 133px;
	height: 59px;
	}
#main #asses_ttl p {
	position: absolute;
	top: 95px;
	left: 29px;
	width: 135px;
	color: #FFF;
	line-height: 1.3em;
	}

#main #asses_box fieldset p#fttl {
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
/*	margin-bottom: 16px;	*/
	margin-bottom: 8px;
	}
#asses_box .inner {
	text-align: center;
/*	margin-bottom: 12px;	*/
	margin-bottom: 6px;
	}

#asses_box .inner p {
	display: inline;
	}
#asses_box .inner input#zip01,
#asses_box .inner input#zip02 {
	width: 45px;
	margin-left: 3px;
	}
#asses_box .inner p.or {
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0px 10px;
	}
#asses_box .inner select {
	width: 145px;
	margin-right: 15px;
	}

#asses_box .btn00 {
	text-align: center;
	}
#asses_box .btn00 p {
	display: inline-block;
	}

#asses_box .btn00 a {
	text-indent: -9999px;
	display: block;
	width: 219px;
	height: 48px;
	background: url(../img/content/btn00.gif) left top no-repeat;
	}
#asses_box .btn00 a:hover {background-position: 0 -48px; }




/* ***********************************************************************
	2 : 住み替え／売却査定
*********************************************************************** */

#center #rehouse_box {
	border-top: 1px dotted #999;
	margin-bottom: 30px;
	}

#center #rehouse_box dl {
	padding: 4px 0px;
	border-bottom: 1px dotted #999;
	}
#center #rehouse_box dt,
#center #rehouse_box dd,
#center #rehouse_box dd li {
	float: left;
	}

#center #rehouse_box dt {
	display: block;
	width: 115px;
	height: 28px;
	}
#center #rehouse_box #rehouse dt {
	background: url(../img/content/sttl_rehouse.gif) left top no-repeat;
	}
#center #rehouse_box #clearasses dt {
	background: url(../img/content/sttl_clearasses.gif) left top no-repeat;
	}

#center #rehouse_box dd ul {
	margin-top: 5px;
	}
#center #rehouse_box dd li {
	font-size: 1.16em;
	line-height: 1.1em;
	padding: 0px 15px;
	}
#center #rehouse_box dd li.line {
	background: url(../img/content/line02.gif) right center no-repeat;
	}
#center #rehouse_box dd li a {
	padding-left: 15px;
	background: url(../img/content/arrow_block.gif) left center no-repeat;
	}
#center #rehouse_box .lead {
	line-height: 1.3;
	padding-top: 3px;
}
#center #rehouse_box .rehouse_prtext {
	line-height: 1.3;
	padding-top: 5px;
}

/* ***********************************************************************
	3 : 注目のキーワードから探す
*********************************************************************** */

#center #keyword_box {
	margin-bottom: 30px;
	}

#center #keyword_box ul {
	margin-bottom: 10px;
	}
#center #keyword_box li {
	float: left;
	font-size: 1.16em;
	line-height: 1.1em;
	margin-left: 7px;
	padding-right: 7px;
	background: url(../img/content/line01.gif) right center no-repeat;
	}
#center #keyword_box li.ml0 {
	margin-left: 0px;
	}
#center #keyword_box li.none {
	background: none;
	}


/* ***********************************************************************
	4 : 売り出し事例をもとに相場をチェック
*********************************************************************** */

#center #price_box {
	margin-bottom: 30px;
	}
#center #price_box fieldset {
	padding: 0;
	margin: 0;
	}
#center #price_box #formarea {
	position: relative;
	height: 156px;
	margin-bottom: 5px;
	background: url(../img/content/price_box_bg.gif) left top no-repeat; 
	}
#center #price_box #pb_left {
	position: absolute;
	top: 11px;
	left: 40px;
	width: 290px;
	}
#center #price_box #pb_right {
	position: absolute;
	top: 11px;
	left: 350px;
	width: 240px;
	text-align: center;
	}


#center #price_box #pb_left dt {
	float: left;
	width: 70px;
	font-weight: bold;
	}
#center #price_box #pb_left dd {
	float: right;
	width: 220px;
	}
#center #price_box #pb_left select {
	width: 160px;
	}
#center #price_box #pb_left dt {
	line-height: 2.65em;
	}
#center #price_box #pb_left dd {
	margin: 6px 0px 4px;
	}


#center #price_box #pb_right p {
	margin: 4px 0px;
	}
#center #price_box #pb_right p#pr_ttl {
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 7px;
	}
#center #price_box #pb_right span {
	font-size: 2em;
	font-weight: bold;
	}
#center #price_box #pb_right input {
	font-size: 2em;
	font-weight: bold;
	width: 20px;
	height: 30px;
	text-align: center;
	}
#center #price_box #pb_right p#pr_btn {
	display: inline-block;
	}
#center #price_box #pb_right p#pr_btn a {
	text-indent: -9999px;
	display: block;
	width: 152px;
	height: 41px;
	background: url(../img/content/btn05.gif) left top no-repeat;
	}
#center #price_box #pb_right p#pr_btn a:hover {background-position: 0 -41px;}


/* 位置の微調整
---------------------*/
html:not(:target) #price_box #pb_left dd label { /* firefox,Opera.Chrome */
	position: relative;
	top: 2px;
	}
#center #price_box #pb_right input {
	vertical-align: baseline;
	}



/* テキストパターン
-------------------------*/
#center #price_box #pb_right p#noitem{
	color: #F00;
	font-size: 1.33em;
	font-weight: bold;
	margin-top: 50px;
	}



#center #price_box .notes p {
	line-height: 1.3em;
	margin-top: 3px;
	padding-left: 15px;
	background: url(../img/content/notes_index02.gif) 0px 2px no-repeat;
	}





/* ***********************************************************************
	5 : 不動産会社を選ぶ
*********************************************************************** */

#center #agent_box {
	margin-bottom: 30px;
	}
#center #agent_box dl {
	margin-bottom: 10px;
	}
#center #agent_box dt {
	float: left;
	display: block;
	width: 100px;	
	text-indent: -9999px;
	margin-right: 15px;
	}
#center #agent_box dd {
	float: left;
	}
#center #agent_box #abox01 dt {
	width: 100px;
	height: 54px;
	background: url(../img/content/ab_ttl01.gif) left top no-repeat;
	}
#center #agent_box #abox02 dt {
	width: 100px;
	height: 85px;
	background: url(../img/content/ab_ttl02.gif) left top no-repeat;
	}


#center #agent_box #abox01 dd {
	margin-top: 2px;
	}
#center #agent_box #abox01 li {
	float: left;
	font-size: 1.16em;
	line-height: 1.3em;
	margin: 4px 0px;
	}
#center #agent_box #abox01 li a {
	margin-right: 9px;
	padding-right: 9px;
	background: url(../img/content/line01.gif) right center no-repeat;
	}
#center #agent_box #abox01 li.none a {
	background: none;
	}



#center #agent_box #abox02 ul.tab01 {
	width: 473px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
#center #agent_box #abox02 ul.tab02 {
	width: 453px;
	border: 1px solid #ccc;
	border-top: none;
	padding: 13px 10px;
	}
#center #agent_box #abox02 li {
	float: left;
	line-height: 1.25em;
	}
#center #agent_box #abox02 .tab01 li {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f3f3f3;
	padding: 13px 8px 13px 9px;
	}

#center #agent_box #abox02 .tab01 li.none {
	border-right: none;
	}
#center #agent_box #abox02 .tab01 li.act {
	border-bottom: none;
	background: #FFF;
	}
#center #agent_box #abox02 .tab02 li {
	margin-right: 9px;
	padding-right: 9px;
	background: url(../img/content/line01.gif) right center no-repeat;
	}



*html #center #agent_box #abox02 .tab01 li {padding: 13px 8px;}
*html #center #agent_box #abox02 ul.tab01 {width: 467px;}
*html #center #agent_box #abox02 ul.tab02 {width: 467px;}




/* ***********************************************************************
	6 : 物件種別・エリアから探す
*********************************************************************** */

#center #type_box {
	margin-bottom: 30px;
	}
#center #type_box #tbox01 {
	margin-bottom: 15px;
	}
#center #type_box #tbox02 {
	margin-bottom: 15px;
	}
#center #type_box #tbox03 {
	margin-bottom: 8px;
	}
#center #type_box h4 {
	text-indent: -9999px;
	display: block;	
	}
#center #type_box #tbox01 h4 {
	width: 82px;
	height: 16px;
	background: url(../img/content/tb_type.gif) left top no-repeat;
	}
#center #type_box #tbox02 h4 {
	width: 65px;
	height: 16px;
	background: url(../img/content/tb_area.gif) left top no-repeat;
	}
#center #type_box #tbox03 h4 {
	width: 82px;
	height: 16px;
	background: url(../img/content/tb_rtrack.gif) left top no-repeat;
	}

#center #type_box .inner {
	position: relative;
	padding-bottom: 12px;
	border-bottom: 1px dotted #999;
	}
#center #type_box dl.base {
	margin-left: 20px;
	}

#center #type_box dt.notes {
	position: absolute;
	top: 2px;
	line-height: 1.1em;
	}
#center #type_box #tbox01 dt.notes {left: 95px;}
#center #type_box #tbox02 dt.notes {left: 75px;}
#center #type_box #tbox03 dt.notes {left: 65px;}

#center #type_box #tbox01 dd.list {
	margin-top: 14px;
	}
#center #type_box #tbox02 dd.list {
	margin-top: 7px;
	}
#center #type_box #tbox03 dd.list {
	margin-top: 7px;
	}
#center #type_box dd.list dt {
	float: left;
	width: 85px;
	line-height: 1.25em;
	font-weight: bold;
	}
#center #type_box dd.list dd {
	float: right;
	width: 485px;
	}
#center #type_box dd.list dt,
#center #type_box ul {
	margin: 5px 0px;
	}

#center #type_box li {
	float: left;
	line-height: 1.25em;
	}
#center #type_box #tbox01 li {
	margin-right: 8px;
	padding-right: 8px;
	background: url(../img/content/line01.gif) right center no-repeat;
	}
#center #type_box #tbox02 li {
	margin-right: 8px;
	padding-left: 8px;
	background: url(../img/content/line01.gif) left center no-repeat;
	}
#center #type_box #tbox03 ul {
	margin: 0px;
	padding: 0px;
}
#center #type_box #tbox03 .first {
	padding: 10px 0px;
}
#center #type_box #tbox03 li {
	margin-right: 8px;
	padding-left: 8px;
	background: url(../img/content/line01.gif) left center no-repeat;
	}
#center #type_box #tbox03 .begin {
	padding-left: 0px;
	background: url(none);
	clear: left;
}

#type_box #tbox01 li.none {background: none;}





#center .recome_box {
	padding-top: 10px;
}
#center .recome_box dt,
#center .recome_box dd {
	line-height: 1.6;
}
#center .recome_box .link {
	background: url(../img/top_point_small.gif) no-repeat left center;
	padding-left: 10px;
}
#center #company_box .recome_box .list li {
	margin-right: 8px;
	padding-left: 8px;
	background: url(../img/content/line01.gif) left center no-repeat;
	height: 1em;
	width: auto;
	display: inline;
	float: none;
}
#center #company_box .recome_box .list .begin {
	padding-left: 0px;
	background: url(none);
}

/* ***********************************************************************
	7 : 会社一覧
*********************************************************************** */

#center #company_box {
	margin-bottom: 30px;
	}
#center #company_box li {
	float: left;
	width: 140px;
	height: 60px;
	margin-right: 10px;
	margin-bottom: 12px;
	}
#center #company_box li.mr0 {
	margin-right: 0px;
	}

#center #company_box li p {
	font-size: 0.83em;
	line-height: 1.2em;
	text-align: left;
	}






/* ***********************************************************************
	8 : 左ナビゲーション
*********************************************************************** */
#leftnavi .standard_title,
#leftnavi #infomation {
	text-align: center;
	margin-bottom: 5px;
	}
#leftnavi .standard_title h3,
#leftnavi #infomation h3 {
	color: #FFF;
	font-size: 1.16em;
	font-weight: bold;
	line-height: 2em;
	background: #094;
	}


#leftnavi .infobox {
	background: #e9f5ee;
	border: 1px solid #094;
	margin-bottom: 5px;
	padding: 10px 8px 12px;
	}
#leftnavi .infobox h4 {
	color: #094;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	background: url(../img/content/arrow_lnavi.gif) 0px 1px no-repeat;
	border-bottom: 1px dotted #999;
	}
#leftnavi .infobox img {
	float: left;
	width: 48px;
	margin-right: 5px; 
	}
#leftnavi .infobox dl,
#leftnavi .infobox .clearfix p {
	font-size: 0.83em;
	line-height: 1.3em;
	}



#leftnavi .infobox dd p {
	text-align: right;
	line-height: 1.3em;
	margin-top: 5px;
	margin-right: 2px;
	}
#leftnavi .infobox p a {
	padding-left: 15px;
	background: url(../img/content/arrow_dot.gif) left center no-repeat;
	}


#leftnavi .voice_item {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e6e6e6;
	}
#leftnavi .voice_item dt {
	font-weight: bold;
	margin-bottom:4px;
	padding-left: 4px;
	border-left: 3px solid #094;
	}


#leftnavi #biggner dt {
	font-size: 1.2em;
	line-height: 1.3em;
	}
#leftnavi #biggner dd p {
	margin-top: 18px;
	}



/* ***********************************************************************
	9 : 右ナビゲーション
*********************************************************************** */
#right .standard_box {
	padding-bottom: 10px;

}
#right .smart_phone {
	position: relative;
	width: 138px;
	height: 138px;
	margin: 0 0 10px;
	border: 1px solid #39b1cd;
	background: url(/common/img/smart_phone.jpg) no-repeat left center;
}
	.smart_phone span { display: none; }
	.smart_phone a {
		position: absolute;
		left: 15px;
		top: 86px;
		font-size: 12px;
		font-weight: bold;
	}