@charset "utf-8";

/*
	=====================================================================
	鹿児島宅地建物取引業協会 THEME CSS INFORMATION
	
	Style Info:		物件検索(地図から探す・住所から探す)
	File name:		/common/css/sec/search_map_address/search.css
	Last update:	2009.11.25
	=====================================================================
*/

/* base
---------------------------------------------------------------------- */
#center-search {
	font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

#center-search a {
	color:#0396E4;
	text-decoration:none;
	}

#center-search a:hover {
	color:#E71856;
	text-decoration:underline;
	}

/* searchnavi
---------------------------------------------------------------------- */
#center-search .searchnavi {
	margin-bottom: 10px;
	}
	
	/* h3
	------------------------------------------------------------ */
	#center-search .searchnavi h3 {
		float: left;
		width: 100px;
		height: 40px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background: url(../../../img/sec/search_map_address/search.jpg) top left no-repeat;
		}
	
	/* .navi
	------------------------------------------------------------ */
	#center-search .navi {
		float: right;
		width: 700px;
		}
		
		/* ul.view
		-------------------------------------------------- */
		#center-search .navi ul.view {
			width: 700px;
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			
			/* li
			---------------------------------------- */
			#center-search ul.view li {
				float: left;
				width: 175px;
				}
				
				/* rental buy address map
				------------------------------ */
				#center-search ul.view li span.rental,
				#center-search ul.view li span.buy,
				#center-search ul.view li a.address,
				#center-search ul.view li a.map {
					display: block;
					width: 175px;
					height: 40px;
					top: 0;
					text-indent: -9999px;
					text-decoration: none;
					overflow: hidden;
					}
					
					/* rental
					-------------------- */
					#center-search ul.view li .rental {
						background: url(../../../img/sec/search_map_address/btn_rental.jpg) top left no-repeat;
						}
						
						/* hover */
						/*
						#center-search ul.view li .rental:hover {
							background: url(../../../img/sec/search_map_address/btn_rental_hover.jpg) top left no-repeat;
							}
						*/
					
					/* buy
					-------------------- */
					#center-search ul.view li .buy {
						background: url(../../../img/sec/search_map_address/btn_buy.jpg) top left no-repeat;
						}
						
						/* hover */
						/*
						#center-search ul.view li .buy:hover {
							background: url(../../../img/sec/search_map_address/btn_buy_hover.jpg) top left no-repeat;
							}
						*/
					
					/* address
					-------------------- */
					#center-search ul.view li a.address {
						background: url(../../../img/sec/search_map_address/btn_address.jpg) top left no-repeat;
						}
						
						/* hover */
						#center-search ul.view a.address:hover {
							background: url(../../../img/sec/search_map_address/btn_address_hover.jpg) top left no-repeat;
							}
					
					/* map
					-------------------- */
					#center-search ul.view li a.map {
						background: url(../../../img/sec/search_map_address/btn_map.jpg) top left no-repeat;
						}
						
						/* hover */
						#center-search ul.view a.map:hover {
							background: url(../../../img/sec/search_map_address/btn_map_hover.jpg) top left no-repeat;
							}
					
					/* ul.hd
					-------------------- */
					#center-search ul.view li ul.hd {
						display: none;
						position: absolute;
						top: 40px;
						margin: 0;
						padding: 10px 10px 2px 10px;
						list-style-type: none;
						background-color: #fff;
						border-top: none;
						border-right: 1px solid #7ABE4A;
						border-bottom: 1px solid #7ABE4A;
						border-left: 1px solid #7ABE4A;
						}
						
						/* li */
						#center-search ul.view li ul.hd li {
							width: 154px;
							}
							
							/* a */
							#center-search ul.view li ul.hd a {
								display: block;
								font-size: 0.8em;
								margin-bottom: 8px;
								padding-left: 18px;
								background: url(../../../img/sec/search_map_address/down_icon.jpg) center left no-repeat;
								}
				
				/* li.off
				------------------------------ */
				#center-search ul.view li.off {
					margin: 0;
					}
				
				/* li.on
				------------------------------ */
				#center-search ul.view li.on {
					position:relative;
					}
				
					/* ul.hd
					------------------------------ */
					#center-search ul.view li.on ul.hd {
						display: block;
						}

/* pagetitle
---------------------------------------------------------------------- */
#center-search .pagetitle {
	margin-bottom: 8px;
	padding: 10px 0 20px 0;
	background: url(../../../img/sec/search_map_address/h2_bg.jpg) top left no-repeat;
	}
	
	/* breadcrumbs
	------------------------------------------------------------ */
	#center-search .pagetitle p.breadcrumbs {
		color: #666;
		font-size: 0.6em;
		margin: 0 0 22px 0;
		padding: 0 0 0 15px;
		background: url(../../../img/sec/search_map_address/down_icon.jpg) center left no-repeat;
		}
	
	/* h2.search-map
	------------------------------------------------------------ */
	#center-search .pagetitle h2.search-map {
		display: block;
		width: 285px;
		height: 35px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background: url(../../../img/sec/search_map_address/h2_map.jpg) top right no-repeat;
		}

	/* h2.search-address
	------------------------------------------------------------ */
	#center-search .pagetitle h2.search-address {
		display: block;
		width: 285px;
		height: 35px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background: url(../../../img/sec/search_map_address/h2_address.jpg) top right no-repeat;
		}

