.clearfix:after{
  clear: both;
  display: table;
  content:'';
}

img {
  width: 100%;
  margin-top: -30px;
}

#body {
  padding: 5px;
  width: 960px;
  margin: 0 auto;
}

#slide {
  border: 1px black dotted;
  height: 150px;
  overflow: hidden;
}

#slide img {
  margin-top: -30px;;
}

#slide:hover img {
  opacity: 0.8;
  width: 104%;
  margin-left: -2%;
}

#menu {
  border: 1px black dotted;
  height: 30px;
  margin-top: 10px;
}

#contents {
  margin-top: 10px;
}

#message {
  border: 1px black dotted;
  height: 216px;
  width: 475px;
  float: left;
  border-radius: 5px;
  overflow: hidden;
}

#message img {
  margin-top: -30px;;
}

#message:hover img {
  opacity: 0.8;
  width: 104%;
  margin-left: -2%;
}

#banner {
  width: 477px;
  float: left;
  margin-left: 5px;
}

#banner > div {
  border: 1px black dotted;
  height: 45px;
  margin-top: 10px;
  overflow: hidden;
}

#banner > div img {
  margin-top: -100px;
}

#banner > div:hover img {
  opacity: 0.8;
  width: 104%;
  margin-left: -2%;
}

#banner > div:first-child {
  margin-top: 0px;
}

#foot {
  border: 1px black dotted;
  height: 38px;
  margin-top: 10px;
  text-align: center;
  padding-top: 12px;
}