@import url("common.css");
img {
	border: 0;
}
#list {
	position: relative;
	overflow: auto;
	width: 780px;
	height: 500px;
	border-right: 1px solid #333300;
}
#AZ h2 {
	margin: 3px 0 0 10px;
	width: 350px;
	font-size: 13px;
	font-weight: bold;
	color: #333300;
	text-shadow: #888888 3px 3px 2px;
	height:30px;
	padding-top:3px;
	text-align:left;
}
div#other {
	position: absolute;
	right: 6px;
	top: 0;
	width: 400px;
	height:20px;
}
h3 {
	text-align: center;
	font-size: 13px;
	text-shadow: #000000 3px 3px 2px;
	width:50px;
	height: 30px;
	color: white;
	background-color: #333300;
	position: relative;
	left:0px;
}
.dest_hd {
	width: 720px;
	border: 1px solid green;
}
.dest_ln {
	padding-left: 6px;
	border-bottom: 1px solid #B0A985;
	height: 1.5em;
	min-height:18px;
	width: 86.5%;
	position: relative;
	top: -29px;
	left: 80px;
	padding-bottom: 2px;
}
.dest_ln a {
	vertical-align: middle;
}
.alphabet {
	width: 95%;
	border-top: 1px solid #544d2f;
	position: relative;
	left:20px;
}
img.anc {
	height: 24.5px;
	width: 0px;
	vertical-align:middle;
}
img.anc[class] {
	height: 30px;
	width: 0px;
	vertical-align:middle;
}
img.anc_ln {
	height: 1.5em;
	width: 0;
	vertical-align: baseline;
}
.vt {/*border: 1px solid orange;*/
	width:130px;
	position: absolute;
	top: 0;
	right: 0;
}
.vt img {
	vertical-align: middle;
}
.vt span {
	vertical-align: middle;
}
.maplink {
	width: 60px;
	text-align: right;
}
.google_ln {
	text-align: right; 
	position: absolute;
	right: 6px;
	bottom:0;
}
.google_ln[class] {
	bottom:1px;
}
.maplink_ln {
	position: absolute;
	bottom: 1px;
	left: 0;
}
.maplink_ln[class] {
	bottom: 0;
0}
.google {
	text-align: right; /*border: 1px solid green;*/
	position: absolute;
	right: 6px;
	top:0px;
}
.google span {
	margin-right: 0;
}
.vt_ln {/*border: 1px solid gray;*/
	width:60px;
	position: absolute;
	bottom: 0;
	right: 0;
	/*float:right;*/
	height: 1.5em;
	padding-bottom:2px;
}
a.maplink_ln {/*border: 1px solid gray; */
	width: 18px;
	height: 18px;
	text-align: right;
}
a.maplink_ln[class] {/*border: 1px solid gray;*/
	width: 20px;
	height: 20px;
	text-align: right;
}
a.cip {
	width: 20px;
	height: 20px;
	text-align: right;
}
/*flash map rollpver*/
a.maplink_ln {
	background-color:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./images/misc/trail_index_00.png');
	display: block;
}
a.maplink_ln:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./images/misc/trail_index_00-over.png');
	display: block;
}
a.maplink_ln[class] {
	background: url("../images/misc/trail_index_00.png") center no-repeat;
	display: block;
}
a.maplink_ln:hover[class] {
	background: url("../images/misc/trail_index_00-over.png") center no-repeat;
	display: block;
}
a.cip {
	background: url("../images/misc/w21-1.gif") center no-repeat;
	display: block;
}
/*for IE6*/
div#other p {
	text-align: right;
	width: 400px;
	letter-spacing: 0.15em; /*border: 1px solid white;*/
	font:10px/1.1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 7px;
}
#AZ {
	position: relative;
	width:780px;
	border-width:1px 1px 0 0;
	border-style: solid solid none none;
	border-color: transparent #330 transparent transparent;
}
/*IE hack*/
div#other>p {
	text-align: right;
	width: 400px;
	letter-spacing: 0.25em;
	font:bold normal 10px/1em Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}
#AZ[id] {
	position: relative;
	width:780px;
	border-width:1px 1px 0 1px;
	border-style: solid solid none none;
	border-color: transparent #330 transparent transparent;
}
/*jump to other parks*/
div#other a:link, div#other a:visited {
	color: #476476;
	text-decoration: underline;
}
div#other a:hover {
	color: #ff4d00;
}
/*recomendation*/
#instLayer{
	position: absolute;
	z-index: 501;
	bottom:50px;
	left: 10px;
	width:400px;
	height:300px;
	color:white;
	display:block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='./images/misc/instlayer0.png');
}
#instLayer[id]  {
	background: url("../images/misc/instlayer0.png");
}
#l-JA{
	position: absolute;
	top: 170px;
	left: 25px;
	width: 330px;
	padding: 0 7px 15px 7px;
}
#l-EN{
	position: absolute;
	top:30px;
	left: 25px;
	width: 330px;
	padding: 0 7px 10px 7px;
}
#head-EN, #head-JA {
	font: bold 1.2em/1.3em Times, serif;
	margin-right: 20px;
	border-bottom:1px solid white;
	border-right: 2px solid white;
	width: 200px;
}
#inst-EN, #inst-JA{
	font: 1em/1.4em Verdana, Arial, san-serif;
	margin-top: 5px;
}
#instLayer span{
	color: #595232;
	font-weight: bold;
}