@charset "utf-8";

/*==========================================
 各ページ用 差し替えスタイル
===========================================*/

body#enjoy article#ttl {
	background: url(../enjoy/img/bg_ttl.png) no-repeat right;
}


body#enjoy article#ttl p {
	background: url(../img/bg_pan.png) no-repeat 3px center #FFF;
	border: #f6651e solid 1px;
	border-radius: 15px;
}


body#enjoy article#mainBox {
	background: url(../img/bg_main.gif);
}

/*==========================================
 コンテンツ内のスタイル
===========================================*/


ul.enjoyBtn {
	overflow: hidden;
	margin-bottom: 20px;
}

ul.enjoyBtn li {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

ul.enjoyBtn li:nth-child(3n) {
	margin-right: 0;
}

div.smryBox {
	font-size: 16px; font-size: 1.6rem;
	margin: 0 10px 30px 10px;
	padding: 10px;
	border: solid 2px #000;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c2c7d4), color-stop(0.00, #FFF));
	background: -webkit-linear-gradient(top, #FFF 0%, #c2c7d4 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #c2c7d4 100%);
	background: -o-linear-gradient(top, #FFF 0%, #c2c7d4 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #c2c7d4 100%);
	background: linear-gradient(top, #FFF 0%, #c2c7d4 100%);
}

div.smryBox dt {
	background: url(../enjoy/img/ico_maru.png) no-repeat left 4px;
	padding-left: 25px;
	width: 150px;
	float: left;
	clear: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.smryBox dd {
	margin-left: 200px;
}

div.smryBox dl ul {
	list-style: disc;
	margin-left: 15px;
}


/*==========================================
 早期購入2大特典！
===========================================*/

/*body#enjoy p#qrBtn {
	text-indent: -9999px;
	margin-left: 305px;
	margin-bottom: 5px;
	background: url(../enjoy/img/btn_qr.gif);
	width: 240px;
	height: 80px;
}*/


body#enjoy p#qrBtn {
	text-indent: -9999px;
	margin-left: 305px;
	margin-bottom: 20px;
}

body#enjoy p#qrBtn a {
	display: block;
	width: 240px;
	height: 80px;
	background: url(../enjoy/img/btn_qr.gif);
}

body#enjoy p#qrBtn a {
	background: url(../enjoy/img/btn_qr.gif) 0 -80px;
}


/*==========================================
 ヒーローバンク２スペシャル体験版
===========================================*/

body#enjoy div#tryBox {
	background: url(../enjoy/img_en03_try/bg_try.jpg);
	height: 320px;
	position: relative;
	margin-bottom: 30px;
}

body#enjoy div#tryBox p#txt {
	display: none;
}

body#enjoy div#tryBox p#W042,body#enjoy div#tryBox p#D004 {
	text-indent: -9999px;
}

body#enjoy div#tryBox a {
	display: block;
	width: 234px;
	height: 78px;
}

body#enjoy div#tryBox p#W042 {
	position: absolute;
	top: 240px;
	left: 160px;
}

body#enjoy div#tryBox p#W042 a {
	background: url(../enjoy/img_en03_try/btn_w042.png);
}

body#enjoy div#tryBox p#W042 a:hover {
	background: url(../enjoy/img_en03_try/btn_w042.png) 0 -78px;
}

body#enjoy div#tryBox p#D004 {
	position: absolute;
	top: 240px;
	right: 157px;
}

body#enjoy div#tryBox p#D004 a {
	background: url(../enjoy/img_en03_try/btn_d004.png);
}

body#enjoy div#tryBox p#D004 a:hover {
	background: url(../enjoy/img_en03_try/btn_d004.png) 0 -78px;
}


/*==========================================
 『ヒーローバンク』シリーズのニンテンドー3DSテーマ発売！
===========================================*/

body#enjoy div.themeBox {
	width: 270px;
	margin-right: 20px;
	margin-bottom: 50px;
	float: left;
	text-align: center;
	position: relative;
}

body#enjoy div.rNone {
	margin-right: 0;
}

body#enjoy div.themeBox h4 {
	margin-bottom: 5px;
}

body#enjoy div.themeBox p.btnCheck {
	text-indent: -9999px;
	margin-bottom: 5px;
	margin-left: 35px;
}

body#enjoy div.themeBox p.btnCheck a {
	display: block;
	width: 200px;
	height: 36px;
	background: url(../enjoy/img_en06_theme/btn_check.gif);
}

body#enjoy div.themeBox p.btnCheck a:hover {
	background: url(../enjoy/img_en06_theme/btn_check.gif) 0 -36px;
}

body#enjoy div.themeBox p.btnMovie01,body#enjoy div.themeBox p.btnMovie02,body#enjoy div.themeBox p.btnMovie03 {
	text-indent: -9999px;
	margin-left: 35px;
}

body#enjoy div.themeBox p.btnMovie01 a,body#enjoy div.themeBox p.btnMovie02 a,body#enjoy div.themeBox p.btnMovie03 a {
	display: block;
	width: 200px;
	height: 61px;
}

body#enjoy div.themeBox p.btnMovie01 a {
	background: url(../enjoy/img_en06_theme/btn_movie01.gif);
}

body#enjoy div.themeBox p.btnMovie01 a:hover {
	background: url(../enjoy/img_en06_theme/btn_movie01.gif) 0 -61px;
}

body#enjoy div.themeBox p.btnMovie02 a {
	background: url(../enjoy/img_en06_theme/btn_movie02.gif);
}

body#enjoy div.themeBox p.btnMovie02 a:hover {
	background: url(../enjoy/img_en06_theme/btn_movie02.gif) 0 -61px;
}

body#enjoy div.themeBox p.btnMovie03 a {
	background: url(../enjoy/img_en06_theme/btn_movie03.gif);
}

body#enjoy div.themeBox p.btnMovie03 a:hover {
	background: url(../enjoy/img_en06_theme/btn_movie03.gif) 0 -61px;
}