@charset "UTF-8";

/* overwrite +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wp {
	background:#ffffff url(../../img/dqmsl/top/bg_wp.jpg?v=20170331001) center 0 no-repeat;
}
#ct{
	padding-bottom: 26px;
}
/* ------------------------------
	▼#soundArea
------------------------------- */
#soundArea {
	width: 957px;
	height: 18px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#soundArea dl.sound {
	width: 98px;
	height: 18px;
	margin-bottom:0;
	position: absolute;
	right: 0;
	bottom: -20px;
	z-index: 10;
	border: 1px solid #3390ff;
	background: #ffffff;
}

#soundArea dl.sound dt {
	width: 28px;
	height: 18px;
	float: left;
	text-indent: -9999px;
	background: url(/img/dqmsl/top/speaker_on.png) no-repeat left top;
}
/* on */
#soundArea dl.sound.on dt {	background: url(/img/dqmsl/top/speaker_on.png) no-repeat left top;}
/* off */
#soundArea dl.sound.off dt {	background: url(/img/dqmsl/top/speaker_off.png) no-repeat left top;}

#soundArea dl.sound dd.btn_audioOn a {	background: url(/img/dqmsl/top/sound1_on.png) no-repeat left top;}
/* on */
#soundArea dl.sound.on dd.btn_audioOn a  {	background: url(/img/dqmsl/top/sound1_on.png) no-repeat left top;}
/* off */
#soundArea dl.sound.off dd.btn_audioOn a  {	background: url(/img/dqmsl/top/sound1_off.png) no-repeat left top;}

#soundArea dl.sound dd.btn_audioOff a {	background: url(/img/dqmsl/top/sound2_off.png) no-repeat left top;}
/* on */
#soundArea dl.sound.on dd.btn_audioOff a {	background: url(/img/dqmsl/top/sound2_off.png) no-repeat left top;}
/* off */
#soundArea dl.sound.off dd.btn_audioOff a {	background: url(/img/dqmsl/top/sound2_on.png) no-repeat left top;}

