@charset "utf-8";
/* ===================================================================
CSS information

 file name  :limitededition.css
 style info :limitededitionページのスタイル
=================================================================== */

/* -----------------------------------------------------------
	shared
----------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, object, param, embed {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
iframe{
	border:hidden;
}
div#wrap.campaign{
	background:url(/images/campaign/bg_page.jpg) top left repeat;
}
.campaign div#page{
	width:976px;
	margin:auto;
	background:url(/images/campaign/bg_page.jpg) top left repeat;
	padding:0 0 30px 0;
}
.campaign .pageTop{
	font-size:14px;
	padding:17px 10px 0 0;
	text-align:right;
}
.campaign .pageTop a{
	text-decoration:underline
}
/* -----------------------------------------------------------
	header
----------------------------------------------------------- */
.campaign div#header{
	background:url(/images/campaign/bg_header.jpg) top left no-repeat;
	width:976px;
	height:42px;
}
.campaign div#header p.level5{
	float:left;
	padding:0 0 0 30px;
}
.campaign div#header p.ps3{
	float:right;
	padding:0 31px 0 0;
}

/* -----------------------------------------------------------
	top
----------------------------------------------------------- */
.campaign div#top{
	background:url(/images/campaign/bg_top.jpg) top left no-repeat;
	width:976px;
	height:562px;
}
.campaign div#top p.title{
	padding:128px 0 0 0;
	float:left;
	height:109px
}
.campaign div#top h1{
	float:right;
	padding:0 14px 0 0;
}
.campaign div#top .box{
	height:237px;
}
.campaign div#top p.textTop{
	margin:21px 0 0 23px;
	clear:both;
}
.campaign div#top p.textTop2{
	margin:51px 0 0 23px;
	clear:both;
}
.campaign p.terms{
	float:right;
	height:26px;
	padding:0 8px 18px 0;
}

/* -----------------------------------------------------------
	movie
----------------------------------------------------------- */
.campaign .movie{
	background:url(/images/campaign/bg_movie.jpg) top left no-repeat;
	width:846px;
	height:561px;
	padding:104px 0 0 130px;
	clear:both;
}
#frame .frameArea{
	background:url(/images/campaign/bg_playarea.jpg) top center no-repeat;
	width:722px;
	height:459px;
	padding:10px 8px 1px 0;/*padding:10px 10px 1px 10px;*/
	/padding:10px 8px 1px 0;
	position:relative;
}
#frame .playArea{
	height:392px;
	background:none;
	text-align:center;
}
#frame ul{
	margin:13px auto 0;
	width:722px;
	height:44px;
}
#frame li#real{
	width:233px;
	height:44px;
	float:left;
	margin:0 11px 0 0;
}
#frame li#real a{
	background:url(/images/campaign/btn_movie_real_d.jpg) top left no-repeat;
	text-indent:-9999px;
	width:233px;
	height:44px;
	display:block;
}
#frame li#real a:hover{
	background:url(/images/campaign/btn_movie_real_on.jpg) top left no-repeat;
	width:233px;
	height:44px;
	display:block;
}
#frame.realPage li#real a{
	background:url(/images/campaign/btn_movie_real_play.jpg) top left no-repeat;
	width:233px;
	height:44px;
	display:block;
}
#frame li#fake{
	width:233px;
	height:44px;
	float:left;
	margin:0 11px 0 0;
}
#frame li#fake a{
	background:url(/images/campaign/btn_movie_fake_d.jpg) top left no-repeat;
	text-indent:-9999px;
	width:233px;
	height:44px;
	display:block;
}
#frame li#fake a:hover{
	background:url(/images/campaign/btn_movie_fake_on.jpg) top left no-repeat;
	width:233px;
	height:44px;
	display:block;
}
#frame.fakePage li#fake a{
	background:url(/images/campaign/btn_movie_fake_play.jpg) top left no-repeat;
	width:233px;
	height:44px;
	display:block;
}
#frame li#answer{
	width:233px;
	height:44px;
	float:left;
}
#frame li#answer a{
	background:url(/images/campaign/btn_movie_answer_d.jpg) top left no-repeat;
	text-indent:-9999px;
	width:233px;
	height:44px;
	display:block;
}
#frame li#answer a:hover{
	background:url(/images/campaign/btn_movie_answer_on.jpg) top left no-repeat;
	width:233px;
	height:44px;
	display:block;
}
#frame.answerPage li#answer a{
	background:url(/images/campaign/btn_movie_answer_play.jpg) top left no-repeat;
	width:233px;
	height:44px;
	display:block;
}

