/*map-activebody {background: #fff;}*/
/*@import url(https://fonts.googleapis.com/css?family=Ubuntu);*/
/*@import url(style.css?ver=20210227);*
//*@font-face {
	font-family: 'myfont';
	src: url(./VL-PGothic-Regular.ttf) format('truetype');
	/*src: url(./VL-Gothic-Regular.ttf) format('truetype');
}
*/
/*font*/
/*.wf-mplus1p { font-family: "Mplus 1p"; }
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }*/

h1, h2, h3, h4, h5, b, p, td, th, div, form, input, span, li { font-family: 'myfont'; }
/*h1, h2, h3, h4, p, td, th, div, form, input, span, li { font-family: 'Rounded Mplus 1c'; }*/

html {padding: 0;margin: 0;}
.container {margin-left: 0 !important;margin-right: 0 !important;padding-left: 0 !important;padding-right: 0 !important;}
#win { top:70px;left:0;position: absolute;
overflow: scroll;width:95%;height:90%;background: transparent;}
#win_print { top:0px;left:0;position: absolute;
overflow: scroll;background: transparent;}
#map {transform-origin: 0 0 0;transition: transform 1s;overflow: visible;}

#ttl {font-size:20px;padding: 5px 10px;text-align: center;position: absolute;z-index: 20;
top:20px;left: 20px;background: #F9D975;border-radius: 12px;border: 3px solid #fff;}
#ap {font-size:20px;padding: 5px;text-align: center;position: absolute;z-index: 20;
top:70px;left: 20px;background: #75F9EF;border-radius: 12px;border: 4px solid #fff;}
#ap a {color: #000;}

