@charset "UTF-8";

/*----------------------------------------------------------

common

----------------------------------------------------------*/
.new {
	display: block;
	background: url(../img/new.png) top left no-repeat;
	width: 52px;
	height: 22px;
	text-indent: -9999px;
	display:none;
}

.frame_middle {
	min-height: 200px;
}

/*----------------------------------------------------------

#nav

----------------------------------------------------------*/
#sub_nav {
	position: absolute;
	width: 252px;
	margin-top: 156px;
	margin-left: 8px;
	padding-bottom: 400px;
}

#sub_nav ul {
	padding: 4px 30px 8px;
}

#sub_nav li {
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
}

#sub_nav li:last-child {
	margin-bottom: 0px;
}

#sub_nav li span.new {
	position: absolute;
	left: -48px;
	top: 3px;
}

#sub_nav li p,
#sub_nav li a {
	display: block;
	background: url(../img/movie_nav.png) top left no-repeat;
	width: 196px;
	height: 27px;
	text-indent: -9999px;
}

/* teaser */
#sub_nav li.teaser p,
#sub_nav li.teaser a {
	background-position: -0px -0px;
}
#sub_nav li.teaser a:hover,
#sub_nav li.teaser a.selected {
	background-position: -196px -0px;
}
#sub_nav li.teaser .new {
	visibility: hidden;
}

/* promotion */
#sub_nav li.promotion p,
#sub_nav li.promotion a {
	background-position: -0px -27px;
}
#sub_nav li.promotion a:hover,
#sub_nav li.promotion a.selected {
	background-position: -196px -27px;
}
#sub_nav li.promotion .new {
	visibility: visible;
}

/*----------------------------------------------------------

#main_content

----------------------------------------------------------*/
#main_content {
	position: absolute;
	width: 720px;
	padding-top: 14px;
	padding-left: 266px;
}

/*----------------------------------------------------------

#promotion

----------------------------------------------------------*/
#teaser .frame_middle {
	height: 360px;
}

#teaser #main_content h2 {
	margin-left: 2px;
}

#teaser #main_content #summary {
	padding-top: 16px;
}

#teaser #main_content #content01 {
	position: relative;
	margin-bottom: 0px;
}

#teaser #main_content #content01 iframe {
	margin-left: 60px;
}

#teaser #main_content h2 {
	background: url(../img/movie_teaser_cap.png) top left no-repeat;
	width: 439px;
	height: 94px;
	text-indent: -9999px;
}

/*----------------------------------------------------------

#promotion

----------------------------------------------------------*/
#promotion .frame_middle {
	height: 360px;
}

#promotion #main_content h2 {
	margin-left: 2px;
}

#promotion #main_content #summary {
	padding-top: 16px;
}

#promotion #main_content #content01 {
	position: relative;
	margin-bottom: 0px;
}

#promotion #main_content #content01 iframe {
	margin-left: 60px;
}

#promotion #main_content h2 {
	background: url(../img/movie_promotion_cap.png) top left no-repeat;
	width: 588px;
	height: 96px;
	text-indent: -9999px;
}

/*----------------------------------------------------------

#trailer

----------------------------------------------------------*/

#trailer_vid_box {
	top: 0px;	
	left: 20px;
	position: relative;
	z-index: 100;
}

/* make the video stretch to fill the screen in WebKit */
 :-webkit-full-screen #trailer_vid {
	width: 100%;
	height: 100%;
 }