@charset "UTF-8";
/*　文字コード　*/
/*---------------------------------------------------------
	wrap
---------------------------------------------------------*/
#wrap {
  overflow: hidden;
  margin: 0 auto;
  min-width: 960px;
  width: 100%;
  background-color: #fffee9;
  background-image: url(../img/common/bg_wrap.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

/*---------------------------------------------------------
	header
---------------------------------------------------------*/
#header {
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: 397px;
  background-image: url(../img/top/bg_header02.png);
  background-repeat: no-repeat;
}
#header h1 {
  position: absolute;
  top: 45px;
  right: 20px;
  bottom: auto;
  left: auto;
  z-index: 20;
}
#header .btnHiroba {
  position: absolute;
  top: auto;
  right: 18px;
  bottom: -2px;
  left: auto;
  z-index: 20;
  display: block;
}
#header .btnBeginner {
  position: absolute;
  top: auto;
  right: 215px;
  bottom: 10px;
  left: auto;
  z-index: 20;
  display: block;
}
#header .inner {
  position: relative;
  overflow: hidden;
  margin: 0px auto 0;
  width: 926px;
  height: 380px;
}
#header .inner .character01 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -1px;
  left: 15px;
  z-index: 10;
  width: 462px;
  height: 337px;
  background-image: url(../img/top/bg_character03.png);
  background-repeat: no-repeat;
}
#header .inner .monster01 {
  position: absolute;
  top: 9px;
  right: auto;
  bottom: auto;
  left: 26px;
  z-index: 10;
  width: 133px;
  height: 179px;
  background-image: url(../img/top/bg_monster01.png);
  background-repeat: no-repeat;
}

/*---------------------------------------------------------
	container
---------------------------------------------------------*/
#container {
  position: relative;
  margin: 0 auto;
  width: 960px;
}

/*---------------------------------------------------------
	dqxContents
---------------------------------------------------------*/
#dqxContents {
  float: left;
  width: 480px;
}
#dqxContents .dqxOutline {
  position: relative;
}
#dqxContents .dqxOutline .character02 {
  position: absolute;
  top: auto;
  right: 5px;
  bottom: -5px;
  left: auto;
  z-index: 10;
  width: 91px;
  height: 112px;
  background-image: url(../img/top/bg_character02.png);
  background-repeat: no-repeat;
}
#dqxContents .dqxVer01, #dqxContents .dqxVer02 {
  float: left;
}
#dqxContents .howto {
  clear: both;
}

/*---------------------------------------------------------
	dqxInfomation
---------------------------------------------------------*/
#dqxInfomation .history, #dqxInfomation .infomation {
  position: relative;
  padding: 0 0 34px;
}
#dqxInfomation .history h2, #dqxInfomation .infomation h2 {
  height: 52px;
  background-image: url(../img/top/bg_list_h2.png);
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
}
#dqxInfomation .history h2 img, #dqxInfomation .infomation h2 img {
  margin: 8px 0 0;
}
#dqxInfomation .history > .contents, #dqxInfomation .infomation > .contents {
  background-image: url(../img/top/bg_list.png);
  background-repeat: repeat-y;
}
#dqxInfomation .history > .contents .inner, #dqxInfomation .infomation > .contents .inner {
  overflow: auto;
  margin: 0 24px 0 18px;
}
#dqxInfomation .history > .contents .inner table, #dqxInfomation .infomation > .contents .inner table {
  margin: 0 auto;
}
#dqxInfomation .history > .contents .inner table td, #dqxInfomation .infomation > .contents .inner table td {
  padding: 4px 4px;
  vertical-align: top;
}
#dqxInfomation .history > .contents .inner table td a, #dqxInfomation .infomation > .contents .inner table td a {
  color: #333333;
}
#dqxInfomation .history > .contents .inner table td a:hover, #dqxInfomation .infomation > .contents .inner table td a:hover {
  color: #ff0000;
}
#dqxInfomation .history > .contents .inner table .new, #dqxInfomation .infomation > .contents .inner table .new {
  width: 20px;
}
#dqxInfomation .history > .contents .inner table .new img, #dqxInfomation .infomation > .contents .inner table .new img {
  margin-top: 3px;
}
#dqxInfomation .history:after, #dqxInfomation .infomation:after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: block;
  width: 480px;
  height: 34px;
  content: '';
  background-image: url(../img/top/bg_list_bottom.png);
  background-repeat: no-repeat;
}

#dqxInfomation {
  float: right;
  width: 480px;
}
#dqxInfomation .campaign {
  height: 130px;
  background-image: url(../img/top/bg_campaign.png);
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
}
#dqxInfomation .campaign img {
  margin: 9px 0 0;
}
#dqxInfomation .history .btnHistory {
  position: absolute;
  top: 14px;
  right: 14px;
  bottom: auto;
  left: auto;
  z-index: 10;
  display: block;
}
#dqxInfomation .history > .contents .inner {
  height: 200px;
}
#dqxInfomation .infomation > .contents .inner {
  height: 78px;
}

/*---------------------------------------------------------
	dqxGuideline
---------------------------------------------------------*/
#dqxGuideline li {
  position: relative;
  display: inline-block;
}
#dqxGuideline li .dgame_badge {
  position: absolute;
  top: -10px;
  right: -20px;
  bottom: auto;
  left: auto;
  z-index: 10;
}

/*---------------------------------------------------------
	bnrArea
---------------------------------------------------------*/
#bnrArea li {
  display: inline-block;
  overflow: hidden;
  width: 240px;
  height: 90px;
  background-image: url(../img/top/bg_bnr.png);
  background-repeat: no-repeat;
  text-align: center;
}
#bnrArea li img {
  margin: 9px 0 0;
}

/*---------------------------------------------------------
	subContents
---------------------------------------------------------*/
.subContents {
  margin: 5px 0 0;
  text-align: center;
}
.subContents li {
  display: inline-block;
  margin: 0 5px;
}

/*---------------------------------------------------------
	caution
---------------------------------------------------------*/
.caution {
  margin: 14px 0 34px;
  color: #51391e;
  font-size: 11px;
  line-height: 1.5;
}

/*# sourceMappingURL=top_sc.css.map */