﻿/* CSS Document */
/*#cduWrap {
    width: 100%;
}*/


.clearfix:after{ content:"."; height:0; font-size:0; visibility:hidden; clear:both; display:block; }

.aright{ text-align:right; }
.mb30{ margin-bottom:30px; }

#contentWrap a { color:#2419ff !important; /*font-weight: bold !important;*/}
#contentWrap a:hover{ color:#2419ff !important; text-decoration:underline !important;}


/*ボタン*/

/*shine*/
.wrap div { position: relative; width: 392px; height: 85px; overflow:hidden;}
.shine a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine a:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*shine*/
/*ボタン*/


/*--------------- 全体大枠 ---------------*/
#contentWrap{ background:url(20150624_bonuscambg.jpg) no-repeat center top #FFFFFF; width:100%; margin:0 auto; min-width:1000px;   font-size:13px; line-height:1.6; } /*サイト全体*/
#contentBg{ background: url(20150624_bonuscam_border.png) repeat-y center top; }/*コンテンツ全体背景*/
#contets_All{ width:960px; margin:0 auto; } /*コンテンツ全体*/
/*--------------- 全体大枠 ---------------*/

#main-header{ margin:0 auto; max-height:650px; width:960px; /*padding:340px 0 0 30px;*/ }
#contets_Body{ padding:0 30px; }

.contents_detail{ background:url(20150624_bonuscam_chabg1-2.jpg) no-repeat center top; min-height:316px; }
.contents_detail .apply{ width:388px; margin:0 auto; font-size:12px; line-height:1.5; text-align:center;}
.contents_detail .apply .redtext{ color:#FF0B0F; }
.contents_detail_bg2{ background:url(20150624_bonuscam_cha01bg2.jpg) no-repeat top center !important; min-height:220px !important;  }

.contents_detail_app{ background:url(20150624_bonuscam_appbg.jpg) repeat-y center top; min-height:755px; padding:0 50px; }
.contents_detail_app .innerBox{ background-color: #ffffff; border-bottom:3px solid #DBD6FF; border-right:3px solid #DBD6FF;  padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.contents_detail_app .titleArea{ margin:10px; }
.contents_detail_app .titleArea dd{ font-size: 14px; }
.contents_detail_app p { padding:10px; }
.app_midashi01 { padding:40px 10px 0 10px; background:url(//p-bandai.jp/bc/images/net-s_tokushu/20131213_app_midashi01_01.png) top left no-repeat; margin:20px 5px 0 5px; }
.app_midashi02 { padding:40px 10px 10px 10px; height:104px; background:url(//p-bandai.jp/bc/images/net-s_tokushu/20131213_app_midashi01_02.png) top left no-repeat; clear:both; /*font-size:18px;*/ margin:0 5px;}
.app_midashi03 {
	padding:40px 10px 10px 10px;
	height:54px;
	background:url(//p-bandai.jp/bc/images/net-s_tokushu/20131213_app_midashi01_03.png) top left no-repeat;
	clear:both;
	/*font-size:18px;*/
	margin:0 5px;
	}
.app_box {
	width:560px;
	float:right;
	margin-right:220px;
	margin-bottom:25px;
	clear:both;
	}
.app_dltxt {
	width:770px;
	float:right;
	margin-right:25px;
	margin-bottom:25px;
	clear:both;
	font-size:14px;
	}

.font13 {
	font-size:13px;
}
.red {
	color:#F00;
}
.font_tit {
	color:#74600e;
	font-weight:bold;
}
.app_attention {
	width:840px;
	margin:0 auto;
	font-size:14px;
	line-height:1.4;
}
.app_attention p {
	margin:20px 10px;
	padding:10px 10px;
}
.app_dl {
	width:755px;
	float:right;
	margin-right:25px;
	clear:both;
	background:url(//p-bandai.jp/bc/images/net-s_tokushu/20131213_app_banner.jpg) top center no-repeat;
	height:70px;
	padding-top:35px;
}
.oubo_app{float:left; padding-left:295px;}
.oubo_google{float:right; padding-right:45px;}


#bonuscam2015 h2{
	background-image: url(20140618_bonuscam_shimashima.gif);
	line-height: 1em;
	text-align: center;
	padding: 10px 0;
	}
	



/*productList*/

#bonuscam2015 .productList{
	background-repeat:no-repeat;
	background-position:top center;
	}
#bonuscam2015 .productList ul.products{
	padding-top: 20px;
	margin-left: 30px;
	}
#bonuscam2015 .productList ul.products li{
	width: 204px;
	float: left;
	text-align: center;
	margin: 0 10px;
	}
#bonuscam2015 .productList ul.products li img{
	border: 1px solid #dddddd;
	}

/*camRulu*/
#camRulu{
	margin: 40px auto;
	padding-bottom: 20px;
	}
#camRulu h2{
	background-image: url(20140618_bonuscam_shimashima.gif);
	line-height: 1em;
	text-align: center;
	padding: 10px 0;
	}

#camRulu .inner{
	width: 866px;
	margin: 30px auto;
	line-height: 1.8em;
	}
