@charset "utf-8";

/* common -----------------------------------------*/

img,a {
	border: none;
}

body {
	margin: 0px;
	color: #666;
}

.none {
	display: none;
}

h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
}

.title {
	border-left: 4px solid #01af00;
	margin-bottom: 15px;
	overflow: hidden;
}

.title2 {
	border-left: 4px solid #01af00;
	margin: 0px 4px;
	line-height: 16px;
}

.right {
	text-align: right;
}

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

#container {
	height: 282px;
	width: 506px;
	border: 1px solid #ffab00;
	padding: 7px;
	background: #ffffff;
}


ul.list {
	margin: 0px;
	padding: 0px;
}

ul.list li {
	border-bottom: 1px dashed #cdcdcd;
	list-style: none;
	font-size: 12px;
}


/* purpose ----------------------------------------*/

.bg_purpose {
	background:url(../image/bg_purpose2.gif) no-repeat #ffffff;
	height: 73px;
	position: relative;
	width: 482px;
	text-align: center;
}

.bg_purpose2 {
	background:url(../image/bg_purpose2.gif) no-repeat #ffffff;
	height: 223px;
	position: relative;
	width: 482px;
	overflow: hidden;
}

.center {
	margin: 0px auto;
	width: 482px;
}


.ico_purpose {
	clear: both;
	width: 454px;
	margin: 0px auto;
}

.half {
	width: 241px;
	float: left;
	margin-top: 15px;
}

.half iframe {
	border: 1px solid #61c0ec;
}

.title_narrow {
	background: url(../image/title_narrow.gif) no-repeat;
	width: 78px;
	height: 17px;
	margin: 0px;
}

.title_area {
	background: url(../image/title_area.gif) no-repeat;
	width: 91px;
	height: 17px;
	margin: 0px;
}

/*ico*/

ul.li_area {
	margin: 0px;
	padding: 0px;
}

ul.li_area li {
	/* list-style: url(../image/li.gif) inside; */
	list-style: none;
	margin: 0px 7px 5px;
	float: left;
	font-size: 80%;
	/* border: solid 1px blue; */
}


ul.purpose  {
	margin: 0px;
	padding: 0px;
}

ul.purpose li {
	float: left;
	display: block;
	margin: 0px 7px 5px;
	list-style: none;
}

.purpose li a {
	display: block;
	width: 29px;
	height: 29px;
}

li.nature {
	background: url(../image/icon/ico_nature.gif) no-repeat;
}

li.spa {
	background: url(../image/icon/ico_spa.gif) no-repeat;
}

li.history {
	background: url(../image/icon/ico_temple.gif) no-repeat;
}

li.festa {
	background: url(../image/icon/ico_event.gif) no-repeat;
}

li.sports {
	background: url(../image/icon/ico_sports_n.gif) no-repeat;
}

li.siteseen {
	background: url(../image/icon/ico_siteseen.gif) no-repeat;
}

li.human {
	background: url(../image/icon/ico_human_n.gif) no-repeat;
}

li.lest {
	background: url(../image/icon/ico_hotel.gif) no-repeat;
}

li.food {
	background: url(../image/icon/ico_food.gif) no-repeat;
}

li.play {
	background: url(../image/icon/ico_play.gif) no-repeat;
}

.disable {
	height: 35px;
	margin: 0px;
	padding: 0px;
	display: block;
}

dl.propose {
	background: url(../image/bg_areaserch.gif) no-repeat;
	margin: 7px 10px;
	padding: 15px;
	height: 30px;
}

dl.propose dt {
	display: block;
	width: 316px;
	float: left;
	clear: both;
	padding-left: 69px;
}

dl.propose dd {
	margin-left: 0px;
	display: block;
	width: 67px;
	float: left;
	text-align: right;
}

.bg_purtop {
	background:url(../image/bg_purtext_h.gif) top no-repeat;
	clear: both;
	height: 12px;
	width: 454px;
	margin: 0px auto;
}

.bg_purtext {
	background:url(../image/bg_purtext_b.gif) bottom no-repeat;
	clear: both;
	height: 140px;
	width: 454px;
	margin: 5px auto 0px auto;
}

ul.celect_category {
	margin: 0px;
	padding: 0px;
}

ul.celect_category li {
	list-style: none;
	float: left;
	display: block;
	width: 130px;
	padding: 0px 10px;
	text-align: left;
	border-bottom: 1px dashed #CDCDCD;
	font-size: 90%;
}

.padding_right {
	padding:5px;
	text-align: right;
	clear: both;
}

.clear {
	clear: both;
}

/* area ---------------------------------------------*/

.l_half {
	float: left;
	width: 265px;
}

/* area_title ---------------------------------------------*/

.title_corst {
	background: url(../image/title_coast.gif) no-repeat;
	width: 58px;
	height: 17px;
}

.title_central {
	background: url(../image/title_central.gif) no-repeat;
	width: 58px;
	height: 17px;
}

.title_north {
	background: url(../image/title_north.gif) no-repeat;
	width: 75px;
	height: 17px;
}

.title_south {
	background: url(../image/title_south.gif) no-repeat;
	width: 75px;
	height: 17px;
}

/* area_contents ------------------------------------------*/

.left {
	float: left;
	margin-right: 8px;
}

.area_txt {
	font-size: 11px;
	margin: 5px 10px;
}

.area_txt a {
	color: #666666;
	text-decoration: underline;
}

.area_txt a:hover {
	background-color: #daf3ff;
}

/* map_area ----------------------------------------*/
.left_map	{
	width: 270px;
	float: left;
}

.right_central {
	width: 233px;
	float: left;
	/*z-index: 1;*/
	position: relative;
	visibility: hidden;
}

.right_coast {
	width: 233px;
	float: left;
	/*z-index: 2;*/
	position: relative;
	visibility: hidden;
}

.right_north {
	width: 233px;
	float: left;
	/*z-index: 3;*/
	position: relative;
	visibility: hidden;
}

.right_south {
	width: 233px;
	float: left;
	/*z-index: 1;*/
	position: relative;
	visibility: hidden;
}

/* hito -----------------------------------*/
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: #61c0ec;
	font-weight: bold;
	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;
}

#area_map h2 a {
	color: #333333;
	font-size: 14px;
	padding: 3px 5px;
}

#area_map h2 a:hover {
	background-color: #d9f2ff;
}

ul.li_area2 li {
	font-size: 85%;
}