@charset "utf-8";
/* Blue Nnight × VOLKS Common _ base
(update: 2016.10.13)
 */

html	{}
body	{
	background:#fff/*#212121*/;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
	color:#444;
}

/*-------------------------------
 Base _ link
---------------------------------*/
	a		{ text-decoration:none; color:#0095d9;}
	a:hover	{ text-decoration:none; color:#19448e;}
	/*a:hover > img[src$=".jpg"]	{
		background:#fff;
		filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
		transition : all .2s;
		}*/

	a.lnkBtn	{
		height:1em;
		padding:2px 30px;
		margin:5px 10px;
		background:#619ce5;
		color:#fff;
		font-size:87.5%;
		border-radius:5px;
		text-decoration:none;
		}
	a.lnkBtn:hover	{ background:#eecb00; color:#470000; }


	/* Link _ Webstore
	-----------------------------*/
	p.order	{
		width:100%;
		text-align:center;
	}
	a.lnkStore,
	span.lnkStore	{
		width:50%;
		padding:1em 1.5em;
		margin:10px auto;
		background:#42b9ce;
		/*background:#2c9fce;*/
		color:#fff;
		text-align:center;
		text-decoration:none;
		border-radius:5px;
		box-shadow:0 3px 2px -1px rgba(0,0,0,0.2);
		border:1px outset rgba(0,0,0,0.2);
		display:inline-block;
		position:relative;
		
	}
	a.lnkStore:hover,
	a.lnkStore:active	{
		background:#619ce5;
		/*background:#497095;*/
		/*background:#295d92;*/
	}
	/*a.lnkStore:before	{
		content:"→";
		position:absolute; right:10px; top:1em;
		color:#fff;
	}*/
	span.lnkStore	{ background:#ccc; box-shadow:none; border:none;}


	/* Return to Page Top
	-----------------------------*/
	p.lnkPtop	{
		width:960px; height:2em;
		padding:0;
		margin:0 auto 20px;
		font-size:75%;
		font-style:italic;
		text-align:right;
		clear:both;
		}
	p.lnkPtop a	{
		height:1em;
		line-height:1;
		padding:0.5em 1em;
		margin-right:10px;
		color:#619ce5;
		border-radius:3px;
		text-decoration:none;
		display:inline-block;
		}
	p.lnkPtop a:hover	{ background:#619ce5; color:#fff; }


/*-------------------------------
 Base _ text
---------------------------------*/
	/* Text */
		.txtl	{ text-align:left;}
		.txtc	{ text-align:center;}
		.txtr	{ text-align:right;}

/*-------------------------------
 Base _ placement
---------------------------------*/
	/* Float*/
		.fltl	{ float:left;}
		.fltr	{ float:right;}

	/* Clear Fix */
		.clrfx:after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
		.clrfx	{ zoom:1;}
		.clr		{ clear:both;}


/*-------------------------------
 Header
---------------------------------*/
#header	{
	width:100%; min-width:960px;
	background:#5a5657/*#212121*/;
	padding:5px 0;
	position:relative;
}
	div#hdrInner	{
		width:960px; height:54px;
		margin:0 auto;
		position:relative;
	}
	div#hdrInner a	{
		position:absolute;
	}
		div#hdrInner a#logoBK	{ left:10px; top:10px;}
		div#hdrInner a#logoVS	{ right:10px; top:10px;}
	
	/* Global Menu
	-----------------------------*/
	div#menuGlbl	{
		width:560px; height:44px;
		position:absolute; left:50%; top:8px;
		margin-left:-270px;
		overflow:visible;
		z-index:200;
	}
	
	div#menuGlbl dl	{
		width:260px;
		padding-top:5px;
		margin:0 10px;
		position:relative;
		float:left;
	}
		#menuGlbl dl a	{ color:#fff;}
		#menuGlbl dl a:hover,
		#menuGlbl dl dt:hover	{ color:#0f0;}
		#menuGlbl dl:before	{
			content:"|";
			position:absolute; left:-15px; top:11px;
			color:#4a4647;
		}
		#menuGlbl dl + dl:after	{
			content:"|";
			position:absolute; right:-15px; top:11px;
			color:#4a4647;
		}
		
	#menuGlbl dt{
		display:block;
		width:260px; height:34px;
		line-height:34px;
		text-indent:3px;
		position:relative;
		font-size:93.75%;
		color:#fff;
		vertical-align:middle;
		cursor:pointer;
		}
		#menuGlbl dt span	{ display:none;}
		#menuGlbl dt:before	{
			content:"▼ ";
			color:#fff;
		}
		#menuGlbl dt:hover:before	{
			content:"▼ ";
			color:#0f0;
		}
		#menuGlbl dt.active:before	{
			content:"● ";
			color:#0f0;
		}
		#menuGlbl dt.active:after	{
			content:"×";
			color:#0f0;
			position:absolute; right:5px; top:1px;
		}
	
	#menuGlbl dd{
		background:#5a5657;
		/*background:rgba(90,86,87,0.9);*/
		width:250px;
		height:auto;
		padding:0 5px 10px;
		font-size:75%;
		border-left:1px solid #5a5657;
		border-right:1px solid #5a5657;
		border-bottom:1px solid #5a5657;
		box-shadow:0 5px 5px 0px rgba(0,0,0,0.4);
		display:none;
		}
		#menuGlbl dd > em	{
			width:100px;
			padding:4px 8px;
			margin:0 0 10px;
			background:#fafafa;
			border-radius:2px;
			color:#333;
			display: block;
			line-height:1;
			font-size:12px;
			text-align:center;
		}
			#menuGlbl dd > em.scl35	{ background:#fafafa; color:#333;}
			#menuGlbl dd > em.scl24	{ background:#333; color:#fafafa;}
		
	#menuGlbl dt.active	{
		background:#5a5657;
		color:#0f0;
		}
	
	#menuGlbl dd ul > li	{
		padding:0 6px;
		line-height:1.2;
		margin-bottom:5px;
	}
		#menuGlbl dd ul > li > a	{ display:block;}
		#menuGlbl dd ul > li > a:before	{
			content:"\0025b6\0020";
			color:#0f0;
			font-size:12px;
		}
		#menuGlbl dd ul > li.new > a:before {
			content:"New \0020";
			color:#0f0;
			font-size:12px;
		}
		
	#menuGlbl dd ul > li + li	{ margin-top:6px; padding-top:6px; border-top:1px dotted #4a4647;}
	


