@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	HOSHIZORA Information
	
	new released : August 29, 2012
	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;}


.main-moon{
	width: 95%;margin:10px auto; line-height:140%;
	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;
}
.main-moon a {color:#FFF;}

/* -------------------------------------------------------------------------------------
  BUTTONS
------------------------------------------------------------------------------------- */
ul.star-btn{width:95%;margin:5px auto 10px;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;
}

/* -------------------------------------------------------------------------------------
  TITLE
------------------------------------------------------------------------------------- */
.moon-title{margin:10px 0 0 0;
background:url(../img/icon_section_title_sm.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;
}
.moon-title p{padding-left:50px;font-size:20px;line-height:38px;color:#f6ff00;text-shadow: 2px 2px 2px #000;}
.moon-title p.star-sub{padding-top:3px;font-size:12px;line-height:14px;color:#fff;text-shadow:none;}
.moon-title p.star-title{padding-bottom:5px;font-size:17px;line-height:17px;}


/* -------------------------------------------------------------------------------------
  chushu-moon
------------------------------------------------------------------------------------- */