html, body{
  width: 100%;
  height: 100%;
}

a{
  //color: blue;
  text-decoration: none;
}
body{
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
h1{
  margin: 0px;
}
h2{
  margin: 0px;
}
h3{
  margin: 0px;
}

body{
  height: 100%;
  background-color: white;
  display: table;
}

#container{
  width: 1080px;
  height: 100%;
  min-height: 100%;
  margin: 0px auto;
  display: table-cell;
  vertical-align: middle;
}

img{
  //height: 100%;
  display: block;
	margin: 0px auto;
}

nav{
  //width: 815px;
  width: 610px;
  height: 100px;
  margin: 0px auto;
   padding: 50px 0px 0px 0px;
}

nav ul{
  //width: 815px;
  width: 610px;
  height: 100px;
  margin: 0px auto;
  padding: 0px;
}

nav ul li{
  list-style: none;
  float: left;
  margin: 0px 5px 0px 0px;
}

nav ul li a{
  color: #33476a;
  //background-color: blue;
  display: block;
  width: 200px;
  height: 100px;
}

nav ul li#now a{
  color: white;
  background-color: #c50030;
}

nav ul li a:hover{
  color: white;
  background-color: #33476a;
}

nav ul li:last-child{
  margin-right: 0px;
}

footer{
  width: 100%;
  padding-top: 50px;
  font-size: 10pt;
  text-align: center;
}