@charset "UTF-8";
/* CSS Document */


div.txt_deg { line-height: 1.0; }


div.box_pla {
	display: none;
}

/* ------------------ 600 ------------------ */

div.box_sun_600,
div.box_mon_600,
div.box_mcr_600,
div.box_vns_600,
div.box_mrs_600,
div.box_jpt_600,
div.box_stn_600,
div.box_urn_600,
div.box_npt_600,
div.box_plt_600
{
	width: 24px;
	height: 24px;
	position: absolute;
}

div#wrap_base_600 {
	width: 600px;
	height: 600px;
	position: relative;
	margin: auto;
	overflow: hidden !important;
} 
 
div#base_600 {
	width: 600px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

img#horo_600 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 29;
}

img#horo_600_2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 28;
}

div#center_600 {
	position: absolute;
	width: 168px;
	top: 216px;
	left: 216px;
	z-index: 31;
}

div#info_tl_600 {
	width: 96px;
	height: 72px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
}

div#info_tr_600 {
	width: 96px;
	height: 72px;
	text-align: left;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
}

div#info_bl_600 {
	width: 96px;
	height: 72px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
}

div#info_br_600 {
	width: 96px;
	height: 72px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
}

div#info_ct_600 {
	width: 120px;
	height: 30px;
	text-align: center;
	position: absolute;
	top: 210px; /* 600/2 - 120/2 - 30 */
	left: 240px; /* 600/2 - 120/2 */
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.1em;
}
div#info_cb_600 {
	width: 120px;
	height: 30px;
	text-align: center;
	position: absolute;
	top: 372px; /* 600/2 + 120/2 + 12(隙間) */
	left: 240px; /* 600/2 - 120/2 */
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.1em;
}

div#div_info_600 {	
	text-align: center;
	padding-top: 12px;
}
div#div_info_600 a {
	color: #fff;
	font-size: 100%;
	text-decoration: none;
}
div#div_info_600 a:hover { text-decoration: underline; }


/* ------------------ 500 ------------------ */

div.box_sun_500,
div.box_mon_500,
div.box_mcr_500,
div.box_vns_500,
div.box_mrs_500,
div.box_jpt_500,
div.box_stn_500,
div.box_urn_500,
div.box_npt_500,
div.box_plt_500
{
	width: 20px;
	height: 20px;
	position: absolute;
}

div#wrap_base_500 {
	width: 500px;
	height: 500px;
	position: relative;
	margin: auto;
	overflow: hidden !important;
} 
 
div#base_500 {
	width: 500px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

img#horo_500 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 29;
}

img#horo_500_2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 28;
}

div#center_500 {
	position: absolute;
	width: 140px;
	top: 180px;
	left: 180px;
	z-index: 31;
}

div#info_tl_500 {
	width: 80px;
	height: 60px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.1em;
}

div#info_tr_500 {
	width: 80px;
	height: 60px;
	text-align: left;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.1em;
}

div#info_bl_500 {
	width: 80px;
	height: 60px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.1em;
}

div#info_br_500 {
	width: 80px;
	height: 60px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.1em;
}

div#info_ct_500 {
	width: 100px;
	height: 25px;
	text-align: center;
	position: absolute;
	top: 175px; /* 500/2 - 100/2 - 25 */
	left: 200px; /* 500/2 - 100/2 */
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.1em;
}
div#info_cb_500 {
	width: 100px;
	height: 25px;
	text-align: center;
	position: absolute;
	top: 310px; /* 500/2 + 100/2 + 10(隙間) */
	left: 200px; /* 500/2 - 100/2 */
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.1em;
}


div#div_info_500 {
	text-align: center;
	padding-top: 5px;
}
div#div_info_500 a {
	color: #fff;
	font-size: 100%;
	text-decoration: none;
}
div#div_info_500 a:hover { text-decoration: underline; }


/* ------------------ 400 ------------------ */

div.box_sun_400,
div.box_mon_400,
div.box_mcr_400,
div.box_vns_400,
div.box_mrs_400,
div.box_jpt_400,
div.box_stn_400,
div.box_urn_400,
div.box_npt_400,
div.box_plt_400
{
	width: 16px;
	height: 16px;
	position: absolute;
}

div#wrap_base_400 {
	width: 400px;
	height: 400px;
	position: relative;
	margin: auto;
	overflow: hidden !important;
} 
 
div#base_400 {
	width: 400px;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

img#horo_400 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 29;
}

img#horo_400_2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 28;
}

