.map_area {
    width:100%;
    position: relative;
    z-index:1;
  }
  
  /*共通*/
  .disnone {
    display: none;
  }
  /*プログレスダイアログ*/
  .waitingmessage_panel {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.0);
    text-align: center;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .waitingmessage_panel span {
    position: absolute;
    top: 15%;
    right: 15%;
    bottom: 15%;
    left: 15%;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chromeなど */
    -ms-user-select: none; /* IE10以降 */
    unselectable="on"
  }

  /*凡例*/
  #legendMap{
    max-height:200px;
    overflow:auto;
    background-color:#ffffff;
    overflow-y: scroll;
  }
  #legendTable{
    display:table;
  }
  .legendItem{
    display:table-row;
  }
  .legendImg{
    max-width:20px;
    max-height:20px;
    display:table-cell;
    padding-top:4px;
    padding-left:3px;
  }
  .legendName{
    white-space:nowrap;
    display:table-cell;
    padding:2px;
    vertical-align:middle;
    font-size:0.9rem
  }
  
  /*属性ダイアログ*/
  .infoName{
    font-size:1rem;
  }
  .infoItem{
    font-size:0.8rem;
  }
  .leaflet-top{
    z-index:10000;
  }