#content_wrapper{
	background-image:url(../images/bg.png);
	background-position: center;
	position:relative;
}
#common_pagetop{
	z-index:1000;
}
.posrel{
	position:relative;
}
.checker{
	width:100%;
	background-image:url(../images/repeat_checker.png);
	height:152px;
	background-position:top center;
	position:absolute;
	z-index:100;
	left:0;
}
.rebon{
	width:100%;
	background-image:url(../images/repeat_rebon.png);
	height:71px;
	background-position: center;
	position:absolute;
	z-index:200;
	left:0;
}
#content-header{
	position:relative;
	height:220px;
}
#content-header h1{
	background-image:url(../images/logo_s.png);
	width:393px;
	height:122px;
	text-indent:-999px;
	overflow:hidden;
	display:block;

	margin:15px 0 0 5px;
}
#index #content-header h1{
	background-image:url(../images/logo_l.png);
	width:779px;
	height:241px;
	text-indent:-999px;
	overflow:hidden;
	display:block;

	margin:27px auto 0 auto;
}

#content-header .checker{
	top:0;
}
#content-header .rebon{
	top:135px;
}
#nav{
	position:relative;
}
#nav .rebon{
	top:-20px;
}

#event .event01{
	position:relative;
}
#event .event01 a{
	background-image:url(../images/btn_item.png);
	background-repeat:no-repeat;
	width:446px;
	height:77px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	position:absolute;
	bottom: 40px;
	right: 40px;
}
#event .event01 a:hover{
	background-position: 0 -77px;
}
#content_wrapper .inner{
	width:1000px;
	position:relative;
	display:block;
	margin:0 auto;
	padding:0 10px;
	z-index:500;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#index #middle-area{
	background-image:url(../images/main.png);
	width:100%;
	height:801px;
	background-repeat: no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:-30px;
}
#index #btn_attention{
	background-image:url(../images/btn_attention.png?0314);
	width:980px;
	height:118px;
	overflow:hidden;
	background-repeat: no-repeat;
	text-indent:-999px;
	display:block;
	text-align:left;
	margin:10px auto;
}
#index #btn_attention:hover{
	background-position: 0 -118px;
}
#pv{
	width:980px;
	height:1080px;
	background-image:url(../images/movie_top.png);
	background-repeat: no-repeat;
	position:relative; 
	margin:0 auto;
	margin-top: -50px;
}

#attention{
	display:none;
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	z-index:1000;
	text-align: center;
}
#attention .pos_rel{
	display:block;
	z-index:5000;
	position:relative;
}
#attention #img_attention{
	pointer-events:none;
}
#attention .dummy{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;left:0;
	background-image:url(../images/bg.png);
	background-position:center;
	opacity:0.95;
}
#attention #img_attention,#attention a{
	position:relative;
}
#attention #img_attention{
	margin:50px auto 9px auto;
}
#attention a{
	margin-top:;
}
#attention a:hover img{
  opacity: 0.80;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#social{
	position:absolute;
	width:270px;
	overflow:hidden;
}
#social iframe{
	float:left;
}
#twitter-widget-0{
	margin-right:10px;
}
#index #social{
	left:370px;
	top:710px;
}


#nav .inner{
	position:relative;
	z-index:600;
}

.nav{
	position:absolute;
	top:0;right:0;
	height:223px;
}
#content-header .nav{
	top:10px;
	right:15px;
}
.nav li,.nav a{
	width:181px;
	height:223px;
	display:block;
}
.nav a{
	text-indent:-999px;
	overflow:hidden;
}
.nav a:hover{
	background-position:0 -223px;
}
.nav li{
	float:left;
	background-repeat: no-repeat;
}
#howto .nav li.howto{
	background-image:url(../images/btn_nav_1_s.png);
	background-position:0 -446px;
}
#items .nav li.items{
	background-image:url(../images/btn_nav_2_s.png);
	background-position:0 -446px;
}
#contest .nav li.contest{
	background-image:url(../images/btn_nav_3_s.png);
	background-position:0 -446px;
}
.nav li.howto a{
	background-image:url(../images/btn_nav_1_s.png);
}
.nav li.items a{
	background-image:url(../images/btn_nav_2_s.png);
}

.nav li.contest a{
	background-image:url(../images/btn_nav_3_s.png);
}


#nav li{
	float:left;
	background-repeat: no-repeat;
}
#nav a{
	display:block;
	text-indent:-999px;
	overflow:hidden;
}
#nav .nav{
	top:-30px;
}
#nav #social{
	top:145px;
}
#nav .checker{
	height:190px;
	background-position: center;
}
#index #nav .checker{
	height:265px;
}
#index #nav img{
	position:absolute;
}

#index #nav ul{
	margin-left:60px;
}
#index #nav a:hover{
	background-position: 0 -278px;
}
#index #nav li,#index #nav a{
	width:226px;
	height:278px;
	background-repeat: no-repeat;
}
#index #nav li{
	margin:0 35px;
}
#index #nav .howto a{
	background-image:url(../images/btn_nav_1.png);
}
#index #nav .items a{
	background-image:url(../images/btn_nav_2.png);
}

#index #nav .contest a{
	background-image:url(../images/btn_nav_3.png);
}
#nav{
	height:190px;
	border-bottom:5px solid #2e3e8b;
}
#index #nav{
	height:265px;
	border-bottom:5px solid #2e3e8b;
}

#recomend{
	background-image:url(../images/recomend_bg.png);
}
#recomend .inner{
	padding:20px 10px;
}
#content-footer{
	background-color:#ff8dbd;
}
#content-footer img{
	padding:20px 0;
}

#items .item p{
	position:absolute;
	top:41px;
	right:50px;
}
#items .t2mall{
	background-image:url(../images/btn_t2mall.png);
	width:205px;
	height:32px;
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow: hidden;
	position:absolute;
	top:148px;
	right:50px;
	display:none;
}
#items .t2mall:hover{
	background-position:0 -32px;
}
center a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
}