div#container {
 width: 100%;
 height: 100%;
 }

body {
 margin: 0 auto;
 width: 100%;
 height: 100%;
 font-family: "verdana","Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",suns-serif;
 font-size: 90%;
 }

.hd_100 {
 width 100%;
 height: 40px;
 background-color: #7a9a9a;
 border-top: solid 2px #72785c;
 border-bottom: solid 2px #72785c;
 background-color: #7a9a9a;
 }

.header {
 padding: 0 0 0 120px;
 width: 500px;
 height: 40px;
 color: #fff;
 }

div#menu {
 margin: 0 auto;
 width: 800px;
 height: 70px;
 text-align: center;
 }

div#menu ul li {
 margin: 0px;
 list-style: none;
 background:url(img/menu.jpg) no-repeat;
 float: left;
 width:190px;
 }

div#menu li a{
 list-style: none;
 color: #fff;
 font-size: 12px;
 text-decoration: none;
 line-height: 41px;
 }

div#menu li a:hover{
 background: url(img/menu_h.jpg) no-repeat;
 width: 190px;
 height: 41px;
 line-height: 41px;
 color: #ccffff;
 text-decoration: none;
 float: left;
 }

div#menu li a.current, #menu li a:hover.current {
 list-style: none;
 background: url(img/menu.jpg) no-repeat;
 color: #fff;
 text-decoration: none;
 height: 41px;
 line-height: 41px;
 float: left;
 width: 190px;
 }

div#contents {
 margin-left: auto;
 margin-right: auto;
 width: 700px;
 text-align: justify;
 text-justify: newspaper;
 }

.float-clear {clear:both;}
.image_border {
border: solid 1px gray;
filter: drop-shadow(6px 5px 5px #a8a5a5);
box-sizing: border-box;
}

.pn_word { 
 width: 450px;
 float: left;
 }

.pn_cover { 
 padding: 50px 0px 0px 30px;
 width: 220px;
 float: left;
 }

.footer {
 padding: 7px;
 background: #7a9a9a;
 border-top: solid 1px #5c7878;
 color: white;
 bottom: 0;
 height: 20px;
 font-size: 9px;
 text-align: center;
 }

.sn_word { 
 width: 450px;
 float: left;
 }

.sn_cover { 
 width: 220px;
 padding: 50px 0px 0px 30px;
 float: left;
 }

.footer {
 padding: 7px;
 background: #7a9a9a;
 border-top: solid 1px #5c7878;
 color: white;
 bottom: 0;
 height: 20px;
 font-size: 9px;
 text-align: center;
 }
 
 table.normal {
width: 100%
text-align: right;
}

table.large {
width: 100%;
font-size: small;
text-align: right;
}

table.xlarge {
width: 100%;
font-size: x-small;
text-align: right;
}

table, td, th {
border: 1px #c0c0c0 solid;
border-collapse: collapse;
padding-top:4px;
padding-bottom:4px;
padding-right: 3px;
padding-left: 3px;
}
.normal td {
  text-align: center;
}

tr.zebra {
background-color: #f8f8ff;
}

table.normal td {
padding: 0px 4px;
}
table.normal td:first-child {
  text-align: left;
}

th {
background-color: #e6e6fa;
font-weight: bold;
text-align: center;
}

td.right {
text-align: right;
}

td.left {
text-align: left;
}

td.center {
text-align: center;
}