@charset "utf-8";
/* Blue Nnight × VOLKS
Cate _ Color Resin _ default.css */


/*-----------CSC_H_BlueKnight_default------------------*/
		
/* 基本設定*/				


/* 文字 */
.pink	{color:#fb0472;}
.l_blue	{color:#0FF;}
.blue	{color:#0550fa;}
.d_blue	{color:#03C;}
.red	{color:#F00;}
.yl		{color:#feae04;}
.gr		{color:#00913a;}
.or		{color:#F60;}
.bl		{color:#000;}	
.vio	{color:#609;}
.blk	{color:#000;}
.lg		{color:#0F0;}
.wh		{color:#FFF;}


.line{border-bottom:#666 1px dotted;}


/*-------------------------------
 Wrapper
---------------------------------*/
.wrapper	{
	position:relative;
	min-width:960px;
	overflow:hidden;
}
	/* 背景_テスタロッサ */
	#bg00	{ background:#4c4c4c url(/blueknight/colorresin/image/bg_common.gif) center top no-repeat;}
	/* 背景_テスタロッサ */
	#bg01	{ background:#4c4c4c url(/jp/blueknight/images/common/bg_a.gif) center top no-repeat;}
	/* 背景_べルゼルガ */
	#bg02	{ background:#4c4c4c url(/jp/blueknight/images/common/bg_a2.gif) center top no-repeat;}
	/* 背景_ゼルベリオス */
	#bg03	{ background:#4c4c4c url(/jp/blueknight/images/common/bg03.gif) center top no-repeat;}
	/* 背景_シャドウフレア */
	#bg04	{ background:#4c4c4c url(/jp/blueknight/images/bg04.gif) center top no-repeat;}
	/* 背景_べルゼルガBTS 2 */
	#bg05	{ background:#4c4c4c url(/jp/blueknight/images/bg05.gif) center top no-repeat;}
	/* 背景_カラミティドッグ */
	#bg06	{ background:#4c4c4c url(/jp/blueknight/images/bg06.gif) center top no-repeat;}
	/* 背景_ウォリアー1 */
	#bg07	{ background:#4c4c4c url(/jp/blueknight/images/bg07.gif) center top no-repeat;}
	/* 背景_カラミティドッグ・レッドVer */
	#bg08	{ background:#4c4c4c url(/jp/blueknight/images/bg08.gif) center top no-repeat;}
	/* 背景_ファニー・デビル */
	#bg09	{ background:#4c4c4c url(/jp/blueknight/images/bg09.gif) center top no-repeat;}

/*-------------------------------
 Wrapper _ Inner Contents
---------------------------------*/
.wrapInner {
	width:960px;
	padding:640px 0 100px 0;
	margin:0 auto;
	position:relative;
}
	#inner_bg01	{ background:url(/jp/blueknight/images/01/top01_title.png) 50% 0 no-repeat;}
	#inner_bg02	{ background:url(/jp/blueknight/images/02/top02_title.png) 50% 0 no-repeat;}
	#inner_bg03	{ background:url(/jp/blueknight/images/03/top03_title.png) 50% 0 no-repeat;}
	#inner_bg04	{ background:url(/jp/blueknight/images/top04_title.png) 50% 0 no-repeat;}
	#inner_bg05	{ background:url(/jp/blueknight/images/top05_title.png) 50% 0 no-repeat;}
	#inner_bg06	{ background:url(/jp/blueknight/images/top06_title.png) 50% 0 no-repeat;}
	#inner_bg07	{ background:url(/jp/blueknight/images/top07_title.png) 50% 0 no-repeat;}
	#inner_bg08	{ background:url(/jp/blueknight/images/top08_title.png) 50% 0 no-repeat;}
	#inner_bg09	{ background:url(/jp/blueknight/images/top09_title.png) 50% 0 no-repeat;}


h1	{ display:none;}
img#mainImg	{
	position:absolute; right:-110px; top:-10px;
	z-index:10;
}

	/* Thumbnail
	-----------------------------*/
	#thumbox	{
		width:110px; height:580px;
		position:absolute; left:10px; top:100px;
		z-index:10;
		overflow:hidden;
	}
	#thumlist	{
		width:110px; height:580px;
		padding:5px 0 0;
		margin-top:-150px;
		background:#010101;
		text-align:center;
		
	}
		#thumlist li	{
			width:102px; height:130px;
			margin:0 auto;
			line-height:0;
			position:relative;
		}
		#thumlist li a	{ display:block; position:relative; }
		#thumlist li a:hover:after	{
			content:url(/blueknight/colorresin/image/cr_thum_hover.png);
			position:absolute; left:0; top:0;
		}
		


	/* Scope
	-----------------------------*/							
	div#scpBox	{
		width:960px; height:800px;
		margin:0;
		padding:0px 0px 0;
		position:absolute; left:0; top:0;
		z-index:0;
		
	}
	ul#scpmove	{
		width:920px; height:800px;
		margin-top:0px;
		overflow:hidden;
		z-index:0;
	}
		ul#scpmove li	{
			width:960px; height:840px;
			z-index:0;
		}


	/* Detail _ AT
	-----------------------------*/
	p.dtl_at	{
		padding:20px 150px 20px 0;
		margin:40px 0 20px;
		color:#0f0;
		line-height:1.8;
		font-size:75%;
		text-align:right;
	}
		p.dtl_at em	{ padding:5px 0 0; margin-bottom:-15px; color:#fff; font-size:18px; line-height:1.4; display:block;}


	/* Information Box _ Common
	-----------------------------*/
	div.infoBox	{
		width:460px;
		background:#010101;
		border-radius:5px;
		padding-bottom:10px;
		margin:20px 10px;
		float:left;
	}
	
	div.infoBox img	{
		display:block;
		margin:0 auto 10px;
		position:relative;
	}
		/* Float Clear */
		div.infoBox + hr	{
			clear:both;
			border-color:transparent;
		}
		
		/* Infobox Table */
		.infoTbl	{
			width:440px;
			margin:20px auto;
			border-bottom:1px dotted #0f0;
			color:#fff;
			font-size:75%;
			position:relative;
			
		}
		.infoTbl caption	{
			padding:0 5px 5px;
			margin-bottom:10px;
			border-bottom:1px dotted #0f0;
			color:#0f0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bold;
			text-align:left;
			text-shadow:0 0 5px #0c0;
		}
		.infoTbl th	{
			width:120px;
			padding:0 5px 10px;
			
		}
		
		.infoTbl td	{
			padding:0 5px 10px;
			color:#0f0;
			text-indent:-1.5em;
		}
			.infoTbl td:before	{
				content:"： ";
			}

/*-------------------------------
 Option Page _ Common
---------------------------------*/
div.optBox	{
	width:860px;
	padding:40px;
	margin:-600px auto 40px;
	background:#010101;
	background:rgba(0,0,0,0.7);
	box-shadow:0 5px 5px 0 rgba(50,50,50,0.4);
	border-radius:10px;
	text-align:center;
	position:relative;
	z-index:10;
}
	div.optBox > h1	{
		color:#0f0;
		font-size:30px;
		margin-bottom:20px;
		display:block;
		text-align:center;
		text-shadow:2px 0 5px #000;
	}
		div.optBox > h1	span	{ font-size:14px;}
	div.optBox > img	{
		display:block;
		margin:0 auto 20px;
		position:relative;
	}
	
	.infoTbl a.lnkBtn	{
		padding:5px 30px;
		font-size:14px;
	}