@charset "utf-8";

body
{
}

a {
	text-decoration: none;
	color: #084c6c;
;
}

/* マップ */

.search {
	width: 720px;
	height: 450px;
	border: #ffab00 solid 1px;
	position: relative;
}

div {
	margin: 0px;
}

.left {
	width: 251px;
	margin-top: 5px;
}

div.spot {
	width: 251px;
	height: 400px;
	margin-left: 2px;
	overflow: auto;
}

h2.a1 {
	background: url(../image/map/h2.jpg) left top no-repeat;
	width: 251px;
	height: 36px;
	margin: 0px 0px 5px 2px;
}


h2 span.clear {
	display:none;
}

div.result {
	margin-bottom: 3px;
	overflow: hidden;
	border-bottom: #CCCCCC solid 1px;
}

img.marker {
	display: block;
	margin: 0px 3px 0px;
	width: 23px;
	height: 28px;
	float:left;
	clear: left;
}

div.result dl{
	float: left;
	margin: 0px;
	width: 200px;
}

div.result dt, div.result dd {
	margin: 0px;
}

div.result dt {
	font-size: 14px;
}

div.result dd {
	font-size: 12px;
}

dt span.title {
	color: #084c6c;
;
}

dt span.title a {
	color: #084c6c;
;
}

dt span.area {
	font-size: 12px;
}

div.search div.right {
	position: absolute;
	right:2px;
	top: 6px !important;
/*	width: 454px;*/
	clear: both;
}

h2.a2 {
	background: url(../image/map/outskirts.jpg) left top no-repeat;
	width: 254px;
	height: 34px;
	margin: 0px;
}

div.googlemaps {
	padding: 5px;
	width: 241px;
	border: #d9d9d9 solid 1px;
}

div.googlemaps object {
	margin: auto;
	width: 527px;
	height: 438px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

/* フリーワード */

div.forms {
	margin: 10px auto 20px;
	padding: 0px;
	background: url(../image/word/forms-background.jpg) left top no-repeat;
	width: 482px;
	height: 76px;
}

div.forms h2 {
	font-size: 16px;
	margin: 0px 0px 5px 20px;
	padding-top: 15px;
}

div.forms input#word {
	margin: 0px 0px 0px 20px;
	width:370px;
	border: #6f93ce solid 1px;
	height: 20px;
}

div.forms input#put {
	background: url(../image/word/button.jpg) left top no-repeat;
	width: 66px;
	height: 24px;
	border: none;
}

ul.popular, ul.past {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	margin-bottom: 10px;
}

ul.popular li, ul.past li {
	float: left;
	list-style-type: none;
	margin: 0px 5px 5px 0px;
	line-break: strict;
	word-break: keep-all;
	color: #084c6c;
	font-size: 80%;
}

ul.popular li a, ul.past li a {
	color: #084c6c;
}

div.list h3 {
	clear: both;
	margin: 0px;
	margin: 0px 0px 15px 20px;
	padding-left: 5px;
	border-left: #01af00 solid 3px;
	font-size: 16px;
}

div.list ul {
	margin-left: 20px;
	margin-right: 20px;
}

/* 目的 */

div.mokuteki {
	float: left;
	width: 260px;
}

div.shibori {
	float: left;
	width: 260px;
}

div.mokuteki h2, div.shibori h2 {
	margin: 10px 0px 10px 10px;
	padding-left: 5px;
	border-left: #01af00 solid 3px;
	font-size: 16px;
}

div.mokuteki ul {
	background: url(../image/purpose/mokuteki-img.jpg) left top no-repeat;
	width: 216px;
	height: 223px;
	margin: auto;
	padding: 15px;
	overflow: hidden;
}

div.mokuteki ul li {
	float: left;
	margin: 10px;
}

ul.selection {
	border: #61c0ec solid 1px;
	list-style-type: none;
	margin: 0px 15px 20px 10px;
	height:170px;
	overflow: auto;
}

ul.selection li {
	border-bottom: #999999 dashed 1px;
	margin: 5px;
	color: #084c6c;

}

ul.selection li a {
	color: #084c6c;
;
}

div.shibori select {
	margin: 0px 10px 0px;
	width: 150px;
}

div.shibori input {
	background: url(../image/word/button.jpg) left top no-repeat;
	width: 66px;
	height: 24px;
	border: none;
}

/* 人物 */

div.hito-search {
	background: url(../image/hito/hito-img.jpg) left top no-repeat;
	width: 482px;
	height: 76px;
	margin: 5px auto;
}

div.hito-search h2 {
	margin: 0px 0px 0px 20px;
	padding-top: 10px;
	font-size: 16px;
}

ul.hito-icon {
	overflow: hidden;
	margin: 5px 15px 0px;
	padding: 0px;
	list-style-type: none;
}

ul.hito-icon li {
	float: left;
	margin: 3px;
}

li#all {
	margin-left: 20px;
}

div.hito-result {
	background: url(../image/hito/hito-list-img.jpg) left top no-repeat;
	width: 486px;
	margin: 0px auto 5px;
	height: 206px;
}

div.hito-result div.hito-look {
	margin: 0px auto;
	list-style-type: none;
	width: 456px;
	height: 150px;
	overflow: auto;
	background: #FFFFFF;
	border: #3c87aa solid 1px;
	position: relative;
	top: 15px;
}

div.mark {
	background: #f3f9fc;
	overflow: hidden;
	padding: 5px;
}

div.n-mark {
	overflow: hidden;
	padding: 5px;
	clear: left;
}

div.hito-look span {
	display: block;
	float: left;
}

span.check {
	margin-top: 25px;
}

span.hito-face {
	overflow: visible;
	width: 67px;
	height: 67px;
}

div.hito-result div.hito-look img{
	margin: auto;
	padding: 3px;
	display: block;
	border: #b3b3b3 solid 1px;
	background: #FFFFFF;
}

div.hito-result div.hito-look dl {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	width: 330px;
	overflow: hidden;
}

div.hito-result div.hito-look dl dt {
	margin: 0px;
	font-size: 16px;
	color: #084c6c;
;
	border-bottom: #CCCCCC dashed 1px;
}

div.hito-result div.hito-look dl dd {
	margin: 0px;
	padding-top: 3px;
	font-size: 12px;
}

div.hito-submit {
	width: 57px;
	position: absolute;
	top: 260px;
	left: 423px;
}