/* utility
---------------------------------------------------------------------- */
#center-search .utility {
	margin-bottom: 15px;
	}
	
	/* pageback
	------------------------------------------------------------ */
	#center-search .utility .pageback {
		float: left;
		}
	
	/* print
	------------------------------------------------------------ */
	#center-search .utility .print {
		float: right;
		}

/* h4.search
---------------------------------------------------------------------- */
#center-search h4.search {
	font-size: 0.8em;
	border-top:2px solid #7ABE4A;
	background: transparent url(../../../img/sec/line_dashed_green.gif) repeat-x left bottom;
	margin:0px 0px 15px 0px;
	padding:5px 10px 5px 10px;
	color:#7ABE4A;
	}

/* condition
---------------------------------------------------------------------- */
#center-search table.condition {
	color:#666;
	font-size: 0.8em;
	width: 800px;
	margin: 0 0 15px 0;
	background-color: #fff;
	padding: 0;
	border: none;
	}
	
	/* th
	------------------------------------------------------------ */
	#center-search table.condition th {
		width: 210px;
		font-weight: normal;
		text-align: right;
		padding: 8px 10px;
		border: none;
		vertical-align: top;
		}
		
		/* th.odd
		-------------------------------------------------- */
		#center-search table.condition th.odd {
			background-color: #F2CBC8;
			}
		
		/* th.evnn
		-------------------------------------------------- */
		#center-search table.condition th.even {
			background-color: #F9E8E8;
			}
	
	/* td
	------------------------------------------------------------ */
	#center-search table.condition td {
		text-align: left;
		padding: 5px 10px;
		border: none;
		vertical-align: top;
		background-color: #fff;
		}
		
		/* td.odd
		-------------------------------------------------- */
		#center-search table.condition td.odd {
			background-color: #efefef;
			}
		
		/* td.evnn
		-------------------------------------------------- */
		#center-search table.condition td.even {
			background-color: #f5f5f5;
			}

/* googlemap
---------------------------------------------------------------------- */
#map {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	}
	
	/* icon
	------------------------------------------------------------ */
	#center-search .icon {
		margin: 0 0 15px 0;
		padding: 0;
		}

/* sort
---------------------------------------------------------------------- */
#center-search .sort {
	color: #666;
	font-size: 0.8em;
	margin-bottom: 10px;
	}

/* pager
---------------------------------------------------------------------- */
#center-search .pager {
	color: #666;
	font-size: 0.8em;
	margin-bottom: 10px;
	}
	
	/* textlink
	------------------------------------------------------------ */
	#center-search .pager .textlink {
		float: left;
		padding-top: 7px;
		}
	
	/* pulldown
	------------------------------------------------------------ */
	#center-search .pager .pulldown {
		float: right;
		}

/* result
---------------------------------------------------------------------- */
#center-search table.result {
	color:#666;
	font-size: 0.8em;
	width: 800px;
	margin: 0 0 10px 0;
	background-color: #fff;
	padding: 0;
	border: none;
	}
	
	/* th.odd
	------------------------------------------------------------ */
	#center-search table.result th.odd {
		font-weight: normal;
		text-align: center;
		padding: 5px 8px;
		border: none;
		vertical-align: top;
		background-color: #F2CBC8;
		}
	
	/* th.evnn
	------------------------------------------------------------ */
	#center-search table.result th.even {
		font-weight: normal;
		text-align: center;
		padding: 5px 8px;
		border: none;
		vertical-align: top;
		background-color: #F9E8E8;
		}
	
	/* td
	------------------------------------------------------------ */
	#center-search table.result td {
		padding: 0;
		border: none;
		}
	
	/* td.odd
	------------------------------------------------------------ */
	#center-search table.result td.odd {
		text-align: left;
		padding: 5px 8px;
		border: none;
		vertical-align: top;
		background-color: #efefef;
		}
		
	/* td.even
	------------------------------------------------------------ */
	#center-search table.result td.even {
		text-align: left;
		padding: 5px 8px;
		border: none;
		vertical-align: top;
		background-color: #f5f5f5;
		}
		
		#center-search table.result td strong {
			color: #f00;
			font-size: 1.5em;
			}
	
	/* td.detail
	------------------------------------------------------------ */
	#center-search table.result td.detail {
		padding: 15px;
		border-top: 5px solid #E28C85;
		border-right: 1px solid #E28C85;
		border-bottom: 1px solid #E28C85;
		border-left: 1px solid #E28C85;
		background: url(../../../img/sec/search_map_address/detail.jpg) top left no-repeat;
		}
		
		/* detail-left
		-------------------------------------------------- */
		#center-search table.result td.detail .detail-left {
			float: left;
			width: 338px;
			}
			
			/* table.data
			---------------------------------------- */
			#center-search table.data {
				width: 335px;
				margin-bottom: 15px;
				}
				
				/* th
				---------------------------------------- */
				#center-search table.data th.odd,
				#center-search table.data th.even {
					text-align: left;
					}
				
		
		/* detail-right
		-------------------------------------------------- */
		#center-search table.result td.detail .detail-right {
			float: right;
			width: 415px;
			}
			
			/* image-left
			---------------------------------------- */
			#center-search table.result td.detail .detail-right .image-left {
				float: left;
				padding: 9px;
				border: 1px solid #F2CBC8;
				}
			
			/* image-right
			---------------------------------------- */
			#center-search table.result td.detail .detail-right .image-right {
				float: right;
				padding: 9px;
				border: 1px solid #F2CBC8;
				}