@charset "Shift_JIS";
html, body{
	height: 100%;
}
#wrapper {
	position: relative;
}
#container{
	width: 100%;
	min-width: 960px;
	margin: 0;
}

#main_container{
	margin: 33px 0 0 0;
	width: 100%;
	height: 411px;
	position: relative;
}

#main_container .main_theme_bg{
	width: 100%;
	height: 411px;
	background-position: center top;
	background-repeat: repeat;
	position: absolute;
	left: 0;
	top: 0;
}

#main_theme_backslide_wrap{
	position:absolute;
	left: 0;
	top: 58px;
	width: 100%;
	height: 298px;
}

#main_theme_backslide{
	position: relative;
	width: 100%;
	height: 298px;
	overflow: hidden;
}

#main_theme_backslide_body{
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -272px;
	height: 298px;
	width: 2277px;
}
.main_theme_backslide_item{
	width: 230px;
	height: 298px;
	float: left;
}

.main_theme_backslide_item .main_theme_backslide_bottom{
	margin: 46px 0 0 21px;
}
#main_container .main_wrap{
	width: 960px;
	height: 411px;
	position:absolute;
	left: 50%;
	top: 0;
	margin-left: -480px;
}

#main{
	width: 960px;
	height: 411px;
	position: relative;
}

#main_text{
	position: absolute;
	left: 435px;
	top: -23px;
}

#main_date{
	position: absolute;
	left: 730px;
	top: 182px;
}

#main_3dsll{
	position: absolute;
	left: 144px;
	top: 6px;
}

#main_theme_img_top_wrap{
	position: absolute;
	left: 230px;
	top: 58px;
	width: 210px;
	height: 126px;
	overflow: hidden
}

#main_theme_img_top_body{
	width: 1890px;
	height: 126px;
	margin-left: 0px;
}

#main_theme_img_top_body .main_theme_img_top{
	float: left;
}


#main_theme_img_bottom_wrap{
	position: absolute;
	left: 251px;
	top: 230px;
	width: 168px;
	height: 126px;
	overflow: hidden;
}

#main_theme_img_bottom_body{
	width: 1512px;
	height: 126px;
	margin-left: 0px;
}

#main_theme_img_bottom_body .main_theme_img_bottom{
	float: left;
}
#container p.note{
	text-align:center;
	margin-bottom:50px;
}
.about{
	margin: 30px auto 27px auto;
	height: 42px;
	position:relative;
}
.about .themeBtn{
	margin-left: -182px;
}
.about .listsBtn{
	margin-left: 7px;
}
.about .update{
	margin:-17px 0 0 180px;
	position: absolute;
	left: 50%;
}
.about .campaignBtn{
	margin:70px 0 0 -360px;
	position: absolute;
	left: 50%;
}
.about .addMovie{
	margin-left:178px;
	position:absolute;
	top:4px;
	left:50%;
}
.about .themeBtn,
.about .listsBtn{
	position: absolute;
	left: 50%;
	width: 170px;
	height: 42px;
}


#limited{
	margin:0 auto;
	text-align:center;
}

#limited .inside{
	margin:20px auto 30px auto;
	position:relative;
}
#limited .inside a.btn01{
	position:absolute;
	top:10px;
	left:10px;
}
#limited .inside a.btn03{
	position:absolute;
	top:-2px;
	left:326px;
}

.content{
	padding-top:20px;
	overflow:hidden;
	border-top:1px solid #E8E8E8;
}
.content h2{
	margin: 0 0 13px 0;
	text-align: center;
}
.content .menu {
	margin-bottom: 20px;
	width: 100%;
	height: 368px;
	position: relative;
	background: url('../img/bg_content.png') repeat-x center top;
	color:black;
	z-index:1;
}
.content .menu .inner{
	margin: 0 auto;
	width: 902px;
	height: 100%;
	overflow: hidden;
}
.content .menu .cover{
	height: 342px;

}
.content .menu .cover a{
	color: black;
	display: block;
}
.content .menu .cover li span{
	display: block;
}
.content .menu .cover ul{
	float: left;
}

.content .menu .inner .tab{
	margin-left: 286px;
	position: absolute;
	top: -25px;
	left: 50%;
}
.content .menu .inner .prev{
	margin: -20px 0 0 -501px;
	position: absolute;
	left: 50%;
	top: 50%;
	height:38px;
	width:25px;
	overflow:hidden;
}
.content .menu .inner .next{
	margin: -20px 0 0 479px;
	position: absolute;
	left: 50%;
	top: 50%;
	height:38px;
	width:25px;
	overflow:hidden;
}
.content .menu .inner .indicator{
	margin-left: -258px;
	width: 491px;
	height: 45px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	background: url('../img/bg_indicator.png') no-repeat center top;
	text-align: center;
}
.content .menu .inner .indicator span{
	margin:19px 10px 0 0;
	width: 8px;
	height: 8px;
	float: left;
	background: url('../img/img_icon.png') no-repeat left top;
	cursor: pointer;
}
.content .menu .inner .indicator img{
	margin: 15px 15px 0 0;
}
.content .menu .inner .indicator span.current{
	background: url('../img/img_icon_cu.png') no-repeat left top;
}
.content .menu .inner .indicator .indiBox{
	margin-left: 39px;
	height:100%;
}
.content .menu .cover{
	padding: 21px 0px 5px 0px;
	width: 934px;
}
.content .menu .cover li{
	margin: 0 5px;
	float: left;
	position: relative;
	width: 170px;
}
.content .menu .cover .white{
	height: 203px;
	width: 170px;
	position: absolute;
	top: 0;
}
.content .menu .cover span.new{
	position:absolute;
	top:-14px;
	left:4px;
	width:44px;
	height:44px;
	display:block;
	background:url(../common/img/icon_new.png) no-repeat;
}
.content .menu .cover span.free{
	position:absolute;
	top:3px;
	left:4px;
	width:44px;
	height:44px;
	display:block;
	background:url(../common/img/icon_free.png) no-repeat;
}
.content .menu .cover span.free2{
	position:absolute;
	top:-15px;
	left:-8px;
	width:173px;
	height:217px;
	display:block;
	background:url(../common/img/icon_free2.png) no-repeat;
}
.content .menu .cover .image{
	margin-bottom: 8px;
}
.content .menu .cover .title{
	margin: 0 auto 9px;
	min-height: 30px;
	text-align: center;
	font-size: 92%;
	line-height: 1.25;
	display:table;
}
.content .menu .cover .title .name{
	display:table-cell;
	vertical-align:middle;
	text-align: center;
}
.content .menu .cover .date{
	text-align: center;
	font-size: 77%;
	line-height: 1.4;
}
.content .menu .cover:after,
.content .menu .inner .indicator:after {
	content: '';
	display: block;
	clear: both;
}