@charset "UTF-8";
/* CSS Document */




h1#page-ttl {
   background-image: url("../img/about/ttl-about.png");
}


/* --------------------------------------------------------------


                      main


-----------------------------------------------------------------*/



/*    intro    */

h1#ttl-intro {
   width: 449px;
   height: 40px;
   background-repeat: no-repeat;
   text-indent: -9999px;
   position: absolute;
   top: -40px;
   left: 40px;
   background-image: url("../img/about/ttl-intro.png");
}


.cts_box {
   background-image: url("../img/about/bg-cts_box.png");
   background-repeat: repeat-y;
   padding: 0;
   position: relative;
}


#introduction {
   background-image: url("../img/about/intro-1.png");
   background-repeat: no-repeat;
   height: 385px;
   text-indent: -9999px; 
   
}

#btn-area {
   background-image: url("../img/about/intro-2.png");
   background-repeat: no-repeat;
   height: 449px;
   padding-left: 15px;
   line-height: 1.5em;
}

#btn-area a {
   display: block;
   margin-bottom: 10px;
}



/*    yokozawa    */


h1#ttl-story_yoko {
   width: 210px;
   height: 40px;
   background-repeat: no-repeat;
   text-indent: -9999px;
   position: absolute;
   top: -40px;
   left: 40px;
   background-image: url("../img/about/ttl-story_yoko.png");
}


#story_yoko .story_yoko_txt {
   text-indent: -9999px;
   height: 641px;
   background-image: url("../img/about/yoko-story.png");
   background-repeat: no-repeat;
}

h1#ttl-chara_yoko {
   width: 329px;
   height: 40px;
   background-repeat: no-repeat;
   text-indent: -9999px;
   position: absolute;
   top: -40px;
   left: 40px;
   background-image: url("../img/about/ttl-chara_yoko.png");
}

#chara_yoko .chara-list {
   background-image: url("../img/about/yoko-chara_yoko.png");
   background-repeat: no-repeat;
   height: 1012px;

}
#chara_yoko .chara-list dt,
#chara_yoko .chara-list dd {
   text-indent: -9999px;
}



/*    valentine    */


h1#ttl-story_val {
   width: 210px;
   height: 40px;
   background-repeat: no-repeat;
   text-indent: -9999px;
   position: absolute;
   top: -40px;
   left: 40px;
   background-image: url("../img/about/ttl-story_val.png");
}
#story_val .story_yoko_txt {
   text-indent: -9999px;
   height: 535px;
   background-image: url("../img/about/val-story.png");
   background-repeat: no-repeat;
}

h1#ttl-chara_val {
   width: 329px;
   height: 40px;
   background-repeat: no-repeat;
   text-indent: -9999px;
   position: absolute;
   top: -40px;
   left: 40px;
   background-image: url("../img/about/ttl-chara_val.png");
}


#chara_val .chara-list {
   background-image: url("../img/about/val-chara.png");
   background-repeat: no-repeat;
   height: 1182px;

}

#chara_val .chara-list li {
   text-indent: -9999px;
}



/* --------------------------------------------------------------


                      side


-----------------------------------------------------------------*/
#side dl {
   position: relative;
   
}

#side dl dt {
   width: 226px;
   height: 60px;
   margin-left: -48px;
   
}
#side dl dt.ttl-side-val {
   height: 103px;
}
#side dl dd {
   background-image: none;
}