@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	orion Information
	
	new released : October 17, 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;}
.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;
}

.main-box{
	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;
}

#data-table-results {
	width: 80%;
	margin: 0 auto;
	background-color: #dcdcdc;
	color: #000;

}
#data-table-results .fplace {
	background-color: #ffde00;
	font-weight: bold;

}
#data-table-results .cp {
	background-color: #ffffff;

}
#data-table-results .cv {
	background-color: #fffcdc;

}

/* -------------------------------------------------------------------------------------
  LABEL
------------------------------------------------------------------------------------- */
.main-box 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;
}

.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);
}
.star-subtile{width:95%; margin:10px auto;}
.star-subtile:before{content:"★"; color:#FF0;}

/* -------------------------------------------------------------------------------------
  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;
}

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


p#chartdate {
	font-weight: bold;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
	padding: 5px;
	margin: 0 120px 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;
}


/* -------------------------------------------------------------------------------------
  counter
------------------------------------------------------------------------------------- */
#count-st-top {
	text-align: center;
	color: #ff0;
	font-weight: bold;
	font-size: 15px;
	padding-top: 10px;
	
}	
#count-bt {
	text-align: center;
	padding: 25px 0;
	
}	
#count-bt-pre {
	text-align: center;
	padding: 10px 0;
	
}
#count-st-note {
	color: #dbac68;
	text-align: center;
	padding-bottom: 10px;
	
}

.counter {
	text-align: center;
	padding: 10px 0 12px 0;
	
}


#arrow-push {
	padding: 20px 0 0 115px;

}