body {
  background: linear-gradient(to bottom,#000000,#b03489 20%,#000000 60%);
}

footer {
  clear: both;
  height: 50px;
  width: 800px;
  margin-top: 50px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  font-family: "メイリオ";
  font-style: normal;
  line-height: normal;
  font-weight: normal;
}
#logo {
  float: none;
  height: 550px;
  width: 750px;
  margin-top: 50px;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
}
#hako {
  float: none;
  height: 100px;
  width: 780px;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background: url(img/back.jpg) center 0px no-repeat; height:200px;
}

#hako #leave img,
#hako #enter img {
  border: none;
}

#hako #leave {
  float: right;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}

#hako #enter {
  float: left;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}

#hako #leave:hover,
#hako #enter:hover {
  opacity:0.9;
}