@charset "UTF-8";

body.moon_calendar .article{
padding:15px 30px;
background:transparent url("/common/images/moon_calendar/article-bg.jpg") repeat-y left top;
}

body.moon_calendar .article-header{
/*background:transparent url("/common/images/moon/article-header.jpg") no-repeat left top;*/
}

body.moon_calendar .article .article-inner{
border:6px solid #e6e6e6;
padding:0;
margin:0 0 20px 0;
font-size:12px;
line-height:140%;
}

body.moon_calendar .article .article-inner.moon_rhythm{
background-color:#000;
color:#fff;
}

body.moon_calendar .article .article-inner.moon_rhythm .moon-notes{
padding:10px 15px 0;
}

.today_moon{
padding:10px 30px;
}
.today_moon em{
}

.next_moon{
margin-left:-15px;
text-align:center;
}
.next_moon .text{
display:block;
}
.next_moon .date{
font-size:14px;
}
.next_moon .time{
font-size:14px;
}

.today_astro{
font-size:14px;
margin:20px 0 20px;
}

.today_astro em{
font-size:30px;
font-style:normal;
color:#fcd475;
padding:0 3px;
}

.today_astro-attention{
font-size:14px;
line-height:140%;
}

body.moon_calendar .article .article-inner.moon_rhythm .moon-notes .next_astro{
float:left;
border-right:2px solid #454545;
/*width:205px;*/
padding:25px 20px 15px 0;
font-weight:bold;
color:#fcd475;
text-align:center;
margin:0 20px 10px 0;
}

body.moon_calendar .article .article-inner.moon_rhythm .moon-notes .next_astro em{
font-size:30px;
font-style:normal;
margin:0 2px;
}

body.moon_calendar .article .article-inner.moon_rhythm .moon-notes .next_astro-attention{
float:left;
color:#999;
width:260px;
font-size:10px;
margin:5px 0 0;
}

body.moon_calendar .article .article-inner.moon_rhythm h2.title{
background-color:#e6e6e6;
line-height:0;
padding:10px 15px 8px;
}
body.moon_calendar .article .article-inner.moon_calendar h2.title{
background-color:#e6e6e6;
line-height:0;
padding:9px 15px 10px;
}
body.moon_calendar .article .article-inner h2.title{
margin-bottom:0;
}

body.moon_calendar .article .article-inner h3.title{
color:#f76b05;
font-weight:bold;
margin-bottom:5px;
}

body.moon_calendar .article .article-inner h4.title{
border-top:2px solid #e6e6e6;
margin-bottom:0;
}

body.moon_calendar .article .article-inner h5.title{
margin-bottom:5px;
}

body.moon_calendar .article .article-inner .prg-color{
padding:10px;
background-color:#fef6e3;
}

body.moon_calendar .article .article-inner .astro-notes{
padding:20px;
}

body.moon_calendar .article .article-inner .illust{
margin-bottom:0;
}

body.moon_calendar .article .article-inner .text{
}

body.moon_calendar .article .article-inner .astro-outer{
padding:0 0 0 10px;
margin-right:-10px;
}

body.moon_calendar .article .article-inner .astro{
float:left;
width:170px;
margin:0 4px;
}

body.moon_calendar .article .article-inner.profile{
padding:12px 12px 0 115px;
}

body.moon_calendar .article .article-footer{
margin-top:-10px;
padding:0 0 5px;
}

/* ==================================================

	SIDE TOP

================================================== */

/* 
-------------------------------------------------- */
#parts-moon_calendar{
margin:20px 0;
background:url(/common/images/v2/moon-calendar-bg.png) no-repeat;
width:300px;
height:262px;
display:block;
position:relative;
}
#parts-moon_calendar .title span{display:none;}

#parts-moon_calendar .moon-img{
	background-color:#72716e;
	top:90px;
	position:absolute;
	width:100%;
}

#parts-moon_calendar .moon-img .today_moon{
	margin:0;
	padding:17px 20px 17px 40px;
	width:66px;
	float:left;
}

#parts-moon_calendar .moon-img .next_moon{
	color:#fff;
	font-size:14px;
	line-height:1.2;
	text-align:left;
	margin-top:33px;
}

#parts-moon_calendar .more{
	text-align:center;
	position:absolute;
	bottom:15px;
	left:43px;
	width:210px;
}

#parts-moon_calendar .more a{
	color:#fff;
	background-color:#2a2928;
	font-size:14px;
	width:210px;
	padding:13px 0;
	display:block;
}
#parts-moon_calendar .more a:hover{
	background-color:#a367a8;
	text-decoration:none;
}
#parts-moon_calendar .more a .common-img-v2{
	background-position:-840px -740px;
	padding:2px 23px 2px 0;
}
#parts-moon_calendar a.link {
	width: 270px;
	height: 150px;
	position: absolute;
	left: 15px;
	top: 95px;
}
#parts-moon_calendar a.link:hover {
	opacity: 0.8;
}

/* ==================================================

	SIDE PAGE

================================================== */

/* 
-------------------------------------------------- */
#secondary-page-parts .parts-moon_calendar-outer{
position:relative;
margin-bottom:1px;
}

#secondary-page-parts .parts-moon_calendar-outer:hover{
	opacity:0.8;
}

#secondary-page-parts .parts-moon_calendar{
}

#secondary-page-parts .parts-moon_calendar-outer .today_moon{
padding:0;
margin:0;
position:absolute;
top:17px;
left:166px;
}

#secondary-page-parts .parts-moon_calendar-outer .next_moon{
padding:0;
margin:0;
color:#fff;
font-size:12px;
position:absolute;
top:17px;
left:215px;
width:75px;
line-height:15px;
}

#secondary-page-parts .parts-moon_calendar-outer .next_moon .text{
font-size:11px;
}
#secondary-page-parts .parts-moon_calendar-outer .next_moon .date{
font-size:12px;
}
#secondary-page-parts .parts-moon_calendar-outer .next_moon .time{
font-size:10px;
}
