@charset "Shift_JIS";

.clearfix:after {
  content: ".";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
}

.clearfix {
 zoom: 1;
 margin-bottom: 0;
}


/* HEADER */

#main {
  width: 800px;
  background: url(../img/top/main.jpg) no-repeat;
  background-size: 800px;
}

#main ul {
  margin: 0;
  padding: 0;
}

#main li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main .nav {
  padding-top: 534px;
  width: 800px;
}

#main .nav > li {
  float: left;
  display: inline-block;
  position: relative;
}

#main .nav > li > a {
  display: block;
  background-image: url(../img/top/nav.png);
  background-repeat: no-repeat;
  background-size: 800px;
  height: 29px;
  font-size: 0;
}

#main .nav > li:hover > a,
#main .nav > li > a.crnt {
  background-image: url(../img/top/nav_over.png);
}

#main .nav > li.bd-dvd > a {
  width: 152px;
  background-position: 0px top;
}

#main .nav > li.news > a {
  width: 92px;
  background-position: -152px 0;
}

#main .nav > li.cinema > a {
  width: 135px;
  background-position: -244px 0;
}

#main .nav > li.det > a {
  width: 95px;
  background-position: -379px 0;
}

#main .nav > li.download > a {
  width: 121px;
  background-position: -474px 0;
}

#main .nav > li.link > a {
  width: 90px;
  background-position: -595px 0;
}

#main .nav > li.banner > a {
  width: 115px;
  background-position: -685px 0;
}

#main .nav > li ul > li > a {
  display: block;
  font-size: 0;
}

#main .nav > li.news ul > li > a {
  background-image: url(../img/top/nav_news.png);
  background-repeat: no-repeat;
  background-size: 142px;
  width: 142px;
}

#main .nav > li.news:hover > ul > li:hover a,
#main .nav > li.news > ul > li a.crnt {
  background-image: url(../img/top/nav_news_over.png);
}

#main .nav > li.news ul > li.dvd > a {
  background-position: 0 0;
  height: 20px;
}

#main .nav > li.news ul > li.dvd-lateshow > a {
  background-position: 0 -20px;
  height: 20px;
}

#main .nav > li.news ul > li.ost > a {
  background-position: 0 -40px;
  height: 20px;
}

#main .nav > li.news ul > li.record > a {
  background-position: 0 -60px;
  height: 20px;
}

#main .nav > li.news ul > li.blog > a {
  background-position: 0 -80px;
  height: 20px;
}

#main .nav > li.news ul > li.info > a {
  background-position: 0 -100px;
  height: 20px;
}

#main .nav > li.news ul > li.latest-news > a {
  background-position: 0 -120px;
  height: 22px;
}

#main .nav > li.cinema ul > li > a {
  background-image: url(../img/top/nav_cinema.png);
  background-repeat: no-repeat;
  background-size: 143px;
  width: 143px;
}

#main .nav > li.cinema:hover ul > li:hover a,
#main .nav > li.cinema ul > li a.crnt {
  background-image: url(../img/top/nav_cinema_over.png);
}

#main .nav > li.cinema ul > li.cinema-goods > a {
  background-position: 0 0;
  height: 22px;
}

#main .nav > li.det ul > li > a {
  background-image: url(../img/top/nav_det.png);
  background-repeat: no-repeat;
  background-size: 143px;
  width: 143px;
}

#main .nav > li.det:hover > ul > li:hover a,
#main .nav > li.det > ul > li a.crnt {
  background-image: url(../img/top/nav_det_over.png);
}

#main .nav > li.det ul > li.highlight > a {
  background-position: 0 0;
  height: 20px;
}

#main .nav > li.det ul > li.chara > a {
  background-position: 0 -20px;
  height: 20px;
}

#main .nav > li.det ul > li.themesong > a {
  background-position: 0 -40px;
  height: 20px;
}

#main .nav > li.det ul > li.staff > a {
  background-position: 0 -60px;
  height: 20px;
}

#main .nav > li.det ul > li.exposition > a {
  background-position: 0 -80px;
  height: 20px;
}

#main .nav > li.det ul > li.story > a {
  background-position: 0 -100px;
  height: 20px;
}

#main .nav > li.det ul > li.introduction > a {
  background-position: 0 -120px;
  height: 22px;
}

#main .nav li ul {
  position: absolute;
  bottom: 29px;
}

#main .nav li.news ul {
  left: -27px;
}

#main .nav li.cinema ul {
  left: -5px;
}

#main .nav li.det ul {
  left: -24px;
}


/* FOOTER */
#footer {
  margin: 70px 0 10px 0;
  width: 800px;
}

#footer .copyright {
  width: 760px;
  text-align: right;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"MS PGothic",sans-serif;
  font-size: 10px;
}