@charset "sjis";
/* CSS Document */

body {
	/*width: 960px;!important;*/
	width: 100%!important;
	background: #2d0839!important;
}

/* 汎用クラス
=========================================== */
.hd { display: none; }
.disnon { display: none; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.right { text-align: right; }
a { cursor: pointer; }

.bg_title {
	width: 231px; height: 55px; /height: 41px;
	margin: 0 auto;
	background: url('/visual/img/pc/title.png') no-repeat 0 0;
	line-height: 38px;
	/padding-top: 14px;
	overflow: hidden;
}
.bg_title2 {
	width: 196px; height: 40px; /height: 33px;
	margin: 0 auto;
	background: url('/visual/img/pc/title2.png') no-repeat 0 0;
	line-height: 30px;
	/padding-top: 7px;
	overflow: hidden;
}
.bg_title3 {
	display: inline-block;
	width: 422px; height: 91px; /height: 58px;
	margin: 0 auto;
	background: url('/visual/img/pc/title3.png') no-repeat 0 0;
	line-height: 68px;
	/padding-top: 33px;
	overflow: hidden;
}
.bg_menu {
	width: 318px; height: 65px; /height: 43px;
	background: url('/visual/img/pc/menu_ver2.png') no-repeat 0 0;
	line-height: 47px;
	/padding-top: 22px;
	overflow: hidden;
}

ul.col_list { display: block; list-style: none; overflow: hidden; zoom: 1; }
	ul.col_list li {
		display: inline-block;
		/display: block;	
		/float: left;
		overflow: hidden;
		zoom: 1;
	}

.update_btn {
	position: relative;
	width: 318px; height: 55px;
	margin: 0 auto;
}
	.update_btn img { position: absolute; }
	.update_btn .ico_up { position: absolute; top: 18px; right: 22px; }

.catch_info	{
	background-color: #000;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #8B5DB6),
	color-stop(100%, #222E4B));
	padding-top: 2px;
	padding-bottom: 2px;
	color: #fff;
	font-size: 16px;
	padding: 10px 0;
}

/* structure
=========================================== */
#header_wrap {
	position:relative;/**/
	width:100%;
	background: url('/visual/img/pc/head_ver2.png') repeat-x 0 0;
	overflow: hidden;
	z-index:10;
}
	#header {
		height: 122px;
		width:960px;
		margin: 0 auto;
		overflow: hidden;
	}
		#header table { width: 100%; height: 100%; margin: 0 auto; }

#footer {
	position: relative;
	height: 77px;
	background: url('/visual/img/pc/foot_ver2.png') repeat-x 0 0;
	overflow: hidden;
	z-index: 10;
}
	#footer table { margin: 0 auto; }

#main_wrap {
	/*position: relative;*/position: absolute;
	/*width: 960px;*/width: 100%; 
	/*margin: 0 auto;*/	
	/*background: #000;*/
	font-size: 86%;
	overflow: hidden;
	z-index: 5;
}
#main_wrap2 {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 86%;
	overflow: hidden;
	z-index: 5;
}
#main {
	width:960px;
	margin:0 auto;
	background:url('/visual/img/pc/bg_ver2.png') repeat;
	background-size: 37px 25px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 10px;
}/**/
#top_cont{
	height: 605px;
	background: url('/visual/img/pc/pc_9.jpg') no-repeat 0 0;/**/
	overflow: hidden;
}
.left_cont {
	float: left;
	width: 35%;
	margin: 215px 0 0 10px;
	overflow: hidden;
}
.ver2_news {
	background: #ffc473; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffc473 0%, #ffbc6f 30%, #e8a96b 70%, #d39b6b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc473), color-stop(30%,#ffbc6f), color-stop(70%,#e8a96b), color-stop(100%,#d39b6b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc473', endColorstr='#d39b6b',GradientType=0 ); /* IE6-9 */
}
.ver2_news ul {
	background-image: url('/visual/img/pc/bg_news.png');
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 138px 47px;
}
.ver2_news ul li {
	display: block;
	padding: 3px 10px;
	border-bottom: 1px solid #000;
	list-style: none;
	font-size: 86%;
	color: #000;
	overflow: hidden;
}

