@charset "utf-8";

/* *********************************************

	東急コミュニティー　賃貸・売買パートナー
	search.css
	
		* caption
	** search
		* ID search-head
		* ID search-box
	** result-list
		* ID resultlist-head
		* ID now-condition
		* CLASS r-list
		* ID result-list-nav
	** detail
		* ID title-area
		* ID detail-head
		* ID detail-title
		* ID detail-box
		* ID detail-box > ID detail-left
		* ID detail-box > ID detail-right
		* ID detail-box > ID result-nav
		* ID detail-box > ID detail-map
		* print
	** theme search
	** theme search result-list
	** parking list
	** parking-detail
		
	
*********************************************** */

	
/* caption
----------------------------------------------- */
h2.title-search{
	width: 710px; height: 50px;
	background: url(/img/search/title-search.gif) left top no-repeat;
	text-indent:-9999px;
	}
h2.title-search2{
	width: 332px; height: 50px;
	background: url(/img/search/title-search.gif) left top no-repeat;
	float: left;
	text-indent:-9999px;
	}
h3.cap-condition{
	width: 710px; height: 30px;
	background: url(/img/search/cap-particular.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	}
h3.cap-detail{
	width: 710px; height: 30px;
	background: url(/img/detail/cap-detail.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	}
h3.cap-parkinglist{
	width: 710px; height: 30px;
	background:url(/img/search/cap-parkinglist.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	}
h3.cap-theme{
	width: 710px; height: 30px;
	background: url(/img/theme/title-theme.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	}
h3.cap-resultlist{
	width: 710px; height: 30px;
	background:url(/img/resultlist/cap-result-list.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	}
h3.cap-parking-detail{
	width: 710px; height: 30px;
	background:url(/img/detail/cap-detail-parking.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	}
h3.cap-theme-resultlist{
	width: 710px; height: 30px;
	background:url(/img/theme/cap-theme-resultlist.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top: 10px;
	}
	
	
	
/* ********************************

	search
	
********************************** */
	
	
/* ID search-head
----------------------------------------------- */
#search-head{
	width: 700px !important; width: 710px;
	/*background: url(/img/search/bg-search-head.gif) left bottom repeat-x;*/
	margin-top: 20px;
	padding-right: 10px;
	}
	#search-head ul{
		width: 282px; height: 35px;
		background: url(/img/search/bg-tab.gif) left top repeat-x;
		float: left;
		}
		#search-head ul li{
		    width: 130px !important; width: 141px; height: 35px;
			float: left; padding: 0 6px 0 5px;
			}
		#search-head ul li a{
			display: block;
			width: 130px; height: 35px;
			background-image: url(/img/search/tab-particular-search.gif);
			background-repeat: no-repeat;
			text-indent:-9999px;
			}
			#search-head ul li.area a{ background-position: 0 0; }
			#search-head ul li.along a{ background-position: -130px 0; }
			#search-head ul li.area a:hover{ background-position: 0 -35px; }
			#search-head ul li.along a:hover{ background-position: -130px -35px; }
			#search-head ul li.area a.tab-on,#search-head ul li.area a.tab-on:hover{ background-position: 0 -70px; cursor: default; }
			#search-head ul li.along a.tab-on,#search-head ul li.along a.tab-on:hover{ background-position: -130px -70px; cursor: default; }
			
	/*#search-head p{
		width: 232px !important;
		width: 245px;
		float: left;
		text-align: right;
		margin-right: 13px;
		padding-top: 13px;
		}
		#search-head p span{
			color: #ef7117;
			font-weight: bold;
			}*/
	#search-head fieldset{
		display: block;
		width: 160px;
		height: 30px;
		float: right;
		}
	#search-head input.btn-condition{
		display: block;
		width: 160px; height: 30px;
		background: url(/img/search/btn-submit.gif) left top no-repeat;
		border: none;
		text-indent:-9999px;
		cursor: pointer;
		}
		#search-head input.btn-condition:hover{ background-position: left bottom; }
		
/* ID search-box
----------------------------------------------- */
#search-box{
	width: 690px !important;
	width: 710px;
	background: #f6f6f6 url(/img/search/bg-search-head.gif) left top repeat-x;
	padding: 16px 10px 10px 10px;
	}
	#search-box ul#area-nav{
		width: 674px !important; width: 690px;
		background-color: #ebecee;
		border: solid 1px #d1d2d7;
		padding: 9px 7px;
		}
		#search-box ul#area-nav li{
			float: left;
			padding: 1px 9px;
			border-left: solid 1px #444;
			}
		#search-box ul#area-nav li.last{ border-right:solid 1px #444; }
		
		#search-box div#detail-search{ 
			width: 674px !important; width: 690px;
			background: #ebecee;
			border: solid 1px #d1d2d7;
			padding: 9px 7px;
		}
			#search-box div#detail-search ul#detail-area-nav{
				width: 658px !important; width: 674px;
				background-color: #f6f6f6;
				border: solid 1px #d1d2d7;
				padding: 9px 7px;
				}
				#search-box div#detail-search ul#detail-area-nav li{
					width: 200px;
					float: left;
					padding: 1px 9px;
					}
			#search-box div#detail-search div#btn-submit{
				width: 674px !important; width: 690px;
				padding-left: 512px;
				}	
				#search-box div#detail-search  div#btn-submit input#btn-condition{
					display: block;
					width: 160px; height: 30px;
					background: url(/img/search/btn-submit.gif) left top no-repeat;
					border: none;
					text-indent:-9999px;
					cursor: pointer;
					}
					#search-box div#detail-search  div#btn-submit input#btn-condition:hover{
						background-position: left bottom;
						}
			#search-box div#detail-search input#btn-condition-detail{
				display: block;
				width: 160px; height: 30px;
				background: url(/img/search/btn-submit.gif) left top no-repeat;
				border: none;
				text-indent:-9999px;
				cursor: pointer;
				}
				#search-box div#detail-search input#btn-condition-detail:hover{
					background-position: left bottom;
					}
			#search-box div#detail-search p#detail-area-title {
				width: 661px !important; width: 674px;
				background-color: #d1d2d7;
				margin-top: 10px;
				padding: 7px 3px 3px 10px;
				}
				#search-box div#detail-search p#detail-area-title font#title{
					font-weight: bold;
					padding-left: 5px;
					padding-right: 2px;
					}
			#search-box div#detail-search div#detail-area {
				width: 661px !important; width: 674px;
				margin: 0;
				}

