body {
  background-color: #f2f2f2;
  margin: 0px;
}

.navbar {
  margin:0px 0px 0px 0px;  /*上右下左*/
  padding:1em 0px 1em 5%;  /*上右下左*/
  background: #222222;
  position:fixed;right:0;left:0;
  font-weight:800;
}

.navbar a:link { text-decoration:none; color:#ffffff }
.navbar a:visited { text-decoration:underline; color:#ffffff }
.navbar a:active { text-decoration:none; color:#ffffff }
.navbar a:hover { text-decoration:none; color:#e24010 }

.green a:link { text-decoration:underline; color:#ffffff }
.green a:visited { text-decoration:underline; color:#ffffff }
.green a:active { text-decoration:none; color:#ffffff }
.green a:hover { text-decoration:none; color:#e24010 }

.hello {
  margin:0px 0px 0px 0px;  /*上右下左*/
  padding:4em 0px 1px 0px;  /*上右下左*/
  background-color: #eeeeee;
  text-align: center;
  color: #202020;
}

.green {
  margin:0px 0px 0px 0px;  /*上右下左*/
  padding:30px 0px 30px 0px;  /*上右下左*/
  background-color: #1f3f3f;
  color: white;
}

.green h2 {
  padding-top: 2.0em;
}

.green h3 {
  padding-top: 1.5em;
}

.green h4 {
  padding-top: 1.0em;
}

.green p {
  text-align:justify;
}

.green img {
  padding-top: 1.0em;
}

.copyrights {
  margin:0px 0px 0px 0px;  /*上右下左*/
  padding:1em 0px 1em 5%;  /*上右下左*/
  background: #222222;
  color: #fff;
  font-weight:800;
}

table.A{margin-left:1%;}
td.A1{width:13%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.A2{width:20%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.A3{width:27%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.A4{width:40%;border-style:solid;border-width:0pt 0pt 1pt 0pt;}
table.B{margin-left:1%;}
td.B1{width:15%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.B2{width:15%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.B3{width:15%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.B4{width:15%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.B5{width:40%;border-style:solid;border-width:0pt 0pt 1pt 0pt;}
table.C{margin-left:1%;}
td.C1{width:15%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.C2{width:40%;border-style:solid;border-width:0pt 1pt 1pt 0pt;}
td.C3{width:15%;border-style:solid;border-width:0pt 1pt 1pt 0pt;text-align:center;}
td.C4{width:15%;border-style:solid;border-width:0pt 1pt 1pt 0pt;text-align:center;}
td.C5{width:15%;border-style:solid;border-width:0pt 0pt 1pt 0pt;text-align:center;}
b.RED{color:#ff0000;}
table.D{margin-left:1%;}
td.D{border-style:solid;border-width:0pt 1pt 1pt 0pt;padding:2px 10px;}


/*画面幅841px以上*/
@media screen and (min-width:841px) {
.container {
padding:0px 0px 0px 5%;  /*上右下左*/
width:800px;
}
}



/*画面幅840px以下*/
@media screen and (max-width:840px) {
.container {
width:auto;
padding:0px 3% 0px 3%;  /*上右下左*/
}
.container table{font-size:0.9em;}
img{width:100%;}
}