@charset "UTF-8";

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

#sub-nav-movie a { background-position: -142px -245px; }
body {
  background: url(/img/common/bg/power_michiru.png) no-repeat fixed right 600px;
}
#wrap {
  background: url(/img/common/bg/bg_michiru.png) repeat-x 140px 0;
}
.sub-content {
  background: url(/img/common/line/line_michiru.png) repeat-x 0 bottom;
}
.sub-content a {
  color: #9366c7;
}
.section {
  margin-top: 10px;
  padding: 50px 0 20px;
  background: url(/img/common/line/line_michiru.png) repeat-x 0 0;
}
.bg {
  background: url(/img/common/bg/movie.png) no-repeat right bottom;
}
.section a {
  text-decoration: none;
}
.section dl {
  display: inline-block;
  width: 330px;
  margin-bottom: 30px;
  vertical-align: top;
}
.section dt {
  margin-top: 5px;
  padding-left: 15px;
  font-size: 133%;
}
.date {
  display: block;
  color: #666;
  font-size: 92%;
}
.movie-wrap {
  position: relative;
  width: 300px;
  height: 169px;
  margin: 0 auto;
  overflow: hidden;
}
.btn-movie {
  position: absolute;
  top: 0;
  left: 0;
}
.btn-movie img:hover {
  margin-top: -169px;
}