@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";
}

/* ===== スマートフォン用の設定 ===== */

@media screen and (min-width: 450px) and (max-width:767px) {
#wrap{
	width: 100%;
	margin: 0 auto;
	/*overflow: auto;*/
	position:relative;
}
#page_birth img{
	width: 100%;
}
/* 誕生日の月齢 */
#page_birth {
	background: url("../images/bg_top.png") no-repeat;

}
#common{
	height:180px;/*86px;*/
	width:80%;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	padding: 9px 0 0;
	}
#common ul{
	padding:29px 0;}
#common ul li{ float:left;}
/* 年 */
ul#year{
float:left;
width:46%;
}
ul#year .item{width:20%}
ul#year .item img{width:85%; margin:35% 5% 0 5%;}
	li#year1{
		width:19%
	}
	li#year1 img{width:100%;}
	li#year2{
		width:19%
	}
	li#year2 img{width:100%;}
	li#year3{
		width:19%
	}
	li#year3 img{width:100%;}
	li#year4{
		width:19%
	}
	li#year4 img{width:100%;}

		#btn_y{
			float:left;
			position:absolute;
			left:25%;/*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:8%;/*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;
width:25%;
}
ul#month .item{width:33%}
ul#month .item img{width:80%; margin:30% 5% 0 5%;}
	li#month1{width:33%}
	li#month1 img{width:100%;}
	li#month2{width:33%}
	li#month2 img{width:100%;}

		#btn_m{
			float:left;
			position:absolute;
			left:50%; /* 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;
width:25%;
}
ul#day .item{width:33%}
ul#day .item img{width:80%; margin:30% 5% 0 5%;}
	li#day1{width:33%}
	li#day1 img{width:100%}
	li#day2{width:33%}
	li#day2 img{width:100%}

		#btn_d{
			float:left;
			position:absolute;
			left:75%; /* 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{
	text-align:center;
	margin-top:-80px;
	margin-bottom:80px;
}
div#nav img{
	width:60%}

#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:90% !important;
}
.ui-datepicker-calendar{
	width:80% !important;
	background:#000;
	margin:0 auto;
}

div#btn_banner{
	text-align:center;
	margin:20px 10%;}
/*
div#btn_banner img{ width:100%;}
*/
}