@charset "utf-8";


#meta-container {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#container {
  position: relative;
}
#header-innner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
#header {
  background-image: url(../img/header_bg.png);
  background-repeat: repeat;
  height: 200px;
  width: 100%;
  position: absolute; 
}
#logo-title {
}
#nav-sub {
  position: absolute;
  right: 0;
  top: 25px;
}
.nav-sub-btn{
  margin: 0 10px;
}
#nav-main {
  background-image: url('../img/bg_nav_main.png');
  background-repeat: repeat;
  width: 979px;
  margin: 0 auto;
}
.nav-main-btn01{
  margin: 0 8px;
}
.nav-main-btn02{
    margin: 0 10px;
}
.nav-main-btn03{
    margin: 0 14px;
}
.nav-main-btn04{
    margin: 0 23px;
}
.nav-main-btn05{
    margin: 0 10px;
}
.nav-main-btn06{
    margin: 0 15px;
}
#chara-nav {
  background-image: url('../img/chara_select_bg01.png');
  background-repeat: repeat-x;
  margin: 0 auto;
  width: 100%;
  height: 100px;
}
#chara-nav-innner {
  margin: 0 auto;
  width: 1200px;
  padding-top: 10px;
}
.chara-nav-innner-space {
  margin: 0 10px;
}
#chara-main {
  width: 1590px;
  margin: 0 auto;
  position: relative;
}
#chara-text {
  width: 623px;
  margin: 0 auto;
  position: absolute;
  top: 320px;
}
#chara-name {
  position: absolute;
  height: 188px;
  margin: 0 auto;
}
#chara-voice {
  position: absolute;
  width: 600px;
  height: 82px;
  margin: 0 auto;
  top: 180px;
  padding-bottom: 10px;
}
#chara-voice-innner01 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 200px;
  left: 0;
  right: 600px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-voice-innner02 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 200px;
  left: 0;
  right: 400px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-voice-innner03 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 200px;
  left: 0;
  right: 230px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-cos {
  position: absolute;
  width: 600px;
  height: 82px;
  margin: 0 auto;
  top: 280px;
  padding-bottom: 10px;
}
#chara-cos-innner01 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 300px;
  left: 0;
  right: 600px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-cos-innner02 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 300px;
  left: 0;
  right: 400px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-cos-innner03 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 300px;
  left: 0;
  right: 230px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-cos-innner04 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 300px;
  left: 0;
  right: 60px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-cos-innner05 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 300px;
  left: 0;
  right: -110px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-cos-innner06 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 300px;
  left: 0;
  right: -280px;
  bottom: 0;
  margin: auto;
  margin: 0 auto;
}
#chara-movie {
  width: 260px;
  position: absolute;
  margin: 0 auto;
  top: 380px;
}
#chara-prof {
  position: absolute;
  margin: 0 auto;
  top: 570px;
}
#chara-ruf {
  position: absolute;
  margin: 0 auto;
  top: 1230px;
}
.chara-ruf-space {
  margin: 0 5px;
}
#photo {
  position: absolute;
  width: 1010px;
  right: 0;
  top: 300px;
  margin: 0 auto;
}
#footer {
  background-image: url('../img/footer_bg.png');
  background-repeat: repeat;
  width: 100%;
  height: 200px;
  position: absolute;
  top: 1800px;
  bottom: 0;
}
#footer-inner {
  width: 340px;
  margin: 0 auto;
  padding-top: 50px;
}