#search-box .area-head{
	color: #FFF;
	width: 677px !important; width: 690px;
	background: url(/img/common/bg-titlebar.gif) left top no-repeat;
	margin-top: 18px;
	padding: 7px 3px 3px 10px;
	}
	#search-box .area-head h4{
		width: 80px;
		font-size: 120%;
		font-weight: bold;
		float: left;
		margin-right: 16px;
		}
	#search-box .area-head h4.search{
		width: 160px;
		margin-right: 0;
		}
	#search-box .area-head h4.cap-railway{
		width: 160px;
		}
	#search-box .area-head fieldset{
		float:left;
		}
	#search-box .area-head a.open-detail{
		display: block;
		width: 75px; height: 19px;
		background: url(/img/search/btn-detailopen.gif) left top no-repeat;
		text-indent: -9999px;
		float: right;
		}

#search-box .area-detail{
	width: 664px !important; width: 690px;
	background-color: #f5f7e9;
	border: solid 1px #9abc96;
	border-width: 0 1px 1px 1px;
	padding: 10px 12px 10px 12px;
	display: none;
	}
	#search-box .area-detail span{
		display: block;
		/*width: 120px;*/
		width: 154px;
		margin-right: 16px;
		margin-bottom: 8px;
		float: left;
		}
	#search-box .area-detail span.last{
		margin-right:0;
		}
		
	#search-box #detail-search{
		width: 688px !important;
		background-color: #f5f7e9;
		border: solid 1px #9abc96;
		border-width: 0 1px 0 1px;
		padding: 0;
		display: block;
		}
		
	#search-box #detail-search table{
		width: 688px;
		}
		#search-box #detail-search table th{	
			background-color: #e4e9c4;
			border: solid 1px #9abc96;
			border-width: 0 1px 1px 0;
			width: 73px !important; width: 93px;
			font-weight: bold;
			text-align: left;
			vertical-align: top;
			padding: 10px;
			}
		#search-box #detail-search table td{	
			padding: 10px;
			border-bottom: solid 1px #9abc96;
			}
		#search-box #detail-search table td input{
			margin-left: 12px !important;
			margin-left: 6px;
			}
		#search-box #detail-search table td span{
			width: 140px;
			margin-right: 2px !important;
			margin-right: 0;
			float: left;
			}
			#search-box #detail-search table td span input{ margin-left: 0 !important; margin-left: 0; }
			#search-box #detail-search table td span.last{
				margin-right: 0;
				}
		#search-box #detail-search table td.sub-cap{
			background-color: #f6f6f6;
			border: solid 1px #9abc96;
			border-width: 0 1px 1px 0;
			white-space: nowrap;
			width: 4.2em;
			}
		
		
