@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}

body {
  color: #ffffff;
  font-size: 12px;
  line-height: 130%;
  font-family: Osaka,"‚l‚r ƒSƒVƒbƒN",sans-serif;
}

a img {
  border: 0;
}

.flt-l {
  float: left;
}

.flt-r {
  float: right;
}

.clr-l {
  clear: left;
}

.clr-r {
  clear: right;
}

.clr-b {
  clear: both;
}

#upd-area {color: #ffffff; font-size: 12px; width: 950px; _width: 960px; height: 17px; _height: 20px; margin: 0; padding-top: 3px; padding-right: 10px; text-align: right; background: #5e5e5e;}

#top:after,
#det:after,
#info-list dl:after {
  content: "";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
}

#top,
#det,
#info-list dl {
  zoom: 1;
  margin-bottom: 0;
}

/* gotop
------------------------------------------*/
p.gotop-feat {
  clear: both;
  width: 777px;
  _width: 800px;
  text-align: right;
  padding: 22px 23px 12px 0;
  font-size: 12px;
  line-height: 120%;
  color: #ff0000;
}

p.gotop-feat a:link,
p.gotop-feat a:visited {
  color: #ff0000;
  text-decoration: underline;
}

p.gotop-feat a:hover {
  color: #ffff00;
  text-decoration: underline;
}

/* top
------------------------------------------*/
#top {
  position: relative;
  width: 800px;
  height: 469px;
  background: transparent url(http://image.b-ch.com/feat/feat_jigoku_syojo_02/key_02_02.jpg) no-repeat 0px 101px;
  text-align: left;
}

#top-02 {
  position: relative;
  width: 800px;
  height: 490px;
  background: transparent url(../img/key_03.jpg) no-repeat 0px 65px;
  text-align: left;
}

#top #logo-bch,
#top-02 #logo-bch {
  position: absolute;
  top: 0;
  left: 0;
}

#top #mainttl-term {
  position: absolute;
  top: 135px;
  left: 518px;
  width: 282px;
  height: 28px;
}

#top-02 #mainttl {
  padding: 32px 0 0 129px;
}

#top-02 div#top-series div.view-series {
  float: left;
}

#top-02 div#top-series div.view-series div.view-area p {
  float: left;
}

#top-02 div#top-series div.view-series div.view-area p.mv-ttl {
  width: 110px;
}

#top-02 div#top-series div.view-series div.view-area p.mv-thum {
  margin: 18px 0 0 0;
}

/* soft
------------------------------------------*/
#soft {
  position: relative;
  width: 750px;
  height: 213px;
  margin: 0 0 15px 27px;
  background: transparent url(http://image.b-ch.com/feat/feat_jigoku_syojo_02/soft_bg_01.jpg) no-repeat;
}

#soft-releaseday {
  position: absolute;
  top: 0px;
  left: 551px;
}

#soft-det:after {
  content: ".";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
}

#soft .img {
  float: left;
  padding: 17px 0 0 18px;
}

#soft .det {
  float: right;
  width: 590px;
}

#soft .det .ttl {
  height: 24px;
  margin: 16px 0 15px 0;
}

#soft .det .ttl p {
  float: left;
}

#soft .det .ttl p.price {
  margin: 10px 0 0 15px;
  font-size: 12px;
  color :#000000;
}

#soft .det .contents {
  clear: left;
  font-size: 12px;
  line-height: 140%;
}

#soft .det .contents dt {
  clear: left;
  color: #ff0000;
  font-weight: bold;
}

#soft .det .contents dd {
  margin: 0 0 5px 7px;
  color: #000000;
}

#soft .det .contents dt.nobr {
  float: left;
}

#soft .det .buy {
  float: left;
}

#soft .det .official {
  float: right;
  width: 420px;
  padding-top: 14px;
}

#soft .det .official p.ttl {
  float: left;
  margin: 0;
  padding: 0 6px 0 0;
}

#soft .det .official p.btn {
  float: left;
  margin: 0;
  padding: 7px 0 0 0;
}


/* det
------------------------------------------*/
#det {
  clear: both;
  width: 800px;
  margin: 0 0 0 0px;
  padding-left: 26px;
  padding-bottom: 10px;
  _padding-bottom: 5px;
  background: transparent url(http://image.b-ch.com/feat/feat_jigoku_syojo_02/det_bg_01.jpg) no-repeat 26px 30px;
  text-align: left;
}

#det .ttl {
  margin: 0 0 9px 46px;
}

