* {
margin: 0 ;
padding: 0 ;
}

a img {
border-style: none ;
}

html,
body {
margin: 0 ;
padding: 0 ;
height: 100% ;
overflow: hidden ;
}

#wrapper {
position: relative ;
height: 100% ;
}

#header {
position: absolute ;
top: 0px ;
left: 0px ;
width: 100% ;
height: 30px ;
z-index: 120 ;
background: url(../images/bg_tab.gif) repeat-x left top ;
}

#header h1 {
position: absolute ;
top: 0px ;
right: 0px ;
width: 200px ;
height: 30px ;
background: url(../images/btn_tab01_koko_map.png) repeat-x left top ;
_background: url(../images/btn_tab01_koko_map.gif) repeat-x left top ;
text-indent: -9999px ;
}

#header p {
height: 30px ;
position: absolute ;
top: 0px ;
right: 0px ;
}

#header p a {
display: block ;
width: 189px ;
height: 30px ;
text-indent: -9999px ;
text-decoration: none ;
background: url(../images/btn_tab02.png) repeat-x left top ;
_background: url(../images/btn_tab02.gif) repeat-x left top ;
outline-width: 0 ;
}

#map {
width:100% ;
height: 100% ;
}

#map p.popup {
text-align: center ;
font-size: 85% ;
cursor:pointer ;
color: #06c ;
background-color: #fff ;
}

#sidebar {
position: absolute;
top: 25px ;
left: 20px ;
}

#logo {
}

#chenge_alpha {
background-color: #fff ;
width: 240px ;
height: 47px ;
}

#chenge_alpha p {
padding-left: 10px ;
font-size: 10pt ;
color: #06c ;
font-weight: bold ;
}

/* except Mac IE 5.0 \*/
#chenge_alpha label { cursor: pointer }
/* */

ul#layerList,
ul#main-menu {
width: 240px ;
line-height: 1 ;
}

ul#layerList {
background: url(../images/map_list_foot.gif) no-repeat left bottom ;
padding-bottom: 10px ;
}

ul#layerList li,
ul#main-menu li {
list-style: none ;
font-size: 14px ;
font-weight: bold ;
background: url(../images/bg_map_btn.gif) no-repeat right top #ffffff ;
padding: 11px 2px 17px 19px ;
line-height: 1 ;
}

ul#main-menu li {
background: url(../images/bg_map_btn3.gif) no-repeat right top #ffffff ;
padding: 6px 2px 12px 19px ;
}

ul#layerList li a,
ul#main-menu li a {
color: #06c ;
margin-left: 3px ;
}

#categolyList {
position: absolute ;
top: 183px ;
left: 260px ;
width: 230px ;
height: 130px ;
}

#category-list-body {
background-color: #9cf ;
height: 97px ;
}

#categolyList ul {
font-size: 80% ;
padding: 5px ;
}

#categolyList h2 {
height: 33px ;
}

#categolyList li {
display: inline ;
}

#categolyList li input {
margin-right: 1px ;
}

#dataList {
position: absolute ;
top: 310px ;
left: 260px ;
width: 230px ;
height: 240px ;
}

#dataList h2 {
height: 30px ;
}

#data-list-body {
background-color: #9cf ;
padding: 0 7px ;
}

#data-list-body ul {
background-color: #eee ;
height: 203px ;
overflow: auto ;
}

#data-list-body li {
list-style: none ;
font-size: 80% ;
margin: 2px 0 ;
background: url(../images/list_style_data.gif) no-repeat left top ;
padding: 0 5px 0 15px ;
}

#data-list-body li span {
color: #06c ;
cursor: pointer ;
}

#dataList #data-foot {
height: 7px ;
line-height: 0 ;
}

#contentHandle {
height: 100% ;
position: absolute ;
left: 50% ;
top: 5% ;
margin-left: -400px ;
z-index: 300 ;
}

#contentHandle iframe#contents {
height: 90% ;
width: 800px ;
border: solid 6px #fff ;
}

#contentHandle .iframe-close {
position: absolute ;
left: 100% ;
top: 0% ;
background-color: #c00 ;
border: solid 1px #fff ;
padding: 2px ;
}

#contentHandle .iframe-close a {
display: block ;
color: #fff ;
cursor: pointer ;
font-size: 80% ;
font-weight: bold !important ;
line-height: 1 ;
}

#waitDiv {
position: absolute ;
width: 100% ;
height: 100% ;
text-align: center ;
filter: alpha(opacity=90) ;
-moz-opacity: 0.9 ;
opacity: 0.9 ;
}

#waitDiv p {
width: 200px ;
height: 100px ;
margin: 200px auto ;
font-size: 80% ;
text-align: center ;
font-weight: bold ;
background-color: #fff ;
}

#waitDiv img {
margin: 20px 0 10px 
}

#tbackGround {
position: absolute ;
cursor: pointer ;
top: 0px ;
left: 0px ;
width: 100% ;
height: 100% ;
background-color: #000 ;
z-index: 200 ;
filter: alpha(opacity=70) ;
-moz-opacity: 0.7 ;
opacity: 0.7 ;
}