#search-box .railway-detail{
	width: 664px !important; width: 690px;
	background-color: #f5f7e9;
	border: solid 1px #9abc96;
	border-width: 0 1px 1px 1px;
	padding: 10px 12px 10px 12px;
	display: none;
	}
	#search-box .railway-detail span{
		display: block;
		width: 210px;
		margin-right: 17px;
		margin-bottom: 8px;
		float: left;
		}
	#search-box .railway-detail span.last{
		margin-right:0;
		}
		
		
#search-box p.btn-submit{
	margin-top: 30px;
	padding-left: 530px;
	}	
#search-box p.btn-submit input.btn-condition{
	display: block;
	width: 160px; height: 30px;
	background: url(/img/search/btn-submit.gif) left top no-repeat;
	border: none;
	text-indent:-9999px;
	cursor: pointer;
	}
	#search-box p.btn-submit input.btn-condition:hover{ background-position: left bottom; }



/* ********************************

	result-list
	
********************************** */	

/* ID resultlist-head
----------------------------------------------- */

#resultlist-head{ width: 710px; margin-top: 15px; }
	#resultlist-head p{
		width: 377px;
		float: left;
		margin-top: 4px;
		}
	#resultlist-head p span{
		color:#ef7117;
		font-weight: bold;
		}
	#resultlist-head .search-btn{
		width: 309px;
		float: right;
		}	
		#resultlist-head .search-btn p{
			width: 100px;
			margin-top: 4px;
			margin-right: 5px;
			float: left;
			}
		#resultlist-head .search-btn div.area{
			width: 101px;
			float: left;
			}
		#resultlist-head .search-btn div.rail{
			width: 101px;
			float: right;
			}
			#resultlist-head .search-btn div input.btn{
				display: block;
				border: none;
				border-width: 0;
				width: 101px;
				height: 24px;
				background-image: url(/img/resultlist/btn-condition.gif);
				background-repeat: no-repeat;
				text-indent: -9999px;
				}
			#resultlist-head .search-btn div.area input.btn{ background-position: 0 0; }
			#resultlist-head .search-btn div.rail input.btn{ background-position: -101px 0; }
			#resultlist-head .search-btn div.area input.btn:hover{ background-position: 0 -24px; }
			#resultlist-head .search-btn div.rail input.btn:hover{ background-position: -101px -24px; }
	
	
	/*
	#resultlist-head dl{
		width: 309px;
		float: right;
		}
		#resultlist-head dl dt{
			width: 100px;
			margin-top: 9px;
			margin-right: 5px;
			float: left;
			}
		#resultlist-head dl dd.area{
			width: 101px;
			float: left;
			}
		#resultlist-head dl dd.rail{
			width: 101px;
			float: right;
			}
			#resultlist-head dl dd a{
				display: block;
				width: 101px;
				height: 24px;
				background-image: url(/img/resultlist/btn-condition.gif);
				background-repeat: no-repeat;
				text-indent: -9999px;
				}
			#resultlist-head dl dd.area a{ background-position: 0 0; }
			#resultlist-head dl dd.rail a{ background-position: -101px 0; }
			#resultlist-head dl dd.area a:hover{ background-position: 0 -24px; }
			#resultlist-head dl dd.rail a:hover{ background-position: -101px -24px; }*/