/*-------------------------------
 Footer Navi
---------------------------------*/
#ftrNavi	{
	width:100%; min-width:960px;
	padding:40px 0 20px;
	position:relative;
	background:#212121/*#5a5657*/;
	color:#fff;
}
	#fnvInner	{
		width:920px;
		padding:20px;
		margin:0 auto 20px;
		position:relative;
		background:#212121 url(/blueknight/image/logo_BKxVS_blk.png) 98% 98% no-repeat;
		border-radius:5px;
	}

	/* Common */
	#fnvInner .titCtg	{
		text-align:center;
	}
	#fnvInner .titCtg	{
		font-size:150%;
		padding:0 10px 5px;
		margin:0 10px 25px;
		border-bottom:2px dotted #0f0;
		box-shadow:0 3px 3px -3px rgba(0,255,0,0.4);
		color:#0f0;
		vertical-align:middle;
	}
		#fnvInner .titCtg	strong	{ font-weight:bold; font-size:125%;}
	

	#fnvInner > ul,
	#fnvInner dl	{
		margin:0 10px;
		float:left;
	}
		#fnvInner > ul a:hover,
		#fnvInner dl a:hover	{ color:#fff;}
	
	/* Sub Navigation */
	#fnvInner > ul	{ width:170px; padding:5px 0 0 10px;}
		#fnvInner > ul > li	{
			margin-bottom:20px;
			font-size:100%;
		}
		#fnvInner > ul > li:before	{ content:"- "; color:#0f0;}
	
	/* Series Item List */
	#fnvInner dl	{
		width:340px;
		padding:10px 0;
		background:#212121;
		border-radius:5px;
	}
		#fnvInner dt	{
			padding:0 5px 5px;
			margin:0 5px 15px;
			border-bottom:1px dotted #0f0;
			color:#0f0;
			font-size:100%;
			text-align:center;
			vertical-align:middle;
		}
			#fnvInner dt span	{ font-size:75%; letter-spacing:0.04em;}
		
		#fnvInner dd	{
			font-size:87.5%;
			margin-bottom:10px;
			padding-left:10px;
			line-height:1.2;
		}
			#fnvInner dd > em	{
				width:100px;
				padding:4px 8px;
				margin:0 0 10px;
				background:#fafafa;
				border-radius:2px;
				color:#333;
				display: block;
				line-height:1;
				font-size:12px;
				text-align:center;
			}
				#fnvInner dd > em.scl35	{ background:#fafafa; color:#333;}
				#fnvInner dd > em.scl24	{ background:#333; color:#fafafa;}
				
	#fnvInner dd ul > li	{
		padding:0 6px;
		line-height:1.2;
		margin-bottom:5px;
	}
	#fnvInner dd ul > li a	{ color:#fff; display:block;}
		#fnvInner dd ul > li > a:before	{
			content:"\0025b6\0020";
			color:#0f0;
			font-size:12px;
		}
		#fnvInner dd ul > li a:hover	{ color:#0f0;}
	#fnvInner dd ul > li + li	{ margin-top:6px; padding-top:6px; border-top:1px dotted #4a4647;}


/*-------------------------------
 Footer
---------------------------------*/
#footer	{
	width:100%; min-width:960px;
	position:relative;
	padding:20px 0px;
	background:#121212;
}

	/* Footer _ Copyright
	-----------------------------*/

		#ftrInner	{ width:940px; margin:0 auto; text-align:center;}
		#ftrInner p	{ margin:20px auto; line-height:1.8; color:#fff;}
		#ftrInner p.note	{ font-size:75%; line-height:1.4;}