@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. タイトル＋パンくず
　02. ナビゲーション＋アイコン一覧
　03. 検索条件
　04. 一覧から探す、イベントキャンペーン
　05. 
　06. 


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


/* ==

　00. file import

=============================================================================== */
@import url("/common/css/common.css");
@import url("/kyoten/css/map_renew.css");



/* ==

　01. タイトル＋パンくず

=============================================================================== */
/* タイトル
------------------------------------------------------------------------------- */
#kyoten .title{
	width:950px;
	margin:10px 0 20px;
	overflow:hidden;
	clear:both;
}
#kyoten .title h1{
	margin-right:15px;
	float:left;
}
#kyoten .title div{
	overflow:hidden;
	border:1px solid #666;
	float:left;
}
* html #kyoten .title div{ height:1%; }
#kyoten .title p{
	padding:5px 6px;
	line-height:1.2;
	float:left;
}
#kyoten .title p.pref{
	padding:4px 7px;
	background-color:#666;
	font-size:120%;
	color:#fff;
}
#kyoten .title p.pref strong{ color:#fff; }

/* パンくず
------------------------------------------------------------------------------- */
#bunjo #kyoten .container .topicPath,
#mansion #kyoten .container .topicPath{ background:none; }


/* ==

　02. ナビゲーション＋アイコン一覧

=============================================================================== */
div.navKyoten{
	min-height:35px;
	margin:0 0 15px;
	padding:0;
	background-image:url(/common/images/renew2009/kyoten/bk_nav.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	overflow:hidden;
	position:relative;
	clear:both;
}
* html div.navKyoten{ height:35px; }

/*
#kyoten .nav ul{
	float:left;
}

/* ナビゲーション
------------------------------------------------------------------------------- */
.navKyoten li{
	text-indent:-9999px;
	float:left;
}
.navKyoten li a{
	width:184px;
	height:35px;	
	background-postion:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	top:0px;
}
.navKyoten li a:link, .navKyoten li a:visited{ background-position:left top; }
.navKyoten li a:hover, #kyoten .navKyoten li a:active{ background-position:left center; }

/*
.navKyoten li.nav01 a{ background-image:url(/common/images/renew2009/kyoten/tab_map.gif); left:10px; }
#typeMap .navKyoten li.nav01 a{ background-position:left bottom; }

.navKyoten li.nav02 a{ background-image:url(/common/images/renew2009/kyoten/tab_list.gif); left:204px; }
#typeList .navKyoten li.nav02 a{ background-position:left bottom; }

.navKyoten li.nav03 a{ background-image:url(/common/images/renew2009/kyoten/tab_eventcp.gif); left:398px; }
#typeEventcp .navKyoten li.nav03 a{ background-position:left bottom; }
/* 



#kyoten .nav li{
	text-indent:-9999px;
	float:left;
}
#kyoten .nav li a{
	width:184px;
	height:35px;	
	background-postion:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	top:0px;
}
#kyoten .nav li a:link, #kyoten .nav li a:visited{ background-position:left top; }
#kyoten .nav li a:hover, #kyoten .nav li a:active{ background-position:left center; }

#kyoten .nav li.nav01 a{ background-image:url(/common/images/renew2009/kyoten/tab_map.gif); left:10px; }
#kyoten #typeMap .nav li.nav01 a{ background-position:left bottom; }

#kyoten .nav li.nav02 a{ background-image:url(/common/images/renew2009/kyoten/tab_list.gif); left:204px; }
#kyoten #typeList .nav li.nav02 a{ background-position:left bottom; }

#kyoten .nav li.nav03 a{ background-image:url(/common/images/renew2009/kyoten/tab_eventcp.gif); left:398px; }
#kyoten #typeEventcp .nav li.nav03 a{ background-position:left bottom; }



/* アイコン一覧　－2010/8修正
------------------------------------------------------------------------------- */
#kyoten div.expIcon{
	width:930px;
	margin:0 auto;
	padding:20px 0 0;
	position:relative;
	clear:both;
}
#kyoten div.expIcon p.txt{
	padding:10px 0 20px;
	font-size:85%;
	line-height:1.2;
	text-align:center;
}

#kyoten div.expIcon ul{
	margin:0 auto;
	padding:0 0 0 10px;
}
#kyoten div.expIcon li{
	padding-right:7px;
	font-size:12px;
	text-indent:0;
	line-height:1.2;
	white-space:nowrap;
	position:relative;
	float:left;
}

#kyoten div.expIcon li{ width:95px; }
#kyoten div.expIcon li.ic_salon{ width:100px; }
#kyoten div.expIcon li.ic_machinaka{ width:117px; }
#kyoten div.expIcon li.ic_bunjo{ width:80px; }
#kyoten div.expIcon li.ic_takuchi{ width:80px; }
#kyoten div.expIcon li.ic_mansion{ width:102px; }
#kyoten div.expIcon li.ic_etc{ width:92px; }
#kyoten div.expIcon li.ic_etc span{ margin-top:-2px; }

