@charset "utf-8";

html{
	min-width:980px;
        min-height:580px;
	margin: 0 auto;
	position:relative;
}
body {
	width:100%;
        height:100%;
}

/*header*/
header #header_menu {
    margin-right:10px;
}

#map_area {
	float:left;
    position:relative;
}
#map_canvas {
	width:648px;
	height:580px;
	border-right:2px solid #000000;
}
#sv_canvas {
	width:648px;
	height:580px;
    display:none;
}
.normal_map {
	width:648px!important;
}
/*on_map_menu*/
#map_area .full_map {
    right:350px!important;
}

/*left_menu*/
.touch_menu {
	float:right;
	width:330px;
	height:580px;
}
.setting_menu {
  float:center;
  width:978px;
  height:530px;
}

/*menu_tab*/
ul#menu_tab {
    font-weight: bold;
    margin:5px 0px 0px 0px;
    text-align:center;
    margin-left:0px;
}
ul#menu_tab a{
    color: #000000;
}

#console_area {
    width:330px;
    position:relative;
    overflow:hidden;
    height:580px;
    -webkit-overflow-scrolling: touch;
}

#console_flick {
    position:absolute;
    width:330px;
    height:580px;
    overflow:hidden;
}

#console_area .console {
    width:330px;
    float:left;
    height:530px;
}


#console_area #console01,
#console_area #console02,
#console_area #console03,
#console_area #console04,
#console_area #console05,
#console_area #console06,
#console_area #console07 {
    width:330px;
    float:left;
    height:580px;
    overflow:hidden;
}

#console_area #console03 ul.mgT05 ,ul.mgT15 {
	height:150px;
	width:285px;
	overflow:auto;
}

#setting_area {
	float:left;
    position:relative;
}
#setting_canvas {
	width:648px;
	height:572px;
	border-right:2px solid #000000;
}