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

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


                      style


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

h1#pagettl {
   background-image: url(../img/character/ttl-chara.png);
}


#character #wrap {
   width: 100%;
   min-width: 960px;
}
#character #main {
   width: 100%;
   text-align: center;
   position: relative;
   margin-top: -70px;
}



#sidewrap {
   width: 960px;
   margin: 0 auto;
   position: relative;
}



#character #side {
   position: absolute;
   width: 210px;
   z-index: 900;
   top: 70px;
   left: 10px;
   text-align: left;
}

#character #side .bg-img {
   display: block;
   height: 26px;
}
#character #side #bx-pager {
   background-image: url(../img/character/bg-side.png);
   background-repeat: repeat-y;
   
}
#character #side #bx-pager li {
   height: 26px;
   padding-bottom: 3px;
   padding-top: 3px;
   border-bottom: solid 1px #b5bbc1;
   margin-left: 5px;
   margin-right: 5px;
}

#character #side #bx-pager li:last-child {
   border-bottom: none;
}
#character #side #bx-pager a img{
   display: block;
   height: 26px;
   
}

#character #side #bx-pager a {
   background-image: none;
   display: block;
   height: 26px;
   padding-left: 18px;
}
#character #side #bx-pager a:hover {
   background-image: url(../img/character/side-arrow.png);
   background-repeat: no-repeat;
   background-position: 10px 1px;
   
}