article,
article div.bg_layer,
article div.bb_line{
	height:620px;
}
/* 背景定義 */
article div.bg_introduction{
	background-image: url(../../img_share/bg_introduction.jpg);
}
article div.bg_character{
	background-image: url(../../img_share/bg_character_mondo.jpg);
}
article div.bg_target{
	background-image: url(../../img_share/bg_target_victor.jpg);
}
article div.bg_information{
	background-image: url(../../img_share/bg_information.jpg);
}
article div.bg_action{
	background-image: url(../../img_share/bg_basic_basic.jpg);
}
article div.bg_episode{
	background-image: url(../../img_share/bg_episode_episode02.jpg);
}
article div.bg_trailer{
	background-image: url(../../img_share/bg_trailer.jpg);
}
article #ITEM{
	position:relative;
	width: 1000px;
	height: 620px;
	background-image: url(../../img_share/bg_item.png);
	background-repeat: no-repeat;
	background-position: center 80px;	
}

article #ITEM nav{
	position:absolute;
	top:100px;
	left:39px;
	width:200px;
	height:480px;
	overflow:hidden;
}

article #ITEM nav ul{
	margin:0px 0;
	padding:0px 0;
	position:absolute;
	top:30px;
	left:-10px;
}
article #ITEM nav ul li{
	display:block;
	margin:8px 0;
	position:relative;

			
}
article #ITEM nav ul li a{
	display:inline-block;
	background-color:#9b0000;
	height:30px;
	line-height:30px;
	padding:0 1em;
	font-size:16px;

	transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	-o-transform-origin: left top;


	filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0.05,M21=-0.05,M22=1,SizingMethod='auto expand');


}
article #ITEM nav ul li a:hover{
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	-o-transform-origin: left top;


	filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0.1,M21=-0.1,M22=1,SizingMethod='auto expand');

}

article #ITEM nav ul li.current a{
	background-color:#323232;
}

article #ITEM nav ul li.current ul{
	margin:-10px 0 60px 0;
	padding:0px 0;
	overflow:hidden;
	position:relative;
}

article #ITEM nav ul li.current li{
	display:block;
	margin:12px 0;
}
article #ITEM nav ul li.current li a{
	background:none;
	border-left:solid 3px #000000;
	margin-left:3em;
	height:22px;
	line-height:22px;
	font-size:12px;

	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	-o-transform-origin: left top;

	filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=-0,M22=1,SizingMethod='auto expand');

}
article #ITEM nav ul li.current li a:hover{
	background-color:#fff;
	color:#000;
}
article #ITEM nav ul li.current li.current a{
	border-left:solid 3px #ffffff;
}

article #BACK_TOP{
	position:absolute;
	top:0px;
	left:0px;
}
article #PAGETOP_SP{
	display:none;
}
article #RIGHTS_SP{
	display:none;
}


article #ITEM section{
	position:absolute;
	top:100px;
	left:245px;
	width:700px;
	height:506px;
	z-index:150;
}
article #ITEM section div.block{
	position:relative;
	width:710px;
	height:494px;
}
article #ITEM section div.block p{
	margin:30px auto;
	line-height:1.8;
	text-shadow: 1px 1px 3px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,Strength=2);
	/*filter: Shadow(Color=black, Direction=130, Strength=1);*/
	/*filter: dropshadow(color=#000000, offx=2, offy=2);*/
	z-index:201;
}

/* introduction */
article #ITEM section div div.bg_img{
	position:absolute;
	bottom:0;
	right:0;
	z-index:190;
}
article #ITEM section #INTRODUCTION div.block{
	position:relative;
	/*width:710px;*/
	height:494px;
	padding-right:2em;
	z-index:191;
}


/* character */
article #ITEM section div div.name_sp{
	display:none;
}
article #ITEM section div div.chara_img{
	position:absolute;
	bottom:0;
	right:0;
	z-index:190;
}
article #ITEM section div div.txt_layer{
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	width:640px;
}
article #ITEM section div div.txt_layer p{
	margin:10px;
	text-shadow: 1px 1px 3px #000;  
}

/* information */
article #PRODUCTS{
	margin:30px 0 0 0;
}
article #PRODUCTS dl{
	font-size:14px;
	line-height:2.5;
}
article #PRODUCTS dt{
	width:17em;
	float:left;
	clear:left;
	border-bottom:dotted 1px #aaaaaa;
	text-shadow: 1px 1px 3px #000;  
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,Strength=2);
	/*filter: Shadow(Color=black, Direction=130, Strength=1);*/
	/*filter: dropshadow(color=#000000, offx=2, offy=2);*/
}
article #PRODUCTS dd{
	margin-left:17em;
	border-bottom:dotted 1px #aaaaaa;
	text-shadow: 1px 1px 3px #000;  
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,Strength=2);
	/*filter: Shadow(Color=black, Direction=130, Strength=1);*/
	/*filter: dropshadow(color=#000000, offx=2, offy=2);*/
}


/* ss_thumb */
article .ss_set{
	position:relative;
	margin:10px;
	z-index:300;
}
article img.ss_thumb{
	box-shadow:2px 2px 4px #000;
}
article .ss_set a{
}

/* action,mission */
article h3.contents_h{
	background-image: url(../../img_share/contents_h_bg.png);
	background-repeat: no-repeat;
	background-position: left top;	
	width:633px;
	height:47px;
	line-height:47px;
	text-indent:25px;
}


article div.episode_spec{
	background-image: url(../../img_share/mission_episode_spec_bg.png);
	background-repeat: no-repeat;
	background-position: left top;	
	width:279px;
	height:81px;
	padding:40px 0 0 35px;
}

article section.c_mission h4{
	border-bottom:solid 1px #fff;
	width:500px;
	margin-left:35px;
	margin-top:30px;
}
article #ITEM section.c_action div.block p{
	padding-left:25px;
	margin:15px 0;
	z-index:202;
	position:relative;
}
article #ITEM section.c_action .ss_set{
	margin: 20px 10px 10px 18px;
	width:500px;
}
article #ITEM section.c_action .ss_set2{
	margin: 20px 10px 10px 18px;
	width:600%;
}
article #ITEM section.c_action .lilink{
	width:600px;
}



article #ITEM section.c_mission div.block p{
	padding-left:35px;
	margin:15px 0;
}
article #ITEM section.c_mission .ss_set{
	margin: 20px 10px 10px 18px;
}

/* trailer */
article #ITEM section.c_trailer ul li{
	background-image: url(../../img_share/btn_trailer1.png);
	background-repeat: no-repeat;
	background-position: left top;	
	width:226px;
	height:182px;
	float:left;
	margin:2px;
}
article #ITEM section.c_trailer ul li a{
	display:block;
	height:182px;
	position:relative;
}
article #ITEM section.c_trailer ul li a span{
	position:absolute;
	bottom:10px;
	text-align:center;
	width:226px;
}
article #ITEM section.c_trailer ul.sp{
	display:none;
}