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

#wrapper{
	width:100%;
	text-align:center;
}
#main{
	width:100%;
	background:url(../img/ryu_HD_landing_01.jpg) no-repeat center top;
	height:563px;
	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:245px;
	left:50%;
	margin-left:202px;
	position:absolute;
}
#main #thebest{
	top:216px;
	left:50%;
	margin-left:-390px;
	position:absolute;
}

#movie{
	width:100%;
	background-color:#800000;
	margin-top:10px;
	height:553px;
	position:relative;
}
#movie #obi{
	width:1024px;
	background:url(../img/back-movie.jpg) no-repeat top center;
	margin:0 auto;
	position:relative;
	top:-10px;
	height:563px;
	position:relative;
	/*margin-top:215px;*/
}
#movie #obi a.mv{
	position:absolute;
	width:241px;
	height:150px;
	display:block;
}
#movie #obi a.mv0{
	top:266px;
	left:392px;
}
#movie #obi a.mv1{
	top:60px;
	left:118px;
}
#movie #obi a.mv2{
	top:60px;
	left:392px;
}
#movie #obi a.mv3{
	top:60px;
	left:666px;
}
#movie #obi a.mv img.maru{
	position:absolute;
	top:-19px; left: -19px;
}
#movie #obi a.btn{
	position:absolute;
	width:188px;
	height:45px;
	display:block;
	bottom:29px;
}
#movie #obi a.btn1{
	left:419px;
}
#movie #obi a.btn2{
	left:614px;
}

#movie #obi a.download{
	position:absolute;
	width:299px;
	text-align:center;
	top:427px;
	left:363px;
}

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

#contents{
	width:820px;
	margin:0 auto;
	overflow:visible;
} 
.section{
	position:relative;
	width:827px;
	background-repeat:no-repeat;
	text-align:left;
}
.section p{
	padding-top:12px;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:24px;
	color:#000000;
	width:350px;
	text-align:justify;
	text-justify:inter-cluster;
}
#sec1{
	background-image:url(../img/sec1.jpg);
	height:299px;
}

#sec2{
	background-image:url(../img/sec2.jpg);
	height:338px;
}

#sec3{
	background-image:url(../img/sec3.jpg);
	height:595px;
}
#sec3 p{
	width:820px;
}

#sec4{
	background-image:url(../img/sec4.jpg);
	height:283px;
}

#sec5{
	background-image:url(../img/sec5.jpg);
	height:282px;
}

#sec6{
	background-image:url(../img/sec6.jpg);
	height:245px;
}

#special{
	background-image:url(../img/special.jpg);
	width:846px;
	height:403px;
	left:-19px;
	margin-bottom:45px;
}
#special p{
	color:#ffffff;
	width:435px;
	padding-top:174px;
	padding-left:25px;
}

p.btns{
	padding-bottom:80px;
}

#footer{
	height:90px;
	background-color:#000000;
	width:100%;
}
#footer #inner{
	height:100%;
	width:1024px;
	margin:0 auto;
	background:url(../img/back-footer.jpg) 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;
}