#kyoten div.expIcon li img{
	margin:2px 3px 0 0;
	float:left;
}
#kyoten div.expIcon li span{
	margin-top:5px;
	display:block;
}
#kyoten div.expIcon li a span{ color:#404f6f; }

#kyoten div.expIcon li a:link, #kyoten div.expIcon li a:visited{ text-decoration:underline; }
#kyoten div.expIcon li a:hover, #kyoten div.expIcon li a:active{ text-decoration:none; }

/* 吹き出し */
#kyoten div.expIcon li p.txt_tips{
    width:350px;
    height:40px;
	padding:5px 10px 10px;
	background:url(/common/images/renew2009/bk_tooltips.png) left bottom no-repeat;
	font-size:10px;
	line-height:1.3;
	color:#fff;
	white-space:normal;
    display:none;
    position:absolute;
    top:-65px;
    left:-30px;
	z-index:100;
}
* html #kyoten div.expIcon li p.txt_tips{ behavior:url(/common/js/iepngfix.htc); }

#kyoten div.expIcon li.ic_machinaka p.txt_tips{ width:370px; }



/* ==

　03. 検索条件

=============================================================================== */
.cndtnSearch{
	width:930px;
	min-height:1%;
	margin:0 auto;
	/*overflow:hidden;*/
	position:relative;
	font-size:12px;
	clear:both;
}
.cndtnSearch:after,
.cndtnSearch dd:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.cndtnSearch dl{
	width:930px;
	margin-bottom:2px;
	/*background-color:#f2f3f4;*/
	background:#f2f3f4 url(/common/images/renew2009/kyoten/bk_cndtnSearch.gif) left top repeat-y;
	border-top:2px solid #f2f3f4;
	border-bottom:2px solid #f2f3f4;
	clear:both;
}
.cndtnSearch dt img,
.cndtnSearch dd img{ vertical-align:bottom; }
.cndtnSearch dt{
	width:105px;
	padding:5px 2px 0;
	line-height:1.0;
}
.cndtnSearch dd{
	width:820px;
	min-height:20px;
	margin-top:-20px;
	padding:0 0 5px 110px;
	line-height:1.0;
	clear:both;
}
.cndtnSearch dd p{
	margin:0 10px 0 0;
	float:left;
}
.cndtnSearch div.chkjyoken{ clear:both; }
.cndtnSearch div.chkjyoken li{ margin-right:10px; }

.cndtnSearch dd ul{
	margin-top:3px;
	/margin-top:0;
	float:left;
}
* html .cndtnSearch dd ul{ height:1%; }
.cndtnSearch dd ul li{
	margin:0 1px 0 0;
	white-space:nowrap;
	line-height:1.2;
	float:left;
}
.cndtnSearch dd ul li input{
	margin-right:2px;
}

/* 分譲住宅・宅地 */
.cndtnSearch dl.cndtnBunjo dd div{
	clear:both;
}
.cndtnSearch dl.cndtnBunjo dd div ul,
.cndtnSearch dl.cndtnBunjo dd div li{
	margin:0;
}
.cndtnSearch dl.cndtnBunjo dd div ul.cndtnB_type{
	margin-right:5px;
}
.cndtnSearch dl.cndtnBunjo dd div ul.cndtnB_type li{
	margin:2px 10px 0 0;
	/margin:0 10px 0 0;
}
.cndtnSearch dl.cndtnBunjo dd div ul.cndtnB_traffic li.firstChild{
	margin:4px 5px 0 0;
	padding-left:10px;
	border-left:1px solid #ccc;
}
.cndtnSearch dl.cndtnBunjo dd div ul.cndtnB_traffic li{
	margin:0 2px 2px 0;
}
.cndtnSearch dl.cndtnBunjo dd div ul.cndtnB_price li.firstChild,
.cndtnSearch dl.cndtnBunjo dd div ul.cndtnB_area li.firstChild{
	margin:4px 5px 0 0;
}
.cndtnSearch dl.cndtnBunjo dd div ul.cndtnB_price{
	margin-right:15px;
}

/* 分譲マンション */
.cndtnSearch dl.cndtnMansion dd li{
	width:125px;
	margin:0 5px 3px 0;
	/margin:0 5px 0px 0;
}
.cndtnSearch dl.cndtnMansion dd li.firstChild,
.cndtnSearch dl.cndtnMansion dd li.lastChild{
	width:140px;
}

