div#center {
width:470px;
padding:0;
margin:5px 0 40px 0;
position:relative;
left:22px;
float:left;
}

#mapbody div#center {
width:460px;
left:42px;
}

body#index div#center {
width:460px;
padding:22px 23px;
margin:0 0 30px 0;
left:0;
background:#f3f3e0;
}


p.nav {
margin:0 0 7px 0;
font-size:10px;
color:#9c9c9c;
}

p.nav a {color:#9c9c9c; position:relative;}
p.nav a:hover {text-decoration:none; position:relative;}

dfn {
width:171px;
padding:5px 13px;
margin:0 25px 10px 0;
display:block;
float:left;
font:11px Arial, Helvetica, sans-serif;
background:#fff;
}

dfn img {
border:none;
margin:0 -8px 9px -8px;
position:relative;
display:block;
}

dfn b {
margin:0 0 3px 0;
display:block;
}



dl#structure {
width:770px;
height:560px;
position:absolute;
background:url('../_images/structure.jpg') no-repeat 0 0;
padding-left:0px;
margin-left:0px;
/*left:-45px;*/
overflow:hidden;
display:block;
}

dl#structure img {
	margin:0 0 0 6px;
	padding:0;
}

dl#structure dt.red {
padding:0 0 0 24px;
position:absolute;
left:33px;top:480px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background:url('../_images/cube/red.png') no-repeat 0 50%;
}

dl#structure dt.yellow {
padding:0 0 0 24px;
position:absolute;
left:33px;top:510px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background:url('../_images/cube/yellow.png') no-repeat 0 50%;
}
dl#structure dt.blue {
padding:0 0 0 24px;
position:absolute;
left:33px;top:540px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background:url('../_images/cube/blue.png') no-repeat 0 50%;
}

dl#structure dt.city {
padding:0; margin:0;

font:10px/10px Arial, Helvetica, sans-serif;
color:#014584;
position:absolute;
z-index:1;
}

dl#structure dd {
margin:-10px 0 0 -15px;
position:absolute;
z-index:1;
}
dl#structure dd img.ico {
width:22px;
height:20px;
border:none;
position:relative;
display:block;
cursor:pointer;
}
dl#structure dd:hover {
z-index:2;
}
dl#structure dd:hover div.popup {
display:block;
}

dl#structure dd div.popup {
width:300px;
margin:0 0 0 -53px;
overflow:visible;
display:none;
cursor:default;
position:absolute;
bottom:60px;left:15px;
}

dl#structure dd div.popup div.top {
width:300px;
height:11px;
background:url('../_images/popup-top.png') no-repeat 0 0;
}

dl#structure dd div.popup div.btm {
width:300px;
height:11px;
font-size:1px;
background:url('../_images/popup-btm.png') no-repeat 0 0;
}

dl#structure dd div.popup div.arrow {
width:65px;
height:49px;
position:absolute;
left:35px;bottom:-49px;
font-size:1px;
background:url('../_images/popup-arrow.png') no-repeat 0 0;
}

dl#structure dd div.popup div.cnt {
padding:0 18px;
border-left:1px solid #adb0b4;
border-right:1px solid #adb0b4;
overflow:hidden;
background:#fff;
}

dl#structure dd div.popup ul {
width:100%;
margin:0;
overflow:hidden;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
z-index:100;
}

dl#structure dd div.popup ul li {
padding:0 0 0 24px;
margin:6px 0 8px 0;
background:none;
height:24px;
}

dl#structure dd div.popup ul li a {
	overflow:scroll;		
}

dl#structure dd div.popup ul li.red {top:480px;background:url('../_images/cube/red.png') no-repeat 0 50%;}
dl#structure dd div.popup ul li.yellow {top:510px;background:url('../_images/cube/yellow.png') no-repeat 0 50%;}
dl#structure dd div.popup ul li.blue {top:540px;background:url('../_images/cube/blue.png') no-repeat 0 50%;}