#det .layout-l {
  float: left;
  width: 500px;
}

#det .layout-r {
  float: right;
  width: 250px;
  _width: 224px;
  padding-right: 23px;
}

/* series
------------------------------------------*/
#series {
  width: 491px;
  height: 284px;
  margin: 10px 0 0 9px;
  background: transparent url(http://image.b-ch.com/feat/feat_jigoku_syojo_02/series_bg_01.gif) no-repeat 0 13px;
}

#series .ttl {
  margin: 0 0 3px 21px;
}

#series .view p {
  margin: 0 0 1px 14px;
}

/* info
------------------------------------------*/
#info {
  width: 491px;
  margin: 0 0 0 9px;
}

#info .ttl {
  width: 474px;
  _width: 491px;
  margin: 0;
  padding: 0 0 7px 17px;
  background: transparent url(http://image.b-ch.com/feat/feat_jigoku_syojo_02/info_bg_top_01.gif) no-repeat 0 12px;
}

#info-list {
  background: transparent url(http://image.b-ch.com/feat/feat_jigoku_syojo_02/info_bg_01.gif) repeat-y;
}

#info-list dl.info-list-a {
  padding: 7px 0 15px 14px;
  _padding: 7px 0 12px 14px;
  border-top: 1px dotted #816666;
}

#info-list dl.info-list-b {
  padding: 7px 0 5px 14px;
  border-top: 1px dotted #816666;
}

#info-list dl.info-list-a dt {
}


#info-list dl.info-list-a dd.img {
  float: right;
  width: 125px;
}

#info-list dl.info-list-b dd.img {
  float: right;
  width: 145px;
}

#info-list dl dd.txt {
  font-size: 12px;
  line-height: 150%;
  color: #ffffff;
  font-family: Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

#info-list dl.info-list-a dd.txt {
  float: left;
  width: 348px;
}

#info-list dl.info-list-b dd.txt {
  float: left;
  width: 330px;
}

/* official
------------------------------------------*/
#official {
  width: 457px;
  height: 241px;
  margin: 45px 0 0 21px;
  _margin: 49px 0 0 21px;
  background: transparent url(http://image.b-ch.com/feat/feat_jigoku_syojo_02/official02_bg_01.gif);
}

#official .txt {
  padding: 142px 0 0 20px;
}

#official .btn {
  padding: 5px 0 0 73px;
}

/* chara
------------------------------------------*/
#chara {
  width: 224px;
}

#chara .ttl {
  margin: 0 0 2px 0;
  padding: 0;
  text-align: left;
}

#chara dt {
  width: 183px;
  margin-left: 4px;
}

#chara dd {
  width: 183px;
  margin-left: 14px;
  font-size: 12px;
  line-height: 130%;
  color: #ffffff;
}

#chara-ai dt {
  height: 100px;
  _height: 104px;
  padding-top: 4px;
}

#chara-ai dd {
  height: 104px;
  _height: 110px;
  padding-top: 6px;
}

#chara-ichimokuren dt {
  height: 68px;
  _height: 73px;
  padding-top: 5px;
}

#chara-ichimokuren dd {
  height: 85px;
  _height: 90px;
  padding-top: 5px;
}

#chara-honeonna dt {
  height: 71px;
  _height: 75px;
  padding-top: 4px;
}

#chara-honeonna dd {
  height: 85px;
  _height: 89px;
  padding-top: 4px;
}

#chara-wanyuudou dt {
  height: 69px;
  _height: 74px;
  padding-top: 5px;
}

#chara-wanyuudou dd {
  height: 87px;
  _height: 90px;
  padding-top: 3px;
}

#chara-yamawaro dt {
  height: 60px;
  _height: 64px;
  padding-top: 4px;
}

#chara-yamawaro dd {
  height: 71px;
  _height: 75px;
  padding-top: 4px;
}

#chara-kikuri dt {
  height: 61px;
  _height: 66px;
  padding-top: 5px;
}

#chara-kikuri dd {
  height: 71px;
  _height: 74px;
  padding-top: 3px;
}

#chara-yuzuki dt {
  height: 63px;
  _height: 67px;
  padding-top: 4px;
}

#chara-yuzuki dd {
  height: 70px;
  _height: 74px;
  padding-top: 4px;
}

/* copyright
------------------------------------------*/
#copyright {
  padding-bottom: 25px;
  padding-left: 25px;
  font-size: 10px;
  line-height: 130%;
  color: #ffffff;
}

#copyright span {
  font-size: 12px;
}

