@charset "UTF-8";

* {
 z-index:0;
 margin: 0;
 padding: 0;
}

html {
 overflow-y: scroll;
 font-family: sans-serif;
}

h2 {
 margin-top: 1em;
}

a:link  {
 text-decoration: none;
 background: transparent;
 color: #73A6C2;
}

a:visited
{
 text-decoration: none;
 background: transparent;
 color: #ff99cc;
}

a:hover {
 text-decoration: underline;
}

body {
 -webkit-text-size-adjust: 100%;
 word-break: normal !important;
 word-wrap: break-word;
 background-color: #1e1e1e;
 color: #efefef;
}

br {
 letter-spacing:0;
}

img {
 text-align: center;
 zoom: 100%;
}

div.flex{
 margin-top: 1em;
 display: flex;
 list-style: none;
 justify-content: space-around;
}

div.flex-item {
 border-radius: 5px;
 text-align: center;
 line-height: 1;
 flex: 1;
}

.clearfix:after {
 display:flex;
 height: 0;
 visibility: hidden;
 clear: both;
}

.clearfix {
 display: inline-table;
}

.radius {
 border: 3px blue solid;
 border-radius: 20px;
 margin:-15px 0px 0px 0px;
 padding:15px 0px 5px 0px;
}

.black07 {
 background-color: rgba( 30, 30, 30, 0.7) !important;
}

table.top {
 border-collapse: separate;
 border-spacing: 0;
 text-align: left;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

table.top th {
 width: 200px;
 padding: 7px;
 font-weight: bold;
 vertical-align: top;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 line-height: 20px;
 font-size: 14.2pt;
}

table.top td {
 width: 400px;
 padding: 7px;
 vertical-align: top;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 line-height: 21px;
 font-size: 14.2pt;
}

table.links {
 border-collapse: separate;
 border-spacing: 0;
 text-align: left;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

table.links th {
 font-weight: bold;
 vertical-align: top;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 line-height: 20px;
 font-size: 14.2pt;
}

table.links td {
 width: 700px;
 padding: 7px;
 vertical-align: top;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 line-height: 21px;
 font-size: 14.2pt;
}

#Contents {
 margin: 0px auto;
 padding: 0px 10px 10px 10px;
 width: 900px;
 text-align:left;
 line-height: 30px;
 clear:both;
 position: relative;
 top:10px;
 left:0;
}

#title {
 font-size: 120%;
 line-height: 42.12px;
 margin-bottom: 3px;
 }

nav {
 width:100%;
}

nav #Navi {
 width:90%;
 z-index:2;
 margin:0 auto;
}

nav #Navi li {
 z-index:3;
 height: 70px;
 font-size: 20pt;
 float:left;
 display: flex;
 border:#666 1px solid;
 width:20%;
 box-sizing:border-box;
 border-width: 0 1px 0 1px;
 justify-content: center;
}

nav #Navi li.cent {
 align-items: center;
}

nav #Navi li a {
 text-align:center;
}

.acMenu {
 width:100%;
 text-align: center;
}

.acMenu dt{
 z-index:4;
 height: 70px;
 cursor:pointer;
 padding-top:22px;
}

.acMenu dd{
 z-index:5;
 height: 70px;
 position: relative;
 background-color:rgba(30,30,30,0.8);
 font-size: 13pt;
 border:#666 1px solid;
 display:none;
 padding-top:22px;
}

.acMenu dd a{
 z-index:6;
}

.instruction {
 font-style: oblique;
}

#main_body {
 width: 90%;
 margin:5px auto 50px auto;
 padding: 0px 20px 0px 20px;
 box-sizing:border-box;
 font-size: 13pt;
 text-align:center;
}

#main_body.left {
 float:left;
 text-align:left;
}

textarea {
 width: 80%;
 height: 150px;
}

@media (max-width: 1140px) {

  table.top th {
    line-height: 20px;
    font-size: 14pt;
    padding: 6px;
  }

  table.top td {
    line-height: 20px;
    font-size: 13pt;
    padding: 6px;
  }

  table.links th {
    line-height: 20px;
    font-size: 14pt;
    padding: 6px;
  }

  table.links td {
    line-height: 20px;
    font-size: 13pt;
    padding: 6px;
  }

  #title {
    font-size: 120%;
    line-height: 40.12px;
   }

   nav #Navi {
    width:95%;
   }

   nav #Navi li {
    font-size: 19pt;
   }

  #Contents {
    width: 710px;
  }

  #main_body {
  }

  img.big {
   zoom: 70%;
  }

}

@media (max-width: 768px) {

  table.top th {
    line-height: 19px;
    font-size: 13pt;
    padding: 5px;
  }

  table.top td {
    line-height: 19px;
    font-size: 12pt;
    padding: 5px;
    width: 220px;
  }

  table.links th {
    line-height: 19px;
    font-size: 13pt;
    padding: 5px;
  }

  table.links td {
    line-height: 19px;
    font-size: 12pt;
    padding: 5px;
    width: 450px;
  }

  #title {
    font-size: 100%;
    line-height: 38.12px;
   }

   nav #Navi li {
    font-size: 18pt;
   }

  #Contents {
    width: 430px;
    line-height: 22.12px;
  }

  #main_body {
    font-size: 12.5pt;
  }

  img.big {
   zoom: 50%;
  }
}

@media (max-width: 480px) {

  h2 {
    font-size: 130%;
  }

  #title {
    font-size: 80%;
    line-height: 36.12px;
   }

   nav #Navi li {
    font-size: 17pt;
   }

  table.top th {
    line-height: 18px;
    font-size: 12pt;
    padding: 4px;
  }

  table.top td {
    line-height: 18px;
    font-size: 11pt;
    padding: 4px;
    width: 170px;
  }

  table.links th {
    line-height: 18px;
    font-size: 12pt;
    padding: 4px;
  }

  table.links td {
    line-height: 18px;
    font-size: 11pt;
    padding: 4px;
    width: 300px;
  }

  #Contents {
    padding: 0px 0px 0px 0px;
    width: auto;
    line-height: 20.12px;
  }

  #main_body {
    font-size: 12pt;
  }

  img.big {
   zoom: 30%;
  }
}