@charset "utf-8";

/***  at home web CSS Document ***************************************

	ver.2009/09

	town.css

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

/**  town.css Menu *********************************************

	1.見出し
	2.タブリンク
	3.検索
	4.グラフ
	5.表
	6.検索トップページ

*******************************************************************/

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

	1.見出し

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

div.titleArea{
	clear: both;
	width: 100%;
	text-align: left;
}

div.titleArea h2{
	padding-left: 18px;
	margin-bottom: 14px;
	background-image: url(../../images/new/bg_titl04.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 123%;
}


div.titleArea h2.unNavi{
	margin-bottom: 11px;
}

/* \*/
* html div.titleArea h2.unNavi{
	margin-bottom: 12px;
}

*:first-child+html div.titleArea h2.unNavi{
	margin-bottom: 12px;
}

/**/

div.titleArea dl dt{
	display: block;
	float: left;
	padding-bottom: 6px;
}

div.titleArea dl dd{
	float: left;
	padding-bottom: 6px;
}


/* \*/
* html div.titleArea dl dt,
* html div.titleArea dl dd{
	padding-bottom: 0px;
}


*:first-child+html div.titleArea dl dt,
*:first-child+html div.titleArea dl dd{
	padding-bottom: 0px;
}

/**/
div.titleArea ul li{
	display: inline;
	margin-right: 1px;
}

div.titleArea ul span{
	margin-left: 5px;
}


/*------------------------------------------------ h3*/

div#containerW940 h3.titleH3{
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 2px 10px 1px 25px;
	background-color: #f4f9ff;
	background-image: url(../../images/new/ico_title02.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	font-size: 108.3%;
	color: #333;
}

/* \*/

* html div#containerW940 h3.titleH3{
	margin: 0px 0px 7px 0px;
}

*:first-child+html div#containerW940 h3.titleH3{
	margin: 0px 0px 7px 0px;
}
/**/

div#containerW940 h3.titleH3.mt6{
	margin: 0px 0px 3px 0px;
}

/*----------------------------------------------- 相場検索画面*/

