@charset "UTF-8";
/*-----------------------------------------------------RESET-----*/

/* --HTML-- */
html {
  background:#000;
  color:#333;
}

/* --BODY-- */
body {
  font:12px/1.5 'Lucida Grande', Helvetica;
  margin:0;
  padding:0;
  
  
  min-width: 1202px;
  letter-spacing:0.05em;
  position: relative;
}
body.top {
  background:url(../images/bg_all_repeat.jpg) repeat-y center top #fff;
}
body.top #bg{
  background:url(../images/bg_all_v2.jpg) no-repeat center 0;
}
body.news{
  background:url(../images/bg_all_repeat.jpg) repeat-y center top #fff;
}
body.news #bg{
  background:url(../images/bg_all_2.jpg) no-repeat center top;
}
body.survey{
  background:url(../images/bg_all_repeat.jpg) repeat-y center top #fff;
}
body.survey #bg{
  background:url(../images/bg_all_3.jpg) no-repeat center top;
}
body.error{
  background:url(../images/bg_all_404.jpg) no-repeat center top #4970b3;
}


/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%; }
textarea { resize: vertical; }
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a
{ outline: none; }
abbr, acronym
{ border: 0;}

a.outlink{
  background:url(../images/link_icon.png) no-repeat right center;
  padding-right:18px;
  color:#0000FF;
}

/* !Common
---------------------------------------------------------- */
.clearfix {zoom:1;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*-----------------------------------------------------/RESET-----*/

/* !Base Fonts -------------------------------------------------------------- */
a {
  color: #000;
  text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: underline;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  78%;}/* base 12px ->  8px */
.fzS   { font-size:  85%;}/* base 12px -> 10px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 12px -> 14px */
.fzLL  { font-size: 130%;}/* base 12px -> 16px */
.fzLLL { font-size: 143%;}/* base 12px -> 18px */
.fzLLLL { font-size: 167%;}/* base 12px -> 20px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}
hr {
  height: 0;
  box-sizing: content-box;
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff;}
.zero{font-size:0px; line-height:0px;}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt07 { margin-top: 7px !important;}
.mt08 { margin-top: 8px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr03 { margin-right: 3px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb07 { margin-bottom: 7px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml65 { margin-left:65px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr17 { padding-right:17px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb03 { padding-bottom: 3px !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

.lh15{
  line-height:1.5em;
}
.lh16{
  line-height:1.6em;
}
.lh17{
  line-height:1.7em;
}
.lh18{
  line-height:1.8em;
}
.lh19{
  line-height:1.9em;
}
.lh20{
  line-height:2.0em;
}
.lh21{
  line-height:2.1em;
}
.lh22{
  line-height:2.2em;
}

/* Forms from Bootstrap 3
------------------------------------------------------------ */
label {
  display: inline-block;
  margin-bottom: 5px;
}

.form-control {
  display: block;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

textarea.form-control {
  height: auto;
  width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 6px 0 0;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
}

.checkbox-column {
  float: left;
  width: 250px;
  margin-top: -5px;
}

/* Alerts from Bootstrap 3
------------------------------------------------------------ */
.alert {
  padding: 6px 12px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

/* Panels from Bootstrap 3
------------------------------------------------------------ */
.panel {
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 4px;
}

.panel+.panel {
  margin-top: 8px;
}

.panel-heading a {
  display: block;
  padding: 6px 12px;
}

.panel-body {
  padding: 12px 12px 4px;
  border-top: 1px solid #ddd;
}

/* Animations from Bootstrap 3
------------------------------------------------------------ */
.collapse {
  display: none;
  visibility: hidden;
}

.collapse.in {
  display: block;
  visibility: visible;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height,visibility;
  -o-transition-property: height,visibility;
  transition-property: height,visibility;
}

/* content
-----------------------------------------------------------------------------------*/
#wrapper{

}

#headArea{
  width:100%;
  z-index:10;
  height:50px;
  background-color:#fff;
  position:relative;
}

#contentArea{
  z-index:5;
  position:relative;
}

/*TOPのみフッター変更*/

.top #footArea{
  clear:both;
  position:relative;
  background:#fff;
  color:#000;
  height:auto;
  padding:0 0 30px 0;
  border-top:1px solid #000;
  z-index: 10;
}
.top #footArea .footNav{
  border-bottom:1px solid #000;
  text-align:center;
  padding:10px 0;
  margin-bottom:10px;
}
.top #footArea .footNav ul li{
  display:inline;
  border-right:1px solid #000;
  font-size:85%;
  padding:2px 10px;
}
.top #footArea .footNav ul li.last{
  border:none;
}
.top #footArea a{
  color:#000;
}

