/* CSS Document */
/*#cduWrap {
    width: 100%;
}*/

#movieCPN{
	background-color: #000000;
	background-image: url("20150206_kamenrider_3go_background_01.jpg");
	background-position:top center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height: 1.6em;
	font-size: 12px;
	padding-bottom: 20px;
	min-width: 904px;
	}

/*Link*/
.movieCPNContentsBox a{color: #fff000;}
.movieCPNContentsBox a:hover{ color: #fff882;}
#cduFooter{
	background-color: #ffffff;
	}

/* btn
--------------------------------------------*/
.btnOvlay{
	width:399px;
	height:92px;
	background-color: #ffc000;
	}
.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=6);
		-moz-opacity: 0.6;
		opacity: 0.6;
		}


.btn-box a img{
	position:absolute;
	z-index:2;
	border:none;
	}
	
.bkg-btn{
	position:absolute;
	width:399px;
	height:399px;
	top:-153px;
	background:url(20150206_kamenrider_3go_btn_background.jpg);
	z-index:1;
	}

/* Title
--------------------------------------------*/
#movieCPN .title01{
	background-image: url("20150116_ultra_title_01.gif");
	background-repeat: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-image: url("20150206_kamenrider_3go_background_02.png");
	background-repeat:no-repeat;
	background-position:top center;
	margin: 0 auto;
	}


#movieCPN .ouboBox{
	width: 900px;
	margin: 0 auto;
	}

#movieCPN .btnArea{
	padding-top: 344px;
	margin: 0 0 30px 60px;
	font-size: 11px;
	}

#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;
	}

#movieCPN .snsOubo{
	width: 750px;
	border-width: 1px;
	border-color:#97c8a7 #1e7239 #1e7239 #58a771 ;
	border-style: solid;
	background-color: #248b45;
	margin: 0 auto;
	padding: 15px 10px 15px 10px;
	color: #FFFFFF;
	}
#movieCPN .snsOubo ul{
	padding: 0 20px 5px 20px;
	text-align: center;
	}
#movieCPN .snsOubo ul li strong{
	font-weight: bold;
	color: #ffd200;
	}
#movieCPN .snsOubo ul li img.ov{
	margin-left: -8px;
	}
#movieCPN .arrow{
	background-image: url("20150206_kamenrider_3go_oubobox_arrow.png");
	background-repeat: no-repeat;
	background-position: center 15px;
	}
/*movieCPNInfo*/
#movieCPN .movieCPNInfo{
	background-color: #000000;
	border: #eeeeee solid 1px;
	margin-top: 40px;
	padding: 20px 0;
	}
#movieCPN .movieCPNInfo .inner{
	width: 900px;
	height: 230px;
	margin: 0 auto;
	position: relative;
	}
#movieCPN .movieCPNInfo li.photo{
	position: absolute;
	padding-right: 20px;
	z-index: 10;
	}
#movieCPN .movieCPNInfo li.txt{
	position: absolute;
	width: 520px;
	right:0;
	z-index: 10;
	}
#movieCPN .movieCPNInfo li.image01{
	position: absolute;
	bottom: -25px;
	right:-220px;
	z-index: 1;
	}
#movieCPN .movieCPNInfo li.image02{
	position: absolute;
	bottom: -25px;
	left:-170px;
	z-index: 1;
	}

/*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;
	}
#movieCPNRulu .inner{
	width: 772px;;
	margin: 0 auto;
	line-height: 1.8em;
	}
#movieCPNRulu p{
	margin: 10px;
	}
#movieCPNRulu p strong{
	color: #42c26b;
	}