/*-------------------------------------------------------------- story-page
*/
.cn3 {
/*  background: url('images/character/character_image.jpg') no-repeat;*/
/*  background: url('images/contents_bg_top01.jpg') no-repeat center top;*/
}
.cn3 .flash {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 896px;
  height: 1010px;
  overflow: hidden;
}
.cn3 .main {
  width: 834px;
  height: 962px;
  margin: 0 auto;
  overflow: hidden;
}
.cn3 .main h3,
.cn3 .main p {display: none;}

.cn3 .main-noscript {
  position: absolute;
  left: 31px;
  top: 47px;
  z-index: 50;
  width: 896px;
  height: 952px;
  margin: 0 auto;
  overflow: hidden;
}
.cn3 .chara00 {background: url('images/character/chara00.jpg') no-repeat;}
.cn3 .chara01 {background: url('images/character/chara01.jpg') no-repeat;}
.cn3 .chara02 {background: url('images/character/chara02.jpg') no-repeat;}
.cn3 .chara03 {background: url('images/character/chara03.jpg') no-repeat;}
.cn3 .chara04 {background: url('images/character/chara04.jpg') no-repeat;}
.cn3 .chara05 {background: url('images/character/chara05.jpg') no-repeat;}
.cn4 {
  position: absolute;
  left: 31px;
  top: 999px;
  z-index: 51;
}
.main-noscript ul {
  position: absolute;
  left: 21px;
  top: 761px;
  background: url('images/character/chara_menu_base2.jpg') no-repeat;
  width: 792px;
  height: 48px;
  padding: 40px 0 0;
  list-style: none;
}
.main-noscript li {
  float: left;
}
.main-noscript li a {
  text-indent: -1000em;
  display: block;
  width: 88px;
  height: 48px;
  overflow: hidden;
}
.main-noscript li.cm00 a:hover {background: url('images/character/chara_menu00.jpg') no-repeat;}
.main-noscript li.cm01 a:hover {background: url('images/character/chara_menu01.jpg') no-repeat;}
.main-noscript li.cm02 a:hover {background: url('images/character/chara_menu02.jpg') no-repeat;}
.main-noscript li.cm03 a:hover {background: url('images/character/chara_menu03.jpg') no-repeat;}
.main-noscript li.cm04 a:hover {background: url('images/character/chara_menu04.jpg') no-repeat;}
.main-noscript li.cm05 a:hover {background: url('images/character/chara_menu05.jpg') no-repeat;}
.main-noscript li.cm06 a:hover {background: url('images/character/chara_menu06.jpg') no-repeat;}
.main-noscript li.cm07 a:hover {background: url('images/character/chara_menu07.jpg') no-repeat;}
.main-noscript li.cm08 a:hover {background: url('images/character/chara_menu08.jpg') no-repeat;}