/*--------------------*/
#footArea{
  clear:both;
  position:relative;
  height:105px;
  background:#000;
  color:#fff;
  padding-top:15px;
}
#footArea a{
  color:#fff;
}
#footArea .snsBlock{
  float:left;
}
#footArea .snsBlock ul li{
  float:left;
}
#footArea .snsBlock ul li.twitterBtn{
  width:70px;
}

#footArea .policyBlock{
  text-align:right;
  font-size:85%;
}
#footArea .policyBlock a{
  text-decoration:underline;
}

.inner{
  width:980px;
  margin:0 auto;
}
.top #footArea .inner{
  width:940px;
  margin:0 auto;
}
.top #contentArea .inner{
  
  width: 984px;
  margin:0 auto;
}
.news #contentArea .inner,
.survey #contentArea .inner{
  width:980px;
  margin:0 auto;
}
.error #contentArea .inner{
  width:980px;
  margin:0 auto;
}


/* headArea
-------------------------------------------------------------------------*/
#headArea #sqexLogo{
  padding:16px 0 0 0;
  float:left;
}
#headArea ul#menuBox{float:right;width:570px;padding-top:15px;}
#headArea ul#menuBox li{float:right;height:20px;}
#headArea ul#menuBox li#btnMark   {width:166px;}
#headArea ul#menuBox li#btnSound  {width:125px;}
#headArea ul#menuBox li#btnYahooGame  {float:right;width:161px;}

#headArea ul#menuBox li#btnMark a{width:100%;height:20px;display:block;background:url(../images/btn_mark.png) no-repeat;text-indent:-9999px;overflow:hidden;}
#headArea ul#menuBox li#btnMark a:hover{background-position:0 -20px;}

#headArea ul#menuBox li#btnOut    {width:76px;margin-right:20px;}
#headArea ul#menuBox li#btnOut a{width:100%;height:20px;display:block;background:url(../images/btn_out.png) no-repeat;text-indent:-9999px;overflow:hidden;}
#headArea ul#menuBox li#btnOut a:hover{background-position:0 -20px;}


/* mainContent
-------------------------------------------------------------------------*/
#contentArea{
  padding-top:8px;
}
.top #contentArea{
  padding-top:0px;
  z-index: 1;
}

.section{
  position:relative;
}

/* index Page
-------------------------------------------------------------------------*/
.btnEff{
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
}
#visual.section{
  height: 646px;
  width: 999px;
  background: url(../images/bg_visual.png) no-repeat center 13px;
  background-position: 15px 4px;
  position: relative;
  margin: 0 auto;
}
#visual.section h1{
  background:url(../images/logo-top.png) no-repeat left top;
  width: 339px;
  height: 178px;
  text-indent:-9999px;
  position: absolute;
  top: 10px;
  left: 321px;
}
#visual.section .hand{
  position:absolute;
  left:586px;
  bottom:-6px;
  z-index:200;
  width:184px;
  height:169px;
}


#visual.section .btnEntry{
  position:absolute;
  left: 365px;
  bottom: -26px;
  z-index:100;
}

#visual.section .btnEntry a{
  cursor: pointer;
}

#visual.section .catchCopy{
  position:absolute;
  left:0px;
  top:430px;
  background:url(../images/vis_txt01.png) no-repeat left top;
  width:454px;
  height:191px;
  text-indent:-9999px;
}

#mainContent.section {
  background:url(../images/bg_content.png) no-repeat center top;
  
  height: 985px;
  position:relative;
  z-index:0;
  margin-right: -117px;
  margin-top: -177px;
  margin-left: -115px;
  margin-bottom: -170px;
  padding-top: 88px;
  padding-left: 94px;
}

/* global navigation */
#gNav{
  background:url(../images/gnav_deco.png) no-repeat center top;
  width: 948px;
  height: 39px;
  margin: 10px auto -5px;
  padding: 7px 43px;
}
#gNav ul{

}
#gNav li{
  height: 100%;
  float: left;
}
#gNav li a{
  display: block;
  width: 100%;
  height: 100%;
}
/*#gNav li.gNav-game{width: 290px;}
#gNav li.gNav-info{width: 223px;}
#gNav li.gNav-faq{width: 233px;}
#gNav li.gNav-help{width: 238px;}*/
/*#mainContent #gNav{
  padding-top: 125px;
  height:70px;
}
#mainContent #gNav ul{
  margin-left: 164px;
}
#mainContent #gNav ul li{
  float:left;
  margin-right:10px;
}*/

