@charset "utf-8"; 

*{
font-size:12px; 
color:#ffffff; 
font-family: MS UI Gothic,ＭＳ Ｐゴシック, sans-serif,Osaka‐等幅, arial;
} 

body{
background-color:#000000;
}

div#wrap{
width:800px; 
margin:0 auto; 
background-color:#FFFFFF;
}

#main_title{
position:relative;
height:380px;
background:transparent url(img/bg01.jpg) no-repeat top left;
}

#main_title a#linktohd{
display:block;
width:150px;
height:60px;
position:absolute;
top:289px;
left:614px;
text-indent:-9999px;
}

#main_title_member{
position:relative;
height:380px;
background:transparent url(img/bg01_member.jpg) no-repeat top left;
}

#main_title_member a{
display:block;
width:50px;
height:50px;
text-indent:-9999px;
}

#main_title_member a#linktohd{
display:block;
width:150px;
height:60px;
position:absolute;
top:289px;
left:614px;
text-indent:-9999px;
}

#description{
position:relative;
height:270px;
background:transparent url(img/bg02.jpg) no-repeat top left;
}

#description a{
display:block;
width:338px;
height:42px;
position:absolute;
top:164px;
left:91px;
text-indent:-9999px;
background:transparent url(img/btn_milecheck.png) no-repeat 0px 0px;
}

#description a:hover{
background:transparent url(img/btn_milecheck.png) no-repeat 0px -42px;
}

#campaign{
position:relative;
height:174px;
background:transparent url(img/bg03.jpg) no-repeat top left;
}

#campaign div{
width:350px;
height:60px;
position:absolute;
top:109px;
left:99px;
text-align:center;
}

#campaign div p{
margin:0;
letter-spacing:0.1em;
line-height:1.2em;
}

#campaign div p a{
color:#FFFFFF;
text-decoration:underline;
}


#btn_area{
position:relative;
height:420px;
background:transparent url(img/bg04.jpg) no-repeat top left;
}

#btn_area{
position:relative;
height:420px;
background:transparent url(img/bg04.jpg) no-repeat top left;
text-align:center;
}

#wrap .btn_area_member{
position:relative;
height:310px;
background:transparent url(img/bg04.jpg) no-repeat top left;
}

#btn_area div{
width:550px;
margin:0 auto;
padding-top:30px;
}

#btn_area div a#btn_free{
display:block;
width:550px;
height:80px;
text-indent:-9999px;
margin-bottom:30px;
background:transparent url(img/btn_free.png) no-repeat 0px 0px;
}

#btn_area div a#btn_free:hover{
background:transparent url(img/btn_free.png) no-repeat 0px -80px;
}

#btn_area div a#btn_addpoint{
display:block;
width:550px;
height:80px;
text-indent:-9999px;
margin-bottom:30px;
background:transparent url(img/btn_addpoint.png) no-repeat 0px 0px;
}

#btn_area div a#btn_addpoint:hover{
background:transparent url(img/btn_addpoint.png) no-repeat 0px -80px;
}

#btn_area p{
text-align:left;
color:#000000;
width:508px;
border:1px dotted #000000;
padding:20px;
letter-spacing:0.1em;
line-height:1.2em;
}

*html #btn_area p{
width:548px;
}

*html #btn_area p.member{
width:508px;
}

#btn_area p a{
color:#ff00cc;
text-decoration:underline;
}