@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	SUNRISE on NEWYEARS DAY
	
	new released :
	update : 

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


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
div.content-body{padding:10px 0;
background:#f5f0c1;
background:-webkit-gradient(linear,left top,left bottom,from(#f5f0c1),to(#d6af5d));
background:-webkit-linear-gradient(top,#f5f0c1,#d6af5d);
background:-moz-linear-gradient(top,#f5f0c1,#d6af5d);
background:-ms-linear-gradient(top,#f5f0c1,#d6af5d);
background:-o-linear-gradient(top,#f5f0c1,#d6af5d);
background:linear-gradient(top,#f5f0c1,#d6af5d);
}
div.content-body.ptnone{padding-top:0;}div.content-body.pbnone{padding-bottom:0;}div.content-body.pnone{padding:0;}
/* -------------------------------------------------------------------------------------
  LABEL
------------------------------------------------------------------------------------- */
div.sunrise-label,div.sunrise-label1,div.sunrise-label2,div.sunrise-label3 {
	margin-top:2px;
	background: #e90000;
	background: -webkit-gradient(linear,left center,right center,from(#fff),color-stop(.15,#dc0000),color-stop(.92,#e90000),color-stop(.92,#fff),color-stop(.94,#fff),color-stop(.94,#e90000),color-stop(.96,#e90000),color-stop(.96,#fff),color-stop(.98,#fff),color-stop(.98,#df00),to(#e90000));
	background: -webkit-linear-gradient(left,#fff,#dc0000 15%,#e90000 92%,#fff 92%,#fff 94%,#e90000 94%,#e90000 96%,#fff 96%,#fff 98%,#e90000 98%,#e90000);
	background: -moz-linear-gradient(left,#fff,#dc0000 15%,#e90000 92%,#fff 92%,#fff 94%,#e90000 94%,#e90000 96%,#fff 96%,#fff 98%,#e90000 98%,#e90000);
	background: -ms-linear-gradient(left,#fff,#dc0000 15%,#e90000 92%,#fff 92%,#fff 94%,#e90000 94%,#e90000 96%,#fff 96%,#fff 98%,#e90000 98%,#e90000);
	background: -o-linear-gradient(left,#fff,#dc0000 15%,#e90000 92%,#fff 92%,#fff 94%,#e90000 94%,#e90000 96%,#fff 96%,#fff 98%,#e90000 98%,#e90000);
	background: linear-gradient(left,#fff,#dc0000 15%,#e90000 92%,#fff 92%,#fff 94%,#e90000 94%,#e90000 96%,#fff 96%,#fff 98%,#e90000 98%,#e90000);
	position:relative;
}
div.sunrise-label:before,div.sunrise-label1:before,div.sunrise-label2:before,div.sunrise-label3:before {position:absolute;top:-2px;left:0;content:"";width:100%;height:2px;
background:10px center no-repeat,-webkit-gradient(linear,right top,left bottom,from(#b5b6b6),color-stop(.05,#b5b6b6),color-stop(.05,transparent),color-stop(.45,transparent),color-stop(.45,#b5b6b6),color-stop(.55,#b5b6b6),color-stop(.55,transparent),color-stop(.95,transparent),color-stop(.95,#b5b6b6),to(#b5b6b6)),#fff;
background:10px center no-repeat,-webkit-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;
background:10px center no-repeat,-moz-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
background:10px center no-repeat,-ms-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
background:10px center no-repeat,-o-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
background:10px center no-repeat,linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
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%;
}
/*div.sunrise-label1:after,div.sunrise-label2:after {position:absolute;bottom:-2px;left:0;content:"";width:100%;height:2px;
background:10px center no-repeat,-webkit-gradient(linear,right top,left bottom,from(#b5b6b6),color-stop(.05,#b5b6b6),color-stop(.05,transparent),color-stop(.45,transparent),color-stop(.45,#b5b6b6),color-stop(.55,#b5b6b6),color-stop(.55,transparent),color-stop(.95,transparent),color-stop(.95,#b5b6b6),to(#b5b6b6)),#fff;
background:10px center no-repeat,-webkit-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;
background:10px center no-repeat,-moz-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
background:10px center no-repeat,-ms-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
background:10px center no-repeat,-o-linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
background:10px center no-repeat,linear-gradient(-135deg,#b5b6b6,#b5b6b6 5%,transparent 5%,transparent 45%,#b5b6b6 45%,#b5b6b6 55%,transparent 55%,transparent 95%,#b5b6b6 95%,#b5b6b6),#fff;;
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%;
}*/
div.sunrise-label p,div.sunrise-label1 p,div.sunrise-label2 p,div.sunrise-label3 p {padding:0 0 0 35px;color:#fff;font-weight:bold;font-size:15px;line-height:25px;text-align:left;font-family:"ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow:0 -1px 0 rgba(0,0,0,.7);
background-size:35px 25px;-webkit-background-size:35px 25px;-moz-background-size:35px 25px;-ms-background-size:35px 25px;-o-background-size:35px 25px;}
div.sunrise-label p{background:url(../img/label_icon.png)0 0 no-repeat;}div.sunrise-label1 p{background:url(../img/label_icon_1.png)0 0 no-repeat;}div.sunrise-label2 p{background:url(../img/label_icon_2.png)0 0 no-repeat;}div.sunrise-label3 p{background:url(../img/label_icon_3.png)0 0 no-repeat;}
div.sunrise-label-child {
	background: #e50b00;
	background: -webkit-gradient(linear,left center,right center,from(#e90000),color-stop(75%,#e90000),to(#fff));
	background: -webkit-linear-gradient(left,#e90000,#e90000 75%,#fff);
	background: -moz-linear-gradient(left,#e90000,#e90000 75%,#fff);
	background: -ms-linear-gradient(left,#e90000,#e90000 75%,#fff);
	background: -o-linear-gradient(left,#e90000,#e90000 75%,#fff);
	background: linear-gradient(left,#e90000,#e90000 75%,#fff);
	border-top:solid 1px #fff2e2;border-bottom:solid 1px #4f0000; 
	position: relative;
}
div.sunrise-label-child p {
	padding: 0 0 0 13px; color: #001a45; font-weight: bold; font-size: 16px; line-height: 25px; text-align: left;color:#fff;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; 
	text-shadow:0px -1px 0px rgba(0,0,0,.7);-webkit-text-shadow:0px -1px 0px rgba(0,0,0,.7);-moz-text-shadow:0px -1px 0px rgba(0,0,0,.7);-ms-text-shadow:0px -1px 0px rgba(0,0,0,.7);-o-text-shadow:0px -1px 0px rgba(0,0,0,.7);
}
div.sunrise-label-child:after {width: 3px; height: 15px; content: ""; position: absolute; top: 5px; left: 5px;background:#fff;}
/* -------------------------------------------------------------------------------------
  CONTAINERS
------------------------------------------------------------------------------------- */
div.sr-photo-container{margin:10px 5px;}
div.sr-photo-container p{float:left;padding:0 3px 3px 0;}
div.sr-photo-container p img{width:70px;height:70px;border:solid 2px #fff;}
ul.ad{width:95%;margin:10px auto;list-style-type:none;clear:both;}
ul.ad li{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px #c7c7c7;text-align:left;margin-bottom:5px;}
ul.ad li img { padding:5px;float:left;width:45px;height:45px; }
ul.ad li div.title { font-size: 16px; padding: 5px 20px 0 5px; }
ul.ad li div.detail {font-size: 14px;line-height: 14px;color: #666;padding: 3px 20px 5px 0;}

/* -------------------------------------------------------------------------------------
  MOUDE
------------------------------------------------------------------------------------- */
#spot{font-size:18px;text-align:center;line-height:25px;margin-bottom:10px;}#spot img{width:25px;height:25px;padding:0 15px;}
.wni-data-table.newyear thead td {
	font-size: 16px;line-height: 20px;vertical-align: middle;
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ededed), color-stop(50%, #e7e7e7), to(#ffffff));
	background: -webkit-linear-gradient(top, #ffffff, #f7e6e6 50%, #f4dddd 50%, #ffffff);
	background: -moz-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -ms-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -o-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	border: solid 1px #ca9494;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	text-align: center;
}
.wni-data-table.newyear {border: solid 1px #fee2e2;}

#spot-info{width:95%;margin:10px auto;background:#fff;box-shadow:rgba(0,0,0,.5) 0 1px 3px;border:solid 1px #999;border-radius:5px;}
#spot-info h2{padding: 5px 10px 5px 30px;color:#000;font-size:15px;font-weight:normal;
background: url(../img/spot_info_icon.png) 5px center no-repeat,#d8d8d8;
background-size:20px 20px,100% 100%;
-webkit-background-size:20px 20px,100% 100%;
-moz-background-size:20px 20px,100% 100%;
-ms-background-size:20px 20px,100% 100%;
-o-background-size:20px 20px,100% 100%;
}
#spot-info h2:first-of-type{border-radius:5px 5px 0 0;}
#spot-info p{padding: 10px;}
/* -------------------------------------------------------------------------------------
  SR REPORT
------------------------------------------------------------------------------------- */
.sr-repo-lead{height:172px;background:url(../img/hinode_ripo.png)center 0 repeat-x;background-size:426px 172px;-webkit-background-size:426px 172px;-moz-background-size:426px 172px;-ms-background-size:426px 172px;-o-background-size:426px 172px;}





#penname-opt{display:none;}
#photo-link{display:none;}
#movie-link{display:none;}

/* -------------------------------------------------------------------------------------
  SPOT
------------------------------------------------------------------------------------- */
.spot{background:rgba(0, 0, 0, 0.4);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; width:95%; margin:0 auto 10px; color:#FFF; font-size:1.2em;}
.spot div{padding:5px 10px 5px 50px; line-height:140%; background:url(/s/img/icon_gps_white.png) no-repeat 10px 12px;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;-o-background-size:30px 30px;}
#hinode{float:left; margin-left:10px; margin-bottom:20px; width:105px;}
#hinode img{ padding-right:5px;}
.cnt-bg-wht-fR { margin-left:115px; margin-right:10px;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: solid 1px #757d8a;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);text-align: left;}
.cnt-bg-wht-fR>div { padding: 10px; line-height: 140%; }

header#inner.dkred {
        border-bottom: solid 1px #3c0b0b;background: #861818;
        background: -webkit-gradient(linear,left top,left bottom,from(#df4848),color-stop(.5,#a31d1d),color-stop(.5,#861818),to(#861818));
        background: -webkit-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: -moz-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: -ms-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: -o-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
}
header#inner.dkred div#head-back{width: 60px;font-size: 14px;line-height: 32px;text-align: center;font-family: "ƒqƒ‰ƒMƒmŠpƒS ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 0px #000000;background: url(../../../img/header_back_dkred.png) 0 0 no-repeat;background-size:60px 30px;-webkit-background-size:60px 30px;-moz-background-size:60px 30px;-ms-background-size:60px 30px;-o-background-size:60px 30px;position: absolute;top: 5px;left: 5px;}