body{
  background-color: white;
}
.header {
  height: 150px;
  background: #001448;
}
.header span{
	vertical-align: bottom;
    font-size: 36pt;
    color: white;
}
.header img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



.footer{
  height: auto;
  padding: 10px;
  background: lightgray;
  text-align:center;
  color: black;
  clear: both;
}
.main-contents, .left-navi, .right-navi {
  height: auto;
}
.main-contents {
  background: white;
  color: black;
  width: 75%;
  float: left;
}
.left-navi {
  background: lightblue;
  color: black;
  width: 0%;
  float: right;
}
.right-navi {
  color: black;
  float: right;
  width: 25%;
}
.main{
  float: right;
  width: 100%;
}



table{
  border:1px solid #ddd;
  border-collapse: collapse;
}

th{
  background:lightyellow;
  padding:10px 15px;
  border:1px solid #666;
}

td{
  background:lightyellow;
  padding:10px 15px;
  border:1px solid #666;
}
td.empty{
    background: lightgray;
}


.noborder {
  border: 0px none;
  background: #ffffff;
  padding: 0px;
  vertical-align: middle;
  align: left;
}