@charset "utf-8";

body{
background: #000;
margin: 0;
padding: 0;
/*overflow: hidden;*/
position: relative;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";
}


/*誕生日の月齢*/

#page_birth {
background: url("../images/bg_top.png") 0 0 no-repeat;
width: 768px;
height: 1024px;
margin:0;
padding:0;
position: absolute;

}

#page_birth #year{
height: 115px;
width: 160px;
position: absolute;
top: 580px;
left: 70px;
}

#page_birth  #year1{
height: 67px;
width: 50px;
position: absolute;
left: 0px;
background-repeat:no-repeat;
}
#page_birth  #year2{
height: 67px;
width: 50px;
position: absolute;
left: 60px;
background-repeat:no-repeat;
}
#page_birth  #year3{
height: 67px;
width: 50px;
position: absolute;
left: 120px;
background-repeat:no-repeat;
}
#page_birth  #year4{
height: 67px;
width: 50px;
position: absolute;
left: 180px;
background-repeat:no-repeat;
}


#page_birth  #btn_y{
height: 155px;
width: 34px;
position: absolute;
top: 540px;
left: 190px;
cursor: pointer;
}

#page_birth  #btn_y #up{
height: 24px;
width: 34px;
position: absolute;
top: 0;
left:0;
background:url("../images/btn_up.png") no-repeat;
}

#page_birth  #btn_y #dwn{
height: 24px;
width: 34px;
position: absolute;
bottom: 0;
left:0;
background:url("../images/btn_down.png") no-repeat;
}


#page_birth  #month{
height: 115px;
width: 80px;
position: absolute;
top: 580px;
left: 364px;

}

#page_birth  #month1{
height: 67px;
width: 50px;
position: absolute;
left: 0px;
background-repeat:no-repeat;
}
#page_birth  #month2{
height: 67px;
width: 50px;
position: absolute;
left: 60px;
background-repeat:no-repeat;
}



#page_birth  #btn_m{
height: 155px;
width: 34px;
position: absolute;
top: 540px;
left: 400px;
cursor: pointer;
}

#page_birth  #btn_m #up{
height: 24px;
width: 34px;
position: absolute;
top: 0;
background:url("../images/btn_up.png") no-repeat;
}

#page_birth  #btn_m #dwn{
height: 24px;
width: 34px;
position: absolute;
bottom: 0;
background:url("../images/btn_down.png") no-repeat;
}

#page_birth  #day{
height: 115px;
width: 80px;
position: absolute;
top: 580px;
left: 540px;
}

#page_birth  #day1{
height: 67px;
width: 50px;
position: absolute;
left: 0px;
background-repeat:no-repeat;
}
#page_birth  #day2{
height: 67px;
width: 50px;
position: absolute;
left: 60px;
background-repeat:no-repeat;
}


#page_birth  #btn_d{
height: 155px;
width: 34px;
position: absolute;
top: 540px;
left: 580px;
cursor: pointer;
}

#page_birth  #btn_d #up{
height: 24px;
width: 34px;
position: absolute;
top: 0;
background:url("../images/btn_up.png") no-repeat;
}

#page_birth  #btn_d #dwn{
height: 24px;
width: 34px;
position: absolute;
bottom: 0;
background:url("../images/btn_down.png") no-repeat;
}



/*誕生日の月齢02*/
#page_birth02 {
top:0;
left:0;
background:#eee;
width: 768px;
height: 1024px;
display: none;
position: absolute;
z-index:100;
}


p#T_moon{
text-align: center;
font-size: 38px;
color: #f7fbfe;
line-height: 44px;
position:absolute;

left: 0px;
z-index: 120;
top: 670px;
width: 768px;

}
/*
img#I_moon{
position:absolute;
top: 0;
left: 0;
/*z-index: 110;*/
z-index: -1;
width: 768px;
height: 1024px;
}
*/

#btn_back{
display:block;
width: 218px;
height: 65px;
background: url("../images/btn_back.png") no-repeat;

position: absolute;
top: 850px;
left: 275px;
z-index: 110;
}

#btn_next{

width: 218px;
height: 65px;
background: url("../images/btn_next.png") no-repeat;

position: absolute;
top: 850px;
left: 275px;
border: none;
cursor:pointer;
}

#black_panel{
background:#000;
width: 768px;
height:1024px;
z-index:1000;
position:absolute;
left:0;
display: none;
}


#cal{
height: 10px;
width: 10px;
position: absolute;
top: 740px;
left: 220px;

}

#cal img{
cursor: pointer;
}

div#nav{
display:block;
position:absolute;
left:180px;
top:304px;
width: 406px;
height:23px;
background-image: url(images/txt_nyuryoku.png);
}