/* -----------------------------------------------------------
	agree
----------------------------------------------------------- */
.campaign p.stit{
	padding:30px 0 14px 0;
}
.campaign div#terms{
	font-size:12px;
	color:#2c2c2c;
	clear:both;
	padding:0 0 0 8px;
}
.campaign div#terms p.text{
	padding:0 0 5px 0;
}
.campaign div#terms div.window{
	padding:10px;
	width:938px;
	height:192px;
	background:#FFF;
	border:1px solid #999;
	overflow: hidden;
    overflow-y: scroll;
}
.campaign div#terms ul li{
	list-style:disc outside;
	margin-left:1.2em;
}
.campaign div#terms a{
	text-decoration:underline;
}
.campaign div#terms p span.bold{
	font-weight:bold;
}
.campaign div#terms p span.red{
	color:#F00;
}
.campaign div.check{
	background:url(/images/campaign/bg_agree.jpg) top center no-repeat;
	height:40px;
	color:#FFF;
	margin:16px 0 20px 0;
	text-align:center;
}
.campaign div.check table{
	height:40px;
	margin:auto;
}
.campaign div.check table td{
	padding:0 5px 0 0;
}
.campaign div.check p{
	vertical-align:middle;
	line-height:40px;
	text-align:center;
	height:40px;
}
.campaign div.check p span{
	margin:0 0 0 5px;
	height:40px
}
.campaign p.answer{
	text-align:center;
}

/* -----------------------------------------------------------
	products
----------------------------------------------------------- */
.campaign div.products{
	background:url(/images/campaign/bg_products.jpg) top left no-repeat;
	width:905px;
	height:430px;
	padding:0 32px 0 39px;
	margin:50px 0 0 0;
}
.campaign div.products .products02{
	float:left;
}
.campaign div.products .products03{
	float:left;
}
.campaign div.products .btn{
	clear:both;
	padding:35px 0 0 96px;
}
.campaign div.products div.left{
	float:left;
}
.campaign div.products .products04{
	float:right;
}
/* -----------------------------------------------------------
	bnr
----------------------------------------------------------- */
ul.bnr{
	height:80px;
	padding:9px 0 0 24px;
}
ul.bnr li{
	float:left;
}
ul.bnr li.tvcm{
	margin:0 19px 0 0;
}
/* -----------------------------------------------------------
	footer
----------------------------------------------------------- */
div#footer-wrap-campaign{
	background:#6c5826;
	height:46px;
	clear:both;
}
div#footer-campaign{
	width:976px;
	height:46px;
	background:#6c5826;
	margin:auto;
}
div#footer-campaign p.text{
	float:left;
	padding:0 0 0 39px;
}
div#footer-campaign p.copy{
	float:right;
	padding:30px 36px 0 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------
	agreement
--------------------------------------------------------------------------------------------------------------------------------------- */
#wrap.agreement{
	background:url(/images/campaign/bg_page.jpg) top left repeat;
}
.agreement div#page{
	width:976px;
	margin:auto;
	background:url(/images/campaign/bg_page.jpg) top left repeat;
}
.agreement .pageTop{
	font-size:14px;
	padding:17px 10px 0 0;
	text-align:right;
}
.agreement .pageTop.mb{
	margin:0 0 30px 0;
}
.agreement .pageTop a{
	text-decoration:underline
}
/* -----------------------------------------------------------
	header
----------------------------------------------------------- */
.agreement div#header{
	background:url(/images/campaign/bg_header.jpg) top left no-repeat;
	width:976px;
	height:42px;
}
.agreement div#header p.level5{
	float:left;
	padding:0 0 0 30px;
}
.agreement div#header p.ps3{
	float:right;
	padding:0 31px 0 0;
}
.agreement p.btn{
	padding:0 0 0 8px;
}
.agreement p.text01{
	padding:30px 0 6px 0;
}
.agreement div.window{
	width:898px;
	border:solid 1px #765e4a;
	background:#FFF;
	padding:30px;
}



.agreement p.stit{
	padding:30px 0 30px 0;
}
.agreement div#terms{
	font-size:12px;
	color:#2c2c2c;
	clear:both;
	padding:0 0 10px 8px;
}
.agreement div#terms p.text{
	padding:0 0 5px 0;
}
.agreement div#terms ul li{
	list-style:disc outside;
	margin-left:1.2em;
}

.agreement div#terms a{
	text-decoration:underline;
}

.agreement div#terms p span.bold{
	font-weight:bold;
}
.agreement div#terms p span.red{
	color:#F00;
}
.agreement div#terms p.title{
	text-align:center;
	font-size:16px;
}

/*//// ↓以下 L5編集 2011.11.03 //////////////////////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------
	other movie　
----------------------------------------------------------- */
.campaign div.otherMovie{
	background:url(/images/campaign/bg_other_movie.jpg) top left no-repeat;
	width:905px;
	padding:0 32px 30px 39px;
	margin:50px 0 0 0;
}
.campaign div.otherMovie ul#movieList {
	padding:23px 0 0 35px;
	width:880px;
}
.campaign div.otherMovie ul#movieList li {
	padding-right:30px;
	padding-bottom:20px;
}
.campaign div.otherMovie ul#movieList li,
.campaign div#manzai ul#manzaiList li{
	float:left;
}

.campaign div#manzai{
	background:url(/images/campaign/bg_manzai.jpg) top left no-repeat;
	width:567px;/*905*/
	height:468px;
	padding:0 0 0 411px;
}

.campaign div#manzai ul#manzaiList{
	width:550px;
}
.campaign div#manzai ul#manzaiList li{
	padding:10px 10px 0 0;
}