/* ID shiborikomi
----------------------------------------------- */
#shiborikomi { padding:42px 0 15px 0; background:url(/img/resultlist/shiborikomi.gif) no-repeat left 20px }
#shiborikomi .inner { border:solid 1px #ddad88; background:#fef4e9 }
#shiborikomi .inner ul { padding:12px 12px 0 12px }
#shiborikomi .inner li { padding:0 0 8px 0; line-height:130% }
#shiborikomi .inner li b, #shiborikomi .inner li a { color:#35692f }
#shiborikomi .inner li a { text-decoration:underline; white-space:nowrap }
#shiborikomi .inner li a.here { padding:2px; color:#ef7117; font-weight:bold; text-decoration:none; border:solid 2px #ef7117 }
#shiborikomi .inner li.note { color:#35692f; font-size:90% }

/* ID now-condition
----------------------------------------------- */

#now-condition{
	width: 690px !important; width: 710px;
	border: solid 1px #9abc96;
	background-color:#f5f7e9;
	margin-top: 5px;
	padding: 9px;
	}
	#now-condition p{ color: #35692f; }
	#now-condition p span{ font-weight: bold; }
	

/* CLASS r-list 
----------------------------------------------- */

#left-con div.r-list table{
	width: 690px;
	}
	#left-con div.r-list table th{
		background-image: url(/img/common/bg-titlebar.gif);
		background-repeat: no-repeat;
		padding: 8px 3px;
		color: #FFF;
		text-align:center;
		font-size: 85% !important;
		font-size: 65%;
		white-space: nowrap;
		}
		#left-con div.r-list table th.t-left{ background-position: left top; border-right: dotted 1px #ccc; }
		#left-con div.r-list table th.t-middle{ background-position: center top; border-right: dotted 1px #ccc; }
		#left-con div.r-list table th.t-right{ background-position: right top; }
		
		#left-con div.r-list table th span{
			display: block;
			margin: 0 auto 2px;
			text-align: center;
			}
			#left-con div.r-list table th span.mix{
				width: 4em;
				padding-right: 1.2em;
				text-align: left;
				}
		#left-con div.r-list table th a{
			display: block;
			color: #FFF;
			background: url(/img/resultlist/icon-sort.gif) right center no-repeat;
			width: 4em;
			padding-right: 1.2em !important;
			padding-right: 1.5em;
			margin: 0 auto 2px;
			text-align: left;
			white-space: nowrap;
			text-decoration:underline;
			}
			#left-con div.r-list table th a:hover{ text-decoration: none; }
			#left-con div.r-list table th a.sort{ background-image: url(/img/resultlist/icon-sort2.gif);}
			
	#left-con div.r-list table td{
		background-color: #fff;
		padding: 7px 5px;
		vertical-align: middle;
		border-right: dotted 1px #ccc;
		border-bottom: solid 2px #ccc;
		text-align: center;
		font-size: 85% !important;
		font-size: 65%;
		}
		#left-con div.r-list table td.tx-right{ text-align:right;}
		#left-con div.r-list table td.tx-left{ text-align:left;}
		#left-con div.r-list table td.last{ border-right: none; }
		#left-con div.r-list table td.nowrap{ white-space:nowrap; }
		
		#left-con div.r-list table td a{ display: block; margin: 2px auto; }
			#left-con div.r-list table td a.article-name{ width: 10.1em; color: #35692f; text-align: left; }
			#left-con div.r-list table td a.list-detail,#left-con div.r-list table td a.article-photo,#left-con div.r-list table td a.article-plan{
				width: 54px; height: 20px;
				background-image: url(/img/resultlist/btn-result-list.gif);
				background-repeat: no-repeat;
				text-indent: -9999px;
				}
				#left-con div.r-list table td a.list-detail{ background-position: 0 0; }
				#left-con div.r-list table td a.article-photo{ background-position: -54px 0; }
				#left-con div.r-list table td a.article-plan{ background-position: -108px 0;}
				
				#left-con div.r-list table td a.list-detail:hover{ background-position: 0 -20px; }
				#left-con div.r-list table td a.article-photo:hover{ background-position: -54px -20px; }
				#left-con div.r-list table td a.article-plan:hover{ background-position: -108px -20px;}
			
		#left-con div.r-list table td span.box{ display: block; margin-bottom: 5px; }