#mainContent #bnrFourArea{
  height: 78px;
}
#mainContent #bnrFourArea ul{
  margin-left: 77px;
}
#mainContent #bnrFourArea ul li{
  margin-right:1px;
  float:left;
}

#mainContent #maintenance{
  height: 36px;
}
#mainContent #maintenance p{
  background:url(../images/txt_maintenance.png) no-repeat left top;
  width:390px;
  height:20px;
  margin-left: 177px;
  text-indent:-9999px;
}

#mainContent #col2{
  height: 212px;
}
#mainContent #rotationBnrArea{
  background:url(../images/bg_rotate.png) no-repeat left top;
  width: 402px;
  height: 202px;
  float:left;
  padding:6px 0 0 8px;
  margin: 0 6px 0 76px;
}
#mainContent #rotationBnrArea iframe{
  width: 390px;
  height: 182px;
  overflow:hidden;
}


#mainContent #newsArea{
  background:url(../images/bg_news.png) no-repeat left top;
  width:460px;
  height:240px;
  float:left;
  padding:6px 0 0 6px;
  margin-top: -42px;
}
#mainContent #newsArea iframe{
  width: 444px;
  height:224px;
  overflow:hidden;
}
#mainContent #bnrLongArea{
  margin-left: 76px;
  height:203px;
}
#mainContent #bnrLongArea img{
  margin-bottom: 6px;
}

#mainContent #bnrFourAreaOther{
  height:103px;
}
#mainContent #bnrFourAreaOther ul{
  margin-left:82px
}
#mainContent #bnrFourAreaOther ul li{
  margin-right:5px;
  float:left;
}
#mainContent #bnrFourAreaOther ul li.last{
  margin-right:0px;
  float:left;
}

#wrapper #staffInfo .text{
  position: absolute;
  z-index: 15;
  background:url(../images/staff_box.png) no-repeat center top;
  width: 1061px;
  height: 170px;
  top: 0;
  left: 0;
  text-indent:-9999px;
}
#wrapper #staffInfo #staffText{
  position: relative;
  margin: 0 auto;
  width: 1061px;
  height: 170px;
}
#open-modal {
  position: absolute;
  cursor: pointer;
  width: 236px;
  height: 21px;
  top: 80px;
  left: 223px;
  z-index: 1000;
}

/* news Page
-------------------------------------------------------------------------*/

#title.section{
  height:281px;
}
#title.section h1{
  background:url(../images/logo.png) no-repeat left top;
  width:487px;
  height:254px;
  text-indent:-9999px;
  margin:0 auto;
  display:block;
}

#nav.section{
  width:969px;
  height:67px;
  margin:0 auto;
}
#nav.section ul li{
  float:left;
}
#nav.section ul li.last{
  margin-right:0px;
}
#nav.section ul li a{
  text-indent:-9999px;
  display:block;
  height:67px;
}
#nav.section ul li a:hover,#nav.section ul li.current a{
  background-position:0 -67px !important;
}
#nav.section ul li#nav01 a{
  background:url(../images/nav_info_01.png) no-repeat left top;
  width:157px;
}
#nav.section ul li#nav02 a{
  background:url(../images/nav_info_02.png) no-repeat left top;
  width:161px;
}
#nav.section ul li#nav03 a{
  background:url(../images/nav_info_03.png) no-repeat left top;
  width:164px;
}
#nav.section ul li#nav04 a{
  background:url(../images/nav_info_04.png) no-repeat left top;
  width:161px;
}
#nav.section ul li#nav05 a{
  background:url(../images/nav_info_05.png) no-repeat left top;
  width:162px;
}
#nav.section ul li#nav06 a{
  background:url(../images/nav_info_06.png) no-repeat left top;
  width:164px;
}