/* socialArea +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#socialArea{
	width:957px;
	margin: 0 auto;
	background:none;
}
#socialArea #socialBtn{
	width: 100%;
	height:20px;
	margin:0;
	position:relative;
}
#socialArea #socialBtn dl{
	width:204px;
	position:absolute;
	left:642px;
	top:0;
}
#socialArea #socialBtn dl dt,
#socialArea #socialBtn dl dd{
	margin:0 8px 0 0
}
#socialArea #socialBtn dl dd{
	height: 20px;
}
#socialArea #socialBtn dl dd img{
	height: 20px;
}
/* /socialArea ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* /overwrite ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#tit_topPage{
	width:957px;
	height:350px;
	margin:0 auto;
	position:relative;
}
#tit_topPage h2{
	position:absolute;
	left:70px;
	top:14px;
}
#tit_topPage #thumbMovie{
	width:333px;
	height:195px;
	position:absolute;
	left:568px;
	top:79px;
	margin:0;
}
#tit_topPage .storeBtns{
	position:absolute;
	left:574px;
	top:284px;
	text-align: left;
}
#tit_topPage .storeBtns .btnApp a{
	position:absolute;
	left:0;
	top:0;
	display: block;
}
#tit_topPage .storeBtns .btnGoogle a{
	position:absolute;
	left:177px;
	top:0px;
	display: block;
}

/* infoArea ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct .info-wrapper{
	position: relative;
	width: 100%;
	height:469px;
	margin-top: 22px;
}
#ct .info-wrapper #infoArea{
	width:526px;
	height:469px;
	background:url(../../img/dqmsl/top/bg_infoarea_v3.png) left top no-repeat;
	position: absolute;
	left: 46px;
	top: 0;
}

#ct .info-wrapper #infoArea #topicsArea{
	width:435px;
	height:377px;
	margin:0;
	background:url(../../img/dqmsl/top/bg_topicsarea_v3.png) left top no-repeat;
	position:absolute;
	left:46px;
	top:50px;
	border:none;
	box-sizing: border-box;
	padding: 8px;
}
.ipad #ct .info-wrapper #infoArea #topicsArea{
	overflow:auto;
	padding: 8px 8px 8px 8px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#ct .info-wrapper #infoArea #topicsArea iframe{
	width:419px;
	height:361px;
}

/*.iphone #ct #topicsArea,
.android #ct #topicsArea{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}*/
/* /infoArea +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* twitter-area ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct .info-wrapper .twitter-area{
  width: 344px;
  height: 469px;
  position: absolute;
  right: 44px;
  top: 0;
  background: url(../../img/dqmsl/top/bg_twitterarea.png) left top no-repeat;
}
#ct .info-wrapper .twitter-area .twitter-scroll{
  width: 258px;
  height: 377px;
  margin: 48px auto auto 44px;
  text-align: left;
  background-color: #FFF;
  overflow: hidden;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box{
  width: 223px;
  margin: 0 auto 0 0;
  padding: 10px 0 0 10px;
  word-break:break-all;
  word-wrap:break-word;
  font-size: 12px;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box a:hover{
  text-decoration: underline;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-head{
  display: table;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-head .cell-thumbnail{
  display: table-cell;
  vertical-align: top;
  padding: 0 5px 0 0;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-head .cell-thumbnail .thumbnail{
  width: 30px;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-head .cell-name{
  display: table-cell;
  vertical-align: top;
  line-height: 1.2;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-head .cell-name a{
  color: #000000;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-head .cell-time{
  display: table-cell;
  width: 54px;
  vertical-align: top;
  padding: 0 8px 0 6px;
  text-align: right;
  font-size: 10px;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-account{
  margin: 0 0 0 35px;
  padding: 2px 0 3px 0;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-account a{
  color: #000000;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-body{
	padding: 5px 0 0 0;
	line-height: 1.2;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-image{
	padding: 5px 0 0 0;
}
#ct .info-wrapper .twitter-area .twitter-scroll .twitter-box .twitter-image img{
	width:100%;
}
/* /twitter-area ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* bnrArea ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#ct #bnrArea{
	width:869px;
	padding:34px 0 0 0;
	margin:8px auto 0 auto;
	background:url(../../img/dqmsl/top/bg_bnrarea_top.png) left top no-repeat;
	position: relative;
}
#ct #bnrArea .bnr-inner{
	padding: 0 0 34px 0;
	background:url(../../img/dqmsl/top/bg_bnrarea_bottom.png) left bottom no-repeat;
}
#ct #bnrArea .bnr-body{
	margin:0 0 0 0;
	padding: 6px 0 0 52px;
	background:url(../../img/dqmsl/top/bg_bnrarea_middle.png) left top repeat-y;
	overflow: visible;
}
#ct #bnrArea .bnr-body #topBanner{
	padding: 6px 0 0 0;
	overflow: hidden;
}
#ct #bnrArea .bnr-body #topBanner a{
	width:240px;
	height:126px;
	display:block;
	margin:0 22px 20px 0;
	float: left;
	background:#ffffff;
}
#ct #bnrArea .ornament_lefttop{
	position: absolute;
	left: 5px;
	top: 5px;
}
#ct #bnrArea .ornament_righttop{
	position: absolute;
	right: 5px;
	top: 5px;
}
#ct #bnrArea .ornament_leftbottom{
	position: absolute;
	left: 5px;
	bottom: 5px;
}
#ct #bnrArea .ornament_rightbottom{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
/* /bnrArea +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* officialBnrArea ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#officialBnrArea{
	margin: 0 0 0 0;
	width: 100%;
	height: 172px;
	background:url(../../img/dqmsl/top/bg_officialbnrarea_v2.jpg) center top repeat-x;
}
#officialBnrArea ul{
	width:861px;
	height:147px;
	padding:22px 0 0 96px;
	margin:0 auto;
}
#officialBnrArea ul li{
	width:240px;
	height:126px;
	display:block;
	float:left;
	margin:0 22px 0 0;
}
#officialBnrArea ul li a{
	width:240px;
	height:126px;
	display:block;
	background:#ffffff;
}
/* firefoxの1pxズレるバグに対応 */
@-moz-document url-prefix() {
#officialBnrArea ul li a img{
	background:#ffffff;
}
}
/* /officialBnrArea +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#btn_goSP{
	width:852px;
	margin:0 auto;
	padding:24px 0 0 0;
	text-align:center;
}

#btnCompany{
	width:852px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}