@charset "utf-8";
*{
	margin:0;
	padding:0;
	}
li{list-style:none;}
img{vertical-align:bottom;}
body{
	background: #000;
	margin: 0;
	padding: 0;
	/*overflow: hidden;
	position: relative;*/
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";
}

/* ===== PC用の設定 ===== */
@media screen and (min-width: 768px){

#wrap{
	width: 768px;
	margin: 0 auto;
	/*overflow: auto;*/
	position:relative;
}

/* 誕生日の月齢 */
#page_birth {
	background: url("../images/bg_top.png") no-repeat;

}
#common{
	height:124px;/*86px;*/
	width:608px;
	position:relative;
	margin:0 auto;
	}
#common ul{
	padding:29px 0;}
#common ul li{ float:left;}
/* 年 */
ul#year{
float:left;
}
	
	li#year1{

	}
	li#year2{

	}
	li#year3{

	}
	li#year4{

	}

		#btn_y{
			float:left;
			position:absolute;
			left:130px;/*246px;*/
			height:124px;
		}
			
			#btn_y #up{
				width:35px;
				height:35px;
				margin-top:-9px;
				background:url("../images/btn_up.png") no-repeat;
			}
			
			#btn_y #dwn{
				width:35px;
				height:35px;
				margin-top:77px;
				background:url("../images/btn_down.png") no-repeat;
			}



			
		#btn_y10{
			float:left;
			position:absolute;
			left:30px;/*246px;*/
			height:124px;
		}
			
		#btn_y10 #up{
			width:80px;
			height:35px;
			margin-top:-9px;
			background:url("../images/btn_up10.png") no-repeat;
		}
		
		#btn_y10 #dwn{
			width:80px;
			height:35px;
			margin-top:77px;
			background:url("../images/btn_down10.png") no-repeat;
		}

/* 月 */
ul#month{
float:left;
}
	
	li#month1{

	}
	li#month2{

	}

		#btn_m{
			float:left;
			position:absolute;
			left:314px; /* 246px; 138px */
			height:124px;
		}
			
			#btn_m #up{
				width:35px;
				height:35px;
				margin-top:-9px;
				background:url("../images/btn_up.png") no-repeat;
			}
			
			#btn_m #dwn{
				width:35px;
				height:35px;
				margin-top:77px;
				background:url("../images/btn_down.png") no-repeat;
			}

/* 日 */
ul#day{
float:left;
}
	
	li#day1{

	}
	li#day2{

	}

		#btn_d{
			float:left;
			position:absolute;
			left:472px; /* 384px 138px */
			height:124px;
		}
				
			#btn_d #up{
				width:35px;
				height:35px;
				margin-top:-9px;
				background:url("../images/btn_up.png") no-repeat;
			}
			
			#btn_d #dwn{
				width:35px;
				height:35px;
				margin-top:77px;
				background:url("../images/btn_down.png") no-repeat;
			}



.extra{
	height:67px;
}

.extra img{

}
.item{}
.item img{
	margin:22px 20px 0 10px ;}
/*誕生日の月齢02*/
#page_birth02 {

}


p#T_moon{

	
}

img#I_moon{

}

#btn_back{

}

/* 確認するボタン */
#btn_next{
text-align:center;
}

/*#btn_next{

}*/

#black_panel{

}

/* カレンダー */
#cal{
text-align:center;
margin:40px;
	}

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

#cal img{
	
}

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

#ui-datepicker-div {
text-decoration: none;
    left: 0px !important;
    position:relative !important;
    top: 0px !important;
    z-index: 1 !important;
	background-color:#000;
	margin:0 auto;
	width:768px !important;
}
.ui-datepicker-calendar{
	width:500px !important;
	background:#000;
	margin:0 auto;
}
div#btn_banner{
	text-align:center;
	margin:20px 10%;}
}