@charset "utf-8";
/* Blue Nnight × VOLKS
Cate _ Injection _ default.css - last update:2017.*9.19 */

/*-------------------------------
 Eyecatch
---------------------------------*/
div.contIcatch	{
	width:100%; min-width:960px;
	min-height:640px;
	padding:0 0;
	background:#fff;
	border-top:1px solid #666;
	box-shadow:0 2px 2px 0 rgba(50,50,50,0.4);
	margin:0 0 10px;
	position:relative;
	overflow:hidden;
}
	div.contIcatch h1,
	div.contIcatch h2,
	div.contIcatch h1 + p	{ display:none;}
	div.icatInner	{
		width:960px;
		padding-top:640px;
		margin:0 auto;
		font-size:93.75%;
		position:relative;
	}

	/* アイキャッチ _ メインイメージ
	-----------------------------*/
	div#mainIC	{
		width:1600px; height:640px;
		text-align:center;
		position:absolute; left:50%; top:0;
		margin-left:-800px;
	}

	/* アイキャッチ _ 告知imageテキスト
	-----------------------------*/
	div#catchBox	{
		width:530px; height:240px;
		background:url(/blueknight/injection/image/2401_img_catchMain.png) 0 0 no-repeat;
		position:absolute; left:0; top:0;
		z-index:10;
	}


	/* アイキャッチ _ テキストリード
	-----------------------------*/
	p.txtRead	{
		width:430px;
		text-align:justify;
		font-size:87.5%;
		line-height:1.6;
		position:absolute; left:5px; top:420px;
		padding:5px;
		z-index:10;
	}

	/* Main Eyecatch _ Slide.js
	-----------------------------*/
	#mainIC .slides_container {
		width:1600px; height:640px;
		display:block;
		text-align:center;	
	}
	
	#mainIC .prev,
	#mainIC .next	{
		width:50px;
		height:50px;
		position:absolute;
		z-index:100;
		display:block;
	}
		#mainIC .prev { left:50%; top:50%; margin-top:-25px; margin-left:-560px;  }
		#mainIC .next { right:50%; top:50%; margin-top:-25px; margin-right:-560px; }
		@media screen and (max-width: 1010px) {
		#mainIC .prev { left:320px; top:60%;  margin:0; margin-top:-90px;  }
		#mainIC .next { right:320px; top:60%;  margin:0; margin-top:-90px; }
		}

	#mainIC a.prev img,
	#mainIC a.next img { opacity:0.5; filter: alpha(opacity=50); xbackground:rgba(256,256,256,0.6) }
	#mainIC a:hover.prev img,
	#mainIC a:hover.next img { opacity:0.9; filter: alpha(opacity=90); xbackground:rgba(256,256,256,0.8) }
	
	#mainIC ul.pagination {
		width:160px;
		height:20px;
		padding:0 10px 0 340px;
		margin:-25px auto 10px;
		text-align:center;
		position:relative;
		z-index:10;
	}
		#mainIC ul.pagination li {
			width:10px; height:10px;
			margin:0 5px;
			display: inline-block;
		/display: inline;
		/zoom: 1;
		text-align:center;
		}
	
		#mainIC ul.pagination li a {
			display:block;
			width:10px;	height:10px;
			border-radius:5px;
			background:#999;
		}
		#mainIC ul.pagination li a:hover	{ background:#24A9F6;}
		#mainIC ul.pagination li.current a	{ box-shadow:0 2px 3px -1px rgba(0,0,0,0.6); background:#24A9F6;}


	/* Item Information Box
	-----------------------------*/
	div.boxItm	{
		width:960px;
		padding:20px 0;
		margin-bottom:10px;
		position:relative;
	}

	div.boxItm div.btnBox	{
		width:470px;
		float:right;
	}
		div.boxItm div.btnBox a.lnkStore	{ width:70%; margin-bottom:1em; padding:2em 1.5em;}
		div.boxItm div.btnBox ul.dlvScdl	{ width:440px; margin:0 0 0 30px; }
		div.boxItm div.btnBox ul.dlvScdl li	{
			padding:0.4em 0 0 1em;
			color:#777;
			text-align:left;
			line-height:1.2;
			text-indent:-1em;
			font-size:87.5%;
			margin:0;
		}
		/* Item Date
		-----------------------------*/
		ul.itmDate	{
			width:470px;
			margin-left:10px;
			float:left;
			background:#fff;
			background:rgba(256,256,256,0.9);
			border:1px solid #5a5657;
			/*box-shadow:0 3px 5px -2px rgba(0,0,0,0.5);*/
			box-shadow:0 3px 2px -1px rgba(0,0,0,0.2);
		}
		ul.itmDate li	{
			word-wrap:break-word;
		}
			li.itmName	{ padding:5px 10px;}
				li.itmName h3	{
					padding:0px 0.5em;
					text-indent:-0.5em;
					line-height:1.2;
					font-size:125%;
					font-weight:bold;
					word-break:keep-all;
				}
				li.itmName h3 span	{ font-size:12px; font-weight:normal;}
			
			li.itmPrc	{
				padding:0 10px;
				line-height:1;
				text-align:right;
				font-weight:bold;
			}
				li.itmPrc span	{ font-size:93.75%;}
			
			li.itmSpc	{
				padding:10px;
				font-size:75%;
				line-height:1.4;
				
			}
			li.itmApp	{
				padding:5px 10px;
				background:#5a5657;
				color:#fff;
				font-size:87.5%;
			 }
				li.itmApp a	{ color:#fff;}
				li.itmApp a:hover	{ color:#0095d9;}


	/* News & Topics
	-----------------------------*/
.boxNT-wrapper {
    background: #d9d9d9;
    border-top: 1px solid #b9b9b9;
}
	div#boxNT	{
    width: 960px;
    margin: 0 auto;
		position:relative;
	}
		div#boxNT > h3	{
			padding:20px 0 0;
			font-size:200%;
			color:#192e83;
			text-align:center;
		}
	ul.notice	{
		width:960px;
		padding:10px 0 30px;
		margin:0 auto;
		clear:both;
		position:relative;
		/* hack*/
		letter-spacing:-0.4em;
	}
	.notice > li	{
		width:420px;
		padding:10px;
		background:#fff;
		margin:20px;
		display:inline-block;		
		vertical-align:top;
		/* hack*/
		letter-spacing:normal;
		display:inline-block;
		*display: inline; *zoom: 1;
	}
	.notice > li > h4	{
		margin-bottom:20px;
		padding:5px;
		background:#192e83;
		color:#fff;
		text-align:center;
		
	}
	.notice > li img	{
		display:block;
		margin:0 auto 10px;
	}
	.notice > li > p	{ font-size:93.75%;}

	/*  N&T内 _ リンクボタン */
	a.lnkNT,
	span.lnkNT	{
		padding:0.4em 1em 0.4em 1.5em;
		margin:10px auto;
		background:#42b9ce;
		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.1);
		display:inline-block;
		position:relative;
		
	}
	a.lnkNT:hover,
	a.lnkNT:active	{
		background:#619ce5;
	}
	span.lnkNT	{ background:#ddd; box-shadow:none; border:none;}

		/* N&T内 _ リスト表示 */
		ul.inlst	{
			margin:0 10px 10px;
		}
	
			ul.inlst > li	{
				margin:0 0 0.5em;
				padding-left:1em;
				text-indent:-1em;
				font-size:93.75%;
				line-height:1.2;
			}
			ul.inlst > li.noindt	{
				padding-left:0;
				text-indent:0;
			}

/*-------------------------------
 Contents _ Wrapper
---------------------------------*/
.wrapper	{
	width:960px;
	padding:40px 0 20px;
	margin:0 auto;
	background:#fff;
	position:relative;
}
	.wrapper hr	{
		margin-bottom:60px;
	}

	/* Contents Common
	-----------------------------*/
		/* Note */
		.note	{
			display:inline-block;
			font-size:12px;
			padding:0.2em 0 0.2em 1em;
			text-indent:-1em;
			line-height:1.2;
		}
		
		/* Headline */
		.titUsp	{
			font-size:250%;
			margin:0 10px 20px;
			text-align:center;
		}
			.titUsp strong	{ font-size:150%; display:block; color:#d00; padding:0 0.2em;}


	/* USPbox _ Products
	-----------------------------*/
	#uspPrdct	{
		width:100%;
		position:relative;
		padding-bottom:20px;
	}
		#uspPrdct dl	{
			width:920px;
			margin:0 auto 40px;
			padding:10px;
			background:#5a5657;
			color:#fff;
			position:relative;
			overflow:hidden;
			zoom:1;
		}
		#uspPrdct dt	{
			font-size:175%;
			padding:0 10px;
			margin-bottom:10px;
		}
			#uspPrdct dt:first-letter	{ font-weight:bold; margin-right:5px;}
			
		#uspPrdct dd	{
			width:440px;
			margin:0 10px;
			float:left;
			line-height:0;
		}

			#uspPrdct dd p	{
				font-size:87.5%;
				padding:0 0 0 2.4em;
				line-height:1.6;
				text-align:justify;
			}

	/* USPbox _ Action
	-----------------------------*/
	#uspActn	{
		width:100%;
		position:relative;
		padding-bottom:60px;
	}
	
	#uspActn dl	{
		width:300px;
		margin:10px;
		background:#5a5657;
		float:left;
	}
	#uspActn dt	{
		padding:10px 10px 5px;
		color:#fff;
		font-size:150%;
		font-weight:bold;
	}
	#uspActn dd	{
		margin:10px;
		line-height:0;
	}
	#uspActn dd p	{
		max-height:2.8em;
		font-size:87.5%;
		line-height:1.4;
		color:#fff;
	}

	/* USPbox _ Option
	-----------------------------*/
	#uspOptn	{
		width:940px;
		padding:20px 0;
		margin:0 auto 40px;
		background:#5a5657;
		color:#fff;
		position:relative;
		padding-bottom:20px;
	}
		#uspOptn .titUsp	{
			font-size:150%;
			font-weight:bold;
			line-height:1.4;
		}

		/* Option Title */
		#uspOptn .optnTit	{
			margin:0 20px 10px;
			font-size:125%;
			font-weight:bold;
		}
			#uspOptn > p	{
				font-size:93.75%;
				line-height:1.4;
				margin:0 20px 20px;
			}
		
		/* Option Image Picture */
		#uspOptn > img.uspPicR	{
			margin:0 20px 20px;
			float:right;
		}
		#uspOptn > img.uspPicF	{
			margin:0 20px;
		}

		/* Option Point List */
		ul.optnLst	{
			padding:10px 0;
			margin:0 20px 20px;
			background:#6a6667;
			position:relative;
		}
			ul.optnLst:last-child	{ margin-bottom:0;}
			ul.optnLst li	{
				max-width:480px;
				margin:0 15px;
				display:inline-block;
				vertical-align:top;
			}
			ul.optnLst li dl	{ margin:0 !important;}
			
		/* Option Description */
		#uspOptn dl	{
			margin:0 10px;	
			position:relative;
		}
		#uspOptn dt	{
			padding:0;
			margin-bottom:5px;
			font-size:1.2em;
			font-weight:bold;
		}			
		#uspOptn dd	{
			padding:0 0 0 1em;
			margin-left:1.2em;
			font-size:87.5%;
			line-height:1.4;
			text-indent:-1em;
			text-align:justify;
			}
			#uspOptn dd:first-line	{ font-size:1.2em;}
			#uspOptn dd + dt	{ margin-top:20px;}


	/* Abut 
	-----------------------------*/
	.abut {
		width:880px;
		margin:0 auto 40px;
	}
		.abut h3	{
			font-size:200%;
			color:#04a1e7;
			margin:0 10px 10px;
			padding-left:1em;
			text-indent:-1em;
		}
		.abut p	{
			font-size:93.75%;
			margin:0 40px;
			padding:0 20px;
			text-align:justify;
		}
		
/*-------------------------------
 Footer
---------------------------------*/

.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;
}
	.titCtg	strong	{ font-weight:bold; font-size:125%;}