#container h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 0 12px;
  padding-bottom: 0;
}

#entrance {
  width: 765px;
  background-color: #02194B;
}

#entrance .extender {
  height: 129px;
  margin: 10px auto 0;
  padding: 4.1% 0 0 3.7%;
  width: 752px;
  background: url(/static/images/seihin_joho/presentation/recommend_back.png) no-repeat 19px 0;
}

#entrance .extender a {
  display: block;
  float: left;
  position: relative;
}

#entrance .extender a.right {
  display: block;
  float: left;
  position: relative;
  margin-left: 1%;
}

#entrance .extender a span.note {
  display: block;
  left: 5.5%;
  line-height: 1.4;
  font-size: 0.9em;
  position: absolute;
  top: 41%;
}

#entrance ul {
  padding: 25px 12px 15px 8px;
}

#entrance li {
  position: relative;
  float: left;
  width: 362px;
  height: 197px;
  padding-left: 8px;
  margin: 0px 0px 3px 0px;
}

#entrance li .text {
  display: block;
  position: absolute;
  top: 69px;
  left: 32px;
  width: 310px;
  color: #FFFFFF;
  font-size: 0.85em;
  line-height: 1.6;
}

#entrance li .text2 {
  display: block;
  position: absolute;
  top: 94px;
  left: 30px;
  width: 310px;
  color: #FFFFFF;
  font-size: 0.85em;
  line-height: 1.6;
}

#entrance li a:hover img, #entrance li a:hover span {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

#entrance li .btn {
  position: absolute;
  top: 250px;
  left: 190px;
}