body {
  background-color: #FFFFFF;
  text-align: center;
  font-family: Helvetica, Arial, "Trebuchet MS";
  font-size: 10px;
  line-height: 18px;
  font-weight:lighter;
  color:#decbbd;
}
#container {
  margin-top:50px;
  margin-bottom:50px;
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;
  vertical-align: middle;
  width: 900px;
}
#show {
  margin-top: 20px;
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;
  vertical-align: middle;
  width: 900px;
  height: 363px;
}
#middle {
  background: #ededed;
  height: 100px;
}
#middle a {
  display: block;
  float: left;
  font-size: 20px;
  color: #8F0404;
  text-decoration: none;
  margin-top: 20px;
  margin-left: 20px;
}
div#red {
  width: 100px;
  height: 100px;
  background: #8F0404;
  float: left;
}
div#beige {
  width: 50px;
  height: 100px;
  float: left;
  background: #DBC986;
}
div#blue {
  width: 25px;
  height: 100px;
  background: #2563A1;
  float: left;
}
div#logo {
  width: 900px;
  height: 200px;
  background: #dbdbdb url(/intro/logo.png) no-repeat;
  background-position: 580px 20px;
}
div#logo a {
  display: block;
  width: 900px;
  height: 200px;
}
#footnote {
  font-size: 11px;
  line-height: 18px;
  font-weight:lighter;
  color: #585858;
  text-align: right;
  width: 900px;
  padding-top: 10px;
}
#footnote > a {
  color: #585858;
  text-decoration: none;
}
a.enter {
  font-size: 13px;
  color: #8F0404;
}
.clear { clear: both; }