div#center_400 {
	position: absolute;
	width: 112px;
	top: 144px;
	left: 144px;
	z-index: 31;
}

div#info_tl_400 {
	width: 64px;
	height: 48px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 8px;
	letter-spacing: 0.1em;
}

div#info_tr_400 {
	width: 64px;
	height: 48px;
	text-align: left;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 8px;
	letter-spacing: 0.1em;
}

div#info_bl_400 {
	width: 64px;
	height: 48px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	font-size: 8px;
	letter-spacing: 0.1em;
}

div#info_br_400 {
	width: 64px;
	height: 48px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #fff;
	font-size: 8px;
	letter-spacing: 0.1em;
}

div#info_ct_400 {
	width: 80px;
	height: 20px;
	text-align: center;
	position: absolute;
	top: 140px; /* 400/2 - 80/2 - 20 */
	left: 160px; /* 400/2 - 80/2 */
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
}
div#info_cb_400 {
	width: 80px;
	height: 20px;
	text-align: center;
	position: absolute;
	top: 248px; /* 400/2 + 80/2 + 8(隙間) */
	left: 160px; /* 400/2 - 80/2 */
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
}

div#div_info_400 {	
	text-align: center;
	padding-top: 8px;
}
div#div_info_400 a {
	color: #fff;
	font-size: 100%;
	text-decoration: none;
}
div#div_info_400 a:hover { text-decoration: underline; }



/* ------------------ 300 ------------------ */


div.box_sun_300,
div.box_mon_300,
div.box_mcr_300,
div.box_vns_300,
div.box_mrs_300,
div.box_jpt_300,
div.box_stn_300,
div.box_urn_300,
div.box_npt_300,
div.box_plt_300
{
	/*width: 6%;
	height: 6%;*/
	width: 12px;
	height: 12px;
	position: absolute;
}

div#wrap_base_300 {
	width: 300px;
	height: 300px;
	position: relative;
	margin: auto;	
	overflow: hidden !important;
} 
 
div#base_300 {
	width: 300px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

img#horo_300 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 29;
}

img#horo_300_2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 28;
}

div#center_300 {
	position: absolute;
	width: 84px;
	top: 108px;
	left: 108px;
	z-index: 31;
}

div#info_tl_300 {
	width: 48px;
	height: 36px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 6px;
	letter-spacing: 0.1em;
}

div#info_tr_300 {
	width: 48px;
	height: 36px;
	text-align: left;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 6px;
	letter-spacing: 0.1em;
}

div#info_bl_300 {
	width: 48px;
	height: 36px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	font-size: 6px;
	letter-spacing: 0.1em;
}

div#info_br_300 {
	width: 48px;
	height: 36px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #fff;
	font-size: 6px;
	letter-spacing: 0.1em;
}

div#info_ct_300 {
	width: 60px;
	height: 15px;
	text-align: center;
	position: absolute;
	top: 105px; /* 300/2 - 60/2 - 15 */
	left: 120px; /* 300/2 - 60/2 */
	color: #fff;
	font-size: 11px; /* 9? */
	letter-spacing: 0.1em;
}
div#info_cb_300 {
	width: 60px;
	height: 15px;
	text-align: center;
	position: absolute;
	top: 186px; /* 300/2 + 60/2 + 6(隙間) */
	left: 120px; /* 300/2 - 60/2 */
	color: #fff;
	font-size: 11px;
	letter-spacing: 0.1em;
}

div#div_info_300 {	
	text-align: center;
	padding-top: 6px;
}
div#div_info_300 a {
	color: #fff;
	font-size: 100%;
	text-decoration: none;
}
div#div_info_300 a:hover { text-decoration: underline; }


/* ------------------ ls ------------------ */

/*600*/
div#base_600 div.wrap_moon {
	position: relative;
	width: 120px;
	height: 120px;
	top: 240px; /* 600/2 - 120/2 */
	left: 240px;
}

/*500*/
div#base_500 div.wrap_moon {
	position: relative;
	width: 100px;
	height: 100px;
	top: 200px; /* 500/2 - 100/2 */
	left: 200px;
}

/*400*/
div#base_400 div.wrap_moon {
	position: relative;
	width: 80px;
	height: 80px;
	top: 160px; /* 400/2 - 80/2 */
	left: 160px;
}

/*300*/
div#base_300 div.wrap_moon {
	position: relative;
	width: 60px;
	height: 60px;
	top: 120px; /* 300/2 - 60/2 */
	left: 120px;
}