#subContent.section{
  background:url(../images/bg_board_rep.png) repeat-y center top;

}
#subContent.section .subContentInner{
  background:url(../images/bg_board_top.jpg) no-repeat center top;
}
.survey #subContent.section .subContentInner{
  background:url(../images/bg_board_top_2.png) no-repeat center top;
}
#subContent.section .subContentInner.noNav{
  background:url(../images/bg_board_top_noNav.jpg) no-repeat center top;
}
#subContent.section .subContentInnerBG{
}
#subContent.section .ttl{
  padding:16px 0 8px 0;
}
#subContent.section h2.all{
  background:url(../images/ttl_all.png) no-repeat left top;
  width:361px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.agreementDetail{
  background:url(../images/ttl_agreement_detail.png) no-repeat left top;
  width:260px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.event{
  background:url(../images/ttl_event.png) no-repeat left top;
  width:361px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.eventDetail{
  background:url(../images/ttl_event_detail.png) no-repeat left top;
  width:260px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.news{
  background:url(../images/ttl_news.png) no-repeat left top;
  width:361px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.newsDetail{
  background:url(../images/ttl_news_detail.png) no-repeat left top;
  width:260px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.maintenance{
  background:url(../images/ttl_maintenance.png) no-repeat left top;
  width:361px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.maintenanceDetail{
  background:url(../images/ttl_maintenance_detail.png) no-repeat left top;
  width:260px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.update{
  background:url(../images/ttl_update.png) no-repeat left top;
  width:361px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.updateDetail{
  background:url(../images/ttl_update_detail.png) no-repeat left top;
  width:260px;
  height:38px;
  text-indent:-9999px;
  margin:0 auto;
}
#subContent.section h2.survey{
  background:url(../images/ttl_survey.png) no-repeat left top;
  width:253px;
  height:34px;
  text-indent:-9999px;
  margin:0 auto;
}

#subContent.section .board{
  width:867px;
  margin:0 auto;
  background:url(../images/bg_inner_board_rep.jpg) repeat-y left top;
}
#subContent.section .board .boardInner{
  width:867px;
  background:url(../images/bg_inner_board_top.jpg) no-repeat left top;
  padding-top:35px;
}
#subContent.section .board .boardInner ul{
  width:797px;
  background:url(../images/bg_inner_board_btm.jpg) no-repeat left bottom;
  padding:0 35px 35px
}
#subContent.section .board .boardInner ul li{
  border-bottom:1px solid #c0b8b4;
  padding-bottom:8px;
  margin-bottom:8px;
  font-size:13px;
  font-weight:bold;
  clear:both;
}
#subContent.section .board .boardInner ul li a{
  display:block;
  float:left;
  padding:5px 0 5px 115px;
  color:#000;
}
#subContent.section .board .boardInner ul li a.news{
  background:url(../images/ico_news.jpg) no-repeat left center;
}
#subContent.section .board .boardInner ul li a.update{
  background:url(../images/ico_update.jpg) no-repeat left center;
}
#subContent.section .board .boardInner ul li a.maintenance{
  background:url(../images/ico_maintenance.jpg) no-repeat left center;
}
#subContent.section .board .boardInner ul li a.event{
  background:url(../images/ico_event.jpg) no-repeat left center;
}
#subContent.section .board .boardInner ul li a.trouble{
  background:url(../images/ico_maintenance_syougai.jpg) no-repeat left center;
}
#subContent.section .board .boardInner ul li a.campaign{
  background:url(../images/ico_campaign.png) no-repeat left center;
}
#subContent.section .board .boardInner ul li a.restoration{
  background:url(../images/ico_maintenance_hukkyuu.jpg) no-repeat left center;
}
#subContent.section .board .boardInner ul li span{
  display:block;
  float:right;
  padding:5px 5px 5px 0;
  text-align:right;
  color:#737373;
}

#subContent.section .board .boardInner ul li {zoom:1;}
#subContent.section .board .boardInner ul li:after {
  content: "";
  display: block;
  clear: both;
}

#subContent.section .board .boardInner .topicTtl{
  margin:0 35px;
  border-bottom:1px solid #c0b8b4;
  padding-bottom:8px;
  margin-bottom:15px;
}
#subContent.section .board .boardInner .topicTtl h3{
  float:left;
  padding:5px 0 5px 115px;
  font-size:13px;
  font-weight:bold;
}
#subContent.section .board .boardInner .topicTtl h3.news{
  background:url(../images/ico_news.jpg) no-repeat left center;
}
#subContent.section .board .boardInner .topicTtl h3.update{
  background:url(../images/ico_update.jpg) no-repeat left center;
}
#subContent.section .board .boardInner .topicTtl h3.maintenance{
  background:url(../images/ico_maintenance.jpg) no-repeat left center;
}
#subContent.section .board .boardInner .topicTtl h3.event{
  background:url(../images/ico_event.jpg) no-repeat left center;
}
#subContent.section .board .boardInner .topicTtl h3.trouble{
  background:url(../images/ico_maintenance_syougai.jpg) no-repeat left center;
}
#subContent.section .board .boardInner .topicTtl h3.campaign{
  background:url(../images/ico_campaign.png) no-repeat left center;
}
#subContent.section .board .boardInner .topicTtl h3.restoration{
  background:url(../images/ico_maintenance_hukkyuu.jpg) no-repeat left center;
}
#subContent.section .board .boardInner .topicTtl span{
  display:block;
  float:right;
  padding:5px 5px 5px 0;
  text-align:right;
  color:#737373;
  font-size:13px;
  font-weight:bold;
}

