@charset "UTF-8";

/*
Copyright (C)Aniplex.Inc. All Rights Reserved.
*/

/*
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
*/

body { background: #000; }
#wrap {
  max-width: 1200px;
  min-width: 980px;
  margin: 0px auto;
  position: relative;
}
header{
  width: 220px;
  padding: 0 10px;
  /*height: 1500px;*/
}
header h1 { padding: 15px 0; }
header h2 { padding-bottom: 15px; }
.movieThumb{ cursor: pointer; }
#topics, #twitter {
  width: 245px;
  margin: 20px 0;
}
#topics .caption {
  width: 100%;
  height: 35px;
  background: url(../img/topics.png) no-repeat center center;
}
.topicsList {
  margin: 10px;
  height: 75px;
}
  .topicsList li {
    margin-bottom: 5px;
    font-size: 92%;
  }
#twitter .caption{
  width: 100%;
  height: 35px;
  background: url(../img/twitter.png) no-repeat center center;
}
.twaccount {
  text-align: right;
  margin-right: 15px;
  line-height: 35px;
  font-size: 100%;
}
.tweetList {
  margin: 5px 10px;
  height: 75px;
  font-size: 92%;
}
ul#socialBtn{
  position: relative;
}
#mainArea{
  position: absolute;
  width: 986px;
  /*height: 1500px;*/
  height: 1365px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1060px) {
  #mainArea{
    width:960px;
    position:absolute;
    top:0;
    left:120px;
    z-index:-1;
  }
}
#topHeadBnr { top: 15px; left: 450px; }
#bnrArea{
  position: absolute;
  bottom: 0;
  right: 80px;
  width: 670px;
}
#bnrArea li{
  float: left;
  padding:0 10px 10px 0;
}
#mainCharaBg { z-index: -2; }
#mainCharaBg, #mainChara li, #bnrArea, #topHeadBnr {
  position: absolute;
}
footer {
  background: #000;
  padding: 10px;
}
  #chara01  { top: 85px;    right: 133px; }
  #chara02  { top: 270px;   right: 295px; }
  #chara03  { top: 465px;   right: 0; }
  #chara04  { top: 355px;   right: 425px; }
  #chara05  { top: 455px;   right: 150px; }
#footerArea {
  min-width: 980px;
  max-width: 1200px;
  margin: 0px auto;
  padding: 5px 0;
  position: relative;
}
#footerArea p { font-size: 92%; }

p.footerTxt {
  float: left;
  margin: 10px 0 0 10px;
}
p.copy {
    position: absolute;
    bottom:5px;
    right:10px;
}
#footerArea p.copy img {
  margin-bottom: 5px;
}