div.top_map_wrap{
	display:block;
	width: 488px;
	height:344px;
	overflow:hidden;
	margin-bottom:18px;
	margin-top: 12px;
}

div#top_map{
	display:block;
	width: 486px;
	height:314px;
	border-left: 1px solid #E4C29D;
	border-right: 1px solid #E4C29D;
	border-bottom: 1px solid #E4C29D;
	border-top: 1px solid #A87F59;
	overflow:hidden;
}

div.top_map_img{
	display:block;
	width:316px;
	height:288px;
	float:left;
	overflow:hidden;
	
}

div.top_map_img img{
	z-index:1;
}

/* Tab Menu */

div.top_map_menu{
	display:block;
	width:488px;
	height:28px;
	text-align:left;
}

div.top_map_menu ul{	
	display:block;
	width:100%;
	height:29px;
	border-left: 1px solid #E4C29D;
	background: #D6B795 url(/img/german-ex/top_map_sidebar_btn.png) repeat-x scroll 0 0;
}

div.top_map_menu ul li{
	list-style-type:none;
	float:left;
	border-top: 1px solid #E4C29D;
	border-right: 1px solid #B1855A;
}

div.top_map_menu ul li a{
	display:block;
	height:12px;
	padding: 8px 22px;
	text-align:center;
	font-size:12px;
	/*
border-left: 1px solid #E9D2B4;
*/
	background: #D6B795 url(/img/german-ex/top_map_sidebar_btn.png) repeat-x scroll 0 -36px;
}

div.top_map_menu ul li a#selectedtab{
	background-position: 0 -72px !important;
	color: #fff;
}

div.top_map_menu ul li a:hover{
	text-decoration:none;
	background-position: 0 -72px;
	color:#fff;
}

div.top_map_control{
	height:21px;
	clear:both;
	padding: 2px 4px;
	text-align:left;
	border-top: 1px solid #E4C29D;
	background: #F4E7D5 url(/img/german-ex/top_map_control_bg.png) repeat-x 0 0; 
}

div.top_map_control ul{
	margin:0;
	text-align:left;
}

div.top_map_control ul li{
	margin:2px 4px 0 0;
	float:left;
	list-style-type:none;
	font-size:12px;
}

div.top_map_control ul li a.active{
	font-weight:bolder;
	color:#000;
}

div.top_map_sidebar{
	display:block;
	width: 169px;
	height: 287px;
	float:left;
	overflow:hidden;
	background: #F4E7D5;
	border-left: 1px solid #E4C29D;
	/*
border-bottom: 1px solid #E4C29D;
*/
}

div.top_map_sidebar ul{
	margin:0;
	padding:0;
	background-color: #D6B795;
	padding-bottom: 2px;
}

div.top_map_sidebar ul li{
	list-style-type:none;
	font-size:11px;
	letter-spacing:0;
	border-top: 1px solid #E4C29D;
	margin: 0;
}

div.top_map_sidebar ul li:first-child, div.top_map_sidebar ul li:first-child a{
	/*
border-top: none;
*/
}

div.top_map_sidebar ul li:first-child a{
	/*
padding: 5px 5px 5px 6px;
*/
}

div.top_map_sidebar ul li a{
	display:block;
	text-align:left;
	background: #3CAAEC;
	color:#663822;
	padding: 3px 5px 3px 6px;
	line-height:1.25em;
	border-top: 1px solid #F9F0E3;
	border-bottom: 1px solid #D6B795;
	text-shadow: 0px -1px 0px #e4c29d;
	filter: dropshadow(color=#e4c29d, offx=0, offy=-1); 
	height: 12px;
	padding: 6px;
	background: #D6B795 url(/img/german-ex/top_map_sidebar_btn.png) repeat-x scroll 0 0;
}

div.top_map_sidebar ul li:first-child a{
	
}

div.top_map_sidebar ul li a:hover{
	text-decoration:none;
	background-position: 0 -36px;
	border-top: 1px solid #F4E7D5;
	border-bottom: 1px solid #C49260;
	text-shadow: 0px -1px 0px #ceab82;
	filter: dropshadow(color=#ceab82, offx=0, offy=-1);
}

div.top_map_sidebar ul li a.hover{
	text-decoration:none;
	
}


/* Layer and Elements */

div.top_map_layer{
	width: 316px;
	height:288px;
	background: transparent url(/img/german-ex/top_map_bg.gif) no-repeat 0 0;
	float:left;
	overflow:hidden;
}

div.top_map_layer div{
	width: 316px;
	height:288px;
}

div.top_map_layer div ul{
	position:absolute;
}

div.top_map_layer div ul li{
	list-style-type:none;
	font-size:10px;
	position:absolute;
	z-index:1900;	
}

div.top_map_layer div ul li a{
	background-color:#FFFF84;
	color: #FF6600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 3px #D3B596;
	-moz-box-shadow: 1px 1px 3px #D3B596;
	box-shadow: 1px 1px 3px #D3B596;
	border: 1px solid #FF6600;
	display:block;
	line-height:1.2em;
	padding:3px 6px;
	opacity: 0.8; 
	text-align:center;
	width:auto;
}

div.top_map_layer div ul li a:hover{
	background-color: #FF6600;
	color: #fff;
	text-decoration:none;
}

div.regions ul li a.hover{
	background-color: #FF6600;
	color: #fff;
	text-decoration:none;
}

/* elements */

ul li.elm_0{
	left:115px;
	top:169px;
	width:90px;
	}

ul li.elm_1{
	left: 181px;
	top: 236px;
	width:80px;
}

ul li.elm_2{
	left: 220px;
	top: 81px;
	width: 72px;
}

ul li.elm_3{
	left:142px;
	top:43px;
	width:80px;
}

ul li.elm_4{
	left:80px;
	top:145px;
	width:66px;
}

ul li.elm_5{
	left:68px;
	top:122px;
	width:100px;
}

ul li.elm_6{
	left:228px;
	top:134px;
	width:70px;
}

ul li.elm_7{
	left:120px;
	top:212px;
	width:110px;
}

/* 観光道路　スポット */

ul li.elm_8{
	left:164px;
	top:245px;
	width:104px;
}

ul li.elm_9{
	left:49px;
	top:124px;
	width:90px;
}

ul li.elm_10{
	left:87px;
	top:251px;
	width:70px;
}

ul li.elm_11{
	left:116px;
	top:94px;
	width:82px;
}

ul li.elm_12{
	left:140px;
	top:167px;
	width:70px;
}

ul li.elm_13{
	left:158px;
	top:213px;
	width:70px;
}

ul li.elm_14{
	left:24px;
	top:159px;
	width:90px;
}

ul li.elm_15{
	left:127px;
	top:40px;
	width:70px;
}

ul li.elm_16{
	left:201px;
	top:127px;
	width:90px;
}

ul li.elm_17{
	left:13px;
	top:200px;
	width:134px;
}

/* sites */
div.sites{
	background: transparent url(/img/german-ex/top_map_2_bg.png) no-repeat scroll 0 0;
}