@charset "utf-8";

html { 
  background: url(../chara_img/noah_bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#meta-container {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#container {
  position: relative;
  height: 100%;
  background-image: url('../img/rainbow.png');
  background-repeat: no-repeat;
}
#header-innner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
#header {
  background-image: url('../img/header_bg.png');
  background-repeat: repeat;
  height: 47px;
  width: 100%;
  position: absolute; 
}
#nav-sub {
  position: absolute;
  right: 0;
  top: 13px;
}
.nav-sub-btn{
  margin: 0 10px;
}
#nav-main {
  width: 980px;
  margin: 0 auto;
  padding-top: 50px;
}
.nav-main-btn01{
  margin: 0 8px;
}
#main-logo {
  position: absolute;
  height: 391px;
  width: 232px;
  top: 100px;
  right: 80px;
}
#pege-title {
  width: 1080px;
  margin: 0 auto;
  padding-top: 25px;
}
#chara-main {
  width: 1192px;
  height: 1600px;
  margin: 0 auto;
  padding-top: 25px;
}
#chara-name {
  width: 691px;
  margin-left: 250px;
  padding-top: 200px;
}
.chara-mane-btn{
  margin: 0 150px;
}
#chara-voice01 {
  width: 691px;
  margin-left: 600px;
  padding-top: 10px;
}
#chara-voice02 {
  position: absolute;
  width: 45px;
  margin-left: 645px;
  top: 511px;
}
#chara-voice03 {
  position: absolute;
  width: 45px;
  margin-left: 690px;
  top: 511px;
}
#chara-cos01 {
  position: absolute;
  width: 150px;
  margin-left: 750px;
  top: 506px;
}
#chara-cos02 {
  position: absolute;
  width: 150px;
  margin-left: 900px;
  top: 506px;
}
#chara-cos03 {
  position: absolute;
  width: 150px;
  margin-left: 750px;
  top: 556px;
}
#chara-cos04 {
  position: absolute;
  width: 150px;
  margin-left: 900px;
  top: 556px;
}
#chara_pict {
  width: 610px;
  position: absolute;
  top: -350px;
  left: -150px;
}
#chara_sd {
  width: 500px;
  position: absolute;
  top: 400px;
  left: 120px;
}
#chara-int {
  position: absolute;
  width: 160px;
  top: 1120px;
  left: 400px;
}
#chara-prof-bg {
  background-image: url('../chara_img/prof_bg_main.png');
  background-repeat: no-repeat;
  width: 1192px;
  height: 1540px;
  margin-left: 50px;
  margin-top: 50px;
  position: relative;
}
#chara-prof {
  width: 775px;
  margin-left: 350px;
  padding-top: 30px;
}
#chara-movie {
  width: 516px;
  margin-left: 600px;
  padding-top: 30px;
}
#chara-movie-inner {
  width: 450px;
  padding-top: 20px;
  margin: 0 auto;
}
#chara-ruf {
  width: 516px;
  margin-left: 600px;
  padding-top: 30px;
}
#chara-ruf-img {
  width: 516px;
  margin-left: 600px;
  padding-top: 10px;
}
.ruf-btn{
  margin: 0 5px;
}
#chara-select01 {
  position: absolute;
  height: 131px;
  width: 122px;
  top: -110px;
  right: -70px;
}
#chara-select02 {
  position: absolute;
  height: 131px;
  width: 122px;
  top: -40px;
  right: -70px;
}
#chara-select03 {
  position: absolute;
  height: 131px;
  width: 122px;
  top: 30px;
  right: -70px;
}
#chara-select04 {
  position: absolute;
  height: 131px;
  width: 122px;
  top: 100px;
  right: -70px;
}
#chara-select00 {
  position: absolute;
  height: 131px;
  width: 122px;
  top: 170px;
  right: -70px;
}
#chara-select05 {
  position: absolute;
  width: 64px;
  top: 280px;
  right: -90px;
}
#chara-select06 {
  position: absolute;
  width: 64px;
  top: 350px;
  right: -90px;
}
#chara-select07 {
  position: absolute;
  width: 64px;
  top: 420px;
  right: -90px;
}
#chara-select08 {
  position: absolute;
  width: 64px;
  top: 490px;
  right: -90px;
}
#chara-select09 {
  position: absolute;
  width: 64px;
  top: 320px;
  right: -20px;
}
#chara-select10 {
  position: absolute;
  width: 64px;
  top: 390px;
  right: -20px;
}
#chara-select11 {
  position: absolute;
  width: 64px;
  top: 460px;
  right: -20px;
}
#chara-select12 {
  position: absolute;
  width: 64px;
  top: 530px;
  right: -20px;
}
#footer {
  background-image: url('../img/footer_bg.png');
  background-repeat: repeat;
  width: 100%;
  height: 200px;
  margin-top: 400px;
}
#footer-inner {
  width: 350px;
  margin: 0 auto;
  padding-top: 50px;
}