/* CSS Document */
/*#cduWrap {
    width: 100%;
}*/

#movieCPN{
	background: url("20150417_ultraacrobattle_background_01.jpg") no-repeat top center #000000;
	color: #FFFFFF;
	line-height: 1.6em;
	font-size: 14px;
	padding-bottom: 20px;
	min-width: 904px;
	}

/*Link*/
.movieCPNContentsBox a{color: #ffff00;}
.movieCPNContentsBox a:hover{ color: #fff882;}
#cduFooter{
	background-color: #ffffff;
	}

/* btn
--------------------------------------------*/
.btnOvlay{
	width:399px;
	height:92px;
	background-color: #FFFFFF;
	}
.btn-box{
	width:399px;
	height:92px;
	position:relative;
	overflow:hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
	}
	.btn-box:hover{
		filter: alpha(opacity=5);
		-moz-opacity: 0.5;
		opacity: 0.5;
		}


.btn-box a img{
	position:absolute;
	z-index:2;
	border:none;
	}
	
.bkg-btn{
	position:absolute;
	width:399px;
	height:399px;
	top:-153px;
	background:url("20150305_ultraacrobattle_btn_background.jpg");
	z-index:1;
	}

/* Title
--------------------------------------------*/
#movieCPN .title01{
	background: url("20150305_ultraacrobattle_title_01.gif") no-repeat;
	width: 900px;
	height: 58px;
	text-align: center;
	}
#movieCPN .title01 dt{
	font-weight: bold;
	font-size: 24px;
	}
#movieCPN .title01 dd{
	padding-top: 9px;
	font-size: 14px;
	}
	
.font01{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2em;
	}
.font02{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
	}
.font03{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
	}
.font04{
	font-size: 14px;
	line-height: 1.5em;
	}

/* Layout
--------------------------------------------*/
.movieCPNContentsBox{
	background: url("20150525_ultraacrobattle_background.jpg") no-repeat top center;
	margin: 0 auto;
	}


#movieCPN .ouboBox{
	width: 900px;
	margin: 0 auto;
	}
	
#movieCPN .ouboBox .ouboData{
	font-size: 24px;
	text-align: center;
	}

#movieCPN .aboutALink{
	width: 400px;
	height: 120px;
	margin: 0 auto;
	padding: 350px 0 0 403px;
	}
#movieCPN .btnArea2{
	width: 400px;
	margin: 20px auto 30px auto;
	font-size: 11px;
	}
#movieCPN .attentionRead{
	margin: 10px 10px 10px 14px;
	line-height: 1.6em;
	}	
#movieCPN .attentionRead li{
	text-indent: -1.1em;
	}


/*tokyoInfo*/

#movieCPN .tokyoInfo{
	width: 800px;
	margin: 0 auto;
	}

#movieCPN .tokyoInfo .attention{
	background-color: #e4076a;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	margin-top: 10px;
	}

.attention{
	/* background-color: #e4076a;
	text-align: center; */
	font-weight: bold;
	padding: 10px;
	margin-top: 10px;
	 width: 774px;
	text-align: center;
	border: 1px solid #0788E4;
	}

/*acrobattleInfo*/

#movieCPN .acrobattleInfo{
	width: 900px;
	padding-top: 250px;
	margin:0 auto;
		text-align: center;
	}
#movieCPN .acrobattleInfo .headInfo{
	width: 800px;
	margin: 0 auto;
	color: #9dc7ff;
	}
/*productList*/

#movieCPN .productList{
	width: 1016px;
	margin: 40px auto 0;
	}
#movieCPN .productList ul.products{
	padding-top: 14px;
	margin: 0 auto;
	width: 928px;
	}
#movieCPN .productList ul.products li{
	width: 204px;
	float: left;
	text-align: center;
	margin: 0 14px;
	}

#movieCPN .productList ul.products li img{
	border: 1px solid #dddddd;
	}
	
/*movieCPNRulu*/
#movieCPNRulu{
	width: 772px;
	margin: 40px auto;
	font-size: 12px;
	}
#movieCPNRulu .inner{
	width: 772px;;
	margin: 0 auto;
	line-height: 1.8em;
	}
#movieCPNRulu p{
	margin: 10px;
	}
#movieCPNRulu p strong{
	color: #00b8ee;
	}

#bg2{background:url("20150417_ultraacrobattle_background_03.jpg") no-repeat center top; }
#bg3{background:url("20150417_ultraacrobattle_background_04.jpg") no-repeat center top; }


/*common style*/

.mar0 {margin: 0 !important;}
.martop1em{margin-top: 1em ;}

.marbt07em{margin-bottom: 0.7em;}
.marbt1em{margin-bottom: 1em;}
.marbt3em{margin-bottom: 3em;}