/*-------------------------------------------------------------- story-page
*/
.cn3 {
/*  background: url('images/character/character_image.jpg') no-repeat;*/
/*  background: url('images/contents_bg_top01.jpg') no-repeat center top;*/
  height: 1432px;
}
.cn3 .flash {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 896px;
  height: 256px;
  overflow: hidden;
}
.cn3 .main {
  width: 834px;
  margin: 0 auto;
  overflow: hidden;
}
.cn3 .main h3,
.cn3 .main p {display: none;}
.cn3 .main-top {
  background: url('images/character/chara10_00.jpg') no-repeat;
  width: 834px;
  height: 96px;
  margin: 0 auto;
}
#chara06 {
  position: relative;
  background: url('images/character/chara06.jpg') no-repeat;
  width: 834px;
  height: 408px;
}
#chara07 {
  position: relative;
  background: url('images/character/chara07.jpg') no-repeat;
  width: 834px;
  height: 352px;
}
#chara08 {
  position: relative;
  background: url('images/character/chara08.jpg') no-repeat;
  width: 834px;
  height: 424px;
}
.cn3 .main-noscript {
  width: 834px;
  height: 88px;
  margin: 8px auto 0;
  overflow: hidden;
}
.main-noscript ul {
  background: url('images/character/chara_menu_base3.jpg') no-repeat;
  width: 792px;
  height: 48px;
  margin: 0 auto;
  padding: 40px 0 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;}

.chara-menu {
  width: 800px;
/*  height: 104px;*/
  margin: 0 auto;
  overflow: visible;
}

.cvf {
  position: absolute;
  width: 216px;
  height: 72px;
}
#chara06 .cvf {left: 524px; top: 304px;}
#chara07 .cvf {left:  88px; top: 248px;}
#chara08 .cvf {left: 520px; top: 304px;}