@charset "UTF-8";

/* --------------------------------------------------

	CAPCOM: Web manual Custom CSS
	Title : E.X.TROOPERS(3DS)	
	
	## CSS INFO	
	Manual Contests Custom

-------------------------------------------------- */

header {
	background:url(../../img/navi_bg_head_3ds.png) no-repeat top center;
	}

#manual h3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2.5em;
	letter-spacing: -2px;
	color: #fff;
	*zoom:1;
	padding:5px 0 10px 0;
	margin: 10px 0 20px 0;
	text-shadow: 0px 0px 5px #8d92c0, 1px 1px #11142c;
	background:url(../img/h3_contents.png) no-repeat bottom left;
}

/* #contents > article
-------------------------------*/
/* LV */
.lv,.lv0,.lv1,.lv2,.lv3{
	margin: 0 0 0 15px;
	clear:both;
	}
#manual .screen {
	text-align: right;
	color: #cc0;}
#manual .screen span {
	display: block;
	padding-bottom: 10px;}
#manual .artArea {
	margin:0 0 20px 0;
	?zoom: 0;}
#manual .artArea:after {
	clear: both;
	display: block;
	content: "";}
#manual .artArea .linkArea,
#manual .artArea .txtArea{
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
#manual .artArea .txtArea {
	padding: 0 15px;
}

#manual article .imgArea {
	text-align: center;}
	
#manual article .imgArea  img {
	border: 1px solid #181818;
	margin-bottom: 10px;}
	
#manual article .imgArea  img:hover {
	border: 1px solid #323232;
}

#manual h4 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;}
	
#manual h4 b {
	color: #ff0;}
	
#manual .lv h4 {
	font-size: 1.9em;
	font-weight: bold;
	color: #FFF;
	margin: 0 auto 1em;
	padding: 5px 10px 0px 30px;
	height: 35px;
	background: url(../img/h4_bg1.png) no-repeat left center;
	}
#manual article.lv,
#manual article.lv1,
#manual article.lv2,
#manual article.lv8 {
	clear: both;
	display: block;
	?zoom: 0;
	width: 700px;
	margin: 0 auto;
}
#manual article.lv:after,
#manual article.lv1:after,
#manual article.lv2:after,
#manual article.lv8:after {
	clear: both;
	display: block;
	content: "";
}
#manual article.num1 h4 {
	margin-top: 1em;
}
#manual h4 span.no {
	border: 2px solid #dd0;
	color: #dd0;
	padding: 0 4px;
	margin: 2px 3px 2px 0;
	display: inline-block;
	font-family: "impact","Arial";
}
#manual .lv1 h4 span.no {
	margin: 2px 3px 2px -11px;
}

#manual article li {
	margin-bottom: 1em;}
	
#manual article strong {
    color: #f1ad36;
    display: block;
    padding-left: 10px;
	/*
    margin-bottom: 10px;
	*/
    line-height: 1;
    border-left: 5px solid #f1ad36;
	}
#manual article.lv1 {
	width: 690px;
	}
#manual .lv1 h4 {
	font-size: 1.7em;
	color: #FFFFFF;
	margin: 0 0 1em;
	padding: 0 0 2px 37px ;
	background:url(../img/h4_bg2.png) no-repeat bottom left;
	}
#manual article.lv2 {
	width: 690px;}
#manual article.lv2 h4 {
	font-size: 1.6em;
	color: #FFFFFF;
	padding: 2px 0;
	margin: 0 0 15px 15px;
	border-bottom: 1px solid #FFF;}
#manual article.lv2 .artArea {
	margin-left: 15px;}
	
#manual .lv2 strong{
	color:f1ad36;
	}
	
#manual .lv2 ul li{
	list-style:circle;
	margin-left: 20px;
	}

/* lv8 Tips */
#manual article.lv8 {
	padding: 10px 0px 0px;
	width: 676px;
	color: #FFF;
	text-shadow: 1px 1px 4px #1a006e;
	position:relative;
	}