/* ID result-list-nav
----------------------------------------------- */

#result-list-nav{
	width: 690px;
	text-align: center;
	margin-top: 17px;
	}
	#result-list-nav li{
		display: inline;
		padding: 0 4px;
		border-right: solid 1px #206716;
		}
		#result-list-nav li.last{ border-right: none; padding-right: 0; }
		#result-list-nav li a.nav-on{ font-weight: bold; }
	#result-list-nav li a{
		color: #206716;
		}
		



/* ********************************

	detail
	
********************************** */

/* ID title-area
----------------------------------------------- */

#title-area{
	width: 710px;
	}
	#title-area a{
		display: block;
		color:#006633;
		width: 350px;
		text-align: right;
		float: right;
		margin-top: 35px;
		}


/* ID detail-head
----------------------------------------------- */

#detail-head{
	width: 710px;
	margin-top: 20px;
	}
	#detail-head ul{
		width: 202px;
		background: url(/img/detail/bg-detail-change.gif) left top repeat-x;
		float: left;
		}
	#detail-head ul li{
		width: 90px !important; width: 101px;
		height: 35px;
		padding: 0 6px 0 5px;
		float: left;
		}
	#detail-head ul li a{
		display: block;
		width: 90px; height: 35px;
		background-image: url(/img/detail/tab-infomap.gif);
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		#detail-head ul li.info a{ background-position: 0 0; }
		#detail-head ul li.map a{ background-position: -90px 0; }
		#detail-head ul li.info a:hover{ background-position: 0 -35px; }
		#detail-head ul li.map a:hover{ background-position: -90px -35px; }
		#detail-head ul li.info a.tab-on,#detail-head ul li.info a.tab-on:hover{ background-position: 0 -70px; cursor:default; }
		#detail-head ul li.map a.tab-on,#detail-head ul li.map a.tab-on:hover{ background-position: -90px -70px; cursor:default; }
	
	#detail-head p{
		width: 423px;
		/*width: 422px;*/
		float: right;
		text-align: right;
		margin-right: 5px;
		padding-top: 7px;
		}
		#detail-head p span{
			color: #ef7117;
			font-weight: bold;
			}
	#detail-head a.btn-change{
		display: block;
		width: 80px; height: 24px;
		background: url(/img/detail/btn-change.gif) left top no-repeat;
		text-indent:-9999px;
		float: right;
		}
		#detail-head a.btn-change:hover{ background-position: left bottom; }
		
		
/* ID detail-title
----------------------------------------------- */

#detail-title{
	width: 690px !important; width: 710px;
	padding: 0 7px 0 13px;
	background-color: #5fab56;
	}
	#detail-title h3{
		color: #FFFFFF;
		font-size: 120%;
		font-weight: bold;
		float: left;
		padding: 10px 0;
		}
	#detail-title ul{
		width: 156px;
		width: 234px;
		float: right;
		padding: 7px 0;
		}
		/*#detail-title ul li{
			width: 76px; height: 21px;
			float: left;
			margin-right: 2px;
			overflow:hidden;
			}*/
		#detail-title ul li{
			width: 76px; height: 21px;
			float: right;
			margin-left: 2px;
			overflow:hidden;
			}
		#detail-title ul li a{
			display: block;
			width: 76px; height: 21px;
			background-position: left top;
			background-repeat: no-repeat;
			text-indent:-9999px;
			overflow: hidden;
			}
			#detail-title ul li.hp a{ background-image: url(/img/detail/btn-HP.gif);}
			#detail-title ul li.pr a{ background-image: url(/img/detail/btn-print.gif);}
			#detail-title ul li.b4 a{ background-image: url(/img/detail/btn-b4print.gif);}
			#detail-title ul li a:hover{ background-position: left bottom; }
			

/* ID detail-box
----------------------------------------------- */
#detail-box{
	width: 690px !important; width: 710px;
	background: #f6f6f6 url(/img/detail/bg-detail-box.gif) left top repeat-x;
	padding: 20px 10px 15px 10px;
	}
	#detail-box p.lead{
		margin: 0 5px 30px 5px;
		}
		

