body {
	margin:0;
	padding:0;
	display:block;
}
a {
	cursor: pointer;
}
section.lpTop {
	margin: 0;
	padding: 0;
	width: 100%;
	background;#FFF;
	display: block;
	position: relative;
}
.lpTop h1 {
	margin: 0 auto;
	padding: 59% 0 0;
	height: 0;
	display: block;
	background: url(/static/pc/lp/dop/img/top.png) no-repeat 0 10px;
	-webkit-background-size: 100% auto;
	text-indent: -9999px;
}
.lpTop .headerLink {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	width: 100%;
	display: block;
	position: fixed;
	background: url(/static/pc/lp/dop/img/back_header.png) repeat-x 0 0;
	z-index: 100;
}
.lpTop .header img {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	display:block;
}

.lpTop .aboutBox {
	margin:0 auto;
	padding:63px 0;
	width:100%;
	text-align:center;
	background:url(/static/pc/lp/dop/img/haikei_square.png) repeat 0 0;
}
.lpTop .aboutBox .aboutBl,
.lpTop .featureBox .featureBl {
	margin: 0 auto;
	padding: 0 0 80px;
	width: 1050px;
	background: #FFF;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.lpTop .aboutBox .aboutBl h2 {
	margin: 0 auto;
	padding: 0;
	height: 506px;
	display: block;
	background: url(/static/pc/lp/dop/img/about_poi.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.lpTop .aboutBox .aboutBl h3 {
	margin:12px auto 25px;
	padding:0;
	text-align:center;
	height:20px;
	background: url(/static/pc/lp/dop/img/text_15.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.lpTop .aboutBox .aboutBl .aboutPic,
.lpTop .featureBox .featureBl .featurePic {
	margin:0 auto 78px;
	padding:0;
	display:block;
}
.btnBox {
	margin:0 auto;
	padding:0;
	text-align: center;
	display:block;
}
.btnBox a,
.btnSelectBox a {
	display:block;
}
ul.btnSelectBox {
	margin: 0 auto 30px;
	padding: 0;
	text-align: center;
	display: table;
}
ul.btnSelectBox li {
	padding:0 20px;
	display:table-cell;
}

.lpTop .featureBox {
	margin:0 auto;
	padding:63px 0;
	text-align: center;
	background:url(/static/pc/lp/dop/img/haikei_stripe.png) repeat 0 0;
}
.lpTop .featureBox .featureBl h2 {
	margin: 0 auto;
	padding: 0;
	height: 530px;
	display: block;
	background: url(/static/pc/lp/dop/img/new_poi.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.lpTop .featureBox .featureBl h3 {
	margin:12px auto 25px;
	padding:0;
	text-align:center;
	height:20px;
	background: url(/static/pc/lp/dop/img/text_motenomichiha.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.lpTop .comicBox {
	margin: 0;
	padding:63px 0;
	text-align:center;
	background: #2fb338 url(/static/pc/lp/dop/img/back_comic.png) no-repeat 50% 50%;
}
.lpTop .comicBox h2 {
	margin: 0 auto 34px;
	padding: 0;
	height: 117px;
	display: block;
	background: url(/static/pc/lp/dop/img/title_oretachino.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.lpTop .comicBox p.name {
	margin: 34px auto 0;
	padding: 0 20%;
	font-size: 18px;
	color: #FFF;
	text-align: right;
}
.lpTop .campaignBox,
.answerBox .campaignBox {
	margin: 0;
	padding:63px 0;
	background: #29a3ff;
}
.lpTop .campaignBox h2,
.answerBox .campaignBox h2 {
	margin: 0 auto 50px;
	padding: 0;
	height: 49px;
	display: block;
	background: url(/static/pc/lp/dop/img/title_campaign.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.lpTop .campaignBox p.readcopy,
.answerBox .campaignBox p.readcopy {
	margin: 0 auto 37px;
	padding: 0;
	font-size: 22px;
	line-height: 1.5em;
	color: #FFF;
	text-align: center;
}
.lpTop .campaignBox .campaignBl,
.answerBox .campaignBox .campaignBl {
	margin: 0;
	padding: 0 0 15px;
}
.lpTop .campaignBox .campaignBl h3.selectA,
.answerBox .campaignBox .campaignBl h3.selectA {
	margin: 0 auto 130px;
	padding: 0;
	text-align: center;
	height: 772px;
	background: url(/static/pc/lp/dop/img/a.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.lpTop .campaignBox .campaignBl h3.selectB,
.answerBox .campaignBox .campaignBl h3.selectB {
	margin: 0 auto 115px;
	padding: 0;
	text-align: center;
	height: 344px;
	background: url(/static/pc/lp/dop/img/b.png) no-repeat 50%  0;
	text-indent: -9999px;
}
.lpTop .campaignBox .campaignBl p.date,
.answerBox .campaignBox .campaignBl p.date {
	margin: 0 auto 34px;
	padding: 0;
	font-size: 24px;
	line-height: 1.4em;
	color: #FFF;
	text-align: center;
}
.lpTop .campaignBox a.pagetop,
.answerBox .campaignBox a.pagetop{
	margin: 63px auto 27px;
	padding: 0;
	width:100%;
	font-size: 20px;
	line-height: 1.4em;
	display:block;
	color: #FFF;
	text-decoration: underline;
	text-align: center;
}
.notesBox {
	margin: 0 258px;
	padding: 37px 0 56px;
	background: #FFF;
}
.notesBox h2 {
	margin:0 auto 36px;
	padding:0;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	display:block;
}
.notesBox dl dt {
	margin:0 0 0.5em;
	font-size: 18px;
}
.notesBox dl dd {
	margin:0 0 1.5em;
	font-size: 16px;
	line-height:1.5em;
}

.comic {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	background: #FFF;
}
.comic .picsBox {
	margin:0;
	padding:0;
	display:block;
}
.comic .picsBox img {
	margin:0 auto;
	padding:0;
	width:768px;
	display:block;
}
.selectBox,
.answerBox {
	margin: 0 auto;
	padding: 0 0 50px;
	background: #FFF;
}
.selectBox h2 {
	margin: 0 auto 20px;
	padding: 0;
	height: 498px;
	display: block;
	background: url(/static/pc/lp/dop/img/comic/illust_sate.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.selectBox h3 {
	margin: 0 auto 20px;
    text-align: center;
}
.selectBox .btnBox {
	margin:0 auto 30px;
	padding:0;
	display:block;
}
.selectBox .btnBox a {
	display:block;
}
.answerBox h2.ans_a {
	margin: 0 auto 20px;
	padding: 0;
	height: 580px;
	display: block;
	background: url(/static/pc/lp/dop/img/comic/a_end.png) no-repeat 50% 0;
	text-indent: -9999px;
}
.answerBox h2.ans_b {
	margin: 0 auto 20px;
	padding: 0;
	height: 430px;
	display: block;
	background: url(/static/pc/lp/dop/img/comic/b_end.png) no-repeat 50% 0;
	text-indent: -9999px;
}




footer {
	margin:0 auto 50px;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#000;
	display:block;
}