#manual .lv8 h4 {
	width: 678px;
	padding: 4px 10px 5px 28px;
	background: url(../img/pic_h4.png) no-repeat left top;	
	margin: 0;
	text-shadow: 2px 2px 6px #8e56ff;
	font-size:2em;
	}
#manual article.lv8 .artArea {
	width: 676px;
	padding-top: 10px;
	background: url(../img/bg_tips_ptn.png) repeat;
	border-left: 1px solid #34295e;
	border-bottom: 1px solid #34295e;
	border-right: 1px solid #34295e;}
	
#manual article.lv8 .txtArea {
	font-size: 1.2em;
	padding: 0 20px 10px 20px;}
#manual article.lv8  .txtArea p {
	color: #b0b0b0;
	padding-bottom: 0;}
#manual article.lv8 .imgArea{
	padding: 0 15px;
}
#manual article.lv8 .imgArea img {
	width: 310px;}


#manual .lv4 hn4 {
	font-size: 1.2em;}

/* LV9: 補足 */
#manual article.lv9 {
	width: 690px;
	margin: 0 auto;
	clear: none!important;}
#manual article.lv9:after {
	clear: none!important;}
#manual .lv9 h4 {
	display: none;}
#manual .lv9 .txtArea {
	padding-left: 10px;
	font-size: 12px;
	line-height: 1.4;
	color: #d33;}

#manual article.lv {
	padding-top: 80px;}
#manual article.lv1 {
	/*--padding-top: 80px;--*/
	padding-top: 40px;
	}
#manual article.lv2 {
	padding-top: 35px;}
#manual article.lv3 {
	padding-top: 50px;}
	
#manual article.lv8 {
	padding-top: 50px;}
#manual article.lv9 {
	padding-top: 20px;}

#manual article.num1 {
	padding-top: 0px;}

/* layout */
#manual article.loListW, 
#manual article.loListT {
	float: left;
	clear: none;
	?zoom: 0;}

#manual article.loListW:after, 
#manual article.loListT:after {
	clear:both;
	content: "";
	display: block;}

#manual article.loListW {
	width: 350px;
	padding-top: 20px;
}
#manual article.loListW h4 {
	padding-left: 10px;
	margin: 0 0 1em 35px;
}
#manual article.loListW .txtArea {
	margin-left: 15px;
}
#manual article.loListW .imgArea {
	margin-left: 35px;
	text-align: center;
}
#manual article.loListW .imgArea img {
	height: 70px;
}
#manual article.loListT {
	width: 33%;
	padding-top: 20px;
}
#manual article.loListT .txtArea {
	text-align: center;
	}
#manual article.loListT .artArea .imgArea img {
	width: 180px;
}

#manual article.loImg .imgArea img {
	width: 100%;
}


/* loLeft ----------------*/
#manual article.loLeft .imgArea {
	width: 360px;
	float: left;
	text-align: center;
	}
#manual article.loRight .imgArea {
	width: 360px;
	float: right;
	text-align: center;
	}
#manual article.loLeft .artArea .imgArea img ,
#manual article.loRight .artArea .imgArea img {
	height: 193px;
	margin: 0 auto 10px auto!important;
	}
#manual article.loLeft .artArea .imgArea img.up ,
#manual article.loRight .artArea .imgArea img.up,
#manual article.loLeft .artArea .imgArea img.down ,
#manual article.loRight .artArea .imgArea img.down
 {
	height: 193px!important;
	margin: 0 auto 10px auto!important;
	}	
	
#manual article .artArea{
	text-align:center;
	}
#manual article .txtArea{
	text-align:left!important;
	}

/*--------
imgArea
------------------------------------------*/
#manual article .imgArea{
}
#manual article .imgArea .single{
}
#manual article .imgArea .double{
}