div.searchTitle{
	width: 100%;
	background-image: url(../../images/new/bg_titlearea01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.searchTitle.noNavi{
	margin-bottom: 19px;
}

div.searchTitle div.column2A{
	width: 550px;
	padding-bottom: 5px;
}

div.searchTitle div.column2A p.images{
	float: left;
}

div.searchTitle div.column2A h2{
	display: block;
	float: left;
	padding-top: 12px;
	font-size: 130%;
}

/* \*/

* html div.searchTitle div.column2A h2{
	padding-top: 13px;
}

/**/


div.searchTitle div.column2B{
	float: right;
}

div.searchTitle div.column2B p{
	padding-left: 19px;
	background-image: url(../../images/new/bg_titl07.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 1px;
}

div.searchTitle div.column2B p.forBuy{
	background-image: url(../../images/new/bg_titl08.gif);
}

/*------------------------------------------ 相場検索ナビ*/

div.searchNavi{
	clear: both;
	width: 778px;
	margin-bottom: 19px;
	border: 1px #f6ce9a solid;
	background-color: #fbf8e4;
	padding: 9px 0px;
}

div.searchNavi p.images,
div.searchNavi ul{
	margin-left: 9px;
}

div.searchNavi p.images{
	margin-bottom: 9px;
}

div.searchNavi ul li{
	display: inline;
	margin-right: 2px;
	line-height: 0;
}

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

	2.タブリンク

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

div.tabArea{
	clear: both;
	width: 100%;
	padding-bottom: 4px;
	margin-bottom: 9px;
	background-image: url(../../images/new/bg_town_tub.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

div.tabArea img{
	vertical-align: top;
}

/* \*/

*:first-child+html div.tabArea{
	padding-bottom: 4px;
}

* html div.tabArea.avoNavi{
	margin-top: -6px;
}

*:first-child+html div.tabArea.avoNavi{
	margin-top: -7px;
}


/**/


div.tabArea div.column2B{
	float: right;
}


div.tabArea div.column2A ul li{
	float: left;
	margin-right: 3px;
	line-height: 0;
	font-size: 0;
}

div.tabArea div.column2B ul.links li{
	font-size: 107.7%;
}

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

	3.検索

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

div.townSearchArea{
	clear: both;
	width: 778px;
	margin: 0px auto 19px auto;
	padding: 10px 0px;
	border: 1px solid #d7d7d7;
	text-align: center;
}

div.townSearchArea.underBtn{
	margin-bottom: 9px;
}

div.townSearchArea div.inWrap{
	width: 760px;
	margin: 0px auto;
	text-align: left;
}


div.townSearchArea div.inWrap02{
	width: 760px;
	padding-bottom: 0px;
	border-bottom: 1px solid #e4e4e4;
	margin: 0px auto 14px auto;
	text-align: left;
}

/* タイトル*/

div.townSearchTitle{
	clear:both;
	width: 760px;
	height: 24px;
	margin-bottom: 2px;
	padding: 6px 10px 0px 10px;
	background-image: url(../../images/new/bg_title_town01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

/* \*/

* html div.townSearchArea div.townSearchTitle{
	padding: 9px 10px 0px 10px;
}
/**/

div.townSearchTitle h2{
	line-height: 0;
	font-size: 0;
}

div.townSearchArea h3.images{
	line-height: 0;
	font-size: 0;
	margin-bottom: 9px;
}

div.townSearchTitle h2 img,
div.townSearchArea h3.images img{
	vertical-align: top;
}

div.townSearchArea h3.titleH3{
	clear: both;
	margin: 0px 0px 4px 0px;
	padding: 2px 10px 2px 25px;
	background-color: #fbf8e4;
	background-image: url(../../images/new/bg_titl06.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size: 108.3%;
	color: #333;
}

/* \*/

* html div.townSearchArea h3.titleH3{
	margin: 0px 0px 4px 0px;
}

*:first-child+html div.townSearchArea h3.titleH3{
	margin: 0px 0px 4px 0px;
}
/**/

/* リード文*/

div.townSearchArea p.lead{
	margin-bottom: 6px;
}


/*-------------------------------- リンクカラム*/

div.townSearchArea div.column3A{
	float: left;
	width: 253px;
	padding-bottom: 15px;
}

div.townSearchArea div.column3A.bottom{
	padding-bottom: 5px;
}

div.townSearchArea div.column3A.bottom02{
	padding-bottom: 0px;
}

div.townSearchArea div.column3A ul{
	padding-left: 4px;
}

div.townSearchArea div.column3A ul li{
	line-height: 175%;
}

/*-------------------------------- 検索ボックス*/

div.townSearchArea div.searchBox{
	background-color: #f5f5f5;
	padding: 10px;
	margin-bottom: 9px;
}

div.townSearchArea div.searchBox.bottom{
	margin-bottom: 0px;
}

/* \*/

* html div.townSearchArea div.searchBox{
	padding: 9px 10px 10px 10px;
}

*:first-child+html div.townSearchArea div.searchBox{
	padding: 9px 10px 10px 10px;
}
/**/



div.townSearchArea div.searchBox p{
	margin-top: 1px;
}

div.townSearchArea div.searchBox p select{
	margin-right: 10px;
	margin-left: 10px;
	color: #666;
}

div.townSearchArea div.searchBox p select.time{
	width: 64px;
	margin-top: -3px;
	vertical-align: middle;
}

div.townSearchArea div.searchBox p select.transfer{
	width: 74px;
	margin-top: -3px;
	vertical-align: middle;
}

div.townSearchArea div.searchBox p input.btn{
	margin-top: -3px;
	vertical-align: middle;
}


/* \*/

* html div.townSearchArea div.searchBox p input.text{
	margin-top: 0px;
}

* html div.townSearchArea div.searchBox p select.time{
	margin-top: 0px;
}

* html div.townSearchArea div.searchBox p select.transfer{
	margin-top: 0px;
}

* html div.townSearchArea div.searchBox p input.btn{
	margin-top: 0px;
}

*:first-child+html div.townSearchArea div.searchBox p input.text{
	margin-top: 0px;
}

*:first-child+html div.townSearchArea div.searchBox p select.time{
	margin-top: 0px;
}

*:first-child+html div.townSearchArea div.searchBox p select.transfer{
	margin-top: 0px;
}

*:first-child+html div.townSearchArea div.searchBox p input.btn{
	margin-top: 0px;
}

/**/

div.townSearchArea div.searchBox p select.station{
	width: 205px;
	margin-left: 0px;
	vertical-align: middle;
}


div.townSearchArea div.searchBox p input.text{
	margin-right: 10px;
	width: 180px;
	height: 18px;
	border: 1px solid #a5acb2;
}

div.townSearchArea div.searchBox span.ml10{
	margin-left: 10px;
}

/*----------------------------　沿線・駅から探す*/

div.townSearchArea ul.stationUl{
	margin: 2px 16px 0px 16px;
}


div.townSearchArea ul.stationUl li{
	line-height: 160%;
	padding-left: 9px;
	background-image: url(../../images/new/ico_list05.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}



/*------------------------- 戻るボタン*/
div.backBtnArea{
	clear: both;
	width: 100px;
	text-align: left;
}


div.backBtnArea p{
	line-height: 0;
}

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

	4.グラフ

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

div.graphArea{
	clear: both;
	margin-bottom: 15px;
}

/* \*/
* html div.graphArea{
	margin-bottom: 12px;
}

*:first-child+html div.graphArea{
	margin-bottom: 13px;
}



/**/

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

	5.表

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

p.itemLead{
	margin-top: 7px;
	margin-bottom: 10px;
	line-height: 150%;
	font-size: 90%;
}

/* \*/

* html p.itemLead{
	margin-bottom: 11px;
}

/**/

p.itemLead img{
	vertical-align: middle;
	margin: 0px 4px 0px 0px;
}

table.townlistTbl{
	width: 100%;
	margin-bottom: 6px;
	border-color: #b8b8b8;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
}


table.townlistTbl td,
table.townlistTbl th{
	border-color: #b8b8b8;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
}

table.townlistTbl th{
	padding: 5px 7px 2px 7px;
	background-color: #f5f5f5;
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.3;
	vertical-align: top;
}

/* \*/

* html table.townlistTbl th{
	padding: 5px 7px 3px 7px;
}


*:first-child+html table.townlistTbl th{
	padding: 5px 7px 6px 7px;
}

/**/

table.townlistTbl th ul.btn li{
	display: inline;
	margin-right: -1px;
	line-height: 0;
}

table.townlistTbl th ul.btn li.last{
	margin-right: 0px;
}

table.townlistTbl th ul.btn li img{
	padding-top: 2px;
}

table.townlistTbl th.stationCel{
	padding: 5px 7px;
	text-align: left;
}

table.townlistTbl td{
	padding: 5px 7px;
}


table.townlistTbl td.w81,
table.townlistTbl th.w81{
	width: 81px;
}

table.townlistTbl td.w92,
table.townlistTbl th.w92{
	width: 92px;
}

table.townlistTbl td.unbar{
	border-width: 0px 0px 3px 1px;
}

table.townlistTbl td span{
	color: #333;
}

table.townlistTbl td.sortCel,
table.townlistTbl th.sortCel{
	background-color: #fffaec;
}


table.townlistTbl td.timeCel,
table.townlistTbl th.timeCel{
	background-color: #fffaec;
	width: 67px;
	text-align: center;
}

table.townlistTbl th.timeCel img{
	margin-top: 2px;
}

table.townlistTbl td.lowPriceCel{
	background-color: #dff0ff;
}

table.townlistTbl td.hightPriceCel{
	background-color: #ffecec;
}


table.townlistTbl td.nameCel,
table.townlistTbl th.nameCel{
	width: 151px;
}

table.townlistTbl th.nameCel{
	padding: 5px 7px 0px 7px;
}

table.townlistTbl td.nameCel{
	text-align: left;
	padding: 5px 7px;
}

table.townlistTbl td.nameCel p.icon{
	float: right;
	line-height: 0;
	padding-top: 2px;
}

table.townlistTbl td.nameCel p.icon img{
	vertical-align: top;
}

table.townlistTbl td.nameCel p.name{
	float: left;
}

div#containerW940 p.dataItem{
	font-size: 76.9%;
	margin-bottom: 3px;
}

div#containerW940 p.upDate{
	font-size: 76.9%;
}

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

	6.検索トップページ

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

/*------------------------------------------ keyVisual*/


div#containerW780.top div.keyVisual h2{
	line-height: 0;
	font-size: 0;
	margin-top: 1px;
	margin-bottom: 27px;
}

div#containerW780.top div.keyVisual p.images{
	line-height: 0;
	font-size: 0;
	margin-bottom: 9px;
}

/*---------------------------------------- 表*/


div#containerW780.top div.column2A,
div#containerW780.top div.column2B{
	width: 383px;
	padding-bottom: 13px;
}

div#containerW780.top div.column2A{
	margin-right: 14px;
}

div#containerW780.top div.column2A h3,
div#containerW780.top div.column2B h3{
	line-height: 0;
	font-size: 0;
	padding-bottom: 7px;
	border-bottom: 2px solid #e88301;
}

div#containerW780.top table.prefectureTbl{
	width: 100%;
	border-collapse: collapse;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #eac493;
}

div#containerW780.top table.prefectureTbl td,
div#containerW780.top table.prefectureTbl th{
	text-align: left;
	vertical-align: top;
	padding: 5px 7px;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #eac493;
}

div#containerW780.top table.prefectureTbl th{
	background-color: #fbf8e4;
	width: 94px;
}

div#containerW780.top table.prefectureTbl td ul li{
	display: inline;
	margin-right: 5px;
}

div#containerW780.top p.underItem{
	clear: both;
	color: #999;
	font-size: 84.6%;
}

div#containerW780.top div.pagetop{
	margin:9px 0 10px 0;
}

/*---------------------------------------------------------　clearfix */

div.titleArea:after,
div.townSearchArea:after,
div.tabArea:after,
div.searchTitle:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.titleArea,
div.townSearchArea,
div.tabArea,
div.searchTitle { display:inline-block; }
/*\*/
* html div.titleArea,
* html div.townSearchArea,
* html div.tabArea,
* html div.searchTitle { height:1%; }

div.titleArea,
div.townSearchArea,
div.tabArea,
div.searchTitle { display:block; }
/**/