@charset "UTF-8";

/* --------------------------------------------------
 02: Common Style
 -------------------------------------------------- */
body div#container {
	background-color: #000;
}
p.subtitle {
	margin-bottom: 10px;
}
h1 {
	margin: 0 0 19px 0;
}
p.outline {
	margin-bottom: 29px;
}
p.btm {
	margin-bottom: 10px;
}
p#copyright {
	text-align: right;
}
p.totop {
}
/*div#flashcontent {
	border-bottom: 1px solid #444;
}*/
/* --------------------------------------------------
 04: Sti Style
 -------------------------------------------------- */
body#sti div#wrap {
	border-bottom: 1px solid #333;
	margin-bottom: 5px;
}
body#sti div#contents {
	margin: 0 21px 30px 26px;
	padding: 28px 0 0 0;
	background: #000 url(../img/img_sti_bg.jpg) 0px 20px no-repeat; 
}
body#sti h1 {
	margin: 0 0 11px 0;
	padding: 0;
	border: none;
}
body#sti p.outline {
	margin-bottom: 19px;
}
div.movie_sti1 {
	position: relative;
	width: 581px;
	margin-bottom: 36px;
}
div.movie_sti2 {
	float: left;
	width: 581px;
	padding: 0;
}
div.movie_sti1 img#longmovie {
	position: absolute;
	top: 156px;
	left: 232px;
}
p.product_sti {
	float: right;
	width: 365px;
	margin: 25px 0 0 0;
}
/* --------------------------------------------------
 06: movie Style
 -------------------------------------------------- */
body#movie div#contents {
	width: 640px;
	margin: 0 auto 20px auto;
}
body#movie h1 {
	margin: 0 0 11px 0;
	padding: 0;
	border: none;
}
div.selectBox {
	border-bottom: 1px solid #808080;
	padding-top: 10px;
	margin-bottom: 15px;
}
div.selectBox.movie {
	border-bottom: 1px solid #808080;
	padding-top: 0;
	margin-bottom: 15px;
}
div.chapter h2 {
	width: 120px;
}
div.chapter {
	position: relative;
	height: 180px;
	margin-bottom: 15px;
	_zoom: 1;
	overflow: hidden;
}
div.chapter img#ch1 {
	position: absolute;
	top: 0;
	left: 129px;
}
div.chapter img#ch2 {
	position: absolute;
	top: 0;
	left: 259px;
}
div.chapter img#ch3 {
	position: absolute;
	top: 0;
	left: 389px;
}
div.chapter img#ch4 {
	position: absolute;
	top: 0;
	left: 519px;
}
div.chapter img#ch5 {
	position: absolute;
	top: 95px;
	left:0;
}
div.chapter img#ch6 {
	position: absolute;
	top: 95px;
	left: 129px;
}
div.chapter img#ch7 {
	position: absolute;
	top: 95px;
	left: 259px;
}
div.chapter img#ch8 {
	position: absolute;
	top: 95px;
	left: 389px;
}
div.chapter img#ch9 {
	position: absolute;
	top: 95px;
	left: 519px;
}
div.btmBox {
	padding-bottom: 30px;
}
div.btmBox p.digest {
	margin-bottom: 15px;
}
div.btmBox.movie2 {
	width: 467px;
	margin-bottom: 30px;
	background: #000 url(../img/btn_movie1.jpg) top left no-repeat;
	text-align: right;
}
p.movie_bg {
	background: #000 url(../img/img_sti_mori02.jpg) top right no-repeat;
}

/* clearfix
------------------------------------------------------------------*/
/* for Win IE */
.section,
.clrfix,
div#header	{ zoom: 1; }
/* for IE5 Mac start \*//*/
.section,
.clrfix,
div#header	{display: inline-table;}
/*for IE5 Mac end */
.section:after,
.clrfix:after,
div#header:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}