@charset "UTF-8";
/*
*	top.css
*/
.info-container, #global-navi, #global-navi ul, .character-group {
  *zoom: 1;
}
.info-container:after, #global-navi:after, #global-navi ul:after, .character-group:after {
  content: "";
  display: block;
  clear: both;
}

/* ==========================================================
	xxx
========================================================== */
body {
  width: 100%;
  min-width: 1000px;
  font-size: 84%;
}

#wrapper {
  background: url(../images/top/bg_repeat.jpg) repeat-y center 990px;
}
body.top #wrapper #page {
  background: url(../images/top/bg_base.jpg) no-repeat center top;
}

.inner {
  width: 1000px;
  margin: 0 auto;
}

/* ==========================================================
	info-container
========================================================== */
.info-container {
  width: 884px;
  margin: 0 auto;
}

/* news
========================================================== */
.news-container {
  width: 336px;
  float: left;
}
.news-container .news-inner {
  min-height: 500px;
  margin: 0 0 0 20px;
  background: url(../images/top/news_bgRepeat.png) repeat-y;
}
.news-container .news-inner .scroll-pane:focus {
  outline: none;
}
.news-container dl {
  height: 500px;
  margin: 0 0 0 16px;
}
.news-container dt {
  width: 60px;
  font-size: 92%;
  margin: 10px 0 4px 5px;
  color: #fff;
  text-align: center;
  background: url(../images/top/news_bg_date.png) no-repeat;
}
.news-container dt:first-child {
  margin-top: 0;
}
.news-container dd {
  width: 255px;
  line-height: 1.5;
  padding: 0 5px 15px;
  background: url(../images/top/news_line.png) no-repeat left bottom;
}
.news-container dd a:link,
.news-container dd a:visited {
  color: #7e252a;
  text-decoration: none;
}
.news-container dd a:hover {
  color: #7e252a;
  text-decoration: underline;
}
.news-container .news-bgBottom {
  padding-left: 20px;
}

/* story-container
========================================================== */
.story-container {
  width: 534px;
  float: left;
  margin-left: 10px;
}
.story-container .story-inner {
  min-height: 477px;
  background: url(../images/top/story_bgContents.png) no-repeat;
}
.story-container .story-inner h1 {
  font-size: 134%;
  width: 92px;
  height: 22px;
  margin: 0 auto 5px;
  padding: 2px 0;
  text-align: center;
  color: #fff;
  background: url(../images/top/story_bgPink.png) no-repeat;
}
.story-container .story-inner h2 {
  margin-bottom: 12px;
  font-size: 150%;
  color: #fb2070;
  text-align: center;
}
.story-container .story-inner .movie-container {
  padding: 0 48px;
}
.story-container .story-inner .movie {
  width: 429px;
  height: 246px;
  margin-bottom: 6px;
  padding: 9px 0 0 9px;
  background: url(../images/top/story_movieBg.png) no-repeat;
}
.story-container .story-inner p {
  font-size: 109%;
  line-height: 1.4;
  color: #3686f0;
  text-shadow: 4px 5px 6px white;
}

/* ==========================================================
	main
========================================================== */
.main .logo-10th, .main h1, .main .main-bgRace {
  position: absolute;
}

.main .logo-Container, .main h1, .character-group .li-chara01,
.character-group .li-chara02,
.character-group .li-chara03,
.character-group .li-chara04,
.character-group .li-chara05,
.character-group .li-chara06, .character-group .li-set01-card01,
.character-group .li-set01-card02,
.character-group .li-set02-card01,
.character-group .li-set02-card02,
.character-group .li-set03-card01,
.character-group .li-set03-card02,
.character-group .li-set04-card01,
.character-group .li-set04-card02 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* ie 8 */
  filter: alpha(opacity=0);
  /* ie 6 7 */
}

.main-container {
  overflow: hidden;
  min-width: 1000px;
  /*コンテンツ幅よりはみ出た部分をスクロール出さないようにする*/
  width: 100%;
}

