﻿/* CSS Document */

@charset "utf-8";

/*------------------------------------------------------------------------*/
/* Clearfix Fx */
/*------------------------------------------------------------------------*/

.map#main-content #search-geo:after ,
.map#main-content #map-display:after ,
.map#main-content #map-list:after,
.map#main-content #map-nav .scaleArea:after {
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0%;
	display: block;
	content: "";
}

/*------------------------------------------------------------------------*/
/* インデックス */
/*------------------------------------------------------------------------*/

/* Flashエリア[
----------------------------------------------------------- */
.map#main-content #flash-area {
	width: 711px;
	float: left;
}

/*地図から探すページ*/
#flash-area #flash-area-alt .search_map_flash_alt{
	width:541px;
	float:right;
}
#flash-area #flash-area-alt .search_map_flash_alt p{
	margin-top:23px;
}

#flash-area #flash-area-alt p.bnr_flashDL{
	width:160px;
	float:left;
}

#flash-area #flash-area-alt .search_area_flash_alt{
	width:842px;
	margin-bottom:23px;
	text-align:left;
}

#flash-area #flash-area-alt .search_area_flash_alt p{
	line-height:20px;
}
#flash-area #flash-area-alt .search_area_flash_alt p.bnr_flashDL{
	margin-right:15px;
	float:left;
}

/* テキストインデックス[
----------------------------------------------------------- */
.map#main-content #text-index {
	width: 226px;
	_width: 210px !important;
	float: right;
}

.map#main-content #text-index .sub-content-bg {
	padding: 0 8px;
	width: auto;
	height: 263px;
	_height: 265px;
}

.map#main-content #text-index h2 ,
.map#main-content #text-index h3 {
	margin: 3px 0;
	font-size: 100%;
	color: #663300;
	font-weight: 900;
	clear:both;
}

.map#main-content #text-index h3 {
	clear: both;
	margin: 0.2em 13px 0 0;
	float: left;
}

.map#main-content #text-index hr {
	clear: both;
	visibility: visible;
	margin: 6px 0 10px;
	height: 0px;
	border: 1px #ded3c5 solid;
} 


.map#main-content #text-index ul {
	margin: 3px 0;
	font-size: 100%;
}

.map#main-content #text-index ul li {
	margin: 0 13px 0 0;
	padding: 2px 0 3px;
	font-weight: 700;
	float: left;
	_display: inline;
}

/*------------------------------------------------------------------------*/
/* 都道府県インデックス */
/*------------------------------------------------------------------------*/
/*マップ表示エリア*/
.map#main-content #map-display h2 {
	height: 21px;
	width: 209px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999%;
	background:url(../../search/map/img/map-display-ttl.gif) 0 0 no-repeat;
}

.map#main-content #map-display #flash-area {
	margin: 23px auto;
	text-align: center;
	width: auto;
	height: auto;
	_height: 0;
	min-height: 1px;
	float: none;
}

/*リスト表示エリア*/
.map#main-content #map-list {
	margin: 13px 0 0;
}

.safari .map#main-content #map-list .body {
	 padding: 0 9px;
	 display: inline-table;
	 width:950px;
}

.map#main-content #map-list h2 {
	padding: 0 0 0 14px;
	height: 21px;
	font-size: 110%;
	font-weight: 700;
	line-height: 21px;
	background:url(../img/pt-rd-h2.gif) 0 0 no-repeat;
}

.map#main-content #map-list .round-white {
	margin: 2px 0 0 0;
}

.map#main-content #map-list p {
	font-size: 90%;
}

.map#main-content #map-list li {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 0 4px 0;
	font-size: 90%;
	float: left;
}

	/*Hack IE7/IE6 below*/
	* html .map#main-content #map-list li ,
	*+html .map#main-content #map-list li {
		padding: 0;
	}


.map#main-content #map-list li a {
	border-right: 1px #333333 solid;
	padding: 0 10px 0 0;
	line-height: 1; 
	white-space: nowrap;
}



/*------------------------------------------------------------------------*/
/* 検索結果表示画面 */
/*------------------------------------------------------------------------*/

.map#main-content #selectedGeo table th {
	vertical-align: middle;
}

.map#main-content #selectedGeo table td img.map-reselect {
	margin: 3px 16px;
	vertical-align: middle;
}

.map#main-content #selectedGeo #search-option {
	margin: 9px 0 0;
	border: 0;
	padding: 0;
}