.right_cont { float: right; overflow: hidden; margin-right: 30px;}
.app_info {
	float: right;
	width: 280px; height:178px;
	padding: 10px 0;
	margin: 195px 10px 0 0;
	background: url('/visual/img/pc/app_ver2.png') no-repeat 0 0;
	overflow: hidden;
}
.app_info table { margin: 0 auto; line-height: 135%; /line-height: 100%; }
.app_info table td {
	vertical-align: top;
	font-size: 71%;
	color: #000;
}
.btn_movie {
	float: right;
	margin: 266px 9px 0 0;
	overflow: hidden;
}

#layer2 {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url('/visual/img/pc/bg_bk_al.png');
	overflow: hidden;
	z-index: 20;
}
.top_pop {
	position: fixed;
	top: -800px; left: 0;
	width: 500px; height: 362px;
	background: url('/visual/img/pc/bg_pop1.png') no-repeat top center;
	opacity: 0;
	overflow: hidden;
	z-index: 25;
}
span.close1 {
	position: absolute;
	top: 21px; right: 7px;
	display: block;
	width: 29px; height: 29px;
	background: url('/visual/img/pc/close1.png') no-repeat 0 0;
	overflow: hidden;
	z-index: 30;
	cursor: pointer;
}
.scroll_area {
	position: relative;
	width: 420px; height: 286px;
	margin: 0 auto;/**/
	/*padding: 0 17px 0 0;*/
	color: #000;
	overflow: auto;
}
.movie_pop {
	position: fixed;
	top: -800px; left: 0;
	width: 800px; height: 800px;
	background: url('/visual/img/pc/bg_pop2.png') no-repeat 0 0;
	color: #49107a;
	font-size: 120%;
	font-weight: bold;
	opacity: 0;
	overflow: hidden;
	z-index: 25;
}
.movie_pop .close1 { top: 7px; }

.info_box {
	background:#0f0219 url('/visual/img/pc/bg_ver3.png');
	width:960px;
	height:200px;
	margin:0 auto;
}
.info_box2 {
	width: 287px;
	height: 157px;
	background: url('/visual/img/pc/info_box.png') no-repeat;
	margin: 15px 10px;
	padding: 15px 0;
}

/* line_box */
.line_box1{
	background-color:#fbf207;
	width:960px;
	height:6px;
	margin:0 auto;
}
.line_box2{
	background-color:#5e025d;
	width:960px;
	height:4px;
	margin:0 auto;
}

/* slider */
.pc_slider {
	background-color: #0f0219;
	width: 960px;
	height: 142px;
	margin: 0 auto;
}
.slideFrame {
	position: relative;
	padding: 21px 0;
	overflow: hidden;
	overflow-x: auto;
	width: 960px;
	height: 100px;
}
.slideGuide {
	width: 150%;
	height: 140%;
	margin: -5px auto 0;
}
.slideCell {
	display: block;
	float: left;
	margin-right: 15px;
	width: 304px;
	height: 100%;
}
.slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	cursor: default;
}
.slideCtrl.left { left: 0px; }
.slideCtrl.right { right: 0px; }

.latest_wrapper {
	width:900px;
	color:#000;
	margin: auto;
	margin-top: 15px;
	padding: 15px;
	border: 0px solid #fff;
	border-radius: 10px;
	background: #ffc473; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffc473 0%, #ffbc6f 30%, #e8a96b 70%, #d39b6b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc473), color-stop(30%,#ffbc6f), color-stop(70%,#e8a96b), color-stop(100%,#d39b6b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffc473 0%,#ffbc6f 30%,#e8a96b 70%,#d39b6b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc473', endColorstr='#d39b6b',GradientType=0 ); /* IE6-9 */
}

