@charset "utf-8";
/* CSS Document */
html{width:100%;}
body{
	background-color:#edeeee;
	width:100%;
}

#wrapper{
	width:100%;
	text-align:center;
	min-width:1024px;
}
#main{
	width:100%;
	background:url(../img/main.jpg) no-repeat center top;
	height:555px;
	position:relative;
}
#main p#share{
	margin:0 auto;
	width:945px;
	text-align:right;
	padding-top:7px;
}
#main p#share a{
	margin-left:7px;
}
#main a.premium{
	display:inline-block;
	top:214px;
	left:50%;
	margin-left:273px;
	position:absolute;
}
#main p#txt-onsale{
	width:100%; text-align:center;
	position:absolute;
	top:559px; left:0;
}

#movie{
	width:100%;
	background-color:#0a0a0a;
	margin-top:10px;
	height:188px;
	position:relative;
}
#movie #obi{
	width:1024px;
	background:url(../img/back-movie.jpg) no-repeat top center;
	margin:0 auto;
	position:relative;
	top:-10px;
	height:198px;
	position:relative;
	/*margin-top:215px;*/
}
#movie #obi table{
	margin:0 auto 35px;
}
#movie #obi table th,
#movie #obi table td{
	width:334px;
	text-align:center;
}
#movie #obi table td a.mv{
	padding:4px;
	background:#ffffff;
	display:inline-block;
	position:relative;
}
#movie #obi table td img.play{
	position:absolute;
	top:60px; left:120px;
}
#movie #obi #foot{
	background:url(../img/back-mv_button.jpg);
	width:860px; height:60px;
	margin:0 auto;
}
#movie #obi #foot p {
	text-align:right;
	padding:8px 141px 8px 0;
}
#movie #obi #foot p a{
	margin-left:9px;
}

#movie #obi td.download{
	padding-top:8px;
}
#movie #obi td.download a.cs{
	opacity:0.5;
	filter:alpha(opacity=50);
}

#shadow{
	width:1024px;
	margin:0 auto;
	background:url(../img/bg.jpg) repeat-y;
}

#contents{
	width:860px;
	margin-left:83px;
	overflow:visible;
	background:#fff;
} 
.section{
	padding-left:43px;
	padding-top:35px;
	position:relative;
	text-align:left;
}
.section p{
	margin:20px 0 45px;
}
.section ul.thumbnails:after{
	content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;

}
.section ul.thumbnails li{
	float:left;
	margin-left:3px;
}
.section ul.thumbnails li a{
	display:block;
	padding:2px;
	background:#c7c7c7;
}

.section#intro1{
	padding-bottom:0px;
	background:url(../img/intro1-back.jpg) no-repeat 0px top;
}

.section#intro2{
	padding-bottom:60px;
	background:url(../img/intro2-back.jpg) no-repeat 0px top;
}

.section#point1{
	padding-bottom:71px;
	background:url(../img/point1-back.jpg) no-repeat right top;
}

.section#point2{
	padding-top:40px;
	padding-bottom:64px;
	background:url(../img/point2-back.jpg) no-repeat right top;
}

.section#point3{
	padding-top:47px;
	padding-bottom:97px;
	background:url(../img/point3-back.jpg) no-repeat right top;
}

.section#point3 p{ margin-bottom:95px;}

p.btns{
	padding:50px 0 80px;
	width:860px;
}

#footer{
	height:90px;
	background-color:#000000;
	width:100%;
}
#footer #inner{
	height:100%;
	width:1024px;
	margin:0 auto;
	background:url(../img/back-footer.gif) no-repeat;
	position:relative;
}
#footer #inner a.gotop{
	position:absolute;
	right:103px;
	top:-25px;
}
#footer #inner p{
	margin:0 auto;
	padding-top:32px;
	width:820px;
	text-align:right;
}
#footer #inner p a{
	margin-left:7px;
}