@charset "utf-8";
/* CSS Document */
html{
margin:0px;
padding:0px;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #ff6699;
}

body{
margin:0px;
padding:0px;
background:url(../images/bg_main.jpg) no-repeat top center #ff6699;
}

#main{
width:800px;
height:1710px;
margin:0px auto;
padding:0px;
background:url(../images/bg_main.jpg) no-repeat -400px 0px;
}

h1{
width:550px;
height:150px;
margin:0px 250px 0px 0px;
padding:20px 0px 0px 0px;
background:url(../images/title.gif) no-repeat -0px 20px;
text-indent:-9999px;
}

h2{
width:550px;
height:30px;
margin:0px 250px 0px 0px;
background:url(../images/date.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#about01{
width:530px;
height:159px;
margin:0px 260px 0px 10px;
background:url(../images/about01.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#about02{
width:530px;
height:60px;
margin:0px 260px 0px 10px;
background:url(../images/about02.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#about03{
width:530px;
height:270px;
margin:0px 260px 0px 10px;
background:url(../images/about03.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#privi_story{
width:550px;
float:left;
}

#btn{
width:250px;
margin:420px 0px 0px 0px;
float:left;
}

#privi00{
width:530px;
height:90px;
padding:10px 0px 0px 10px;
margin:0px 10px 0px 0px;
background:url(../images/privi00.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#date{
width:530px;
height:25px;
padding:0px 0px 0px 10px;
margin:0px 10px 0px 0px;
background:url(../images/date.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#privi01{
width:530px;
height:180px;
padding:0px 0px 0px 10px;
margin:0px 10px 0px 0px;
background:url(../images/privi01.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#privi02{
width:530px;
height:175px;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
background:url(../images/privi02.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#privi03{
width:530px;
height:240px;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
background:url(../images/privi03.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#story{
width:530px;
height:220px;
padding:0px 10px 0px 0px;
margin:10px 0px 0px 10px;
background:url(../images/story.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

a#btn_movie{
width:240px;
height:80px;
display:block;
padding:0px;
margin:0px 10px 0px 0px;
background:url(../images/btn_movie.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

a#btn_movie:hover , a#btn_movie:active{
background-position:-240px -0px;
}

a#btn_profile{
width:240px;
height:80px;
display:block;
padding:0px;
margin:10px 10px 0px 0px;
background:url(../images/btn_profile.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

a#btn_profile:hover , a#btn_profile:active{
background-position:-240px -0px;
}

a#btn_kurupon{
width:240px;
height:350px;
display:block;
padding:0px;
margin:10px 10px 0px 0px;
background:url(../images/btn_kurupon.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

a#btn_kurupon:hover , a#btn_kurupon:active{
background-position:-240px -0px;
}

#copy{
width:800px;
height:50px;
padding:50px 0px 0px 0px;
text-indent:-9999px;
}
