@charset "UTF-8";
/* line 8, sass/chara.scss */
#characterBox {
  position: relative;
  background: url("../character/img/bg.png") left top no-repeat;
  height: 610px;
}
/* line 13, sass/chara.scss */
#characterBox li {
  position: absolute;
  list-style-type: none;
}
/* line 17, sass/chara.scss */
#characterBox li img {
  position: relative;
}

/* line 24, sass/chara.scss */
#charaDetailBox {
  position: fixed;
  display: none;
  top: 50px;
  width: 100%;
  z-index: 101;
}
/* line 31, sass/chara.scss */
#charaDetailBox #charaDetailBox-inner {
  position: relative;
  width: 990px;
  margin: auto;
}
/* line 37, sass/chara.scss */
#charaDetailBox .btn-close {
  position: absolute;
  left: 815px;
  top: 0px;
}
/* line 43, sass/chara.scss */
#charaDetailBox .selector {
  position: absolute;
  left: 440px;
  top: -30px;
  width: 365px;
}
/* line 50, sass/chara.scss */
#charaDetailBox .selector .cursor-hover,
#charaDetailBox .selector .cursor-active {
  position: absolute;
}
/* line 56, sass/chara.scss */
#charaDetailBox .base {
  width: 990px;
  height: 600px;
  margin: auto;
  background: url("../character/img/detail_base.png") left top no-repeat;
}
/* line 62, sass/chara.scss */
#charaDetailBox .base .chara {
  width: 770px;
  margin: auto;
  position: relative;
}
/* line 67, sass/chara.scss */
#charaDetailBox .base .chara img {
  position: relative;
}