@charset "utf-8";
@import url("common.css");


/* overwright ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
	background:#000000;
}
#pageWp{
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:center;
	background-size:100% auto;
}
#background{
	background:url(/img/portal/dq3/bg_body_appdetail.jpg) center top no-repeat;
	background-size:320px auto;
}
/* /overwright +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* content ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#appDetail_image{
	width:320px;
	margin:0 auto;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:rgba(0,0,0,0.6);
}
#appDetail_image figure{
	width:260px;
	margin:0 auto;
	text-align:center;
}
#appDetail_image img{
	width:100%;
}

/* appDetailBox */
#appDetailBox{
	width:300px;
	margin:14px auto 0 auto;
	padding:15px 0 10px 0;
	background:rgba(0,0,0,0.85);
	border:1px solid #474747;
	border-radius:6px;
	text-align:center;
	color:#ffffff;
}
#appDetailBox #appDetailHead{
	width:261px;
	margin:0 auto;
	min-height:40px;
	padding:0 0 11px 0;
	position:relative;
}
#appDetailBox dt{
	position:absolute;
	left:0;
	top:0;
}
#appDetailBox dt img{
	height:40px;
}
#appDetailBox dd{
	margin:0 0 0 46px;
	padding:.5em 0 0 0;
	line-height:1.2;
}
#appDetailBox .priceBlock{
	position:absolute;
	right:0;
	top:8px;
	border:1px solid #ffffff;
	margin:0 0 0 0;
	padding:5px 12px 5px 12px;
	line-height:1;
	text-align:center;
	font-size:108.3%;
	color:#ffffff;
}
#appDetailBox p{
	max-width:261px;
	margin:0 auto;
	padding:0 0 11px 0;
}
#appDetailBox .restoreBtn{
	padding:0 0 11px 0;
	text-align:right;
}
#appDetailBox #detailTxt{
	width:241px;
	margin:0 auto;
	padding:13px 14px 4px 14px;
	background:url(/img/portal/dq3/bg_detailtxt.png) left top no-repeat;
	background-size:100% 100%;
}
#appDetailBox #detailTxt p{
	font-size:108.3%;
	line-height:1.2;
}
#appDetailBox .generalText{
	line-height:1.2;
	color:#ffffff;
	font-size:91.6%;
}

#appDetailBox p.copyright{
	height:5px;
	margin:0 auto;
	text-align:center;
	padding:2px 0 0 0;
	clear:both;
}
#appDetailBox p.copyright img{
	width:224px;
	height:5px;
}
#appDetailBox .freeNote{
	margin:0 auto;
	line-height:1.2;
	font-size:91.6%;
	padding:0 0 6px 0;
}

#appDetailBox .brackets{
	letter-spacing:-0.5em;
}
#appDetailBox .bracketstop{
	text-indent:-0.5em;
	display:inline-block;
}
#appDetailBox .circleList{
	max-width: 261px;
	margin: 0 auto;
	padding: 0 0 11px 0;
	text-align:left;
	color: #ffffff;
	font-size: 91.6%;
	line-height: 1.2;
}
#appDetailBox .circleList dt,
#appDetailBox .circleList dd{
	position: static;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
#appDetailBox .circleList .dt::before{
	content: "●";
	margin-right: 2px;
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
}
/* /content +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */