body {
     
          font-size: 15px;
          font-family: "メイリオ"," Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", "Arial", "Verdana",             "sans-serif";
          margin: 0px auto;
     }

     article {
          background-color: white;
          display: block;
          padding-left: 50px;
          padding-right: 50px;
          padding-top:10px ;
          text-align:center;
          min-height:500px;
          height:auto !important;
          /* height:500px; */
     }

     #pic{
          float:left;
          margin:10px;
          }



     header,footer {
          position: relative;
          width:100%;
          background-color: black;
          color: white;
          height: 40px;
          line-height: 40px;
          text-align: center;
     }
     header h3 {
          margin: 0px auto;
          text-align: center;
     }

     nav {
          background: lightblue;
          color: white;
          display: block;
          height: 30px;
          line-height: 30px;
          padding: 0px;
          text-decoration: none;
     }


     nav ul, nav li {
          list-style-type:none;
          margin : 0px auto;
     }

     ul#Nav001 li {
          font-size: 13px;
     }

     ul#Nav001 li a {
          background: url(../pic/yajirushi.gif) no-repeat 0px 0px;
          color: #666;
          height: 20px;
          margin-left: 17px;
          padding-left: 22px;
          padding-top: 2px;
          text-decoration: none;
     }

     ul#Nav001 li a:hover {
          background: url(../pic/yajirushi.gif) no-repeat 2px 0px;
          color: #F90;
     }

     article {
          background-color: white;
          display: block;
          padding-left: 20px;
          padding-right: 20px;
          padding-top:10px ;
          text-align: left;
          color:darkblue;
     }

     .pagetop {
     display: none;
     position: fixed;
     bottom: 50px;
     right:200px;
     z-index: 200;
     }
     .pagetop a {
     display: block;
     background-color: #93f09a;
     text-align: center;
     color: green;
     font-size: 12px;
     text-decoration: none;
     padding: 5px 10px;
     filter:alpha(opacity=50);
     -moz-opacity: 0.6;
     opacity:0.6;
     }
     .pagetop a:hover {
     display: block;
     background-color: #b2d1fb;
     text-align: center;
     color: #fff;
     font-size: 12px;
     text-decoration: none;
     padding:5px 10px;
     filter:alpha(opacity=50);
     -moz-opacity: 0.6;
     opacity: 0.6;
     }

/* --------------------- tooltip----------------------------------------------------- */

     .tooltip {
          position: relative;
          cursor: pointer;
          padding: 0.2em;/*文字周りの余白*/
          color: #010101;/*文字色*/
          background: #eaf3ff;/*背景色*/
          border-bottom: solid 2px #516ab6;/*下線*/
       }
       
       /* ツールチップ全体の設定 */
       .tooltip::before,
       .tooltip::after {
         position: absolute;
         opacity: 0;
         transition: all 0.3s;
       }
       
       /* 吹き出しのひげ部分 */
       .tooltip::before {
         content: "";
         border: 10px solid transparent;
         border-bottom-color: #000;
         top: 10px;
         left: 10px;
       }
       
       /* 吹き出しの本体 */
       .tooltip::after {
         content: attr(data-tooltip);
         display: block;
         padding: 7px 13px;
         background: #000;
         border-radius: 3px;
         font-size: 12px;
         font-weight: 600;
         color: #fff;
         top: 30px;
         left: 0;
       }
       
       /* マウスホバーしたときの設定 */
       .tooltip:hover::before{
         top: 16px;
         opacity: 1;
       }
       
       .tooltip:hover::after{
         top: 36px;
         opacity: 1;
       }
/* -------------------------------------------------------------------------- */
       


#ans1,#ans2{
margin-left:50px;
color:green;
}
table{
margin-top: 10px;
}
table,table th,table td{
border: solid 1px darkblue;
border-collapse: collapse;
text-align: center;
font-size: 1em;
}
table td{
padding: 0 10px;
}
#data_s th,#data_s td,#data_large th,#data_large td{
font-size: 12px;
}
#data_s td,#data_large td{
cursor:pointer;
}

.sticky_table thead th  {
     /* 縦スクロール時に固定する */
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     background-color: rgb(92, 145, 17);
     color:white;
     /* tbody内のセルより手前に表示する */
     z-index: 1;
}
#tbl_area,#tbl_area_d{
height: 120px;
overflow-y: scroll;
margin-bottom: 30px;
}
.width50{
     width:50%;
     margin: auto;
}
.width60{
     width:60%;
     margin: auto;
}
#areas li,#areas_d li{
display: inline-block;
border:1px darkgreen solid;
border-radius: 5px;
cursor: pointer;
font-size: 12px;
padding :0 5px;
}
.red{
color: red;
}
.blue{
color:blue;
}
#apo11,#apo12,#apo21,#apo22,#apo31,#apo32{
background-color: lightcyan;
text-align: center;
font-weight: bold;
}
#go1,#go2,#go3{
     background-color: lightcyan;
     text-align: center;
     cursor: pointer;
}
#date11,#date12,#time11,#time12,date21,#date22,#time21,#time22,date31,#date32,#time31,#time32{
cursor: pointer;
}
.title_s{
text-align: center;
font-size: 1.1em;
color:darkcyan;
}
#detaildb{
     display: none;
}
#simpledb{
     display: block;
}
#data_usa td,#data_usa th{
     font-size: 10px;
}
#maegaki{
     padding: 2px 100px;

}
#menu li{
     display: inline-block;
     border: 1px solid darkblue;
     cursor: pointer;
     border-radius: 5px;
     padding: 2px 10px;
     margin-right: 10px;
}
#menu li:hover{
font-weight: bold;
color:darkgreen;
}
h5{
     text-align: center;
     font-size: 1.2em;
}

hr.double {
     border-top: 5px double skyblue;
     text-align: center;
   }
   
ht.double::after {
     display: inline-block;
     position: relative;
     top: -45px;
     padding: 0 3px;
     background: #fff;
     color: skyblue;
     font-size: 30px;
   }
#check_country{
     background-color: beige;
}
p.setsumei{
  padding: 1px 80px;
}
#japan,#full{
     height:200px;
     overflow-y: scroll;
}
#codes{
     display: grid;
     grid-template-columns: 1fr 70%;
     grid-template-rows: 10px,250px;

}