@charset "utf-8";

/* common */
#dqt_contentsIndex,
#dqt_contents,
#dqt_advantage,
#dqt_expandabilit,
#dqt_hybrid,
#lineup400_contents,
#lineup502_contents,
#lineup700_contents,
#lineup900_contents,
#lineup_contents{
	width:100%;
	height:100%;
	max-width:740px;
	margin:0 auto;
	background-size:100%;
}
#dqt_contentsIndex h1,
#dqt_contents h1,
#dqt_advantage h1,
#dqt_expandabilit h1,
#dqt_hybrid h1,
#lineup400_contents h1,
#lineup502_contents h1,
#lineup700_contents h1,
#lineup900_contents h1,
#lineup_contents h1{
	margin:0 0 20px;
	padding:20px 20px 0 17.16216216216216%;
}
#dqt_contentsIndex h1 a img,
#dqt_contents h1 a img,
#dqt_advantage h1 a img,
#dqt_expandabilit h1 a img,
#dqt_hybrid h1 a img,
#lineup400_contents h1 a img,
#lineup502_contents h1 a img,
#lineup700_contents h1 a img,
#lineup900_contents h1 a img,
#lineup_contents h1 a img{
	width:auto;
	padding:0;
}
ul.dqt_navi{
	width:100%;
	max-width:700px;
	padding:0;
}
#dqt_contents_inner{
	width:100%;
	max-width:730px;
	overflow:hidden;
}

/* top */
#digest a,
#digest a:hover,
#advantage a,
#advantage a:hover,
#dtx_pad a,
#dtx_pad a:hover,
#lineup a,
#lineup a:hover,
#ios_apps a,
#ios_apps a:hover,
#expandability a,
#expandability a:hover,
#Hybrid a,
#Hybrid a:hover,
#artistdemo a,
#artistdemo a:hover{
	float:none;
	display:block;
	margin:0 auto 20px;
}

/* apps */
div.iconArea{
	float:left;
	position:relative;
	margin:0 20px 20px 0;
}
img.AppIcon{
	float:none;
	margin:0;
}
img.freeBadge{
	top:-5px;
	left:110px;
}

table.appSpec{
	width:100%;
	max-width: 555px;
}
.appMovie{
	width:100%;
	max-width:600px;
}

/* artistdemo */
.artist{
	width:100%;
	max-width: 640px;
}
.artistMovie{
	width:100%;
	max-width: 600px;	
}

/* dtx_advantage */
#dqt_advantage .description{
	width:100%;
	max-width: 450px;
}
#dqt_advantage .adBox{
	width:100%;
	max-width: 680px;
}

/* practice_menu */
#pmContentsTop{
	width:100%;
	max-width: 700px;
	background-size: cover;
}
#pmContents{
	width:100%;
	max-width: 700px;
}
.pmBox{
	width:100%;
	max-width: 645px;
}
#pmContentsTop{

}
h2.pmH2{
	margin:0;
}
h3.pmH3,
h3.pmH3_2{
	margin-bottom:0;
}
.pmBox img.imgLeft{
	margin-right: 20px;
	padding-right:0;
}
.pmBox img.imgRight{
	margin-left: 20px;
	padding-left:0;
}
.pmBox img.imgCenter{
	margin:20px auto;
	padding:0;
}

/* dtx_pad */
#dqt_contents .padMovie{
	width:100%;
	max-width: 600px;
}
#dqt_contents .padBox,
#dqt_contents .padBox2{
	width:100%;
	max-width: 670px;
}
#dqt_contents2{
	width:100%;
	max-width: 740px;
}

#dqt_contents h4.padH4{
	margin-bottom:0;	
}
#dqt_contents ul.padUl,
#dqt_contents ul.rimUl,
#dqt_contents .rimBox2 ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#dqt_contents .rimBox2{
	width:330px;
}
#dqt_contents ul.rimUl li{
	width:223px;	
}
#dqt_contents ul.padUl li.left,
#dqt_contents .rimBox2{
	font-size:0.8em;
}
#dqt_contents ul.padUl li.left img{
	vertical-align:baseline;
}
#dqt_contents ul.padUl li.right{
	float:right;	
}
#dqt_contents .rimBox2 ul li{
	width:159px;
}
#dqt_contents .rimBox2 ul li.left{
	margin:0 0 5px;
}
#dqt_contents .rimBox2 ul li.right{
	float:right;
	margin:0 0 5px;
}
#dqt_contents ul.rimUl2{
	width:100%;
	max-width:440px;
	margin:0 auto 20px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#dqt_contents ul.rimUl2 li{
	margin:0 0 20px;
}

