/******* park *******/

div.park-select-box {
margin: 20px 0px 40px 0px;
padding: 0px 0px 10px 0px;
background: url(img/select-end.gif) left bottom no-repeat;
}

div.park-select-area {
padding: 80px 0px 0px 0px;
background: url(img/select01.gif) left top no-repeat;
text-align: center;
}

div.park-select-box dl {
margin-bottom: 20px;
}

div.park-select-box dl dt {
display: none;
}

div.park-select-box dl dd {
padding: 2px 10px;
display: inline;
border-left: solid 1px #bbbbbb;
color: #dddddd;
}

div.park-select-box dl dd.park-st {
border-left: solid 1px #ffffff;
}

div.park-select-box dl dd a:link { color: #0000ff; }
div.park-select-box dl dd a:visited { color: #0000ff; }
div.park-select-box dl dd a:hover { color: #66cc00; }
div.park-select-box dl dd a:active { color: #0000ff; }
div.park-select-box dl dd a { text-decoration: underline; }

p.park-footer {
padding: 60px 0px 60px 0px;
font-weight: bold;
color: #66cc00;
text-align: center;
}

span#hana-left {
padding: 20px 0px 20px 45px;
background: url(img/hana-left.gif) left center no-repeat;
}

span#hana-right {
padding: 20px 40px 20px 0px;
background: url(img/hana-right.gif) right center no-repeat;
}

/******* h3 *******/

h3.park-title {
margin: 0px 0px 5px 10px;
padding: 12px 0px 10px 30px;
background: url("img/hana.gif") left center no-repeat;
font-weight: bold;
color: #3366cc;
border-bottom: 1px dashed #cccccc;
}

/******* page-top *******/

p.page-top {
text-align: right;
}

/******* park-box *******/

div.park-box {
margin: 20px 0px 40px 40px;
}

div.park-main-img {
width: 200px;
height: 190px;
background: url("img/mojyamin01.gif") left bottom no-repeat;
margin-right: 3px;
float: left;
}

div.park-photo {
width: 200px;
float: left;
}

div.park-text {
width: 246px;
float: right;
}

div.park-text p.park-add {
padding: 6px 0px 6px 46px;
color: #3366cc;
background: url("img/add.gif") left center no-repeat;
}

div.park-text p.park-com {
padding: 6px 0px 6px 0px;
line-height: 1.4;
}

/******* imgHover *******/

.imgHover {
	position: relative;
	width: 200px;
}
	.imgHover .imgFrame {
		position: absolute;
		right: 0;
		top: 0;
		width: 200px;
		height: 150px;
	}
	.imgHover .imgFrame img {
		width: 200px;
		height: 150px;
	}

	.imgHover .imgHoverList {
		position: absolute;
		top: 153px;
		width: 192px;
		padding: 8px 0px 5px 8px;
		background-color: #aaaaaa;
	}
		.imgHover ul li {
			float: left;
			padding: 0px 3px 3px 0px;
		}
			.imgHover ul li img {
			border: solid 1px #ffffff;
			}
			
			.imgHover ul li a {
				display: block;
			}
			
			.imgHover ul li a:hover {
				position: static;
			}

			.imgHover ul li a .img {
				width: 26px;
				height: 20px;
			}
			
			.imgHover ul li a .mainImage {
				display: none;
			}
			
			.imgHover ul li a:hover .mainImage {
				display: block;
				position: absolute;
				top: -154px;
				left: -1px;
			}