/* ID detail-box > ID detail-left
----------------------------------------------- */
#detail-left{
	width: 400px;
	float: left;
	}
	#detail-left h4.cap-outline{
		width: 93px; height: 18px;
		background: url(/img/detail/cap-outline.gif) left top no-repeat;
		text-indent:-9999px;
		margin-bottom: 9px;
		}
	#detail-left table{
		width: 398px !important; width: 400px;
		border: solid 1px #d2d3d8;
		border-width: 1px 1px 0 1px;
		}
	#detail-left th{
		background-color: #ebecee;
		width: 95px !important; width: 109px;
		padding: 7px;
		border-bottom: solid 1px #d2d3d8;
		}
	#detail-left td{
		background-color: #FFF;
		padding: 7px;
		border-bottom: solid 1px #d2d3d8;
		}
	
	
	#detail-left td ul{
		width: 270px;
		}
	#detail-left td ul li{
		width: 126px !important;
		width: 130px;
		background-color: #e69900;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 2px;
		font-size: 80%;
		color: #FFF;
		text-align:center;
		}
		
	#detail-left td em {
		font-style:normal;
		font-weight:bold; color:#c30;
		}
	#detail-left td dl {
		margin:5px;
		border:solid 1px;
		}
	#detail-left td dt {
		padding:3px;
		background-color:#ccc;
		}
	#detail-left td dd {
		padding:3px;
		background-color:#fff;
		}
	
/* ID detail-box > ID detail-right
----------------------------------------------- */
#detail-right{
	width: 250px;
	float: right;
	}
	#detail-right h4.cap-layout,#detail-right h4.cap-photo,#detail-right h4.cap-photo-p{
		width: 250px; height: 18px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent:-9999px;
		margin-bottom: 9px;
		}
		#detail-right h4.cap-layout{ background-image: url(/img/detail/cap-layout.gif); }
		#detail-right h4.cap-photo{ background-image: url(/img/detail/cap-photo.gif);  }
		#detail-right h4.cap-photo-p{ background-image: url(/img/detail/cap-photo-p.gif);  }
	
	#detail-right div.img-layout{
		width: 224px !important; width: 250px;
		background-color: #FFF;
		border: solid 3px #d1d2d7;
		margin-bottom: 25px;
		padding: 10px;
		}
		#detail-right div.img-layout p{
			text-align: right;
			marigin-top: 3px;
			font-size: 85%;
			}
	#detail-right div.img-photo{
		width: 230px !important; width: 250px;
		background-color: #FFF;
		border: solid 3px #d1d2d7;
		padding: 12px 2px 2px 12px;
		}
		#detail-right div.img-photo a{
			display: block;
			width: 105px;
			/*height: 140px;*/
			float:left;
			margin: 0 10px 10px 0;
			}


/* ID detail-box > ID result-nav
----------------------------------------------- */	
#result-nav{
	margin-top: 20px;
	text-align: right;
	}
	#result-nav a{
		color:#006633;
		}
		

/* ID detail-box > ID detail-map
----------------------------------------------- */		
#detail-map{
	width: 690px;
	display: none;
	}
#detail-map #Gmap{
	width: 684px !important; width: 690px;
	height: 345px;
	border: solid 3px #d1d2d7;
	margin-top: 15px;
	overflow: hidden;
	}
#detail-map #Smap{
	width: 684px !important; width: 690px;
	height: 300px;
	border: solid 3px #d1d2d7;
	margin-top: 15px;
	overflow: hidden;
	}


/* ********************************

	theme search
	
********************************** */

/* ID nav-theme
----------------------------------------------- */

#nav-theme{
	width: 710px;
	margin-top: 20px;
	display: table;
	}
	#nav-theme li{
		width: 89px;
		float: left;
		background: url(/img/theme/bg-nav-theme2.gif) right center no-repeat;
		}
		#nav-theme li.last{
			width: 87px;
			background: none;
			}
		#nav-theme li a{
			display: block;
			width: 74px !important; width: 78px;
			min-height: 28px;
			height: auto !important;
			height: 35px;
			color: #006633;
			margin-left:5px;
			font-size: 80%;
			padding: 5px 2px 0;
			line-height: 1.2;
			text-align: center;
			}
		#nav-theme li a:hover{
			background-color: #f6f6f6;
			text-decoration: none;
			}
		#nav-theme li a.nav-on{
			color: #FFFFFF;
			background: url(/img/theme/bg-nav-theme.gif) left top no-repeat;
			}
		#nav-theme li a.nav-on:hover{
			color: #FFFFFF;
			background: url(/img/theme/bg-nav-theme.gif) left top no-repeat;
			cursor: default;
			}
		#nav-theme li sup{ font-size: 60%;}
			

