@charset "utf-8";
/* CSS Document */
html{
margin:0px;
padding:0px;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #f32ea2;
}

body{
margin:0px;
padding:0px;
background:url(../images/bg_main.jpg) no-repeat top center #f32ea2;
}

#mantis{
width:800px;
height:1460px;
margin:0px auto;
padding:0px;
background:url(../images/bg_main.jpg) no-repeat -400px 0px;
}

h1{
width:540px;
height:140px;
margin:0px 260px 0px 0px;
padding:20px 0px 0px 0px;
background:url(../images/title.gif) no-repeat -0px 20px;
text-indent:-9999px;
}

h2{
width:540px;
height:30px;
margin:0px 260px 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:286px;
padding:0px 25px 0px 10px;
margin:0px 235px 0px 0px;
background:url(../images/about03.jpg) no-repeat -0px -0px;
text-indent:-9999px;
}

#privi{
width:550px;
float:left;
}

#btn{
width:250px;
margin:230px 0px 0px 0px;
float:left;
}

#privi00{
width:530px;
height:95px;
padding:10px 0px 0px 10px;
margin:0px 10px 0px 0px;
background:url(../images/privi00.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

#privi01{
width:530px;
height:185px;
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:160px;
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:215px;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
background:url(../images/privi03.gif) no-repeat -0px -0px;
text-indent:-9999px;
}

a#btn_profile{
width:240px;
height:125px;
display:block;
padding:0px;
margin:0px 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:300px;
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;
margin:50px 0px 0px 0px;
text-indent:-9999px;
}