@charset "Shift_JIS";

/* 気象インフルエンザ
---------------------*/
.influ-rank04 a{ color:#de4755; }
.influ-rank03 a{ color:#f28c1e; }
.influ-rank02 a{ color:#c29409; }
.influ-rank01 a{ color:#86ba22; }

/* 熱中症ランク
---------------------*/
.heat-rank05 a{ color:#579bd9; }
.heat-rank04 a{ color:#86ba22; }
.heat-rank03 a{ color:#c29409; }
.heat-rank02 a{ color:#f28c1e; }
.heat-rank01 a{ color:#de4755; }

/* 花粉飛散量
---------------------*/
.pollen-rank06 a{ color:#9f101e; }
.pollen-rank05 a{ color:#de4755; }
.pollen-rank04 a{ color:#f28c1e; }
.pollen-rank03 a{ color:#c29409; }
.pollen-rank02 a{ color:#86ba22; }
.pollen-rank01 a{ color:#579bd9; }

.icon-chara{
	padding-left:32px !important;
	padding-left:23px !important;
	padding-top:4px;
}
.icon-chara a:before{
	/*margin-right:6px;*/
	content: '';
	width:23px;
	height:23px;
	/*display:inline-block;*/
	background-image:url(http://data.n-kishou.co.jp/image3/w/misc/sprites_chara.png);
	background-repeat:no-repeat;
	-webkit-background-size:26px auto !important;
	background-size:26px auto;
	top:31%;
}
.icon-chara.heat-rank05 a:before{ background-position: 0 0; }
.icon-chara.heat-rank04 a:before{ background-position: 0 -23px; }
.icon-chara.heat-rank03 a:before{ background-position: 0 -46px; }
.icon-chara.heat-rank02 a:before{ background-position: 0 -69px; }
.icon-chara.heat-rank01 a:before{ background-position: 0 -92px; }

/* 花粉飛散量
---------------------*/
.icon-chara.pollen-rank01 a:before{ background-position: 0 -115px; }
.icon-chara.pollen-rank02 a:before{ background-position: 0 -138px; }
.icon-chara.pollen-rank03 a:before{ background-position: 0 -161px; }
.icon-chara.pollen-rank04 a:before{ background-position: 0 -184px; }
.icon-chara.pollen-rank05 a:before{ background-position: 0 -207px; }
.icon-chara.pollen-rank06 a:before{ background-position: 0 -230px; }


/* txt
---------------------*/
/*120913色追加*/
.kanki1 {color:#00ffff;}
.kanki2 {color:#0099ff;}
.kanki3 {color:#0000ff;}
.kanki4 {color:#990099;}
.kanki5 {color:#ff27d9;}

/*120913色追加*/
.heat-rank01 {color:#de4755;}
.heat-rank02 {color:#f28c1e;}
.heat-rank03 {color:#c29409;}
.heat-rank04 {color:#86ba22;}
.heat-rank05 {color:#579bd9;}

/*120922色追加*/
.influ-rank04 { color:#de4755; }
.influ-rank03 { color:#ff3300; }
.influ-rank02 { color:#f28c1e; }
.influ-rank01 { color:#c29409; }

/* 雨雲のようす
---------------------*/
/*#nimbus{
	position:relative;
}

	#nimbus p{
		display:inline-block;
		vertical-align:top;
		line-height:0;
	}

#nimbus-txt{
	margin-top:20px;
	margin-left:9px;
	font-weight:bold;
	font-size:14px;
}*/

/* 拡大予想 */

/*#btn-expected{
	bottom:9px;
	position:absolute;
	left:138px;
	text-align:center;
	width:47%;
}*/

/* みんなのお天気ライブ
---------------------*/
#weather-live{
	background:#a4d4ff url(http://data.n-kishou.co.jp/image3/w/charge/weather_live.png) no-repeat 98% 4px;
	-webkit-background-size:91px 31px;
	background-size:91px 31px;
	margin-bottom:20px;
}

	#weather-live h2{
		margin-bottom:8px;
	}

/* 天気・気温・降水・風 */

#point-weather{
	padding-top:11px;
	padding-bottom:4px;
}

	#point-weather h2{ font-size:14px; }
	#point-weather .btn-right{ right:0; }
	

.cw-in .date-ttl:first-child{
	margin-top:8px;
}

.weather-status{
	margin-bottom:20px;
}
.weather-status,
.wind-status{
	border-left:none;
	/*margin-bottom:20px;*/
	width:100%;
}

	.weather-status th,
	.weather-status td,
	.wind-status th,
	.wind-status td{
		font-size:15px;
		border-right:none;
	}
	.weather-status td{
		padding-left:0;
		padding-right:0;
	}	
.weather-status .time{
	padding:3px !important;
	width:15%;
}
.wind-status .time{
	width:18%;
}
.weather-status .wind-rank01,
.weather-status .wind-rank02,
.weather-status .wind-rank03,
.weather-status .wind-rank04{
	padding-right:5px;
	text-align:right;
}

.weather-status div{
	padding-left:14px;
	position:relative;
}

.icon-status{
	width:15%;
}

/* 20120720修正 */
.weather-status .temperature,
.weather-status .temperature-h,
.weather-status .temperature-l{
	text-align:right;
	width:17%;
}
.weather-status .temperature-h{color:#DA2F3F;}	/*高温*/
.weather-status .temperature-l{color:#0297F4;}	/*低温*/

.weather-status .sora,
.weather-status .sora01,
.weather-status .sora02,
.weather-status .sora03,
.weather-status .sora04{
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	padding-left:20px !important;
	width:38%;
}
.weather-status .sora01{color:#0297F4;}	/*水色*/
.weather-status .sora02{color:#3b4bbf;}	/*青*/
.weather-status .sora03{color:#F5B222;}	/*黄*/
.weather-status .sora04{color:#DA2F3F;}	/*赤*/

/*
.temperature{
	text-align:right;
	width:17%;
}

.rainfall{
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	padding-left:20px !important;
}
.rainfall{
	color:#0297f4;
}
*/
/* /20120720修正 */

.weather-status .compass{
	position:absolute;
	left:2px;
	top:2px;
}

/* 16方位の設定 */
 img.compass{ margin-right:2px; }

/* /20120724修正 */
/* 北（の風） */
.compass-s{
}
/* 北北東 */
.compass-ssw{
	-webkit-transform: rotateZ(22.5deg);
	transform: rotateZ(22.5deg);
}
/* 北東 */
.compass-sw{
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
/* 東北東 */
.compass-wsw{
	-webkit-transform: rotateZ(67.5deg);
	transform: rotateZ(67.5deg);
}
/* 東 */
.compass-w{
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}
/* 東南東 */
.compass-wnw{
	-webkit-transform: rotateZ(112.5deg);
	transform: rotateZ(112.5deg);
}
/* 南東 */
.compass-nw{
	-webkit-transform: rotateZ(135deg);
	transform: rotateZ(135deg);
}
/* 南南東 */
.compass-nnw{
	-webkit-transform: rotateZ(157.5deg);
	transform: rotateZ(157.5deg);
}
/* 南 */
.compass-n{
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
/* 南南西 */
.compass-nne{
	-webkit-transform: rotateZ(202.5deg);
	transform: rotateZ(202.5deg);
}
/* 南西 */
.compass-ne{
	-webkit-transform: rotateZ(225deg);
	transform: rotateZ(225deg);
}
/* 西南西 */
.compass-ene{
	-webkit-transform: rotateZ(247.5deg);
	transform: rotateZ(247.5deg);
}
/* 西 */
.compass-e{
	-webkit-transform: rotateZ(270deg);
	transform: rotateZ(270deg);
}
/* 西北西 */
.compass-ese{
	-webkit-transform: rotateZ(292.5deg);
	transform: rotateZ(292.5deg);
}
/* 北西 */
.compass-se{
	-webkit-transform: rotateZ(315deg);
	transform: rotateZ(315deg);
}
/* 北北西 */
.compass-sse{
	-webkit-transform: rotateZ(337.5deg);
	transform: rotateZ(337.5deg);
}

/* 週間天気
---------------------*/
#weekly-weather li{
	font-size:12px;
	text-align:left;
	padding-left:16px;
/*	padding-left:24px;*/
}

/* お天気データ
---------------------*/
#weather-data{
	margin-top:20px;
}

#advanced-wrap{
	margin:0 auto;
	/*width:302px;*/
}

/*kad.php*/
/* ゲレンデ
---------------------*/
ul.slope {
	padding-bottom:10px;
}

ul.slope li {
	display:inline;
	color:#f28c1e;
}

/* 風速 *後にcommonへ移動
---------------------*/
.wind-status td{
	text-align:center;
}

.wind-rank01{color:#0297F4;} /*弱*/
.wind-rank02{color:#2137da;} /*中*/
/*.wind-rank02{color:#44A5BD;}*/ /*中*/
.wind-rank03{color:#F5B222;} /*強*/
.wind-rank04{color:#DA2F3F;} /*暴*/

.wind-status .wind-rank01,
.wind-status .wind-rank02,
.wind-status .wind-rank03,
.wind-status .wind-rank04,
.wind-status .wind-speed{
	width:15%;
}

.wind-status .wind-speed{
	text-align:right;
}

/* 20120921修正 */
.tbl-pd7 td{
	padding:7px 7px;
}

/* 20120922修正 */
.tuyosa-td td{
	width:30%;
}


/* 20120724修正 */
/* 上空の気温 *
---------------------*/
.wind-status .temperature{
	text-align:right;
	width:15%;
}

/* 湿度・気圧 *
---------------------*/

.humidity{
	text-align:right !important;
	width:25%;
}
.atmospheric{
	padding-right:50px !important;
	text-align:right !important;
}

/* 雲量 *
---------------------*/
td.cloud,td.cloud01,td.cloud02,td.cloud03 {
	text-align:center;
}

.cloud01 { background-color:#cfe1ee; }
.cloud02 { background-color:#adbfcd; }
.cloud03 { background-color:#96a6b3; }

/* 再生停止ボタン *
---------------------*/
.play-nav {
	margin:5px 0px 10px 0px;
	position:relative;
	z-index:2;
}

/*2012修正（.off削除）*/
.play-nav a:before {
	margin-right:6px;
	content: '';
	width:11px;
	height:16px;
	display:inline-block;
	background-image:url(http://data.n-kishou.co.jp/image3/w/misc/sprites_icon.png);
	background-repeat:no-repeat;
	-webkit-background-size:320px auto;
	background-size:320px auto;
	vertical-align:text-top;
	position:relative;
	top:0;
	left:0;
}

.play-nav .btn01 a:before{ border:none; }

.off .btn01 {
	border: 2px solid #a9aeb3 !important;
}

.play-nav .play a:before { background-position: -265px -119px; }
.play-nav .stop a:before { background-position: -279px -119px; }
.play-nav .next a:before { background-position: -292px -119px; }
.play-nav .back a:before { background-position: -305px -119px; }
.play-nav .off .play a:before { background-position: -265px -142px; }
.play-nav .off .stop a:before { background-position: -279px -142px; }
.play-nav .off .next a:before { background-position: -292px -142px; }
.play-nav .off .back a:before { background-position: -305px -142px; }
/*
.play-nav .off .btn01 { border: 2px solid #a9aeb3 !important; }
*/
.play-nav>div { display:inline-block; margin-right:4px; }

/*
.play-nav .play-off { 2px solid #a9aeb3 !important; }
.play-nav .stop-off { 2px solid #a9aeb3 !important; }
.play-nav .next-off { 2px solid #a9aeb3 !important; }
.play-nav .back-off { 2px solid #a9aeb3 !important; }
*/


/* box外 リンク*
---------------------*/
.photo_contents a {
	color:#FFFFFF !important;
}

/* 生活お役立ち予報
---------------------*/

/* 洗濯と天気アイコン */
.jikeiu-tbl .weather-status .icon-sprites{
	background-size:320px auto;
	-webkit-background-size:320px auto;
	width:22px;
	height:22px;
	margin:0 auto;
	text-indent:-999em;
	position:absolute;
	left:0;
	top:0;
}

.jikeiu-tbl .weather-status .hare{ background-position:0 0; }
.jikeiu-tbl .weather-status .kumori{ background-position:-22px 0; }
.jikeiu-tbl .weather-status .rain{ background-position:-44px 0; }
.jikeiu-tbl .weather-status .raiu{ background-position:-66px 0; }
.jikeiu-tbl .weather-status .snow{ background-position:-88px 0; }
.jikeiu-tbl .weather-status .raisetsu{ background-position:-110px 0; }
.jikeiu-tbl .weather-status .kiri{ background-position:-132px 0; }
.jikeiu-tbl .weather-status .mizore{ background-position:-154px 0; }
.jikeiu-tbl .weather-status .hyo{ background-position:-176px 0; }

.jikeiu-tbl .weather-status .icon-sprites{
	margin:0;
}
.relative{
	position:relative;
	width:22px;
	height:40px;
	margin-left:-10px;
}

.jikeiu-tbl .icon-status{ width:15px; }

/* 服装アイコン */
.jikeiu-tbl .live-icon:before{
	-webkit-background-size:256px auto;
	background-size:256px auto;
	content: '';
	vertical-align:text-bottom;
	width:40px;
	height:40px;
}
.jikeiu-tbl .live-icon.clothes-lv01:before{ background-position:-80px 0; }
.jikeiu-tbl .live-icon.clothes-lv02:before{ background-position:-80px -40px; }
.jikeiu-tbl .live-icon.clothes-lv03:before{ background-position:-80px -80px; }
.jikeiu-tbl .live-icon.clothes-lv04:before{ background-position:-80px -120px; }
.jikeiu-tbl .live-icon.clothes-lv05:before{ background-position:-80px -160px; }
.jikeiu-tbl .live-icon.clothes-lv06:before{ background-position:-80px -200px; }
.jikeiu-tbl .live-icon.clothes-lv07:before{ background-position:-80px -240px; }
.jikeiu-tbl .live-icon.clothes-lv08:before{ background-position:-80px -280px; }

.jikeiu-40 { width:40%; }

/* 津波警報･津波(帯の色) */
/* 20120922追加 */
.ttl-tunakei{
	/*margin-bottom:7px;*/
	padding:7px 7px 6px;
	background-color:#FF6633;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

/* 津波注意報(帯の色) */
/* 20120922追加 */
.ttl-tunatyui{
	/*margin-bottom:7px;*/
	padding:7px 7px 6px;
	background-color:#FFDD00;
	color:#7f7f7f;
	font-size:14px;
	font-weight:bold;
}

/* 津波注意報(帯の色) */
/* 20140415追加 */
.ttl-kaijo{
	/*margin-bottom:7px;*/
	padding:7px 7px 6px;
	background-color:#7d8d96;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}


/* 20130307追加 */
/* PM用 *
---------------------*/
.tbl02 th.ap1{
	background-color:#fafac9;
}

/* PRバナーの白枠
------------------------------------------------------*/
.btn-open{
	background: #fff;
	border-radius: 10px;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	margin: 10px auto;
	width: 95%;
	text-align: center;
}