/* 現在の検索件数
------------------------------------------------------------------------------- */
.cndtnSearch .cndtnCount{
	width:930px;
	margin:0;
	clear:both;
}
.cndtnSearch .cndtnCount dl{
	width:250px;
	margin:10px auto 0;
	padding:0;
	background-color:transparent;
	background-image:none;
	border:none;
}
.cndtnSearch .cndtnCount dt{
	margin:0;
	padding:0;
}
.cndtnSearch .cndtnCount dd{
	width:110px;
	margin:-19px 0 0;
	padding:0 0 0 150px;
	font-size:150%;
	line-height:1.0;
	font-weight:bold;
	clear:none;
}
.cndtnSearch .cndtnCount strong{ color:#ed1a3d; }

.cndtnSearch p{ margin:10px 0; text-align:center; }


/* 条件検索ボタン
------------------------------------------------------------------------------- */
.cndtnSearch p.btn{
	width:66px;
	height:21px;
	margin:3px;
	background:url(/common/images/renew2009/kyoten/btn_cndtnSearch.gif) left bottom no-repeat;
	position:absolute;
	top:4px;
	right:0px;
}
.cndtnSearch p.btn span{ display:none; }
.cndtnSearch p.btn a{
	width:66px;
	height:21px;
	background-image:url(/common/images/renew2009/kyoten/btn_cndtnSearch.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.cndtnSearch p.btn a:link, .cndtnSearch p.btn a:visited{ background-position:left top; }
.cndtnSearch p.btn a:hover, .cndtnSearch p.btn a:active{ background-position:left center; }


/* ==

　04. 一覧から探す、イベントキャンペーン

=============================================================================== */
.resultList{
	width:930px;
	margin:10px auto 20px;
	padding:20px 0 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.resultList #list{
	margin:0;
	padding:0;
 	width:930px;
	height:300px;
	border:1px solid #ccc;
	float:right;
}

.resultList .result{
	width:930px;
	min-height:1%;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	float:left;
}

.resultList p.resultNum{
	position:absolute;
	top:20px;
	left:5px;
}
#kyoten .resultList h2{
	height:21px;
	padding:9px 10px 0 15px;
	background:url(/common/images/renew2009/kyoten/bk_h2.gif) left top no-repeat;
	font-size:120%;
	line-height:1.0;
}
.resultList div.list{
	width:924px;
}
.resultList div.list td img.icon{
	margin:0 5px 3px 0;
	vertical-align:middle;
}
#typeEventcp .resultList div.area{ margin-bottom:40px; }


/* アンカーリンク
------------------------------------------------------------------------------- */
.resultList .anchor{
	min-height:1%;
	margin:0 auto;
	padding:0 0 20px 90px;
	float:none;
	clear:both;
}
.resultList .anchor ul{
	width:auto;
	min-height:1%;
	margin:0 auto;
	text-align:center;
	float:none;
	clear:both;
}
* html .resultList .anchor ul{ height:1%; }
.resultList .anchor:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.resultList .anchor li{
	margin-right:15px;
	padding:3px 0 3px 10px;
	background:url(/common/images/renew2009/arrow_anchor.gif) left 6px no-repeat;
	font-size:11px;
	line-height:1.2;
	color:#999;
	/*float:left;*/
	display:inline;
}

/* 各種ボタン
------------------------------------------------------------------------------- */
.resultList div.list td.btn{ width:70px; padding:2px 3px 0; }
.resultList div.list td.btn ul{
	width:70px;
	margin:0 auto;
	padding:0;
	clear:both;
}
.resultList div.list td.btn li{
	margin-bottom:2px;
	font-size:10px;
	line-height:1.0;
}

/* 各セルの設定
------------------------------------------------------------------------------- */
#typeEventcp div.list th{ text-align:left; }


/* 名称 */
.resultList div.list td.name{ vertical-align:top; }
.resultList #listShiten div.list td.name,
.resultList #listSalon div.list td.name{ vertical-align:middle; }
.resultList div.list td.name a{
	margin-top:-20px;
	padding-left:25px;
	display:block;
	/*float:left;*/
}

/* 所在地 */
.resultList #listMansion div.list td.add{ width:90px; }
.resultList #listEtc div.list td.add{ width:120px; }
.resultList #listBunjo div.list td.add,
.resultList #listTakuchi div.list td.add{ width:auto; vertical-align:top; }
.resultList #listBunjo div.list td.add a,
.resultList #listTakuchi div.list td.add a{
	margin-top:-20px;
	padding-left:25px;
	display:block;
}
.resultList #listBunjo div.list td.add p{	margin-bottom:0; clear:both; }
.resultList #listBunjo div.list td.add p a{
	margin-top:0;
	padding-left:0;
	display:inline;
}

/* 価格 */
.resultList #listBunjo div.list td.price,
.resultList #listTakuchi div.list td.price{ width:120px; }

/* 分譲住宅－アイコン */
.resultList div.list td.icon{ padding:0 5px; }
.resultList div.list td.icon li img.icon{ margin-bottom:2px; }
.resultList div.list td.icon li{
	margin-right:20px;
	font-size:90%;
	line-height:1.2;
	float:left;
}

/* 並べ替え
------------------------------------------------------------------------------- */
.resultList #listBunjo,
.resultList #listTakuchi{ position:relative; }
.resultList #listBunjo div.sort,
.resultList #listTakuchi div.sort{
	min-height:1%;
	position:absolute;
	top:5px;
	right:7px;
}
* html .resultList #listBunjo div.sort,
* html .resultList #listTakuchi div.sort{ height:1%; }
.resultList #listBunjo div.sort p,
.resultList #listTakuchi div.sort p{ float:left; }