#manual article .imgArea .single a{
	display:block;
	width: 100%;
	text-align:center;
}
#manual article.lv1 .imgArea .double a{
	overflow:hidden;
	width: 48%;
	float:left;
	text-align:center;
	margin:0 5px 0 0;
}
#manual article.lv2 .imgArea .double a{
	overflow:hidden;
	width: 49%;
	float:left;
	text-align:center;
	padding:0 5px 0 0;
}
#manual article .imgArea .double:after {
	clear: both;
	display: block;
	content: "";
}
#manual article .imgArea .single img {
	width: auto;
	height: 240px;
	}
#manual article .imgArea .single img.up,
#manual article .imgArea .single img.down
{
	width: auto;
	height:200px;
	}
#manual article.lv1 .imgArea .double img
{
	
	width: auto;
	height:175px;

}
#manual article.lv2 .imgArea .double img
{
	width: auto;
	height: 175px;
	}
#manual article .imgArea.lv2 .single img.up ,
#manual article .imgArea.lv2 .single img.down
{
	width: auto;
	height: 224px;
	}
	
#manual article.lv1 .imgArea .double .updown,
#manual article.lv2 .imgArea .double .updown{
	display:block;
	width:48%!important;
	margin-right: 5px;
	overflow: hidden;
	float:left!important;
	text-align:center;
}
#manual article.lv1  .imgArea .double .updown a,
#manual article.lv2  .imgArea .double .updown a{
	overflow:auto !important;
	width:auto!important;
	float:none!important;
}
#manual article.lv1  .imgArea .double .updown img,
#manual article.lv2  .imgArea .double .updown img{
	margin-bottom: 5px;
	height:179px;
}

/*
#manual article .imgArea .double .img1 {
	margin-right: 15px;}
#manual .lv1 .imgArea .double .img1 {
	margin-right: 5px;}
*/
	
/*---- loArrowR -----*/
#manual article.loArrowLR .imgArea {
	background: url('../img/ico_art_arrowLR.png') no-repeat center center;}
#manual article.loArrowLR .imgArea img.img1 {
	margin-right: 35px!important;
	}
/*
#manual article.loArrowLR .imgArea .double img {
	width: 80%;
	margin-bottom: 0;
	}
*/

/* Flow */
body #manual article.loFlow {
	width: 640px;
	margin-top: 0;
	padding: 30px 25px 70px;
	border: 1px solid #1d1b2f;
	border-top: 0;
	border-bottom: 0;
	position: relative;
	background: url(../img/bg_flow_arrow.png) center bottom no-repeat;}
body #manual article.flowTop {
	margin-top: 20px;
	border-top: 1px solid #1d1b2f;}
body #manual article.flowBtm {
	border-bottom: 1px solid #1d1b2f;
	padding: 30px 25px 50px!important;
	background: none!important;}
body #manual article.loFlow .artArea {
	margin-left: 25px;}
body #manual article.loFlow .txtArea {
	padding: 0;}
body #manual article.loFlow .artArea .imgArea {
	float: right;
	width: 210px;}
/*
body #manual article.loFlow .artArea .imgArea img {
	width: 200px;}
*/
body #manual article.loFlow h4 {
	position: absolute;
	display: inline;
	height: 50px;
	line-height: 50px;
	padding: 0 12px;
	top: 15px;
	left: 0;
	margin: 0;
	border: 0;
	background: url(../img/bg_flow_no.png) right center no-repeat;
	}	
/*
#manual article .artArea .double img:hover {
	border: 1px solid #453a6c;}
	*/	
#manual article .txtArea {
	font-size: 1.4em;
	padding-bottom: 15px;}
#manual article .txtArea p {
	padding-bottom: 15px;}
	
#manual article .linkArea {
	padding: 0px 10px 0 10px;
	text-align: right;
	}
#manual article .linkArea p {
	margin-top: 10px;
	background: url(../img/btn_etc_body.png) no-repeat right top;
	display: inline-block;
	color: #4e5f7d;
	*display: inline;
	*zoom: 1;
	}
