* {
  font-size: 10pt;
}

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

#body {
  margin:0 auto;
  width: 958px;
}

#head {
  border: 1px lightgray solid;
  box-shadow: 2px 2px 2px #eee;
  height: 50px;
}

#head > h1 > a{
  font-size: 18pt;
  margin: 8px 0 0 10px;
  text-shadow: 2px 2px 2px lightgray;
  color: black;
  text-decoration: none;
}

#intro, #banner, #contents, #foot {
  margin-top: 10px;
}

#intro > div {
  border: 1px lightgray solid;
  box-shadow: 2px 2px 2px #eee;
  height: 250px;
  width: 230px;
  float: left;
  margin-right: 10px;
}

#intro > div:last-child {
  margin-right: 0;
}

#banner > div {
  border: 1px lightgray solid;
  box-shadow: 2px 2px 2px #eee;
  height: 100px;
  width: 472px;
  float: left;
  margin-right: 10px;
}

#banner > div:last-child {
  margin-right: 0;
}

#contents > div {
  border: 1px lightgray solid;
  box-shadow: 2px 2px 2px #eee;
  height: 300px;
  float: left;
}

#contents-left {
  width: 714px;
  margin-right: 10px;
}

#contents-right {
  width: 230px;
}

#foot {
  border: 1px lightgray solid;
  box-shadow: 2px 2px 2px #eee;
  height: 30px;
}