.center{
  text-align: center;
}
/* 
hr {
      border-top: 3px double #bbb;
      border-color:pink;
    }

hr.short {
border-top: 1px dotted #8c8b8b;
  border-color:green;
  width:60%;
  margin-left:10px;
}

.blue{
  color:blue;
  }
.tomato{
color:tomato;
font-weight: bold;
}
.green{
  color:green;
}
.darkgreen{
color:darkgreen;
}
.red{
  color:red;
  }
.orange{
color:orange;
}
.white{
color:white;
}
.bgyellow{
background-color: yellow;
}
.bgblue{
background-color: blue;
}
.bgred{
color:white;
background-color: red;
}

.center{
  text-align :center;
}
.right{
text-align: right;
}

.bold{
  font-weight:bold;
}

.small{
font-size:x-small;
text-align: center;
color:darkgreen;
}
#maegaki{
margin-right:60px;
text-align: left;
font-size: 1.3em;
line-height: 1.5em;
padding:12px;
}
#pic{
float: left;
margin-right: 30px ;
margin-bottom: 30px ;
position: relative;
/* top:40px; */

  table caption{
    font-weight: bold;
  }
  table,table th,table td{
    border-collapse: collapse;
    border: 1px solid darkblue;
    
  }
  
  .sticky_table thead {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /* tbody内のセルより手前に表示する */
    z-index: 1;
    background-color: white;
  }
  [data-color="1"]{
    color:red;
  }
  [data-color="2"]{
    color:blue;
  }
  [data-color="3"]{
    color:green;
  }
  [data-color="4"]{
    color:purple;
  }
  [data-color="5"]{
    color:black;
  }

  [data-color="tomato"]{
    color:tomato;
  }
  [data-color="green"]{
    color:green;
    font-weight: bold;
  }
  [data-color="red"]{
    color:red;
  }
  [data-color="white"]{
    color:white;
  }
  [data-bgcolor='aliceblue']{
    background-color:aliceblue;
  }  

  #genru li,#pref li,#ward li,#ulmap_area li,#ul_star_area li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 4px;
    border: 1px darkblue solid;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
    font-size: 12px;
  }
  /* #ulmap_area{
    width:20%;
    margin:0,auto;
  } */
  #ul_star_area li{
    padding: 0 2em;
  }  
  #genru li{
    border: 1px darkblue solid;
    color:darkblue;
  }
  #pref li{
    border: 1px darkgreen solid;
    color:darkgreen;
  }
  #ward li{
    border: 1px rgb(84, 3, 100) solid;
    color:rgb(177, 16, 240);
  }
  #maintable_area{
    height: 250px;
    overflow-y: scroll;
    margin: 10px auto;
    width: 80%;
    font-size: 12px;
  }
  #main tbody td{
    cursor: pointer;
    padding:0 3px;
  }
  #table_title{
    font-size: 16px;
    color:darkblue;
    position: relative;
    margin-left: 400px;
    top:.8em;
    font-weight: bold;
  }
  #legendtable,#legendtable td,#legendtable th{
    border: none;
  }
  .count_table_area{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width:50%;
    margin: 0 auto;
    height: 200px;
    overflow-y: scroll;
    font-size: 12px;
  }
  #count3 td,#count1 td,#count2 td,#count0 td{
    padding: 0 10px;
  }
  #count0 tbody tr td:nth-of-type(2),
  #count0 tbody tr td:nth-of-type(3),
  #count0 tbody tr td:nth-of-type(4),
  #count0 tbody tr td:nth-of-type(5),
  #count3 tbody tr td:nth-of-type(2),
  #count3 tbody tr td:nth-of-type(3),
  #count3 tbody tr td:nth-of-type(4),
  #count3 tbody tr td:nth-of-type(5),
  #count2 tbody tr td:nth-of-type(2),
  #count2 tbody tr td:nth-of-type(3),
  #count2 tbody tr td:nth-of-type(4),
  #count2 tbody tr td:nth-of-type(5),
  #count2 tbody tr td:nth-of-type(6),
  #count1 tbody tr td:nth-of-type(2),
  #count1 tbody tr td:nth-of-type(3),
  #count1 tbody tr td:nth-of-type(4),
  #count1 tbody tr td:nth-of-type(5),
  #count1 tbody tr td:nth-of-type(6)
  {
    text-align: right;
  }
  #count0 tbody tr:nth-of-type(1),
  #count2 tbody tr:nth-of-type(1),
  #count1 tbody tr:nth-of-type(1),
  #count3 tbody tr:nth-of-type(1){
    background-color:#b2d1fb
  }
  .setsumei{
    text-align: left;
    width:90%;
    margin: 0 auto;
  }
  .openclose{
    cursor: pointer;
    font-weight: bold;
    color:darkgreen;
    border: 1px solid darkgreen;
    border-radius: 10px;
    text-align: center;
    width:12em;
  }
  #return_chart{
    border: 1px solid red;
    border-radius: 4px;
    position: relative;
    top:3em;
    left:18em;
    cursor: pointer;
    z-index: 2000;
    width: 5em;
    text-align: center;
    background-color: white;
    font-weight: bold;
  }