@charset "utf-8";

/* ## disp detals ##################### */

/* map */
div#mapdet {
	width: 100%;
	height: 360px;
	background-color: #7f7f7f;
	border: 1px solid #646464;
}
div#mapctrl {
	text-align: center;
}
div#mapctrl input {
	width: 120px;
	margin: 0px 5px;
	border: 1px solid #646464;
}
div#mapctrl input#center_area {
	border-top-width: 0px;
	background-color: #d7d7ff;
	color: #272672;
}
div#mapctrl input#center_spot {
	border-top-width: 0px;
	background-color: #ffd7d7;
	color: #cc0000;
}

/* data option */
div#spotcategory {
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	width: 50%;
	float: left;
}
div#spotcategory a {
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	margin-right: 1em;
}

div#spotarea {
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	width: 50%;
	text-align: right;
	float: right;
}

/* data */
table#dispdetitem { clear: both; }
table#dispdetitem tr th { width: 100px;}
table#dispdetitem tr td {}

/* control */
div.control input {
	width: 100px;
}

/* mapmarker */
div.mapmarker {
	width: 200px;
	font-size: 10pt;
	font-weight: normal;
}
div.mapmarker .spotname {
	padding: 0px;
	margin: 0px;
	font-size: 16pt;
}
div.mapmarker .spotname a {
	font-size: 16pt;
	color: #0c00cc;
}
div.mapmarker .spotname a:hover {
	font-size: 16pt;
	color: #cc0000;
}