#camRulu p{
	margin: 10px;
	color: #555555;
	}
#camRulu p strong{
	color: #000000;
	}

.camRulubg{ background: url(20140618_bonuscam_background_04.gif) no-repeat bottom center ; width:960px; }




/*.clearfix:after{ content:"."; font-size:0; height:0; overflow:hidden; clear:both; }*/

.dummy_box{ width:360px; height:203px; line-height:203px; display:block; text-align:center; background:#353434; color:#FFFFFF; font-size:110%; }
.dummy_box2{ width:718px; height:70px; line-height:70px; display:block; text-align:center; background:#353434; color:#FFFFFF; font-size:110%; }

.fright{ float:right !important; }
.fleft{ float:left !important; }

.attention_text{ display:block; font-size:90%; color:#ff0000; }
#cp{ text-align:center; padding:20px 0; font-size:60%; }

.apply{ width:900px; font-size:90%; margin:0 auto 30px; color:#000000; line-height:1.5; }
.apply .detail{ width:718px; margin:0 auto; font-size:70%;}


#movie_info{ border:1px solid #C4C4C4; width:900px; margin:0 auto; margin-bottom:40px; }
#movie_info #readtext{ text-align:center; font-weight:bold; font-size:110%; line-height:2em; }
#movie_info #titletext{ text-align:center; font-weight:bold; line-height:2em; }

#movie_info #fl-image-box{ width:360px; margin:0 1em 0 0; float:left; }
#movie_info #fr-text-box{ width:450px; float:right;}

#movie_info #fr-image-box{ width:450px; float:right; }
#movie_info #fl-text-box{ width:360px; margin:0 0 0 1em; float:left;}



#info_box{ border:3px solid #bb9f1c; width:930px; margin:0 auto; margin-bottom:40px; font-size:80%; }
#info_box #readtext{ text-align:center; font-weight:bold; font-size:110%; margin-bottom:3%; }
#info_box #titletext{ text-align:center; font-weight:bold; line-height:2em; }
#info_box .twitext{ font-weight:bold; color:#0E8CDA; }
#info_box .fbtext{ font-weight:bold; color:#0050fd; }
#info_box #fl-image-box{ width:360px; margin:0 1em 0 0; float:left; }
#info_box #fr-text-box{ width:450px; float:right;}

#info_box #fr-image-box{ width:450px; float:right; }
#info_box #fl-text-box{ width:360px; margin:0 0 0 1em; float:left;}



.cp_snswrap{ background: #f4ecd9; /* Old browsers */
background: -moz-linear-gradient(top,  #f4ecd9 0%, #cecd6c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ecd9), color-stop(100%,#cecd6c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4ecd9 0%,#cecd6c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4ecd9 0%,#cecd6c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4ecd9 0%,#cecd6c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4ecd9 0%,#cecd6c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ecd9', endColorstr='#cecd6c',GradientType=0 ); /* IE6-9 */
border:6px solid #bb9f1c;
margin:0 2%;
}
.cp_snswrap #snsbg{ background:url(20150618_ulfes2015_smpsns_bg.png) no-repeat center top; background-size:cover; padding:3%; }
/*.cp_snswrap #header{ margin-bottom:3%;}
.cp_snswrap .read{ margin-bottom:3%; }
.cp_snswrap .text{ color:#605a5a !important; line-height:1.5; }
.cp_snswrap .text span{ color:#0053fd !important; font-weight:bold; }
.cp_snswrap .btn{ margin-bottom:6%; padding:4% 0; }*/






/*----- 注意書き ------*/

#attention{ border:3px solid #5b5b5b; background:#1c1a1a; width:928px; margin:0 auto; color:#FFFFFF; }
#attention #readtext{ text-align:center; font-weight:bold; font-size:130%; line-height:1.5em; }

#attention_detail{ line-height:1.5em; padding:4%; }
#attention_detail dl{ margin:0 0 1em 0; }
#attention_detail dt{ font-weight:bold; }
#attention_detail dd{ font-size:90%; margin:0; padding:0; }

/*----- 注意書き ------*/


#whiteBg{ background:url(20150612ulfes2015_wbg.png) repeat-y center top; box-shadow:0 -10px 30px -10px #000000; padding-top:30px; }








#cpnContainer{ background: url("20150305_ultraacrobattle_background_01.jpg") no-repeat top center #000000;color: #FFFFFF; line-height: 1.6em; font-size: 14px; padding-bottom: 20px; min-width: 904px; }

#cpnheader{ background: url("20150305_ultraacrobattle_background_02.jpg") no-repeat top center; margin: 0 auto; /*height:576px;*/ }

.aboutALink{ width: 400px; height: 120px; margin: 0 auto; padding: 350px 0 0 415px; }


/*Infobox*/
#cpnContainer .Infobox{ width: 800px; margin: 0 auto; }
#cpnContainer .rimage{ float:right; }
#cpnContainer .limage{margin-top:20px;}
#cpnContainer .limage img{ float:left;  padding-right:20px; }
#cpnContainer .Infobox .attention{ background: #e4076a; text-align: center; font-weight: bold; padding: 10px; margin-top: 10px; }


/*ouboBox(応募するボタン周辺)*/
#cpnContainer .ouboBox{ width: 900px; margin: 0 auto; }
#cpnContainer .ouboBox .ouboData{ font-size: 24px; text-align: center; padding:1em 0; }

/*Infodetail*/

#cpnContainer .Infodetail{ width: 900px; padding-top: 250px; margin:0 auto; text-align: center; }
#cpnContainer .Infodetail .headInfo{ width: 800px; margin: 0 auto;color: #9dc7ff; }



/*productList*/

div#productList a{ font-weight:bold;}

#productList{
	width: 1000px;
	margin: 40px auto 0;
	}
#productList ul.products{
	padding-top: 14px;
	margin: 0 auto 15px;
	width: 928px;
	list-style:none;
	}
#productList ul.products li{
	width: 204px;
	float: left;
	text-align: center;
	margin: 0 14px;
	}

#productList ul.products li img{
	border: 1px solid #dddddd;
	}







/* Title
--------------------------------------------*/
/*
#movieCPN .title01{
	background-image: url("20150305_ultraacrobattle_title_01.gif");
	background-repeat:no-repeat;
	width: 900px;
	height: 58px;
	text-align: center;
	}
*/
#cpnContainer .title01{ background: url("20150305_ultraacrobattle_title_01.gif") no-repeat; width: 900px; height: 58px; text-align: center; }
#cpnContainer  .title01 dt{ font-weight: bold; font-size: 24px; }
#cpnContainer  .title01 dd{
	padding-top: 9px;
	font-size: 14px;
	}

#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
--------------------------------------------*/


#movieCPN .btnArea2{
	width: 400px;
	margin: 20px auto 30px auto;
	font-size: 11px;
	}



	
/*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;
	}


/*------
Commonstyle ------*/

/* 見出しスタイル */
.headline{ font-size:30px; font-weight:bold; padding-bottom:0.5em; border-bottom:1px solid #0b8; text-shadow:#6f9 0 0 10px; color:#369; }



