@charset 'UTF-8';
#character {
  position:relative;
  width:215px;
  height:325px;
  background:url("../img/bg_character.jpg") no-repeat top left;
  overflow:hidden;
  float:left;
}
#character *{
margin:0;
padding:0;
font-size:12px;
}
.more {
  display:none;
}
.chararticle {
  position:relative;
  top:0px;
  width:215px;
  height:325px;
  text-align:center;
}
#character h3{ display:none;}
.jFlowPrev ,
.jFlowNext {
  position:absolute;
  display:block;
  z-index:10;
  width:31px;
  height:63px;
  top:150px;
  text-indent:-9999pt !important;
  overflow:hidden;
  outline:none;
  cursor:pointer;
}
.jFlowPrev {
  background:url("../img/btn_prev.png") no-repeat top left;
  left:0px;
}
.jFlowNext {
  background:url("../img/btn_next.png") no-repeat top left;
  right:0px;
}

.jFlowPrev:hover {background:url("../img/btn_prev.png") no-repeat 0 -61px;}
.jFlowNext:hover {background:url("../img/btn_next.png") no-repeat 0 -61px;}


#jFlowSlide {
  overflow:hidden;
  top:0px;
  margin-left:0px;
}
#charBox {
  position:relative;
  top:0px;
  left:0px;
  height:275px;
}
.charaImg {
  width:215px;
  height:324px;
  background-position: top left;
  background-repeat:no-repeat;
}
.charaName {
  position:absolute;
  bottom:25px;
  left:0px;
  z-index:999;
  text-align:center;
  width:215px;
  color:#fff;
}
.charaName b{
  display:block;
  font-weight:bold;
  text-align:center;
}