.main {
  position: relative;
  width: 1000px;
  height: 790px;
  margin: 0 auto;
}
.main .logo-10th {
  top: 176px;
  left: 339px;
  z-index: 7;
}
.main h1 {
  top: 342px;
  left: 146px;
  z-index: 7;
}
.main .main-bgRace {
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* global-navi
========================================================== */
#global-navi {
  left: 0;
  position: absolute;
  top: 606px;
  z-index: 8;
  width: 997px;
}
#global-navi li {
  float: left;
}
#global-navi a {
  float: left;
  height: 184px;
  background: url(../images/top/gnavi.png) no-repeat;
  text-indent: -9999px;
}
#global-navi .li-news {
  width: 114px;
  background-position: 0 0;
}
body.news #global-navi .li-news, #global-navi .li-news:hover {
  background-position: 0 -184px;
}
#global-navi .li-story {
  width: 104px;
  background-position: -114px 0;
}
body.story #global-navi .li-story, #global-navi .li-story:hover {
  background-position: -114px -184px;
}
#global-navi .li-staff {
  width: 108px;
  background-position: -218px 0;
}
body.staff #global-navi .li-staff, #global-navi .li-staff:hover {
  background-position: -218px -184px;
}
#global-navi .li-character {
  width: 114px;
  background-position: -326px 0;
}
body.character #global-navi .li-character, #global-navi .li-character:hover {
  background-position: -326px -184px;
}
#global-navi .li-episode {
  width: 108px;
  background-position: -440px 0;
}
body.episode #global-navi .li-episode, #global-navi .li-episode:hover {
    background-position: -440px -184px;
}
#global-navi .li-precard {
  width: 106px;
  background-position: -548px 0;
}
body.precard #global-navi .li-precard, #global-navi .li-precard:hover {
  background-position: -548px -184px;
}
#global-navi .li-goods {
  width: 106px;
  background-position: -654px 0;
}
body.goods #global-navi .li-goods, #global-navi .li-goods:hover {
  background-position: -654px -184px;
}
#global-navi .li-special {
  width: 104px;
  background-position: -760px 0;
}
body.special #global-navi .li-special, #global-navi .li-special:hover {
  background-position: -760px -184px;
}
#global-navi .li-movie {
  width: 133px;
  background-position: -864px 0;
}
body.movie #global-navi .li-movie, #global-navi .li-movie:hover {
  background-position: -864px -184px;
}
/* ==========================================================
	character-group
========================================================== */
.character-group {
  overflow: hidden;
  width: 100%;
  min-width: 1000px;
}
.character-group li {
  position: absolute;
}
.character-group .li-chara01 {
  top: 53px;
  left: 290px;
  z-index: 6;
}
.character-group .li-chara02 {
  top: 191px;
  left: 271px;
  z-index: 5;
}
.character-group .li-chara03 {
  top: 111px;
  left: 388px;
  z-index: 4;
}
.character-group .li-chara04 {
  top: 6px;
  left: 18px;
  z-index: 3;
}
.character-group .li-chara05 {
  top: 35px;
  left: 208px;
  z-index: 2;
}
.character-group .li-chara06 {
  top: 45px;
  left: 607px;
}
.character-group .li-set01-card01,
.character-group .li-set01-card02,
.character-group .li-set02-card01,
.character-group .li-set02-card02,
.character-group .li-set03-card01,
.character-group .li-set03-card02,
.character-group .li-set04-card01,
.character-group .li-set04-card02 {
  z-index: 8;
}
.character-group .li-set01-card01 {
  top: 85px;
  left: 875px;
}
.character-group .li-set01-card02 {
  top: 373px;
  left: -32px;
}
.character-group .li-set02-card01 {
  top: 373px;
  left: 912px;
}
.character-group .li-set02-card02 {
  top: 225px;
  left: -89px;
}
.character-group .li-set03-card01 {
  top: 0px;
  left: 534px;
}
.character-group .li-set03-card02 {
  top: 291px;
  left: 168px;
}
.character-group .li-set04-card01 {
  top: 464px;
  left: 833px;
}
.character-group .li-set04-card02 {
  top: 525px;
  left: 64px;
}