@charset "UTF-8";
/* ========================================
	Reset
======================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block; }
body { line-height:1; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
img{ border:0; vertical-align:bottom; }
input, select { vertical-align:middle; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
/* ========================================
	Clearfix
======================================== */
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/* ========================================
	Base
======================================== */
html,
body {
	width:100%;
}
body {
	background:#000;
	color: #fff;
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust: 100%;
}
div#attention {
	position: absolute;
	top: -999px;
}
a {
	color: #fff;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img{
	max-width: 100%;
	vertical-align:middle;
}
a img {
	border: 0;
}
.block-left {
	float:left;
}
.block-right {
	float:right;
}
.shadow {
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	position: relative;
}
.mgn-btm-0 {
	margin-bottom: 0!important;
}
.mgn-btm-5 {
	margin-bottom: 5px!important;
}
.mgn-btm-10 {
	margin-bottom: 10px!important;
}
.mgn-btm-20 {
	margin-bottom: 20px!important;
}
.pc {
	display:block;
}
.sp {
	display:none;
}
/* ========================================
	common
======================================== */
#wrap {
	background:url(../img/bg_top.png) no-repeat center top #000;
}
#wrap.second {
	background:url(../img/bg_second.png) no-repeat center top #000;
}
@-moz-document url-prefix() {
	/*#wrap.second {
		margin:-93px 0 0 0;
	}*/
}
#header {
	width:1000px;
	margin:0 auto;
	line-height:40px;
}
#header p.logo_capcom {
	float:left;
}
#header ul {
	float:left;
	margin:0 0 0 20px;
}
#header ul.social {
	float:right;
	margin:0;
}
#header li {
	float:left;
	padding:0 0 0 15px;
	background:url(../img/arrow_nav.png) no-repeat left center;
	font-size:12px;
}
#header .social li {
	background:none;
}
#nav {
	width:1010px;
}
#nav li {
	float:left;
}
#nav li:nth-of-type(6) {
	display: none;
	opacity: 0.5;
	pointer-events: none;
}
.second .tit {
	position:absolute;
	top:0;
	left:50%;
	margin:-93px 0 0 -175px;
	text-align:center;
}
#contents {
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:15px 0 0 0;
}
.second #contents {
	width:956px;
	margin:93px auto 30px auto;
	padding:20px;
	border-radius:4px;
	border:2px solid #353d22;
	background:url(../img/bg_box.png) repeat left top;
}
.second #contents.monster {
	border-radius:4px;
	border:2px solid #300303;
	background:url(../img/bg_box02.png) repeat left top;
}
.second #contents .prepare {
	margin:150px 0;
	text-align:center;
}
#footer {
	border-top:1px solid #484646;
}
#footer p {
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	line-height:1.5;
}
#footer .sublink {
	width:1000px;
	margin:20px auto 0 auto;
}
#footer .sublink li {
	float:left;
	font-size:12px;
	margin:0 20px 0 0;
}
#footer .sublink li a {
	display:block;
	padding:0 0 0 15px;
	background:url(../img/arrow_nav.png) no-repeat left center;
	color:#dbdbdb;
}
#footer .social {
	display:none;
}
/*modal*/
#mdl {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	z-index:10;
}
.mdl_body {
	display:none;
	position:fixed;
	top:0;
	left:50%;
	width:640px;
	margin:0 0 0 -320px;
	background:#000;
	z-index:100;
}
.mdl_body .close {
	position:absolute;
	top:-50px;
	right:0;
	cursor:pointer;
}
/* ========================================
	top
======================================== */
.top h1 {
	margin:0 auto;
	text-align:center;
}
.top #sp_nav .logo {
	display:block;
	position:absolute;
	top:170px;
	left:10px;
}
#nav {
	margin:615px 0 25px 0;
}
.second #nav {
	margin:0 auto;
}
#nav li {
	position:relative;
	float:left;
}
.top #nav li:nth-of-type(5) {
	display: none;
	opacity: 0.5;
	pointer-events: none;
}
#nav span {
	display:none;
}
#sp_nav .logo,
.sp_nav {
	display:none;
}
.top .news {
	width:496px;
	position:relative;
	float:left;
	margin:5px 20px 35px 35px;
}
.top .news span {
	position:absolute;
	top:-10px;
	left:-30px;
}
#nav li span.update {
	display:block;
	position:absolute;
	top:26px;
	left:-10px;
}
.top #nav li span.update {
	top:14px;
	left:-10px;
}
.top .news a:hover,
.top .pv:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.top .pv {
	float:left;
	margin:0 0 35px 0;
	cursor:pointer;
}
.top .spec {
	margin:0 0 40px 0;
}
.top .spec p {
	float:left;
	margin:0 25px 0 35px;
}
.top .spec div {
	position:relative;
	float:left;
	width:518px;
	margin:110px 0 0 0;
	padding:20px 20px 0 20px;
	border-radius:4px;
	border:1px solid #232832;
	background:url(../img/bg_spec.png) repeat left top;
	line-height:1.5;
}
.top .spec div dd {
	margin:0 0 20px 0;
}
.top .spec div p {
	position:absolute;
	top:-100px;
	left:90px;
}
/* ========================================
	news
======================================== */
#contents.news {
	width:1001px;
	padding:0;
	border:none;
	background:none;
	color:#201d16;
	font-size:14px;
	line-height:1.7;
}
.news .news_top {
	position:relative;
	padding:123px 0 0 0;
	background:url(../img/bg_news_top.png) no-repeat left top;
}
.news .news_btm {
	padding:0 0 26px 0;
	background:url(../img/bg_news_btm.png) no-repeat left bottom;
}
.news .news_mid {
	padding:0 35px 25px 35px;
	background:url(../img/bg_news_mid.png) repeat-y left top;
}
.news .news_top02 {
	position:relative;
	padding:123px 0 0 0;
	background:url(../img/bg_news_top02.png) no-repeat left top;
}
.news .news_mid02 {
	padding:0 35px 25px 35px;
	background:url(../img/bg_news_mid02.png) repeat-y left top;
}
.news .date {
	position:absolute;
	width:931px;
	top:78px;
	color:#4e4a3c;
	font-weight:bold;
	text-align:center;
}
.news h1 {
	margin:0 0 20px 0;
	text-align:center;
}
.news div.left {
	float:left;
	width:630px;
	margin:0 25px 0 0;
}
.news div.right {
	float:right;
	width:275px;
}
.news .first {
	font-size:30px;
	line-height:1;
}
.news div.left .img {
	margin:0 0 25px 0;
}
.news div.left .img.ex01 {
	width:667px;
	margin:0 0 5px -35px;
}
.news div.left .img span,
.news div.left .picBtm span {
	font-size:12px;
}
.news div.left li.left {
	float:left;
	width:300px;
	padding:0 15px 0 0;
	border-right:1px solid #776e52;
}
.news div.left li.left span.strong {
	color:#d950a3;
	font-weight:bold;
}
.news div.left .picBtm {
	margin:20px 0 0 0;
}
.news div.left li.right {
	float:right;
	width:298px;
	padding:0 0 0 15px;
}
.news div.left li.right .img {
	float:right;
	margin:-30px 0 0 0;
	font-size:12px;
	text-align:center;
	line-height:1.3;
}
.news div.left li.right .img img {
	margin:0 0 10px 20px;
}
.news div.right p {
	margin:0 0 30px 0;
}
.news div.right dl {
	padding:10px;
	border:2px solid #988d6d;
}
.news div.right dt {
	margin:0 0 20px 0;
}
.news div.right a {
	color:#3140b4;
}
/*backNumber*/
#backNumber dt {
	margin:12px 0;
	text-align:center;
}
#backNumber li {
	float:left;
	width:460px;
	margin:0 20px 10px 0;
	padding:10px;
	border:2px solid #000;
	background:#ebe4de;
	list-style:none;
}
#backNumber li:hover {
	border:2px solid #a2ff48;
	box-shadow:rgba(147, 252, 60, 0.65098) 0px 0px 9px 0px;
	-webkit-box-shadow:rgba(147, 252, 60, 0.65098) 0px 0px 9px 0px;
	-moz-box-shadow:rgba(147, 252, 60, 0.65098) 0px 0px 9px 0px;
}
#backNumber li:nth-of-type(2n) {
	margin:0 0 10px 0;
}
#backNumber li .img {
	float:left;
	margin:0 10px 0 0;
}
#backNumber li ul {
	float:left;
	width:260px;
}
#backNumber li ul li {
	width:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
}
#backNumber li:hover ul li {
	border:none;
	box-shadow:none;
}
#backNumber li .date {
	position:static;
	top:0;
	left:0;
	width:100%;
	border-top:1px solid #282828;
	border-bottom:3px double #282828;
	font-size:12px;
}
#backNumber li:hover .date {
	border-top:1px solid #282828;
	border-bottom:3px double #282828;
}
#backNumber li .title {
	width:100%;
	margin:0;
	text-align:center;
	line-height:52px;
}
/* ========================================
	play
======================================== */
.play h2 {
	margin:0 0 15px 0;
}
.play .ob {
	position:absolute;
	top:-60px;
	right:-35px;
}
.play .controll {
	background:url(../img/play_bg01.png) no-repeat left top;
}
.play .controll li {
	float:left;
	margin:33px 10px 0 15px;
}
.play .controll li.pv {
	cursor:pointer;
}
.play .flow {
	margin:0 0 0 15px;
}
.play .flow li {
	float:left;
}
.play .items {
	height:293px;
	margin:0 0 0 15px;
	padding:20px;
	background:url(../img/play_bg02.png) no-repeat left top;
}
.play .items li {
	float:left;
	width:288px;
	margin:0 5px;
}
.play .items li dt {
	margin:0 0 0 -5px;
}
.play .items li dd {
	padding:0 5px;
	line-height:1.5;
}
.play .simple {
	position:relative;
}
.play .simple h3 {
	margin:10px 0;
	text-align:center;
}
.play .simple dl {
	position:relative;
	float:left;
	width:297px;
	height:590px;
	margin:0 20px 0 0;
	background:url(../img/play_bg03.png) no-repeat center top;
}
.play .simple dt {
	position:absolute;
	top:-10px;
	left:60px;
}
.play .simple dd {
	text-align:center;
}
.play .simple dl dd .pic {
	margin:20px 0 0 0;
}
.play .simple dl dd  li.type01 {
	position:relative;
	padding:0 0 14px 0;
	background:url(../img/line_play_simple.png) no-repeat center bottom;
	line-height:190px;
}
.play .simple dl:nth-of-type(1) dd  li.type01 span {
	position:absolute;
	right:-60px;
	z-index:10;
}
.play .simple dl:nth-of-type(2) dd  li.type01 span {
	position:absolute;
	right:-60px;
	z-index:10;
}
.play .simple dl dd  li.type02 {
	line-height:200px;
}
.play .simple dl:nth-of-type(3) dd  li.type02 {
	position:absolute;
	left:-60px;
}
.play .simple .btnArea {
	position:absolute;
	top:305px;
	left:-15px;
}
/* ========================================
	monster
======================================== */
#contents.monster {}
.monster .mstlst li {
	position:relative;
	padding:10px 0 30px 0;
	background:url(../img/line_monster.png) no-repeat center bottom;
}
.monster .lst01 {
	padding:0;
}
.monster .lst03 {
	height:190px;
	padding:10px 0 0 0;
}
.monster .mstlst .img {
	position:absolute;
	top:0;
	left:0;
}
.monster .lst01 .img {
	top:-30px;
	left:-50px;
}
.monster .lst02 .img {
	top:-10px;
	left:-60px;
}
.monster .lst03 .img {
	top:10px;
	left:360px;
}
.monster .lst04 .img {
	top:-15px;
	left:-40px;
}
.monster .lst05 .img {
	top:20px;
	left:20px;
}
.monster .lst06 .img {
	top:-30px;
	left:-70px;
}
.monster .lst07 .img {
	top:0;
	left:20px;
}
.monster .lst08 .img {
	top:10px;
	left:20px;
}
.monster .mstlst li.lst06 {
	padding:20px 0 30px 0;
}
.monster .mstlst li.lst07 {
	margin:20px 0;
	padding:40px 0 108px 180px;
}
.monster .mstlst li.lst08 {
	padding:10px 0;
	background:none;
}
.monster .mstlst dl {
	float:left;
	width:324px;
	padding:0 0 0 255px;
}
.monster .lst03 dl {
	padding:0 0 0 20px;
}
.monster .mstlst dt {
	margin:0 0 10px -15px;
}
.monster .mstlst dd {
	font-size:14px;
	line-height:1.5;
}
.monster .mstlst ul.thumb {
	float:left;
	width:326px;
	height:187px;
	padding:20px 0 0 38px;
	background:url(../img/bg_monster_thumb01.png) no-repeat left top;
}
.monster .mstlst ul.thumb.one {
	background:url(../img/bg_monster_thumb02.png) no-repeat 22px top;
}
.monster .mstlst ul.thumb.long {
	background:url(../img/bg_monster_thumb03.png) no-repeat left top;
}
.monster .mstlst ul.thumb.flow {
	background:url(../img/bg_monster_thumb04.png) no-repeat left top;
}
.monster .mstlst ul.thumb li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border-radius:4px;
	border:2px solid #300303;
	background:none;
}
.monster .mstlst ul.thumb li span {
	display:block;
	position:absolute;
	bottom:-23px;
	width:146px;
	font-size:12px;
	text-align:center;
}
.monster .mstlst ul.thumb.long {
	margin:0 0 0 20px;
	padding:20px 0 0 20px;
}
.monster .mstlst ul.thumb.long span {
	width:265px;
}
.monster .mstlst ul.thumb.flow li {
	border:none;
}
.monster .mstlst ul.thumb.flow span {
	width:305px;
}
/* ========================================
	shop
======================================== */
#contents.shop {
	border:2px solid #222;
	background:url(../img/bg_box03.png) repeat left top;
}
.shop h2 {
	margin:0 0 15px 0;
}
.shop #shopnav {
	width:930px;
	margin:0 auto;
	padding:20px 0;
	background:url(../img/shop_bgnav.png) no-repeat left top;
}
.shop #shopnav li {
	float:left;
	margin:0 0 25px 20px;
}
.shop #shopnav p {
	clear:both;
	margin:0 0 0 30px;
	line-height:1.5;
}
.shop #shopnav li:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.shop h3 {
	width:930px;
	margin:50px auto 15px auto;
	padding:8px 0;
	background:#000;
	text-align:center;
}
.shop .regionCol {
	width:910px;
	margin:0 auto 30px auto;
	padding:10px;
	background:url(../img/shop_bglst.png) repeat left top;
}
.shop .regionCol table {
	width:910px;
	margin:0 0 10px 0;
}
.shop .regionCol th {
	padding:10px 20px;
	background:#000;
	text-align:left;
}
.shop .regionCol th.name {
	width:300px;
	border-right:1px solid #fff;
}
.shop .regionCol .tBody {
	margin:0;
	background:url(../img/shop_bgtable.png) repeat left top;
}
.shop .regionCol .tBody td {
	padding:10px 20px;
	border-bottom:1px solid #4a4a4a;
}
.shop .regionCol .tBody td.name {
	width:300px;
	border-right:1px solid #4a4a4a;
}
.shop .regionCol .tBody a {
	color:#4f63fa;
	text-decoration:underline;
}
.shop .regionCol .tBody a:hover {
	text-decoration:none;
}
.shop .btntop {
	text-align:center;
}
#mdl_body.shop {
	position:absolute;
	top:0;
	left:50%;
	width:860px;
	margin:0 0 0 -450px;
	padding:20px;
	border-radius:4px;
	border:4px solid #3b3b3b;
	background:#000;
	z-index:100;
}
#mdl_body.shop .shop_titshop {
	position:absolute;
	top:-30px;
	left:50%;
	margin:0 0 0 -97px;
}
#mdl_body.shop .close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
#mdl_body.shop dl {
	float:left;
	width:630px;
	margin:0 0 20px 0;
}
#mdl_body.shop dt.name {
	margin:30px 0 20px 0;
	font-size:24px;
}
#mdl_body.shop .pcode {
	display:block;
	margin:0 0 5px 0;
}
#mdl_body.shop .link {
	float:right;
	margin:40px 0 0 0;
}