@charset "UTF-8";



html,body{
	height: 100%;
}

h1{
	margin: 0 auto 3px;
	padding: 10px 0 0 0;
}

/*-------------------------------------------------------------------
	movie
---------------------------------------------------------------------*/
#popup_wrapper #movie{
	position: relative;
	width: 754px;
	margin: 0 auto;
	padding: 0 0 12px 0;
}
#popup_wrapper #movie .movie_box{
	position: relative;
	width: 700px;
	height: 394px;
	padding: 13px;
	background: url(../img/movie_bg.png) 0 0 no-repeat;
	margin: 0 auto 5px;
}
#popup_wrapper #movie .movie_box #movieframe{
	display: none;
}
#popup_wrapper #movie .movie_box .movie_noscript{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 498px;
	height: 92px;
	margin: auto;
}
.movie_pv01 {
	display: none;
}

/*-------------------------------------------------------------------
	thumb_area
---------------------------------------------------------------------*/
.thumb_area{
	margin: 0 auto 28px;
	width: 726px;
	position: relative;
	height: 233px;
}
.thumb_area ul{
	position: absolute;
	top: 0px;
	left: 0px;
}
.thumb_list01{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.thumb_list02{
	position: absolute;
	top: 0;
	left: 371px;
	cursor: pointer;
}
.thumb_list02 .update_new{
	position: absolute;
	top: -5px;
	left: -3px;
}

/*-------------------------------------------------------------------
	add_area
---------------------------------------------------------------------*/
.add_area{
	width: 258px;
	margin: 0 auto;
	-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.add_area:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	ms-filter: "alpha(opacity=75)";
}