#body{
    font-size: 8px ;
}
#btitle{
    text-align: center ;
    margin: 0 0 10px 0px ;
    font-size: 20px ;
    border: solid 2px lightslategray ;
    border-radius: 10px;
}
#label{
    float: left ;
    width: 130px ;
    color: white ;
    background: lightslategray ;
    padding: 6px 5px ;
    order: -1 ;
    position: static ;
    z-index: 1 ;
    cursor: pointer ;
    border-radius: 5px 5px 0 0 ;
    flex: 1 ;
}
#gps{
    float: left;
    margin-left: 5px;
}
#gps button{
    font-size:  18px ;
    padding: 3px 17px ;
    color: #FFF ;
    background: tomato ;
    border: solid 1px tomato ;
    border-radius: 4px ;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) ;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2) ;
}
#gps button:active{
    border: solid 1px tomato ;
    box-shadow: none ;
    text-shadow: none ;
}
#zenkoku{
    float: left;
    margin-left: 5px;
}
#zenkoku button{
    font-size:  18px ;
    padding: 3px 17px ;
    color: #FFF ;
    background: #03A9F4 ;
    border: solid 1px #0f9ada ;
    border-radius: 4px ;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) ;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2) ;
}
#zenkoku button:active{
    border: solid 1px #03A9F4 ;
    box-shadow: none ;
    text-shadow: none ;
}

#todofuken{
    clear: both;
    vertical-align: top ;
    line-height: 30% ;
    width: 350px ;
    border: solid 2px lightslategray ;
    border-radius: 0 10px 10px 10px ;
    padding: 0 10px 0 10px ;
}
#todofuken dl{
    margin-bottom: 0 ;
}
#todofuken dd{
    margin-left: 0 ;
}
#todofuken ul li{
    display: inline ;
    margin-right: 3px ;
}
#tohoku ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#kantou ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#hokuriku ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#toukai ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#kinki ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#tyugoku ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#sikoku ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#kyusyu ul li{
    float: left ;
    list-style: none ;
    padding-left: 5px ;
}
#todolink{
    color: deepskyblue ;
}
#mapcontainer{
    height: calc(100vh - 60px) ;
    width: calc(100% - 410px) ;
    min-width: 320px ;
    position: fixed ;
    top: 50px ;
    left: 400px ;
}
#camtxt{
    width: 354px ;
    font-size: 15px ;
    margin-top: 5px ;
    padding: 3px 8px 0 8px ;
    border: solid 2px lightslategray ;
    border-radius: 10px 10px 10px 10px ;
}
#markpop{
    text-align: center ;
}
#blue{
    border: solid 2px rgb(48, 151, 255) ;
    border-radius: 10px 10px 10px 10px ;
    font-size: 15px ;
    float: left ;
    margin: 5px 16px 5px 0 ;
    padding: 2px ;
}
#blue ul{
    color: rgb(48, 151, 255);
    list-style: none ;
    padding: 0 6px 0 0 ;
    margin: 0 ;
}
#brown{
    border: solid 2px rgb(206, 99, 0) ;
    border-radius: 10px 10px 10px 10px ;
    font-size: 15px ;
    float: left ;
    margin: 5px 16px 0 0 ;
    padding: 2px ;
}
#brown ul{
    color: rgb(206, 99, 0) ;
    list-style: none ;
    padding: 0 6px 0 0 ;
    margin: 0 ;
}
#green{
    border: solid 2px rgb(56, 165, 65) ;
    border-radius: 10px 10px 10px 10px ;
    font-size: 15px ;
    float: left ;
    margin-top: 5px ;
    padding: 2px;
}
#green ul{
    color: rgb(56, 165, 65) ;
    list-style: none ;
    padding: 0 6px 0 0 ;
    margin: 0 ;
}
#sentaku{
    clear: both;
    border: solid 2px rgb(133, 133, 133) ;
    border-radius: 10px 10px 10px 10px ;
    text-align: center ;
    font-size: 15px ;
    color: rgb(133, 133, 133) ;
    padding: 2px ;
    width: 366px ;
}