/* expandability */
#dqt_expandabilit .expandabilitBox {
	width:100%;
	max-width: 680px;
}
#dqt_expandabilit .expandabilitMovie{
	width:100%;
	max-width: 600px;
}
.hybridMovie{
	width:100%;
	max-width: 600px;
}

/* lineup */
ul.lineupMenu,
ul.lineupMenu2{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
ul.lineupMenu{
	max-width: 643px;
}
ul.lineupMenu2{
	max-width: 422px;
}
ul.lineupMenu li,
ul.lineupMenu2 li{
	width:auto;
	height:auto;
	margin:0 0 20px;
}
ul.lineupMenu li.series700,
ul.lineupMenu2 li.dtxmulti12{
	padding-right:0;	
}

/* lineup400 */
#lineup400_contents .lineupMovie,
.lineupMovie{
	width:100%;
	max-width: 600px;
}
ul.movieList{
	height:100%;
	list-style:none;
	overflow:hidden;
}
ul.movieList li{
	margin:0 auto 20px;
	font-size:0.8em;
}

/* lineupmulti12 */
#multiIntro{
	padding:80px 0 0 340px;
	
}
#multiIntro img{
	margin:0 0 10px;
}
#multiIntro img,
#multiIntro p{
	padding:0;
}
.multiMovie{
	margin:0 5px;
	padding:0;
}
h3.multiH3,
h3.multiH3_2,
h3.multiH3_2{
	width:auto;
}

@media (max-width: 767px) {
	
	/* common */
	#dqt_contentsIndex h1,
	#dqt_contents h1,
	#dqt_advantage h1,
	#dqt_expandabilit h1,
	#dqt_hybrid h1,
	#lineup400_contents h1,
	#lineup502_contents h1,
	#lineup700_contents h1,
	#lineup900_contents h1,
	#lineup_contents h1{
		padding:50px 20px 0 20px;
	}
	ul.dqt_navi{
		height:100%;
		margin:0 0 20px;
		background:none rgba(0, 0, 0, 0.7);		
	}
	ul.dqt_navi li.navi1,
	li.navi1 a,
	ul.dqt_navi li.navi1 a:hover,
	ul.dqt_navi li.navi2,
	li.navi2 a,
	ul.dqt_navi li.navi2 a:hover,
	ul.dqt_navi li.navi3,
	li.navi3 a,
	ul.dqt_navi li.navi3 a:hover,
	ul.dqt_navi li.navi4,
	li.navi4 a,
	ul.dqt_navi li.navi4 a:hover,
	ul.dqt_navi li.navi5,
	li.navi5 a,
	ul.dqt_navi li.navi5 a:hover,
	ul.dqt_navi li.navi6,
	li.navi6 a,
	ul.dqt_navi li.navi6 a:hover,
	ul.dqt_navi li.navi7,
	li.navi7 a,
	ul.dqt_navi li.navi7 a:hover{
		float:none;
		width:100%;
		background:none;
		border-bottom:1px solid #666;
	}
	
	/* apps */	
	div.iconArea{
		width:100%;
	}
	p.outline{
		width:100%;
		padding:0;		
	}
	table.appSpec{
		max-width: none;
	}
	
	/* dtx_advantage */	
	#dqt_advantage .description{
		max-width:none;
	}
	#dqt_advantage img.right,
	#dqt_advantage img.left{
		float:none;
		padding:0;
	}
	
	/* practice_menu */
	.pmBox{
		padding:0 1.5em;
	}
	h3.pmH3,
	h3.pmH3_2{
		height:auto;
		padding-top:25px;		
		line-height:none;
	}
	.pmBox img.imgLeft,
	.pmBox img.imgRight{
		float:none;
		margin:0 auto 20px;
	}
	
	/* dtx_pad */
	#dqt_contents ul.padUl li.left{
		float:none;
		width:159px;
		margin:0 auto 20px;
		padding:0;		
	}
	#dqt_contents ul.padUl li.right{
		float:none;
		margin:0 0 20px;
	}
	#dqt_contents .rimBox,
	#dqt_contents .rimBox2{
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	#dqt_contents .rimBox2 ul li.left,
	#dqt_contents .rimBox2 ul li.right{
		float:none;
		margin:0 auto 20px;
	}
	#dqt_contents ul.rimUl li{
		width:100%;
		border:none;
	}
	#dqt_contents ul.rimUl2 li{
		float:none;
	}
	
	/* expandability */
	#dqt_expandabilit h3.expandabilitH3,
	h3.hybridH3,
	#lineup400_contents h3.lineup400H3,
	h3.lineup502H3,
	h3.lineup700H3,
	h3.lineup900H3,
	h3.multiH3{
		margin-top: 0;
	}
	
	/* lineup */
	ul.lineupMenu li,
	ul.lineupMenu2 li{
		float:none;
		padding:0;
	}
	ul.lineupMenu li a,
	ul.lineupMenu2 li a{
		padding:0;
		margin:0 auto 20px;		
	}
	
	/* lineupmulti12 */
	#multiIntro{
		margin:0 0 40px;
		padding:20px 20px 5px;
		background:#fff;
	}
	.multiMovie{
		float:none;
		width:100%;
		margin:0 0 40px;
	}
	
}