.map#main-content #selectedGeo .top-none#search-option {
	margin: 0;
	border: 0;
	padding: 0;
}

.map#main-content #selectedGeo #search-option h2 {
	padding: 3px 8px 3px 0;
	background: none;
}

.map#main-content #selectedGeo #search-option table th {
	width: 138px;
	background-image: none;
}

/* 地図表示ボタン[
----------------------------------------------------------- */
.map#main-content #map-submit {
	position: relative;
	margin-bottom: 13px;
	text-align:center;
}

.map#main-content #map-submit p {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	_left:-400px;
	padding-left: 1em;
	width: 360px;
	text-align: left;
	text-indent: -1em;
	_text-indent:0;
	font-size: 80%;
}

.map#main-content #search-geo {
	border-top: 1px transparent solid;
	_border-top: none;
	min-height: 1px;
}

html[xmlns*=""] .map#main-content #search-geo {
	display: inline-table;
}


/* アイコン・縮尺操作[
----------------------------------------------------------- */
/* 地図表示[
----------------------------------------------------------- */
.map#main-content #map-area {
	width: 571px;
	float: left;
}
.safari .map#main-content #searchmap {
	display:inline-table;
}


.map#main-content #map-area h2 {
	width: 40%;
	float: left;
}

.map#main-content #map-area img#btn-s-map-default {
	position: absolute;
	left: 471px;
}
.map#main-content #map-nav {
	clear: both;
	margin: 0 0 5px;
	width: 571px;
	float: left;
}

.map#main-content #map-nav p {
	width: 50%;
	float: left;
	margin: 0;
}

.map#main-content #map-nav .scaleArea{
	float:right;
	width: 240px;
}

.map#main-content #map-nav .scaleArea p {
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}


ul#map-icon-sample {
	margin-top: 3px;
}

ul#map-icon-sample li {
	display: inline;
	font-size: 80%;
	*font-size: 70%;
	padding-right: 10px;
}

ul#map-icon-sample li img {
	vertical-align: middle;
	margin-right: 3px;
}

/* アイコン情報[
----------------------------------------------------------- */
.map#main-content #icon-data {
	position: relative;
	margin: 0;
	width: 346px;
	float: right;
}

.map#main-content #icon-data #icon-data-inner {
	height: 550px;
	_height: 525px;
	overflow-y: scroll;
	overflow-x: hidden;
}

*+html .map#main-content #icon-data #icon-data-inner table {
	width: 95%;
}

.map#main-content #icon-data table tfoot {
	display: none;
}

html[xmlns*=""] .map#main-content #icon-data {
	margin: 0 0 0 13px;
}

.map#main-content #icon-data h2 {
	width: 45%;
}

/*アイコンを中心に表示*/
.map#main-content #icon-data img#btn-s-remap {
	position: absolute;
	top: 0;
	left: 165px;
}

.map#main-content #icon-data #map-checkto {
	position: relative;
}

.map#main-content #icon-data #map-checkto p.checkto {
	margin: 2px 0;
	padding: 0 0 0 13px;
	background: url(../img/pt-check.gif) 0 50% no-repeat;
}

.map#main-content #icon-data #map-checkto img#btn-m-map-addfav {
	margin: 0 2px 0 0;
}

.map#main-content #icon-data #map-checkto p.help {
	position:absolute;
	display: block;
	width: 100%;
	top: 0;
	white-space: nowrap;
	text-align: right;
}



#main-content.map #icon-data #listTabDetail #icon-data-inner {
	position: relative;
	height:656px;
}
.map#main-content #icon-data #listTabDetail #map-checkto {
	position: relative;
	width:219px;
	margin-top:10px;
	zoom:1;
}
.map#main-content #icon-data #listTabDetail #map-checkto:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.map#main-content #icon-data #listTabDetail #map-checkto p {
	display:inline;
	float:left;
	width:127px;
	padding:6px;
	padding-left:17px;
	background:url(../../search/img/bg-check_btn.gif) no-repeat 0 0;
}
.map#main-content #icon-data #listTabDetail #map-checkto p.checkto {
	width:65px;
	margin:0 4px 0 0;
	padding:0;
	background:none;
}
.map#main-content #icon-data #listTabDetail #map-checkto p a {
	display:block;
	width:127px;
}
.map#main-content #icon-data #listTabDetail #map-checkto p a img {
	vertical-align:bottom;
}
#btnShowDetail {
	margin-bottom:3px;
}
