@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	perseus Information
	
	new released : October 17, 2011
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
body{color:#fff;background: url(../img/bg.gif) 0 0 repeat;background-size: 320px 702px;-webkit-background-size: 320px 702px;-moz-background-size: 320px 702px;-ms-background-size: 320px 702px;-o-background-size: 320px 702px;}

/* -------------------------------------------------------------------------------------
  CONTAINERS
------------------------------------------------------------------------------------- */
.star-board{width:95%;margin:10px auto;padding:8px 0;position:relative;text-align:center;}
.star-board:before,.star-board:after{content:"★";position:absolute;}
.star-board:before{top:0;left:0;}.star-board:after{top:0;right:0;}
.star-board p{margin:0 20px;padding:15px;border-top:dotted 1px #fff;border-bottom:dotted 1px #fff;line-height:130%;background:rgba(255,255,255,.2);
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(5%,rgba(255,255,255,0)),color-stop(5%,rgba(255,255,255,.15)),color-stop(95%,rgba(255,255,255,.15)),color-stop(95%,rgba(255,255,255,0)),to(rgba(255,255,255,0)));
background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0) 5%,rgba(255,255,255,.15) 5%,rgba(255,255,255,.15) 95%,rgba(255,255,255,0) 95%,rgba(255,255,255,0));
background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0) 5%,rgba(255,255,255,.15) 5%,rgba(255,255,255,.15) 95%,rgba(255,255,255,0) 95%,rgba(255,255,255,0));
background:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0) 5%,rgba(255,255,255,.15) 5%,rgba(255,255,255,.15) 95%,rgba(255,255,255,0) 95%,rgba(255,255,255,0));
background:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0) 5%,rgba(255,255,255,.15) 5%,rgba(255,255,255,.15) 95%,rgba(255,255,255,0) 95%,rgba(255,255,255,0));
}
.star-board p:before,.star-board p:after{content:"★";position:absolute;}.star-board p:before{bottom:0;left:0;}.star-board p:after{bottom:0;right:0;}
.star-grp-title{clear:both;
background:10px center no-repeat,-webkit-gradient(linear,right top,left bottom,from(#303030),color-stop(.05,#303030),color-stop(.05,transparent),color-stop(.45,transparent),color-stop(.45,#303030),color-stop(.55,#303030),color-stop(.55,transparent),color-stop(.95,transparent),color-stop(.95,#303030),to(#303030)),-webkit-gradient(linear,left top,left bottom,from(#5e5e5e),color-stop(3%,#505050),to(#2f2f2f));
background:10px center no-repeat,-webkit-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-webkit-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background:10px center no-repeat,-moz-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-moz-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background:10px center no-repeat,-ms-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-ms-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background:10px center no-repeat,-o-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-o-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background-size:30px 30px,5px 5px,100% 100%;-webkit-background-size:30px 30px,5px 5px,100% 100%;-moz-background-size:30px 30px,5px 5px,100% 100%;-ms-background-size:30px 30px,5px 5px,100% 100%;-o-background-size:30px 30px,5px 5px,100% 100%;
box-shadow:rgba(0,0,0,.7)0 2px 2px;-webkit-box-shadow:rgba(0,0,0,.7)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.7)0 2px 2px;-ms-box-shadow:rgba(0,0,0,.7)0 2px 2px;-o-box-shadow:rgba(0,0,0,.7)0 2px 2px;
}
.star-grp-title p{
	text-align: center;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	line-height:32px;
	color:#FFF;
	text-shadow: 2px 2px 2px #000;}
.star-grp-title p.col-yl{
	color: #FF0;
}
.star-section-title{margin:10px 0 0 0;
background:url(../img/icon_title.png) 10px center no-repeat;
background-size:30px 30px,5px 5px,100% 100%;
-webkit-background-size:30px 30px,5px 5px;
-moz-background-size:30px 30px,5px 5px;
-ms-background-size:30px 30px,5px 5px,;
-o-background-size:30px 30px,5px 5px;
box-shadow:rgba(0,0,0,.7)0 2px 2px;
-webkit-box-shadow:rgba(0,0,0,.7)0 2px 2px;
-moz-box-shadow:rgba(0,0,0,.7)0 2px 2px;
-ms-box-shadow:rgba(0,0,0,.7)0 2px 2px;
-o-box-shadow:rgba(0,0,0,.7)0 2px 2px;
}


.star-section-title-wr {
background:10px center no-repeat,-webkit-gradient(linear,right top,left bottom,from(#303030),color-stop(.05,#303030),color-stop(.05,transparent),color-stop(.45,transparent),color-stop(.45,#303030),color-stop(.55,#303030),color-stop(.55,transparent),color-stop(.95,transparent),color-stop(.95,#303030),to(#303030)),-webkit-gradient(linear,left top,left bottom,from(#5e5e5e),color-stop(3%,#505050),to(#2f2f2f));
background:10px center no-repeat,-webkit-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-webkit-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background:10px center no-repeat,-moz-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-moz-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background:10px center no-repeat,-ms-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-ms-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background:10px center no-repeat,-o-linear-gradient(-135deg,#303030,#303030 5%,transparent 5%,transparent 45%,#303030 45%,#303030 55%,transparent 55%,transparent 95%,#303030 95%,#303030),-o-linear-gradient(top,#5e5e5e,#505050 3%,#2f2f2f);
background-size:30px 30px,5px 5px,100% 100%;-webkit-background-size:30px 30px,5px 5px,100% 100%;-moz-background-size:30px 30px,5px 5px,100% 100%;-ms-background-size:30px 30px,5px 5px,100% 100%;-o-background-size:30px 30px,5px 5px,100% 100%;
box-shadow:rgba(0,0,0,.7)0 2px 2px;-webkit-box-shadow:rgba(0,0,0,.7)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.7)0 2px 2px;-ms-box-shadow:rgba(0,0,0,.7)0 2px 2px;-o-box-shadow:rgba(0,0,0,.7)0 2px 2px;
}

.star-section-title p{padding-left:50px;font-size:20px;line-height:38px;color:#f6ff00;text-shadow: 2px 2px 2px #000;}
.star-section-title p.star-sub{padding-top:3px;font-size:12px;line-height:14px;color:#fff;text-shadow:none;}
.star-section-title p.star-title{padding-bottom:5px;font-size:17px;line-height:17px;}

div.content-label-grch2 {
	background: #c6ddf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#454545));
	background: -webkit-linear-gradient(top, #5a5a5a, #454545);
	background: -moz-linear-gradient(top, #5a5a5a, #454545);
	background: -ms-linear-gradient(top, #5a5a5a, #454545);
	background: -o-linear-gradient(top, #5a5a5a, #454545);
	background: linear-gradient(top, #5a5a5a, #454545);
	border-top: solid 1px #999; 
	border-bottom: solid 1px #333;
	position: relative;
}
div.content-label-grch2 p { padding: 0 0 0 13px; color: #fff; font-weight: bold; font-size: 15px; line-height: 23px; font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); text-align: left; }
div.content-label-grch2:after {
	width: 3px; height: 15px; content: ""; position: absolute; top: 4px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#a5a5a5));
	background: -webkit-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -moz-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -ms-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -o-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: linear-gradient(top, #f1f1f1, #a5a5a5);
}

/* -------------------------------------------------------------------------------------
  BUTTONS
------------------------------------------------------------------------------------- */
ul.star-btn{width:95%;margin:5px auto 20px;list-style-type:none;}
ul.star-btn li{display:block;line-height:46px;margin-bottom:3px;background:#0014f8;
background:-webkit-gradient(linear,left top,left bottom,from(#00021e),color-stop(.25,#000a68),color-stop(.50,#0014f8),color-stop(.75,#002eff),to(#00a9ff));
background:-webkit-linear-gradient(top,#00021e,#000a68 25%,#0014f8 50%,#002eff 75%,#00a9ff);
background:-moz-linear-gradient(top,#00021e,#000a68 25%,#0014f8 50%,#002eff 75%,#00a9ff);																																			
background:-ms-linear-gradient(top,#00021e,#000a68 25%,#0014f8 50%,#002eff 75%,#00a9ff);
background:-o-linear-gradient(top,#00021e,#000a68 25%,#0014f8 50%,#002eff 75%,#00a9ff);
box-shadow:rgba(255,255,255,.7)0 1px 1px;
}
ul.star-btn li a{padding:0 23px;text-shadow:rgba(0,0,0,.7)0 -1px 1px;display:block;color:#fff;background: url(../img/btn_icon.png) 5px center no-repeat,url(../../../img/arrow_white.png) 98% center no-repeat;background-size:15px 15px,8px 13px;-webkit-background-size:15px 15px,8px 13px;-moz-background-size:10px 10px,8px 13px;-ms-background-size:10px 10px,8px 13px;-o-background-size:10px 10px,8px 13px;
box-shadow:inset rgba(255,255,255,.8)0 0 10px;-webkit-box-shadow:inset rgba(255,255,255,.8)0 0 10px;-moz-box-shadow:inset rgba(255,255,255,.8)0 0 10px;-ms-box-shadow:inset rgba(255,255,255,.8)0 0 10px;-o-box-shadow:inset rgba(255,255,255,.8)0 0 10px;
}


/* -------------------------------------------------------------------------------------
  hoshizora-report.html
------------------------------------------------------------------------------------- */
ul.hoshi-repo { list-style-type: none; clear: both; }
ul.hoshi-repo li { height: 77px; border-top: solid 1px #cacdfb; border-bottom: solid 1px #5dabb7; display: block;
background:-webkit-gradient(linear,left top,left bottom,from(#8089fc),color-stop(.20,#00065a),color-stop(.75,#0014f8),to(#00a9ff));
background:-webkit-linear-gradient(top,#8089fc,#00065a 20%,#0014f8 75%,#00a9ff);
background:-moz-linear-gradient(top,#8089fc,#00065a 20%,#0014f8 75%,#00a9ff);																																			
background:-ms-linear-gradient(top,#8089fc,#00065a 20%,#0014f8 75%,#00a9ff);
background:-o-linear-gradient(top,#8089fc,#00065a 20%,#0014f8 75%,#00a9ff);
box-shadow:rgba(255,255,255,.7)0 1px 1px;}
ul.hoshi-repo li a { width: 100%; height: 100%; display: block; background: url(../../../img/arrow_white.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px; vertical-align: top; }
ul.hoshi-repo li a div.title { font-size: 16px; padding: 8px 20px 1px 5px; color: #fff; }
ul.hoshi-repo li a div.detail { font-size: 14px; line-height: 14px; color: #fff; padding: 3px 20px 0 0; }
ul.hoshi-repo li a div.title-clock { font-size: 16px; background: url(../../hoshizora/img/icon_clock.png) 75px bottom no-repeat; padding: 9px 20px 1px 95px; color: #0026a0; }

ul.hoshi-repo li a div.photo,ul.nav-repo li a div.photo-no{width:60px;height:60px;margin:5px;float:left;border:solid 3px #fff;-moz-box-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 1px 2px rgba(0,0,0,.6);overflow:hidden;}ul.hoshi-repo li a div.photo img,ul.nav-repo li a div.photo-no img{width:60px;height:60px;}ul.hoshi-repo li a div.photo-no{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

ul.nav-row1-blue { list-style-type: none; clear: both; }
ul.nav-row1-blue li {
	background: -webkit-gradient(linear, left top, left bottom, from(#00F), to(#039));
	background: -webkit-linear-gradient(top, #00F, #039);
	background: -moz-linear-gradient(top, #00F, #039);
	background: -ms-linear-gradient(top, #00F, #039);
	background: -o-linear-gradient(top, #00F, #039);
	background: linear-gradient(top, #00F, #039);
	border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block; position: relative;
}

ul.nav-row1-blue li a{color:#fff; padding: 0 22px 0 10px; height: 100%; display: block; background: url(../../../img/arrow_white.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px; vertical-align: top; font-size: 16px; line-height: 40px; position: relative; }

ul.nav-row1-glass2{
	margin:0 auto;
	width: 95%;
}
ul.nav-row1-glass2 li{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
ul.nav-row1-glass,ul.nav-row1-glass2{ list-style-type: none; clear: both; }
ul.nav-row1-glass li,ul.nav-row1-glass2 li{
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)),to(rgba(51,51,51,.4)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -moz-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -ms-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -o-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.44));
	background: linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	border-top: solid 1px #b5b5b5;	
	border-bottom: solid 1px #666666;
	border-left: solid 1px #757d8a;
	border-right: solid 1px #757d8a;
	line-height: 38px;
}
ul.nav-row1-glass .down a,
ul.nav-row1-glass .arrow a,
ul.nav-row1-glass .back a,
ul.nav-row1-glass2 .arrow a,
ul.nav-row1-glass2 .down a,
ul.nav-row1-glass2 .back a{color:#fff; padding: 0 22px 0 10px; height: 100%; display: block; background: vertical-align: top; position: relative; }

ul.nav-row1-glass .down a,ul.nav-row1-glass2 .down a{background: url(../../../img/arrow_down_white.png) 98% center no-repeat;background-size:13px 8px;-webkit-background-size:13px 8px;-moz-background-size:13px 8px;-ms-background-size:13px 8px;-o-background-size:13px 8px;}
ul.nav-row1-glass .arrow a,ul.nav-row1-glass2 .arrow a{background: url(../../../img/arrow_white.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}
ul.nav-row1-glass .back a,ul.nav-row1-glass2 .back a{background: url(../../../img/arrow_white_left.png) 2% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}

/* -------------------------------------------------------------------------------------
  report.html
------------------------------------------------------------------------------------- */
#report-photo{width:95%;margin:10px auto;text-align:center;}
#report-photo img{border:solid 5px #fff;box-shadow:rgba(0,0,0,.5)1px 2px 3px;-webkit-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-moz-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-ms-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-o-box-shadow:rgba(0,0,0,.5)1px 2px 3px;}
#report-detail p.repo-title{font-size:15px;margin:5px 0 10px;line-height:20px;padding-left:20px;background:url(../../../img/icon_note.png) 0 center no-repeat;background-size:15px 20px;}
#report-detail p.repo-body{line-height:120%;}#report-detail p.repo-ref{text-align:right;font-size:13px;}
.cnt-bg-hoshitext{
	width: 95%;
	margin:10px auto 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)),to(rgba(255,255,255,0.3)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.3));
	background: -moz-linear-gradient(top,rgba(255,255,255,0.2), rgba(255,255,255,0.3));
	background: -ms-linear-gradient(top,rgba(255,255,255,0.2), rgba(255,255,255,0.3));
	background: -o-linear-gradient(top,rgba(255,255,255,0.2), rgba(255,255,255,0.3));
	background: linear-gradient(top,rgba(255,255,255,0.2), rgba(255,255,255,0.3));
	border-top: solid 1px #dadada;	
	border-bottom: solid 1px #666666;
	border-left: solid 1px #757d8a;
	border-right: solid 1px #757d8a;
}

.cnt-bg-hoshitext>div { padding: 10px; text-align: left;line-height: 140%; }
.cnt-bg-hoshitext div.first>p.cm-title { font-size: 15px; font-weight: bold; margin-bottom: 7px; padding: 0 0 3px 18px; }

/*icon list in 2-2 row*/
ul.nav-row2-2-ico { list-style-type: none; clear: both; }
ul.nav-row2-2-ico li {
	height: 50px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)),to(rgba(51,51,51,.4)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -moz-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -ms-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -o-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.44));
	background: linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	border-top: solid 1px #b5b5b5;	
	border-bottom: solid 1px #666666;
	display: block;
	
}
ul.nav-row2-2-ico li a {width: 100%;height: 100%;display: block;background: url(../../../img/arrow_white.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;vertical-align: top;}
ul.nav-row2-2-ico li a img { padding: 5px 5px 0 5px; float: left;width:40px;height:40px; }
ul.nav-row2-2-ico li a div.title { color: #FFF; font-size: 16px; padding: 9px 20px 1px 5px; }
ul.nav-row2-2-ico li a div.detail { color: #EFEFEF; font-size: 14px;line-height: 14px;padding: 3px 20px 0 0;}

/* -------------------------------------------------------------------------------------
  moon_time_infestation.html
------------------------------------------------------------------------------------- */

.infestation { width:90%; margin:0 auto; clear:both; }
.infestation .left { text-align:center; color:#FF0; padding:5px; margin:0 0 10px 0; background-color:rgba(255,255,255,0.20); width:45%; float:left;  border:dashed 0px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 0px 5px 0px #fff;　-moz-box-shadow: inset 0px 0px 5px 0px #fff; box-shadow: inset 0px 0px 5px 0px #fff;  }
.infestation .right { text-align:center;padding:5px; margin:0 0 10px 0; background-color:rgba(255,255,255,0.20); width:45%; float:right;  border:dashed 0px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 0px 5px 0px #fff;　-moz-box-shadow: inset 0px 0px 5px 0px #fff; box-shadow: inset 0px 0px 5px 0px #fff; }
.infestation_box { margin:10px auto 15px auto; padding:0 0 10px 0; border-bottom:1px dotted #FFF; width:95%;}

div.content-label-child-dkblue {
	margin:0 0 20px 0;
	background: #c6ddf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbe2f7), to(#c6ddf3));
	background: -webkit-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -moz-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -ms-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -o-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: linear-gradient(top, #cbe2f7, #c6ddf3);
	border-top: solid 1px #87b2db; 
	border-bottom: solid 1px #87b2db;
	position: relative;
	/*-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0);*/	
}
div.content-label-child-dkblue p {
	padding: 0 0 0 13px; color: #001a45; font-weight: bold; font-size: 16px; line-height: 25px; text-align: left;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
div.content-label-child-dkblue:after {
	width: 3px; height: 15px; content: ""; position: absolute; top: 5px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#49709e), to(#033281));
	background: -webkit-linear-gradient(top,#49709e,#033281);
	background: -moz-linear-gradient(top,#49709e,#033281);
	background: -ms-linear-gradient(top,#49709e,#033281);
	background: -o-linear-gradient(top,#49709e,#033281);
}
.infesbox{
	width: 90%;
	margin: 10px auto 25px;
}
.infesbox p{
	line-height: 25px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
}
.infesbox dl{
	list-style: none;
	line-height: 150%;
}
.infesbox .moon{
	float: left;
	width: 50%;
	color:#FF0;
}

.infesbox dl dt{
	float: left;
	margin-right: 20px;
}


/* -------------------------------------------------------------------------------------
  moon_time_point.html
------------------------------------------------------------------------------------- */
div.content-label-grch_hoshi {
	background: #c6ddf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#454545));
	background: -webkit-linear-gradient(top, #5a5a5a, #454545);
	background: -moz-linear-gradient(top, #5a5a5a, #454545);
	background: -ms-linear-gradient(top, #5a5a5a, #454545);
	background: -o-linear-gradient(top, #5a5a5a, #454545);
	background: linear-gradient(top, #5a5a5a, #454545);
	border-top: solid 1px #bbbbbb; 
	border-bottom: solid 1px #333;
	position: relative;
}
div.content-label-grch_hoshi p { padding: 0 0 0 13px; color: #fff; font-weight: bold; font-size: 15px; line-height: 23px; font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); text-align: left; }
div.content-label-grch_hoshi:after {
	width: 3px; height: 15px; content: ""; position: absolute; top: 4px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#a5a5a5));
	background: -webkit-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -moz-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -ms-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -o-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: linear-gradient(top, #f1f1f1, #a5a5a5);
}

/* -------------------------------------------------------------------------------------
  south_north.html
------------------------------------------------------------------------------------- */
.cnt-bg-hoshitext2{
	width: 95%;
	margin:10px auto 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.3)),to(rgba(0,0,0,.6)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,.3), rgba(0,0,0,.6));
	background: -moz-linear-gradient(top,rgba(0,0,0,.3), rgba(0,0,0,.6));
	background: -ms-linear-gradient(top,rgba(0,0,0,.3), rgba(0,0,0,.6));
	background: -o-linear-gradient(top,rgba(0,0,0,.3), rgba(0,0,0,.6));
	background: linear-gradient(top,rgba(0,0,0,.3), rgba(0,0,0,.6));
	border: #666 1px solid;
}

.cnt-bg-hoshitext2>div { padding: 10px; text-align: left;line-height: 140%; }
.cnt-bg-hoshitext2 div.first>p.cm-title { font-size: 15px; font-weight: bold; margin-bottom: 7px; padding: 0 0 3px 18px; }


/*month btn*/
div.list-nav-month { width: 95%; margin: 10px auto; } 
div.list-nav-month ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative;line-height: 29px; text-align: center; }

/*div.list-nav-month ul.set3 li { width: 32%; }*/
div.list-nav-month ul.set3 li:nth-child(2) { position: absolute; top: 0; left: 34%; }
div.list-nav-month ul.set3 li:last-child { position: absolute; top: 0; right: 0; }
div.list-nav-month ul.set3-midselect li { width: 23%; }
div.list-nav-month ul.set3-midselect li:nth-child(2) { width:50%;position: absolute; top: 0; left: 25%; }
div.list-nav-month ul.set3-midselect li:last-child { position: absolute; top: 0; right: 0; }

div.list-nav-month ul.gray li,div.nav-month ul.gray li, div.list-nav-month ul.set3-midselect li {
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), color-stop(50%, #e2e2e2), to(#d0d0d0));
	background: -webkit-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -moz-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -ms-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -o-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a; position: relative;
	font-size: 15px; color: #000; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none; 
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
div.list-nav-month ul.set3-midselect li:nth-child(2) {
	background: none; border:none; 
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
div.list-nav-month ul.set3-midselect li select {
	width: 100%;font-size: 15px;line-height: 28px;height: 31px;
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #e6e6e6), color-stop(50%, #d4d4d4), to(#b6b6b6));
	background: -webkit-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -ms-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -o-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
div.list-nav-month ul.set3-midselect li:nth-child(2):after { 
	content: ""; width: 0; height: 0; position: absolute; top: 13px; right: 6px;
	border-top:solid 7px #000;
	border-bottom:solid 5px transparent;
	border-left:solid 4px transparent;
	border-right:solid 4px transparent;
}

div.list-nav-month .prev { width: 32%;} 
div.list-nav-month .thismonth { width: 32%;} 
div.list-nav-month .next { width: 32%; } 

div.list-nav-month .prev a { width: 100%; height: 100%; display: block; background: url(../../../img/arrow_gray_left.png) 10% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}

div.list-nav-month .thismonth a { width: 100%; height: 100%; display: block;}

div.list-nav-month .next a { width: 100%; height: 100%; display: block; background: url(../../../img/arrow_gray.png) 90% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}


/* NEW!! month btn*/
div.list-nav-month2 a{
	color:#FFF;
}
div.list-nav-month2 { width: 95%; margin: 10px auto; } 
div.list-nav-month2 ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative;line-height: 38px; text-align: center; }

/* NEW!! div.list-nav-month ul.set3 li { width: 32%; }*/
div.list-nav-month2 ul.set3 li:nth-child(2) { position: absolute; top: 0; left: 34%; }
div.list-nav-month2 ul.set3 li:last-child { position: absolute; top: 0; right: 0; }
div.list-nav-month2 ul.set3-midselect li { width: 23%; }
div.list-nav-month2 ul.set3-midselect li:nth-child(2) { width:50%;position: absolute; top: 0; left: 25%; }
div.list-nav-month2 ul.set3-midselect li:last-child { position: absolute; top: 0; right: 0; }

div.list-nav-month2 ul.gray li{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)),to(rgba(51,51,51,.4)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -moz-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -ms-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	background: -o-linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.44));
	background: linear-gradient(top,rgba(255,255,255,.3), rgba(51,51,51,.4));
	border-top: solid 1px #b5b5b5;	
	border-bottom: solid 1px #666666;
	border-left: solid 1px #757d8a;
	border-right: solid 1px #757d8a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	font-size: 15px; color: #fff;
}

div.list-nav-month2 .prev { width: 32%;} 
div.list-nav-month2 .thismonth { width: 32%;} 
div.list-nav-month2 .next { width: 32%; } 

div.list-nav-month2 .prev a { width: 100%; height: 100%; display: block; background: url(../../../img/arrow_white_left.png) 10% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}

div.list-nav-month2 .thismonth a { width: 100%; height: 100%; display: block;}

div.list-nav-month2 .next a { width: 100%; height: 100%; display: block; background: url(../../../img/arrow_white.png) 90% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}

div.list-nav-top,div.list-nav-unit{ width: 95%; margin: 10px auto;clear:both; }div.list-nav.mbnone,div.list-nav-unit.mbnone { margin: 10px auto 0; }div.list-nav.mtnone,div.list-nav-unit.mtnone { margin: 0 auto 10px; } div.list-nav-top.mnone,div.list-nav-unit.mnone { margin: 0 auto; }
div.list-nav ul li a,div.list-nav-unit ul li a { display: block; }

/*SINGLE*/
div.list-nav-top ul{list-style-type:none;}
div.list-nav-top ul li{width:100%;margin-top:5px;position:relative;}div.list-nav-top ul li:first-child{margin-top:0;}
div.list-nav-top ul.row1{line-height:30px;text-align:center;}div.list-nav-top ul.row1.hi{line-height:45px;text-align:center;}
div.list-nav-top .gray li.arrow a{background: url(../../../img/arrow_gray_left.png) 2% center no-repeat; color: #000;display: block;text-align:center; }
div.list-nav-top ul li.arrow  a{padding-left:10px;text-align:left;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px; }

div.list-nav-top ul.gray li {
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), color-stop(50%, #e2e2e2), to(#d0d0d0));
	background: -webkit-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -moz-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -ms-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -o-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #8a8a8a;
	font-size: 15px; color: #000; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}



/* -------------------------------------------------------------------------------------
  MOON CALENDER
------------------------------------------------------------------------------------- */
#main-moon{
	width: 95%;margin:10px auto;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)),color-stop(.4,rgba(0,0,0,.4)),to(rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -o-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	border:solid 1px;border-color:#dadada #333 #333 #333;
	border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
}
#main-moon p.title{text-align:center;margin:0;padding:5px 0;font:16px/110% "ヒラギノ角ゴ Pro W6";color:#ff3;text-shadow:rgba(0,0,0,.5)0 1px 2px;
background:rgba(255,255,0,.15);
background:-webkit-gradient(linear,left center,right center,from(rgba(255,255,0,.05)),color-stop(.35,rgba(255,255,0,.2)),color-stop(.65,rgba(255,255,0,.2)),to(rgba(255,255,0,.05)));
background:-webkit-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:-moz-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:-ms-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:-o-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;
box-shadow:rgba(0,0,0,.15)0 1px 1px;-webkit-box-shadow:rgba(0,0,0,.15)0 1px 1px;-moz-box-shadow:rgba(0,0,0,.15)0 1px 1px;
}
#moon-info{margin:10px;}
#moon-info .moon-thumbnail{width:50%;text-align:right;float:left;}#moon-info .moon-thumbnail img{width:100px;height:100px;}
#moon-info p:last-child{float:left;font-size:16px;line-height:180%;padding:7px 0 0 20px;text-shadow:rgba(0,0,0,.5)1px 1px 1px;}

table.moonsage{background: rgba(0,0,0,0.5);border:solid 1px;border-color:#666 #333 #333 #333;}
table.moonsage thead tr td{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)),color-stop(.4,rgba(0,0,0,.4)),to(rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -o-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	border:solid 1px;border-color:#666 #333 #333 #333;
	box-shadow:rgba(0,0,0,.15)0 1px 1px;-webkit-box-shadow:rgba(0,0,0,.15)0 1px 1px;-moz-box-shadow:rgba(0,0,0,.15)0 1px 1px;
	font-size:15px;line-height:100%;padding:2px;
}
table.moonsage tbody tr{border-bottom:solid 1px #333;position:relative;}table.moonsage tbody tr:last-child{border-bottom:none;}
table.moonsage tbody tr td{border-right:solid 1px #333;padding:0 0 0 0;height:50px;vertical-align:top;-webkit-tap-highlight-color:#ffc;}
table.moonsage tbody tr:first-child td{height:16px;line-height:16px}
table.moonsage tbody tr td a{width:100%;height:100%;display:block;color:#fff;-webkit-tap-highlight-color:#ffc;}
table.moonsage tbody tr td div{font-size:12px;text-align:right;padding:2px 2px 0 0;line-height:12px;}
table.moonsage tbody tr td:first-child div{color:#f00;}table.moonsage tbody tr td:last-child div{color:#0cf;}
table.moonsage tbody tr td.selected{background:rgba(255,255,150,.4);}
table.moonsage tbody tr td img{width:25px;height:25px;margin:-3px 0 5px 0;}
table.moonsage tbody tr.week td:first-child{color:#f00;}table.moonsage tbody tr.week td:last-child{color:#0cf;}

table.moonsage tbody tr td div.fullmoon{font-size:10px;background:#c00;line-height:10px;text-align:center;margin:0;padding:0;}
table.moonsage tbody tr td div.newmoon{font-size:10px;background:#03c;line-height:10px;text-align:center;margin:0;padding:0;}

/* -------------------------------------------------------------------------------------
  star_other.html
------------------------------------------------------------------------------------- */
.otherbox{
	width: 90%;
	margin: 10px auto;
}

.label-y{
	color:#FF0;
	margin:10px 0 0 0;
}

.otherbox ul{
	width: 90%;
	margin: 0px auto 10px;
}

.otherbox ul li{
	margin:0;
}

.main-moon{
	width: 95%;margin:10px auto;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)),color-stop(.4,rgba(0,0,0,.4)),to(rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: -o-linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	background: linear-gradient(top, rgba(255,255,255,0.2),rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5));
	border:solid 1px;border-color:#dadada #333 #333 #333;
	border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
}
.main-moon p.title{text-align:center;margin:0;padding:5px 0;font:16px/110% "ヒラギノ角ゴ Pro W6";color:#ff3;text-shadow:rgba(0,0,0,.5)0 1px 2px;
background:rgba(255,255,0,.15);
background:-webkit-gradient(linear,left center,right center,from(rgba(255,255,0,.05)),color-stop(.35,rgba(255,255,0,.2)),color-stop(.65,rgba(255,255,0,.2)),to(rgba(255,255,0,.05)));
background:-webkit-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:-moz-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:-ms-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:-o-linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
background:linear-gradient(left,rgba(255,255,0,.05),rgba(255,255,0,.2) .35,rgba(255,255,0,.2) .65,rgba(255,255,0,.05));
border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;
box-shadow:rgba(0,0,0,.15)0 1px 1px;-webkit-box-shadow:rgba(0,0,0,.15)0 1px 1px;-moz-box-shadow:rgba(0,0,0,.15)0 1px 1px;
}

ul.star-btn li a div.title { font-size: 12px; line-height: 16px; padding: 6px 20px 1px 0px; }
ul.star-btn li a div.detail { font-size: 14px; line-height: 14px; color: #fff; padding: 0px 20px 6px 0px; }


/* -------------------------------------------------------------------------------------
  lunar_eclipse-matome.html
------------------------------------------------------------------------------------- */

#kaikiDl{
	text-align: left;
	line-height: 200%;
	padding-top: 5px;
	width:270px;
	margin:0 auto;
}
#kaikiDl dt{
	float: left;
	clear: both;
	width: 120px;

}
#kaikiDl dd{
	padding-left: 120px;
	border-top: 1px dotted #CCC;
}

p#chartdate {
	font-weight: bold;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
	padding: 5px;
	margin: 0 150px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#2b2973), color-stop(0.6, #15135b), color-stop(0.7, #020140), to(#06064c));
	border-top: solid 1px #4e4e4e;
	border-right: solid 1px #4e4e4e;
	border-left: solid 1px #4e4e4e;
	
}