/* 素材ページ
=========================================== */
#layer {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url('/visual/img/pc/bg_bk_al.png');
	overflow: hidden;
	z-index: 20;
}

#sozai_pop {
	position: fixed;
	top: -800px; left: 0;
	width: 800px; height: 800px;
	background: url('/visual/img/pc/bg_pop2.png') no-repeat 0 0;
	color: #49107a;
	font-size: 120%;
	font-weight: bold;
	opacity: 0;
	overflow: hidden;
	z-index: 25;
}
.slide_prev { position: absolute; top: 50%; left: 10px; }
.slide_next { position: absolute; top: 50%; right: 10px; }
.close2 { position: absolute; top: 10px; right: 10px; }
.scrollable { position: absolute; bottom: 15px; right: 26px; z-index: 5; }
#img_area { height: 700px; }

.slide li a {
	position: relative;
	display: inline-block;
	/display: block;
	width: 100px; height: 100px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	zoom: 1;
}
.slide li a img { position: absolute; top: 0; left: 0; }
.slide li a .chara_info {
	position: absolute;
	top: 8px; left: 8px;
	width: 92px; height: 92px;
	overflow: hidden;
}
.slide li a .chara_info .ico_up { top: 3px; left: auto; right: 0; z-index: 50; }
.slide li a span {
	position: absolute;
	top: 100px; left: 0;
	width: 92px; height: 92px;
	padding-top: 35px;
	/*background: url('/visual/img/pc/bg_bk_al.png');*/
	text-align: center;
	line-height: 100%;
	overflow: hidden;
	cursor: pointer;
}
.slide .mainchara li a span { background: url('/visual/img/pc/bg_mainchara_al.png'); }
.slide .zombie li a span { background: url('/visual/img/pc/bg_zombie_al.png'); }
.slide .devil li a span { background: url('/visual/img/pc/bg_devil_al.png'); }
.slide .yokai li a span { background: url('/visual/img/pc/bg_yokai_al.png'); }
.slide .zombie_d li a span { background: url('/visual/img/pc/bg_zombie_d_al.png'); }
.slide .devil_d li a span { background: url('/visual/img/pc/bg_devil_d_al.png'); }
.slide .yokai_d li a span { background: url('/visual/img/pc/bg_yokai_d_al.png'); }
.slide li a .frame {
	position: absolute;
	top: 0; left: 0;
	width: 108px; height: 108px;
	/*background: url('/visual/img/sozai/main/waku.png');*/
	overflow: hidden;
}
.slide .mainchara li a .frame { background: url('/visual/img/sozai/main/waku.png'); }
.slide .zombie li a .frame { background: url('/visual/img/sozai/monster/zombie/waku_n.png'); }
.slide .zombie li.rare a .frame { background: url('/visual/img/sozai/monster/zombie/waku_r.png'); }
.slide .devil li a .frame { background: url('/visual/img/sozai/monster/devil/waku_n.png'); }
.slide .devil li.rare a .frame { background: url('/visual/img/sozai/monster/devil/waku_r.png'); }
.slide .yokai li a .frame { background: url('/visual/img/sozai/monster/yokai/waku_n.png'); }
.slide .yokai li.rare a .frame { background: url('/visual/img/sozai/monster/yokai/waku_r.png'); }
.slide .zombie_d li a .frame { background: url('/visual/img/sozai/monster/zombie_d/waku_n.png'); }
.slide .zombie_d li.rare a .frame { background: url('/visual/img/sozai/monster/zombie_d/waku_r.png'); }
.slide .devil_d li a .frame { background: url('/visual/img/sozai/monster/devil_d/waku_n.png'); }
.slide .devil_d li.rare a .frame { background: url('/visual/img/sozai/monster/devil_d/waku_r.png'); }
.slide .yokai_d li a .frame { background: url('/visual/img/sozai/monster/yokai_d/waku_n.png'); }
.slide .yokai_d li.rare a .frame { background: url('/visual/img/sozai/monster/yokai_d/waku_r.png'); }