@charset "shift-jis";
body {
  min-width: 1300px;
}
#contentsArea {
  background: #dec690 url(http://images.hangame.co.jp/hangame/core/bdpb/landing/r02/bg_repeat.jpg) center top repeat-x;
  min-width: 1300px;
}
#contentsArea > .inr {
  background: url(http://images.hangame.co.jp/hangame/core/bdpb/landing/r02/bg_body.v02.jpg) center top no-repeat;
  min-width: 1300px;
}
#mainArea {
  position: relative;
  width: 1100px;
  height: 1000px;
  margin: 0 auto;
  z-index: 0;
}
#mainArea h1 {
  padding: 40px 0 0 297px;
}
#mainArea .campaign {
  margin-top: 18px;
  text-align: right;
}
#mainArea #attention {
  padding-left: 590px;
  font-size: 10px;
  color: #858585;
  font-family: "���C���I", "Meiryo";
  height: 107px;
}
#mainArea .slide {
  position: absolute;
  width: 550px;
  height: 321px;
  left: 0;
  top: 440px;
}
#mainArea .slide .prev {
  position: absolute;
  left: 10px;
  top: 128px;
  z-index: 100;
}
#mainArea .slide .next {
  position: absolute;
  right: 10px;
  top: 128px;
  z-index: 100;
}
#mainArea .slide .nowImg {
  width: 550px;
  height: 321px;
  overflow: hidden;
}
#mainArea .btn {
  position: relative;
  width: 477px;
  margin: 0 0 11px 310px;
}
#mainArea .btn span {
  position: absolute;
  right: -85px;
  top: -68px;
}
#mainArea .link {
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}
#mainArea .link a {
  padding-right: 9px;
  background: url(http://images.hangame.co.jp/hangame/core/bdpb/landing/r02/icon_arrow.gif) center right no-repeat;
  color: #795e42;
}
#mainArea .nextdisp {
  text-align: center;
}
#mainArea .nextdisp input {
  margin-right: 5px;
  vertical-align: middle;
}
#mainArea .nextdisp label {
  vertical-align: middle;
}
#mainArea .logoSquare {
  position: absolute;
  top: 41px;
  right: 1px;
}
/* aboutArea */
#aboutArea {
  width: 1137px;
  margin: 0 auto;
  padding: 82px 0 36px 38px;
}
#aboutArea h2 {
  margin-bottom: 30px;
}
#aboutArea #slct {
  zoom: 1;
}
#aboutArea #slct:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
#aboutArea li {
  float: left;
  margin-right: 38px;
}
#aboutArea .btn {
  clear: both;
  margin-top: 42px;
  margin-bottom: 15px;
  padding-left: 313px;
}
/* flowArea */
#flowArea {
  width: 1137px;
  margin: 0 auto;
  padding: 0 0 64px 38px;
}
#flowArea h2 {
  margin-bottom: 30px;
}
#flowArea .flow {
  width: 1100px;
  height: 266px;
  background: url(http://images.hangame.co.jp/hangame/core/bdpb/landing/r02/img_flow.jpg) center top no-repeat;
}
#flowArea .flow li {
  float: left;
  margin-left: 20px;
  padding-top: 89px;
}
#flowArea .flow a {
  display: block;
}
#flowArea .flow .entry {
  padding-top: 73px;
  margin-left: 36px;
}
#flowArea .link {
  margin-left: 20px;
  font-weight: bold;
}
#flowArea .link a {
  padding-right: 9px;
  background: url(http://images.hangame.co.jp/hangame/core/bdpb/landing/r02/icon_arrow.gif) center right no-repeat;
  color: #795e42;
}
/*------------------------------------

bdFooterArea

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

#bdFooterArea {
  clear: both;
  margin-left: 27px;
  padding-bottom: 60px;
  zoom: 1;
}
#bdFooterArea #footer {
  width: 987px;
  margin: 0 auto;
}
#bdFooterArea #nhnLogo {
  float: left;
  margin-right: 20px;
}
#bdFooterArea #squareLogo {
  float: left;
  margin-right: 40px;
}
#bdFooterArea address {
  float: left;
  color: #795e42;
  font-size: 10px;
  margin-right: 47px;
  font-style: normal;
}
/*------------------------------------

social

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

ul.social {
  float: left;
  zoom: 1;
  height: 24px;
}
ul.social:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
ul.social li {
  float: left;
}
ul.social li.facebook {
  width: 108px;
}
ul.social li.google {
  width: 75px;
}
ul.social li.twitter {
  width: 100px;
}
ul.social li.mixi {
  width: 70px;
}
/*------------------------------------

layer

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

#layerEntry {
  display: none;
  position: absolute;
  left: 50%;
  top: 140px;
  width: 710px;
  height: 559px;
  padding: 30px 31px 0;
  background: url(http://images.hangame.co.jp/hangame/core/bdpb/landing/r02/bg_layer.jpg) left top no-repeat;
  zoom: 1;
  z-index: 100001;
}
#layerEntry .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 31px 0 0;
  z-index: 100001;
}
#layerEntry h3 {
  margin-bottom: 8px;
}
#layerEntry .txt {
  margin-bottom: 12px;
}
#layerEntry .compTxt {
  text-align: center;
}
#layerEntry strong {
  display: block;
  margin-bottom: 10px;
  padding-top: 148px;
  color: #ae0a16;
  text-align: center;
}
#layerEntry .closeLayer {
  width: 227px;
  margin: 193px auto 0;
}
#agreement {
  width: 708px;
  height: 322px;
  border: 1px solid #ccc;
  background: #fff;
}
#agreement .textBody {
  overflow: auto;
  height: 303px;
  padding: 19px 18px 0;
}
#layerEntry .entry {
  width: 287px;
  margin: 30px auto 0;
}
/*------------------------------------

lightbox

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


#lightbox {
  display: none;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 772px;
  height: 637px;
  margin: -318px 0 0 -386px;
  background: url(http://images.hangame.co.jp/hangame/core/bdpb/landing/r02/lightbox_bg_body.jpg) left top no-repeat;
  z-index: 100001;
}
#lightbox .block {
  height: 100px;
  display: none;
}
#lightbox .bk1 {
}
#lightbox .bk2 {
}
#lightbox .bk3 {
}
#lightbox .ttlArea {
  margin: 40px 0 0 68px;
}
#lightbox .ttlArea:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
#lightbox .ttlArea .rv {
  float: left;
}
#lightbox .ttlArea .ttl {
  float: left;
}
#lightbox .block .bl {
  display: none;
  position: absolute;
  top: 85px;
  left: 68px;
}
#lightbox .block .bl .title {
  color: #836736;
}
#lightbox .block .bl p {
  color: #fff;
  line-height: 1.5;
}
#lightbox .mainimage {
  height: 380px;
  width: 640px;
  display: none;
  position : absolute;
  top: 154px;
  left: 68px;
}
#lightbox .mainimage img {
  display: none;
}
#lightbox .imglist {
  height: 86px;
  display: none;
  position: absolute;
  top: 520px;
  left: 148px;
}
#lightbox .imglist li {
  float: left;
  margin-left: 8px;
  padding-top: 6px;
}
#lightbox .imglist li a {
  position: relative;
  display: block;
}
#lightbox .imglist li.on img {
}
#lightbox .imglist li.on a .onlayer {
  position: absolute;
  width: 153px;
  height: 86px;
  top: 0px;
  left: 0px;
}
#lightbox .leftBtn {
  position: absolute;
  left: 25px;
  top: 301px;
}
#lightbox .rightBtn {
  position: absolute;
  right: 25px;
  top: 301px;
}
#lightbox .closeBtn {
  position: absolute;
  top: 30px;
  right: 31px;
  font-size: 20px;
}
#bglayer {
  width: 100%;
  height: 100%;
  background: #000;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
}
/*
lightbox
*/
#popuplayer {
  position: absolute;
  z-index: 100001;
  left: 50%;
  width: 420px;
  height: 450px;
  display: none;
}
#popuplayer .closeBtn {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 24px;
  height: 24px;
}
#popuplayer .closeBtn img {
  width: 24px;
  height: 24px;
}
#bglayer2 {
  background-color: #000;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100000;
  display: none;
  width: 100%;
  height: 100%;
}
/*
lightbox
*/
#layerEntry {
  z-index: 100001;
}
#popuplayer .closeBtn {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 24px;
  height: 24px;
}
#popuplayer .closeBtn img {
  width: 24px;
  height: 24px;
}
#bglayer2 {
  background-color: #000;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100000;
  display: none;
  width: 100%;
  height: 100%;
}