#subContent.section .board .boardInner .topicBody{
  padding:0 35px 60px 35px;
  line-height:2em;
  font-size:13px;
  background:url(../images/bg_inner_board_btm.jpg) no-repeat left bottom;
}

#subContent.section .board .boardInner .surveyQuestion{
  margin:0 35px;
  border-bottom:1px solid #c0b8b4;
  padding-bottom:8px;
  margin-bottom:15px;
}
#subContent.section .board .boardInner .surveyError{
  margin:0 35px;
}
#subContent.section .board .boardInner .surveyAnswer{
  padding:0 54px 35px 35px;
  line-height:2em;
  font-size:13px;
  word-wrap: break-word;
}
#subContent.section .board .boardInner .surveyDescription{
  margin:0 35px;
  border-bottom:1px solid #c0b8b4;
  padding-bottom:8px;
  margin-bottom:55px;
}
#subContent.section .board .boardInner .surveyText{
  margin:0 35px 35px;
}
#subContent.section .board .boardInner .surveySubmit{
  padding-bottom:35px;
  background:url(../images/bg_inner_board_btm.jpg) no-repeat left bottom;
}
#subContent.section .board .boardInner .surveySubmit .surveySubmitInnerIndex{
  width:240px;
  margin:0 auto;
}
#subContent.section .board .boardInner .surveySubmit .surveySubmitInnerConfirmation{
  width:400px;
  margin:0 auto;
}
#subContent.section .board .boardInner .surveySubmit .surveySubmitInnerCompletion{
  width:180px;
  margin:0 auto;
}

#subNavigation.section{
  padding-top:10px;
  clear:both;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  background:url(../images/bg_board_btm.png) no-repeat center bottom;
  height:51px;
  overflow:hidden;
}
#subNavigation.section a{
  color:#fff;
  padding:0 5px;
}

.news #address.section{
  text-align:center;
  padding:10px 0 15px 0;
  color:#fff;
  text-shadow:0px 2px 1px rgba(0,0,0,0.5),0px 1px 1px rgba(0,0,0,0.5),1px 1px 1px rgba(0,0,0,0.5),1px 0px 1px rgba(0,0,0,0.5),2px 0px 1px rgba(0,0,0,0.5),1px -1px 1px rgba(0,0,0,0.5),1px -2px 1px rgba(0,0,0,0.5),0px -2px 1px rgba(0,0,0,0.5),-1px -2px 1px rgba(0,0,0,0.5),-2px -2px 1px rgba(0,0,0,0.5),-2px -1px 1px rgba(0,0,0,0.5),-2px 0px 1px rgba(0,0,0,0.5),-2px 1px 1px rgba(0,0,0,0.5),-1px 1px 1px rgba(0,0,0,0.5);

}





/* notFound 404 Page
-------------------------------------------------------------------------*/
#notFound.section{
  height:614px;
  background:url(../images/bg_notfound.jpg) no-repeat center bottom;
}
#notFound.section h1{
  background:url(../images/logo.png) no-repeat left top;
  width:487px;
  height:254px;
  text-indent:-9999px;
  margin:0 auto;
  display:block;
}
#notFound.section p{
  background:url(../images/notfound_txt_01.jpg) no-repeat left top;
  width:368px;
  height:70px;
  text-indent:-9999px;
  margin:66px auto 69px auto;
}
#notFound.section .btnTop a{
  background:url(../images/error_btn_top.jpg) no-repeat left top;
  width:219px;
  height:67px;
  display:block;
  text-indent:-9999px;
  margin:0 auto;
}
#notFound.section .btnTop a:hover{
  background-position:0 -67px;
}


.error #address.section{
  text-align:center;
  padding:10px 0 15px 0;
}

