@charset "Shift_JIS";

/* =========================================================
	common
========================================================= */
html,
body { height: 100%; }
body#movie {
	background: url(../../common/img/bg.gif) repeat 50% 0px;
	text-align: center;
	min-width: 780px;
}



/* =========================================================
	movieContainer
========================================================= */
#movieContainer {
	margin: 0px auto;
	width: 780px;
	padding: 13px 0px 15px;
}



/* =========================================================
	movieHeader
========================================================= */
#movieHeader {
	text-align: left;
	height: 35px;
}

#movieHeader ul.btnLogo {
	overflow: hidden;
	zoom: 1;
}
#movieHeader ul.btnLogo li.logoNintendo {
	line-height: 0px;
	float: left;
	padding-left: 20px;
	width: 71px;
}
#movieHeader ul.btnLogo li.logo3ds {
	line-height: 0px;
	float: right;
	padding-right: 14px;
	width: 154px;
}



/* =========================================================
	movieContent
========================================================= */
#movieContent {
	background: url(../img/bg.gif) no-repeat 50% 50%;
	text-align: left;
	margin: 0px auto;
	height: 580px;
	width: 750px;
}
#movieContentBody {
        background: url(../img/bg_circle.png) no-repeat scroll 368px 206px transparent;
	height: 465px;
	position: relative;
	padding: 55px 55px 60px;
}
#movieContentBody .close {
	height: 55px;
	width: 51px;
	position: absolute;
	top: -3px;
	right: 2px;
}

#movieMainContent {
	position: relative;
	width: 640px;
	margin-top: -20px;
}
#movieMainContent h1 { height: 70px; }
#movieMainContent .back {
	height: 30px;
	width: 147px;
	position: absolute;
	top: 10px;
	right: 0px;
}
#movieMainContent .boxWraper {
	zoom: 1;
	position: relative;
}

#movieMainContent .boxWraper2 {
	zoom: 1;
	position: relative;
}
	
}
#movieMainContent .boxLeft {
	float: left;
	width: 121px;
}
#movieMainContent .boxRight {
	float: right;
	width: 502px;
}
	

#movieMainContent .comingsoon {
	background: url(../img/movie_comingsoon_bg.gif) no-repeat 0px 0px;
	height: 263px;
	width: 502px;
}

#movieMainContent #movieVideo {
	text-align: center;
	width: 640px;
	overflow: hidden;
}
#movieMainContent #movieVideoIn{ width: 640px; }

#movieMainContent #movieSP { padding-top: 65px; }

#boxWraper{
padding-top:20px;
padding-left:33px;
padding-bottom:180px;
}

#boxWraper li{
margin-right: 45px;
float: left;
position: relative;
}

#boxWraper .last{
margin-right: 0;
}

#boxWraper2{
padding-top:20px;
padding-left:140px;
padding-bottom:180px;
}

#boxWraper2 li{
margin-right: 45px;
float: left;
position: relative;
}

#boxWraper2 .last{
margin-right: 0;
}

.newIcon{position:absolute;left:-15px;top:-20px;}


/* =========================================================
	common style
========================================================= */
#movieContentBody .mt18 { margin-top: 18px !important; }

#movieContentBody .pt6 { padding-top: 6px !important; }


#taxmovienote{
	color: #666;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
	position: absolute;
	left: 50%;
	top:490px;
	width: 700px;
	margin-left: -350px;
}