#manual article .linkArea a {
	display: inline-block;
	padding: 6px 2px 0px 30px;
	margin: 0px 44px 0px 0px;
	font-size: 1.2em;
	text-shadow: -1px -1px 2px rgba(0,0,0,0.2);
	color: #4e5f7d;
	height:28px;
	overflow:hidden;
	text-decoration: none;
	background:url(../img/btn_etc_head.png) left 0 no-repeat;
	font-weight: bold;
	}
#manual article .linkArea a:hover {
	color: #161719;
	background:url(../img/btn_etc_head.png) left -34px no-repeat;
	}
#manual article .linkArea a strong {
	font-weight:bold;
	}
	
/*-- icon
---------------------------*/
.lo-icon .imgArea{
	float:left;
	margin-right: 20px;
	width:100px;
	display:block;
}
.lo-icon .txtArea{
	float: left;
	width:82%;
	
}
.lo-icon .linkArea{
	margin:0 0 0 120px;
	padding:0;
}

.jp-video{
	clear:both ;
	margin: 20px 0 0 0;
}

/* paging
-------------------------------*/

#paging a {
 border:1px solid #d1dcdf; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
 border-radius: 3px;
 text-shadow: -1px -1px 5px rgba(0,0,0,0.2);
 font-weight:bold; 
 text-align: center;
 color: #003;
 opacity: 0.8;
 background-color: #f2f5f6;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f6), color-stop(100%, #c8d7dc));
 background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: linear-gradient(top, #f2f5f6, #c8d7dc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
 }
#paging a:hover {
 border:1px solid #b6c7cc; 
 background-color: #d4dee1;
 opacity: 0.8;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4dee1), color-stop(100%, #a9c0c8));
 background-image: -webkit-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: -moz-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: -ms-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: -o-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: linear-gradient(top, #d4dee1, #a9c0c8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d4dee1, endColorstr=#a9c0c8);
 }
	
span.no1 {
    padding: 0 4px 1px;
    line-height: 1.2;
    margin-right: 10px;
	display: inline-block;
    color: #dd0;
    font-weight: bold;
	font-family: "Impact";
    border: 1px solid #dd0;
}

/* Lotable
-----------------------------*/

#manual article.loTable{
	width: 766px!important;
	height: auto;
	padding: 10px 0!important;
	margin: -1px 0 0 -20px;
	border-top: 1px  solid #FFF;
	border-bottom: 1px solid #FFF;
	background: url(../img/lotable_line.png) repeat-y -25px!important;
}

article.loTable h4{
	width: 220px!important;
	height: auto!important;
	font-size: 150%!important;
	border-top:none!important;
	border-bottom:none!important;
	color:#CCC!important;
	background:none!important;
	/*--border-right: 1px solid #CCC;--*/
	margin:0!important;
	padding:0 5px 0 60px!important;
	float: left;
}
#manual article.loTable .artArea{
	width: 450px;
	margin:0 0 0 300px;
	padding:0;
}

.loTable .imgArea .single img{
	width: 80%!important;
	height: auto!important;
}
.loTable .imgArea .double a 
{
	width: 46%!important;
	margin-left: 10px;
	overflow:hidden!important;
}