.new {border: solid #F9A543 2px;background: #fff;color: #F9A543; line-height: 20px;padding: 0;}
.my-blue {color: #137BD0;}
.my-green {color: #A5EE46;}
.my-green2 {color: #088A0E;}
.my-orange {color: #FA9523;}
.my-pink {color: #F836F0;}
.my-yellow {color: #EFFA3C;}
.my-red, .my-red:hover {color:#FF761F;}
.my-purple {color:#DFA2EF;}
.red {color: #F20B0B}
.toolbar {padding: 0px;margin: 0;min-width: 320px;height: 70px;overflow: hidden;}
.devbar {padding: 0px;margin: 0;background: #3C7BC9;min-width: 320px;height: 40px;}
.tb-map {background: #3B515E;}
.tb-kuiki {background: #4D844D;}
.tb-kuiki2 {background: #4D844D;}
.tb-dev {background: #B48093;}
.tb-user {background: #957600;}
.tb-setting {background: #8BA193;}
.tab {border: 1px solid #fff;border-width: 0 1px 0 0;padding:0 0.5em 0 0.4em;margin: 0;}
.tab-end {border: 1px solid #fff;border-width: 0;padding:0 0.4em;}

/*button*/
.bdr-red {padding: 5px;border: 1px solid #F22E2E;border-radius: 5px}

.spot {width: 32px;height: 32px;position: absolute;vertical-align: middle;background: #1FFFB9;}
.link {width: 32px;height: 32px;position: absolute;background: #E3DE7A !important;}
.emp {width: 32px;height: 32px;position: absolute;background: url('../images/web.png') no-repeat center !important;z-index: 11;}
.emp-mono {width: 32px;height: 32px;position: absolute;background: url('../images/web_mono.png') no-repeat center !important;z-index: 11;}
.dnc {width: 32px;height: 32px;position: absolute;background: url('../images/dnc.png') no-repeat center !important;z-index: 11;}
.dnc-mono {width: 32px;height: 32px;position: absolute;background: url('../images/dnc_mono.png') no-repeat center !important;z-index: 11;}

.camp {width: 32px;height: 32px;position: absolute;background: url('../images/campaign_r.png') no-repeat center !important;z-index: 11;}
.camp-mono {width: 32px;height: 32px;position: absolute;background: url('../images/campaign_r_mono.png') no-repeat center !important;z-index: 11;}
.camp-last {width: 32px;height: 32px;position: absolute;background: url('../images/campaign_b.png') no-repeat center !important;z-index: 11;}
.camp-last-mono {width: 32px;height: 32px;position: absolute;background: url('../images/campaign_b_mono.png') no-repeat center !important;z-index: 11;}

span.hname {display: inline-block;text-align: center;width: 28px;margin:8px 0 0 0;line-height: 10px;}
.cursor {cursor: pointer;}
.white {color: #fff !important;}

.fld-login {width: 140px;}
.fz-s {font-size: small !important;}
.fz-l {font-size: large !important;}
.fz-s7 {font-size: 0.7rem !important;}
.fz-s5 {font-size: 0.5rem !important;}
.alkw-pt-2px {padding-top: 2px;}
.alkw-pt-3px {padding-top: 3px;}
.alkw-pt-4px {padding-top: 4px;}
.alkw-mt-2px {margin-top: 2px;}
.alkw-mt-4px {margin-top: 4px;}
.alkw-p-3px {padding: 3px;}

.w80 {width: 80px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w600 {width: 600px;}
.ml-20px {margin-left: 20px;}
.icon-nav {font-size: 24px;margin: 6px;}
.icon-nav-s {font-size: 22px;margin: 8px 6px;}
.icon-nav-ss {font-size: 20px;margin: 10px 6px;}
.icon-sky {color: #A1F2F3;}
.icon-fff {color: #fff;}

ul.nav {list-style: none;padding: 0;margin: 0;width: 100%;height: 22px;
	background: ;float: left;}
ul.nav li {float: left;margin:0 7px 0 0;padding: 0 !important;color: #fff;}
ul.nav li a {color: #E9F456 !important;}
ul.nav li a.save {color: #F4E97C !important;}

ul.nav li.active a{text-decoration: underline;}

ul.nav2 {list-style: none;padding: 0;margin: 0;width: 100%;height: 20px;
	position: ; background: ;float: left;}
ul.nav2 li {float: left;margin:0 7px 0 0;padding: 0 !important;color: #fff;}
ul.nav2 li a {color: #fff !important;}
ul.nav2 li h3 {margin: 7px;}

ul.dsp {font-size: xx-small;right: 0;
  list-style: none;padding: 0;margin: 0;background: ;z-index: 10;}
ul.dsp li {float: right;margin:0 7px 0 0;color: #A8EC5E;}
ul.dsp li a {color: #F7DD37;text-decoration: underline;}

.mainmenu a {margin: 4px;color: #fff;display: inline-block;}
.mainmenu a:hover {color: #fff;} 
.F39A39 {color: #F39A39 !important;}
.F39A39 a{color: #F39A39 !important;}

/*#loginfo_0 {position: absolute;top:28px;left:20px;font-size: 12px;cursor: default;}*/
/*#loginfo {position: absolute;top:28px;left:20px;font-size: 12px;color: #2EEB55 !important;cursor: default;}
#loginfo a {color: #EBA02E;}*/


.box {border: 1px solid #828C7B;padding: 10px;margin: 10px 2px;}
a.but {display: inline-block;padding:1px 0.5em;border: 1px solid #fff;border-radius: 4px;background: #8B896B;color: #fff;}
a:hover.but {color: #fff;}

/*dev sub menu*/
ul.dev-sub {margin: 0;padding: 0;list-style: none;position: absolute;top: 49px;left: 330px;z-index: 11;}
ul.dev-sub li {float: left;border: 1px solid #333; padding: 3px 7px;font-size: 11px;background: #C7CE72;border-radius: 0 0 5px 0;margin: 0 5px 0 0;}
ul.dev-sub li.selected {float: left;border: 1px solid #333; padding: 3px 7px;font-size: 11px;background: #606435;border-radius: 0 0 5px 0;margin: 0 5px 0 0;}
ul.dev-sub li a {color: #333}
ul.dev-sub li.selected a {color: #eee; text-decoration: none;cursor:default;}

ul.menu-user {margin: 0;padding: 0;list-style: none;position: ;}
ul.menu-user li {float: left;border: 1px solid #333; padding: 3px 7px;font-size: 11px;background: #C7CE72;border-radius: 5px 0 0 0;margin: 0 5px 0 0;}
ul.menu-user li.selected {float: left;border: 1px solid #333; padding: 3px 7px;font-size: 11px;background: #606435;border-radius:5px 0 0 0 ;margin: 0 5px 0 0;}
ul.menu-user li a {color: #333}
ul.menu-user li.selected a {color: #eee; text-decoration: none;cursor:default;}

.nh {position: absolute;z-index: 12;}
.nh-0 {}
.nh-1 {width: 32px;height: 32px;background:transparent url(../images/dot_01.png) no-repeat;}
.nh-2 {width: 32px;height: 32px;background:transparent url(../images/dot_02.png) no-repeat;}
.nh-3 {width: 32px;height: 32px;background:transparent url(../images/dot_03.png) no-repeat;}
.nh-4 {width: 32px;height: 32px;background:transparent url(../images/dot_04.png) no-repeat;}
.nh-5 {width: 32px;height: 32px;background:transparent url(../images/dot_05.png) no-repeat;}
.nh-6 {width: 32px;height: 32px;background:transparent url(../images/dot_06.png) no-repeat;}
.nh-7 {width: 32px;height: 32px;background:transparent url(../images/dot_07.png) no-repeat;}
.nh-8 {width: 32px;height: 32px;background:transparent url(../images/dot_08.png) no-repeat;}
.nh-0-mono {}
.nh-1-mono {width: 32px;height: 32px;background:transparent url(../images/dot_01mono.png) no-repeat;}
.nh-2-mono {width: 32px;height: 32px;background:transparent url(../images/dot_02mono.png) no-repeat;}
.nh-3-mono {width: 32px;height: 32px;background:transparent url(../images/dot_03mono.png) no-repeat;}
.nh-4-mono {width: 32px;height: 32px;background:transparent url(../images/dot_04mono.png) no-repeat;}
.nh-5-mono {width: 32px;height: 32px;background:transparent url(../images/dot_05mono.png) no-repeat;}
.nh-6-mono {width: 32px;height: 32px;background:transparent url(../images/dot_06mono.png) no-repeat;}
.nh-7-mono {width: 32px;height: 32px;background:transparent url(../images/dot_07mono.png) no-repeat;}
.nh-8-mono {width: 32px;height: 32px;background:transparent url(../images/dot_08mono.png) no-repeat;}



ul#nav-info {position: absolute;margin: 0;padding: 0;list-style: none;top:0;right:30px;color: #EBA02E;text-align: right;}
ul#nav-info li {float: left;color: #fff;}
ul#nav-map {position: absolute;margin: 0;padding: 0;list-style: none;}
ul#nav-map li {float: left;}
ul#nav-top {position: absolute;margin: 3px;padding: 0;list-style: none;}
ul#nav-top li {float: left;margin-right: 7px;}
ul#nav-top li a {color: #fff;}
ul#nav-sub {position: absolute;margin: 3px;padding: 0;list-style: none;top: 35px;}
ul#nav-sub li {float: left;margin-right: 7px;}
ul#nav-sub li a {color: #fff;}
ul#nav-1 {position: ;margin: 3px;padding: 0;list-style: none;}
ul#nav-1 li {float: left;margin-right: 7px;}
ul#nav-1 li a {color: #fff;}
ul#nav-house {position: absolute;margin: 0;padding: 0;list-style: none;top:30px;left: 20px;color: #fff;}
ul#nav-house a {color: #fff;}
ul#nav-house li {float: left;}
ul#nav-house li input#namae{width: 50px;}

ul#map-sub {position: absolute;top:32px;margin: 3px;padding: 0;list-style: none;}
ul#map-sub li {float: left;margin-right: 7px;}
ul#map-sub li a {color: #fff !important;}

ul#tool-sub {position: absolute;top:32px;margin: 3px;padding: 0;list-style: none;}
ul#tool-sub li {float: left;margin-right: 7px;}
ul#tool-sub li a {color: #fff;}

ul.breadcrumb {position: ;margin: 3px;padding: 0;list-style: none;}
ul.breadcrumb li {float: left;margin-right: 7px;border: 1px solid #ccc;padding: 3px 6px;}
ul.breadcrumb li a {color: #222;}


/*DEV PANEL*/
#control {position: absolute;margin: 35px 20px;color: #fff;width:800px;height: 40px;z-index: 3;}
.but-close {margin-top: -30px;position: relative;width:330px;height: 40px; text-align: right;z-index: 12;font-size: small;color: #fff;background: ;float:right;}

.lnk {padding: 0;margin: 0 0 0 22px;}
.lnk li a {font-size: 0.7rem;color: #15A16B;}
.css_even {background: #E0E8EA;}
.fff {color: #fff;}
.bg-stay {background: #333 !important;}
.bg-th {background: #C7D4C3 !important;}
.cen {text-align: center;}
.alignr {text-align: right;}
.areainfo {color: #fff !important;}
#dspPanel {color: #EEF348;font-size: small;line-height: 40px;}

.td-l {text-align: right;}
.td-r {text-align: left;}
.td-c {text-align: center;}


.lock-blue {color: #6088EE;}
.lock-red {color: #F73334;}

.areaname {position: relative;top: 0px;z-index: 2;text-align: center;}
.thumb {min-height: 150px;background: #ccc}

ul.indicator {list-style: none;margin:0 5px;padding: 0;}
ul.indicator li{width: 16px;height: 25px;background: #67A87A;
	float:left;margin: 1px;border: 1px solid #fff;text-align: center;
}

ul.indicator li.kanseido {width: 80px;border: 0;color: #fff;}
#comp-level {position: absolute;z-index: 110;top:4px;left: 10px;}
#menu-dev {margin: 5px 20px;background: ;height: 25px;position: absolute;left:200px;}

/*DEV TOOL*/
ul.nav-link {
position: absolute;top:20px;left: 0;width: 600px;
list-style: none;background: #38C28F;
}
ul.nav-link li{
float: left;margin: 5px;padding: 0;
}
button#lock {cursor: pointer;}