@charset "utf-8";

.book-window-container,
.movie-window-container{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 684px;
}
.movie-window-container h1{
	display: none;
}


.btn-close{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 42px;
	z-index: 2;
}
.btn-close a{
	margin: 0;
	padding: 0;
	display:block;
	background: url("../../images/btn-close.png") no-repeat 0 0;
	width: 100%;
	height: 41px;
	text-indent: -9999px;
	overflow: hidden;
}

.btn-close a:hover{
	background-position: 0 -41px;
}
.book-btn-close a:hover{
	background-position: 0 -45px;
}
.book-btn-close a{
	display:block;
	background: url("../../images/guidebook_btn_close.png") no-repeat 0 0;
	width: 100%;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}
.book-btn-close{
	margin: 0 0 0 283px;
	padding: 0 0 50px 0;
	position: absolute;
	width: 120px;
	z-index: 2;
}
.btn-back{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 27px;
	left: 20px;
	width: 70px;
	height: 21px;
	z-index: 1;
}
.btn-back a{
	display: block;
	background: url("../../images/btn-back_1.png") no-repeat 0 0;
	width: 70px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}


/**
 * Archive
 */
#MOVIE_ARCHIVES{
	display: none;
}
#Movie #Promotion h2{
	margin: 0 0 15px 0;
	padding: 0;
	width: 271px;
	height: 45px;
	background: url("../../images/m-t-1.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: none;
	position: relative;
	z-index: 2;
}
#Movie #TVCM h2{
	margin: 0 0 15px 0;
	padding: 0;
	width: 271px;
	height: 45px;
	background: url("../../images/m-t-2.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: none;
	position: relative;
	z-index: 2;
}
.movie-archives{
	margin: 0;
	padding: 80px 0 0 0;
}
.movie-archives ul{
	margin: 0 0 0 -40px;
	padding: 0;
	list-style: none;
	position: relative;
	zoom: 1;
}
.movie-archives li{
	margin: 0 0 0 40px;
	padding: 0;
	float: left;
	display: inline;
	width: 200px;
}
.movie-archives li a{
	display: block;
	border: #61b7bc 1px solid;
	width: auto;
}
.movie-archives li a:hover{
	border: #fff 1px solid;
}
.movie-archives:after,
.movie-archives ul:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.movie-item{
	margin: 0 0 20px 0;
	padding: 0;
	width: 200px;
}
.movie-item h3{
	margin: 0 0 5px 0;
	padding: 0;
}
.movie-window-container .guide{
	margin: 0;
	padding: 10px;
	border: #61b7bc 1px solid;
	clear: both;
}

/**
 * Player
 */
#MOVIE_DETAIL h1{
	margin: 0;
	padding: 0 0 5px 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.movie-player{
	margin: 0 auto 0 auto;
	padding: 70px 0 0 0;
	width: 525px;
}
.movie-player h3{
	margin: 0 0 5px 0;
	padding: 0;
	text-indent:-9999px;
	overflow: hidden;
}
#MOVIE01 h1{ background: url("../../images/m-3-t-wii.png") no-repeat 0 0; width: 516px; height: 16px; }
#MOVIE02 h1{ background: url("../../images/m-2-t-wii.png") no-repeat 0 0; width: 516px; height: 16px; }
#MOVIE03 h1{ background: url("../../images/m-1-t-wii.png") no-repeat 0 0; width: 516px; height: 16px; }
#CM01 h1{ background: url("../../images/cm-1-t-wii.png") no-repeat 0 0; width: 516px; height: 16px; }
#CM02 h1{ background: url("../../images/cm-2-t-wii.png") no-repeat 0 0; width: 516px; height: 16px; }
#CM03 h1{ background: url("../../images/cm-3-t-wii.png") no-repeat 0 0; width: 516px; height: 16px; }
.movie-player .update{
	display: none;
}
.movie-container{
	margin: 0;
	padding: 0 0 20px 0;
	background: url("../../images/movie-frame.png") no-repeat 0 0;
	width: 684px;
	height: 437px;
}
.movie{
	margin: 0;
	padding: 22px 21px;
}
.wii-movie-container{
	margin: 0;
	padding: 0;
	width:525px;
}

/**
 * Experience
 */
.movie-ex{
	margin: 0 0 10px 0;
	padding: 0 0 32px 0;
	clear: both;
}
.movie-ex:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.movie-ex-title {
	margin: 70px 0 52px 0;
	padding: 0;
	width: 650px;
	height: 35px;
	background: url("../../images/movie-ex-title.png") no-repeat 0 0;
}
.first-time-group{
	margin: 0 38px 0 0;
	padding: 0;
	float: left;
}
.first-time-group .thumbnail-1{
	margin: 18px 0 0 0;
	padding: 0;
	width: 200px;
}
.user-group{
	margin: 0;
	padding: 0;
}
.user-group .thumbnail-2{
	margin: 18px 20px 0 0;
	padding: 0;
	float: left;
}
.user-group .thumbnail-3{
	margin: 18px 0 0 0;
	padding: 0;
	width: 200px;
	float: left;
}
.movie-ex .update{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}
.movie-ex a{
	display: block;
	border: #61b7bc 1px solid;
	width: auto;
}
.movie-ex a:hover{
	border: #fff 1px solid;
}