iframe[name='google_conversion_frame'] {
  width: 100%;
  background-color: #000;
}


/* modal box */
#modal-box {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
#modal-box #center-image {
  position: relative;
  width: 674px;
  height: 672px;
  margin: 60px auto;
}
#modal-box #close {
  position: absolute;
  cursor: pointer;
  top: 544px;
  left: 224px;
}
#modal-overlay {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: #FFF;
  opacity: .8;
  filter: Alpha(Opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  zoom:1;
}
#cautionTablet {
  position: absolute;
  bottom: 63px;
  right: 162px;
  background: url(../images/fire_caution_tablet.png) no-repeat left top;
  width: 200px;
  height: 15px;
  text-indent: -9999px;
}

#ryuo {
  position: absolute;
  width: 303px;
  height: 213px;
  background: url(../images/ryuo.png) no-repeat left top;
  top: 3px;
  left: 20px;
  text-indent: -9999px;
}
#maou {
  position: absolute;
  width: 214px;
  height: 182px;
  background: url(../images/dqmp_2Anniv_batch1.png) no-repeat left top;
  top: 0px;
  right: -25px;
  text-indent: -9999px;
}
#tanken {
  position: absolute;
  width: 289px;
  height: 207px;
  background: url(../images/tankenSP_banner.png) no-repeat left top;
  bottom: 89px;
  left: 48px;
  text-indent: -9999px;
}
#push-event {
  position: absolute;
  
  width: 330px;
  height: 260px;
  background: url(../images/push_170703.png) no-repeat left top;
  z-index: 8;
  text-indent: -9999px;
  
    height: 260px;
  
    width: 300px;
  
    top: 332px;
  
    right: -88px;
  
    background-size: contain;
  
  
}

#pvBox {
  position: absolute;
  bottom: 43px;
  left: 65px;
  cursor: pointer;
  z-index: 101;
}
#rookieOfTheYear {
  z-index: 9;
  position: absolute;
  /*bottom: 65px;*/
  /*right: 55px;*/
  top: 4px;
  right: 35px;
}
#ver1final {
  position: absolute;
  bottom: 140px;
  right: 355px;
}
#bottomWhiteShadow {
  position: absolute;
  bottom: 170px;
  background-image: url(../images/inner-white-shadow.png);
  height: 234px;
  width: 100%;
  z-index: 0;
}
#bottomBlackShadow {
  position: absolute;
  background-image: url(../images/inner-black-shadow.png);
  height: 234px;
  width: 100%;
  z-index: 0;
}
#innerBottomWhiteShadow {
  position: absolute;
  bottom: 0;
  background-image: url(../images/inner-white-shadow.png);
  height: 234px;
  width: 1135px;
  z-index: -1;
  bottom: 0px;
  left: 44px;
}
#innerBottomBlackShadow {
  position: absolute;
  bottom: 0;
  background-image: url(../images/inner-black-shadow.png);
  height: 234px;
  width: 1135px;
  z-index: -1;
  bottom: 0px;
  left: 44px;
}
#btnYahooGame {
  margin-top: -8px;
}
#firstAnniversary {
  position: absolute;
  top: -1px;
  right: -10px;
}
#paper {
  position: absolute;
  width: 303px;
  height: 134px;
  background: url(../images/paper.png) no-repeat left top;
  z-index: 9;
  text-indent: -9999px;
  left: 309px;
  bottom: 130px;
}

#shimekazari {
  position: absolute;
  z-index: 8;
  text-indent: -9999px;
  left: -50px;
  width: 376px;
  height: 102px;
  background: url(../images/new_year/new_year_sprite.png) no-repeat -150px 0px;
}
#kagamimochi {
  position: absolute;
  z-index: 8;
  text-indent: -9999px;
  width: 100px;
  height: 112px;
  right: -30px;
  background: url(../images/new_year/new_year_sprite.png) no-repeat -150px -110px;
}
#kadomatu-left {
  position: absolute;
  z-index: 8;
  text-indent: -9999px;
  width: 150px;
  height: 237px;
  left: -60px;
  bottom: 50px;
  background: url(../images/new_year/new_year_sprite.png) no-repeat left top;
}
#kadomatu-right {
  position: absolute;
  z-index: 8;
  text-indent: -9999px;
  width: 150px;
  height: 237px;
  right: -60px;
  bottom: 50px;
  background: url(../images/new_year/new_year_sprite.png) no-repeat left top;
}