/* ID result-box
----------------------------------------------- */

#search-box p.empty-room{
	margin-bottom: 5px;
	color: #666;
}
	#search-box p.empty-room span{
		color: #ef7117;
		font-weight:bold;
		}

#search-box .result-box1,#search-box .result-box2{
	width: 690px; 
	margin-top: 10px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
#search-box .result-box1{ background-image: url(/img/theme/bg-result-box1.gif); }
#search-box .result-box2{ background-image: url(/img/theme/bg-result-box2.gif); }

#search-box .result-box1 li,#search-box .result-box2 li{
	width: 320px !important; width: 340px;
	border-top: solid 1px #ccc;
	float:left;
	margin-right: 10px;
	padding: 9px 10px 10px 10px;
	}
	#search-box .result-box1 li.box-r,
	#search-box .result-box2 li.box-r{ margin-right: 0; }
	#search-box .result-box1 li div.result-tx h4,
	#search-box .result-box2 li div.result-tx h4{text-indent: 0; margin-bottom: 10px; width: auto; height: auto; margin-top: 2px; background:none; }
	#search-box .result-box1 li div.result-tx h4 a,
	#search-box .result-box2 li div.result-tx h4 a{
		text-indent: 0;
		font-weight: bold;
		color: #006633;
		}
	#search-box .result-box1 li div.result-tx,#search-box .result-box2 li div.result-tx{
		width: 160px;
		float: right;
		margin-top: 0;
		}
	#search-box .result-box1 li div.result-tx p,#search-box .result-box2 li div.result-tx p{
		margin-bottom: 18px;
		font-size: 80%;
		color: #666;
		}
	#search-box .result-box1 li div.result-tx a.link-HP,#search-box .result-box2 li div.result-tx a.link-HP{
		color: #006633;
		}
	#search-box .result-box1 li div.result-tx a.link-more,#search-box .result-box2 li div.result-tx a.link-more{
		display: block;
		width: 9px; height: 9px;
		background: url(/img/theme/btn-more.gif) left top no-repeat;
		text-indent:-9999px;
		margin-left: 151px;
		}
		#search-box .result-box1 li div.result-tx a.link-more:hover,#search-box .result-box2 li div.result-tx a.link-more:hover{
			opacity: 0.8;	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
			}
	#search-box .result-box1 li p.result-ph,#search-box .result-box2 li p.result-ph{
		width: 150px;
		float: left;
		}
		#search-box .result-box1 li p.result-ph img,#search-box .result-box2 li p.result-ph img{
			width: 150px;
			}
	#search-box .result-box1 li div.clr,#search-box .result-box2 li div.clr{
		margin-top: 0;
		width: auto;
		}
		

/* ********************************

	theme search result-list
	
********************************** */






		
/* ********************************

	parking-list
	
********************************** */

#left-con .p-list div{
	width: 690px;
	margin-top: 25px;
	}
	#left-con .p-list div h4{
		width: 300px; height: 17px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent:-9999px;
		font-size: 100%;
		font-weight:normal;
		float:none;
		margin-right: 0;
		}
		#left-con .p-list div.HOKKAIDO h4{ background-image: url(/img/search/cap-hokkaido.gif);}
		#left-con .p-list div.TOHOKU h4{ background-image: url(/img/search/cap-tohoku.gif);}
		#left-con .p-list div.KANTO h4{ background-image: url(/img/search/cap-kanto.gif);}
		#left-con .p-list div.TOKAI h4{ background-image: url(/img/search/cap-tokai.gif);}
		#left-con .p-list div.KANSAI h4{ background-image: url(/img/search/cap-kansai.gif);}
		#left-con .p-list div.CYUGOKU h4{ background-image: url(/img/search/cap-cyugoku.gif);}
		#left-con .p-list div.KYUSYU h4{ background-image: url(/img/search/cap-kyusyu.gif);}