.loTable .imgArea .double img
{
	width: 100%!important;
	height: auto!important;
}
	.loTable .txtArea {
	
		}
	.loTable .txtArea hr{
		width: 100%;
		margin: 13px auto 0px auto!important;
	    border: 0;
	    height: 1px;
	    background: #a4b4ce;
	    background-image: -webkit-linear-gradient(left, #252930, #a4b4ce, #252930);
	    background-image:    -moz-linear-gradient(left, #252930, #a4b4ce, #252930);
	    background-image:     -ms-linear-gradient(left, #252930, #a4b4ce, #252930);
	    background-image:      -o-linear-gradient(left, #252930, #a4b4ce, #252930);
		}
#manual .loTable .txtArea p{
	padding-bottom:0!important;
	margin-bottom: 0!important;
}
/* 個別対応
-------------------------------*/
#item2301 h4,
#item2401 h4,
#item3501 h4,
#item3502 h4
{
	display:none;
}
/*
#item2805 .imgArea .single a,
#item2807 .imgArea .single a,
#item2809 .imgArea .single a
{
	padding-bottom: 50px;
}
*/
#item2805 .imgArea .single a
{
	padding-bottom: 30px;
}


#item2803 .imgArea .single a,
#item2805 .imgArea .single a,
#item2807 .imgArea .single a
{
	width:340px!important;
	height:auto!important;
}
#item2803 .imgArea .single img,
#item2805 .imgArea .single img,
#item2807 .imgArea .single img
{
	width:100%!important;
	height:auto!important;
}
/*
#item2805 .imgArea .single img
{
	width: 80%!important;
	height: auto!important;
}
*/
#item2202 .imgArea img,
#item2602 .imgArea img,
#item2402 .imgArea img,
#item2217 .imgArea img,
#item3202 .imgArea img,
#item3702 .imgArea img{
	width: auto!important;
	height: 300px !important;
}

#item1202 .imgArea img,
#item2814 .imgArea img ,
#item2816 .imgArea img ,
#item2818 .imgArea img,
#item2820 .imgArea img ,
#item3602 .imgArea img ,
#item3608 .imgArea img ,
#item3411 .imgArea img ,
#item3704 .imgArea img ,
#item4104 .imgArea img {
	width: 90%!important;
	height: auto!important;
	}

/*-- search
---------------------------------*/
#manual #search {
	width: 720px;
	background: url(../img/search_head.png) no-repeat center top;
	margin-left: 12px;
}
#manual #search .block{
	width: 720px;
	background: url(../img/search_foot.png) no-repeat center bottom;
}
#search p {
	padding: 15px 20px;
	background: url(../img/search_body.png) repeat-y center;
	font-size: 12px;
}
.result{
	margin: 20px 0px 20px 40px;
}
.result .resultText{
	margin: 15px 0;
	padding-bottom: 10px;
	overflow:hidden;
	border-bottom: 1px solid #56409c;
}
.result .resultText dt{
	width: 152px;
	float: left;
	padding:1px;
}
.result .resultImg{
	width: 152px;
	height: auto;
	/*--border: 1px solid #453a6c;--*/
	padding:1px;
	display:block;
}
.result .resultImg:hover{
	width: 152px;
	height: auto;
	/*--border: 1px solid #6d5aaa;---*/
}
.result .resultImg img{
	width: 150px;
	vertical-align: bottom;
}

.result .resultText dd{
	margin-left: 170px;
	margin-right: 5px;
	font-size: 12px;
}
.result .resultText dd a{
	font-weight: bold;
}

/*-- spec
---------------------------------*/
#spec{
}

#specTable{
	width: 80%;
	margin: 10px auto;
	background: #000;
	border-collapse: collapse;
}
#specTable .head{
	width: 100%;
	margin: 10px auto;
	background: #000;
	border: 1px solid #666;
	padding: 10px;
	text-align:center;
	font-weight: bold;
	font-size: 16px;
}
#specTable th{
	width: 25%;
	margin: 10px auto;
	background: #000;
	border: 1px solid #666;
	padding: 5px;
}
#specTable td{
	margin: 10px auto;
	background: #000;
	border: 1px solid #666;
	padding: 5px;
}
.specPkj{
	text-align:center;
}
.specPkj img {
	padding: 0 15px 15px;
}


/* movie */
#manual article .imgArea a.movie {
	position: relative;
	display: inline-block;}
#manual article .imgArea a.movie span {
	position: absolute;
	width: 112px;
	height: 0;
	padding-top: 100px;
	overflow: hidden;
	display: block;
	margin-top: -56px;
	margin-left: -56px;
	top: 50%;
	left: 50%;
	background: url("/manual/common/img/jplayer/jplayer_nav_play.png") 0 0 no-repeat;
}
#manual article .imgArea a.movie:hover span {
	background: url("/manual/common/img/jplayer/jplayer_nav_play.png") 0 -100px no-repeat;
}