@media (min-width: 768px) and (max-width:991px) {
	
	/* common */
	ul.dqt_navi{
		height:45px;
		background-size:595px;
	}
	ul.dqt_navi li{
		line-height:45px;
		font-size:12px;
		height:45px;
	}
	ul.dqt_navi li.navi1,
	li.navi1 a{
		width: 108px;
	}
	ul.dqt_navi li.navi1 a:hover{
		background-size:595px auto;
		background-position:0 45px;
	}
	ul.dqt_navi li.navi2,
	li.navi2 a{
		width: 73px;
	}
	ul.dqt_navi li.navi2 a:hover{
		background-size:595px auto;
		background-position:-108px 45px;
	}
	ul.dqt_navi li.navi3,
	li.navi3 a{
		width: 62px;
	}
	ul.dqt_navi li.navi3 a:hover{
		background-size:595px auto;
		background-position:-181px 45px;
	}
	ul.dqt_navi li.navi4,
	li.navi4 a{
		width: 72px;
	}
	ul.dqt_navi li.navi4 a:hover{
		background-size:595px auto;
		background-position:-243px 45px;
	}
	ul.dqt_navi li.navi5,
	li.navi5 a{
		width: 105px;
	}
	ul.dqt_navi li.navi5 a:hover{
		background-size:595px auto;
		background-position:-315px 45px;
	}
	ul.dqt_navi li.navi6,
	li.navi6 a{
		width: 55px;
	}
	ul.dqt_navi li.navi6 a:hover{
		background-size:595px auto;
		background-position:-420px 45px;
	}
	ul.dqt_navi li.navi7,
	li.navi7 a{
		width: 120px;
	}
	ul.dqt_navi li.navi7 a:hover{
		background-size:595px auto;
		background-position:-475px 45px;
	}
	#digest a,
	#digest a:hover,
	#advantage a,
	#advantage a:hover,
	#dtx_pad a,
	#dtx_pad a:hover,
	#lineup a,
	#lineup a:hover,
	#ios_apps a,
	#ios_apps a:hover,
	#expandability a,
	#expandability a:hover,
	#Hybrid a,
	#Hybrid a:hover,
	#artistdemo a,
	#artistdemo a:hover{
		width:275px;
		height:177px;
		background-size:275px auto;
	}
	#digest a:hover,
	#advantage a:hover,
	#dtx_pad a:hover,
	#lineup a:hover,
	#ios_apps a:hover,
	#expandability a:hover,
	#Hybrid a:hover,
	#artistdemo a:hover{
		background-size:275px auto;
		background-position:0 -178px;
	}
	#digest a p,
	#advantage a p,
	#dtx_pad a p,
	#lineup a p,
	#ios_apps a p,
	#expandability a p,
	#Hybrid a p,
	#artistdemo a p{
		width:275px;
		padding-top:154px;
		font-size:15px;
	}
	
	/* apps */
	table.appSpec{
		max-width: none;
	}
	
	/* practice_menu */	
	.pmBox{
		padding:0 1.5em;
	}
		
	/* dtx_pad */
	#dqt_contents ul.padUl li.right{
		width:300px;
	}
	#dqt_contents ul.rimUl li{
		width:198px;
	}
	#dqt_contents .rimBox,
	#dqt_contents .rimBox2{
		width:292px;
	}
	#dqt_contents .rimBox2 ul li{
		width:143px;
	}
	
	/* expandability */
	#dqt_expandabilit h3.expandabilitH3,
	h3.hybridH3{
		margin-top: 192px;
	}
	
	/* lineup */
	ul.lineupMenu li a,
	ul.lineupMenu2 li a{
		width: 185px;
		height: 185px;
		background-size:185px 185px;
	}
	
	/* lineup400 */	
	#lineup400_contents h3.lineup400H3{
		margin-top: 312px;
	}
	ul.movieList li{
		width:100px;
		margin-right:16px;
	}
	
	/* lineup502 lineup700 lineup900 */
	h3.lineup502H3,
	h3.lineup700H3,
	h3.lineup900H3{
		margin-top: 250px;
	}
	
	/* lineupmulti12 */
	h3.multiH3{
		margin-top: 100px;
	}	
	#multiIntro{
		padding:50px 0 0 285px;
	}
	#multiIntro p{
		font-size:0.8em;
	}
	.multiMovie{
		width:287px;
	}	
}