#left-con .p-list div table{
	width: 688px !important; width: 690px;
	margin-top: 8px;
	background-color: #fff;
	}
	#left-con .p-list div table th{
		background-image: url(/img/common/bg-titlebar.gif);
		background-repeat: no-repeat;
		padding: 10px;
		color: #FFF;
		text-align:center;
		white-space: nowrap;
		}
		#left-con .p-list div table th.t-left{ background-position: left top; }
		#left-con .p-list div table th.t-middle{ background-position: center top; border: dotted 1px #ccc; border-width: 0 1px; }
		#left-con .p-list div table th.t-right{ background-position: right top; }
		
	#left-con .p-list div table td{
		border-bottom: solid 2px #ccc;
		border-right: dotted 1px #ccc;
		/*border-left: dotted 1px #ccc;*/
		padding: 30px 10px;
		}
			#left-con .p-list div table td.name{ width: 12em; font-weight: bold; border-left: solid 1px #ccc; text-align:center;  }
			#left-con .p-list div table td.photo{ padding: 10px; border-right: solid 1px #ccc; border-left: none; width: 60px; text-align:center;}
			
			#left-con .p-list div table td.name a{
				color: #006633;
				}
				#left-con .p-list div table td.name a:hover{
					text-decoration: underline;
					}
			#left-con .p-list div table td.name a.btn-detail{
				display: block;
				width: 54px; height: 20px;
				background: url(/img/resultlist/btn-result-list.gif) 0 0 no-repeat;
				text-indent: -9999px;
				margin: 5px auto 0;
				}
				#left-con .p-list div table td.name a:hover{ background-position: 0 -20px; }
				

/* ********************************

	parking-detail
	
********************************** */

/* ID detail-box > ID detail-left
----------------------------------------------- */

#detail-left h4.cap-parking-outline{
	width: 113px; height: 18px;
	background: url(/img/detail/cap-parking-outline.gif) left top no-repeat;
	text-indent:-9999px;
	margin-bottom: 9px;
	}
	
	
/* ID detail-box > ID parking-table
----------------------------------------------- */

#detail-box #parking-table{
	width: 690px;
	margin-top: 45px;
	}
	#detail-box #parking-table th{
		background-image: url(/img/common/bg-titlebar.gif);
		background-repeat: no-repeat;
		padding: 8px 3px;
		color: #FFF;
		text-align:center;
		font-size: 85% !important;
		font-size: 65%;
		white-space: nowrap;
		}
		#detail-box #parking-table th.t-left{ background-position: left top; border-right: dotted 1px #ccc; }
		#detail-box #parking-table th.t-middle{ background-position: center top; border-right: dotted 1px #ccc; }
		#detail-box #parking-table th.t-right{ background-position: right top; }
		
		#detail-box #parking-table th a{
			display: block;
			color: #FFF;
			background: url(/img/resultlist/icon-sort.gif) right center no-repeat;
			width: 3.5em;
			padding-right: 1.2em !important;
			padding-right: 1.5em;
			margin: 0 auto 2px;
			text-align: left;
			white-space: nowrap;
			text-decoration:underline;
			}
			#detail-box #parking-table th a:hover{ text-decoration: none; }
			#detail-box #parking-table th a.sort{ background-image: url(/img/resultlist/icon-sort2.gif);}
			
	#detail-box #parking-table td{
		background-color: #fff;
		padding: 8px 5px;
		vertical-align: middle;
		border-right: dotted 1px #ccc;
		border-bottom: solid 2px #ccc;
		text-align: center;
		}
		#detail-box #parking-table td.last{ border-right: none; }
		#detail-box #parking-table td.tx-right{ text-align:right;}
		


		

/* ********************************

	print
	
********************************** */

@media print{
	body{
		zoom: 100% !important; 
		zoom: 70%; }
	#result-nav{
		display: none; }
	#detail-map{
		page-break-before:always;}
	#title-area a{ display: none; }
}
		
