.clearfix, .itemarea .iteminner ul {
  zoom: 1;
}

.clearfix:after, .itemarea .iteminner ul:after {
  content: "";
  display: block;
  clear: both;
}

.ir {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

.contentsarea {
  position: relative;
}

.backbtn {
  position: absolute;
  top: 25px;
  right: 10px;
  color: #502a0d;
  padding: 4px 20px;
  text-shadow: 1px 1px 1px white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(top, white, #dadada);
  background-image: -moz-linear-gradient(top, white, #dadada);
  background-image: -o-linear-gradient(top, white, #dadada);
  background-image: linear-gradient(top, #ffffff, #dadada);
  background-color: #FFFFFF;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-left: 5px;
}

.backbtn2 {
  position: absolute;
  top: 25px;
  right: 150px;
  color: #502a0d;
  padding: 4px 20px;
  text-shadow: 1px 1px 1px white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(top, white, #dadada);
  background-image: -moz-linear-gradient(top, white, #dadada);
  background-image: -o-linear-gradient(top, white, #dadada);
  background-image: linear-gradient(top, #ffffff, #dadada);
  background-color: #FFFFFF;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-left: 5px;
}


.indttl1, .indttl2, .indttl3, .indttl4, .indttl5, .indttl6 {
  min-height: 79px;
}

.indttl7 {
  min-height: 90px;
}

.indttl1 {
  background: url(../character/img/num1.png) no-repeat 0 0;
}

.indttl2 {
  background: url(../character/img/num2.png) no-repeat 0 0;
}

.indttl3 {
  background: url(../character/img/num3.png) no-repeat 0 0;
}

.indttl4 {
  background: url(../character/img/num4.png) no-repeat 0 0;
}

.indttl5 {
  background: url(../character/img/num5.png) no-repeat 0 0;
}

.indttl6 {
  background: url(../character/img/num6.png) no-repeat 0 0;
}

.indttl7 {
  background: url(../character/img/num7.png) no-repeat 0 0;
}

.cntmain {
  margin-top: 10px;
  overflow: hidden;
  *zoom: 1;
}
.cntmain .text {
  overflow: hidden;
}
.cntmain .text .catch {
  font-weight: bold;
  font-size: 16px;
}
.cntmain .text .rttl {
  color: #f20009;
}
.cntmain .text .bttl {
  color: #0078de;
}
.cntmain .text .yttl {
  color: #c69c3c;
}
.cntmain .text .gttl {
  color: #5ec223;
}
.cntmain .text .pttl {
  color: #f10062;
}
.cntmain .text .ottl {
  color: #ff7f24;
}
.cntmain .castimg {
  margin-left: 10px;
}

/*.itemarea {
  overflow: hidden;
  *zoom: 1;
}
.itemarea .itemttl {
  width: 337px;
  height: 31px;
  padding: 0;
  background: url(../character/img/bg_itemttl.png) no-repeat 0 0;
}
.itemarea .iteminner {
  padding: 35px;
  margin-top: 10px;
  background: url(../character/img/bg_iteminner.jpg) repeat 0 0;
  border: 2px solid #ccc;
}
.itemarea .iteminner ul {
  margin: -10px 0 0 -10px;
}
.itemarea .iteminner ul li {
  float: left;
  width: 150px;
  height: 150px;
  margin: 10px 0 0 10px;
  background: url(../character/img/bg_item.png) no-repeat 0 0;
  position: relative;
}
.itemarea .iteminner ul li .itempic {
  position: absolute;
  top: 0;
  left: 0;
}
.itemarea .iteminner ul li .itemtxt {
  position: absolute;
  bottom: 0;
  left: 0;
}*/

.enemyDetail {
  color: white;
}

.charaDetail div, .charaDetail p, .charaDetail ul, .charaDetail li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.charaDetail .casttextA {
  width: 290px;
  margin: 100px 0 0 210px;
  font-size: 14px;
  line-height: 1.7;
  color: #fff;
}
.charaDetail .casttextAA {
  width: 235px;
  margin: 100px 210px 0 50px;
  font-size: 14px;
  line-height: 1.7;
  color: #fff;
}
.charaDetail .casttextB {
  width: 265px;
  margin: 100px 0 0 220px;
  font-size: 14px;
  line-height: 1.7;
  color: #fff;
}
.charaDetail .casttextC {
  width: 470px;
  margin: 220px 0 0 55px;
  font-size: 14px;
  line-height: 1.3;
}
.charaDetail .casttextD {
  width: 280px;
  margin: 130px 0 0 230px;
  font-size: 14px;
  line-height: 1.7;
}
.charaDetail .casttextE {
  width: 255px;
  margin: 90px 0 0 240px;
}
.charaDetail .casttextF {
  width: 470px;
  margin: 240px 0 0 40px;
  font-size: 14px;
  line-height: 1.7;
}
.charaDetail .casttextG {
  width: 440px;
  margin: 190px 0 0 50px;
  font-size: 14px;
  line-height: 1.7;
}
.charaDetail .casttextH {
  width: 470px;
  margin: 185px 0 0 40px;
  line-height: 1.3;
}
.charaDetail .casttextI {
  width: 470px;
  margin: 255px 0 0 40px;
}
.charaDetail .itemtextA {
  width: 340px;
  margin: 295px 0 0 20px;
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
}
.charaDetail .itemtextB {
  width: 340px;
  margin: 322px 0 0 20px;
  line-height: 1.4;
}
.charaDetail .itemtextC {
  width: 280px;
  margin: 265px 50px 0 50px;
  line-height: 1.3;
}
.charaDetail .ofs {
  overflow-y: scroll;
  height: 100px;
}
.charaDetail .ofs2 {
  overflow-y: scroll;
  height: 210px;
}
.charaDetail .ofs3 {
  overflow-y: scroll;
  height: 160px;
}
.charaDetail .voice {
  margin-top: 20px;
}
.charaDetail .t2 {
  margin-top: 10px;
}
.charaDetail .t3 {
  margin-top: 5px;
}
.charaDetail .external-link-tooltip {
  display: none;
}
.charaDetail .prof {
  font-size: 13px;
}

.font-bold{
  font-weight: bold;
}