/* general */

.timeline table{

border-collapse:separate;
border-spacing:15px;
empty-cells:hide;
}

.testc{
border: 1px solid #000;
background-color:#ccc;
}

.timeline *{zoom:1;}

.timeline th{
vertical-align:middle;
border:0px;
font-weight:normal;
font-size:small;
background-color:#fff;
}

.timeline td{
position:relative;
z-index:1000;
text-align:center;
padding:3px;
border:1px solid #999;
background-color:#ddd;
border-radius:8px;
font-weight:bold;
width:100px;
}

.timeline tr > th.term, .timeline tr > th.void{
width:67px;
position:relative;
}



.timeline{position:relative;}



.timeline td:hover{color:#fff;background-color:#333;}

.timeline td div {font-weight:normal;}
/*.timeline .void{border:none;background-color:transparent;}*/

/*
.timeline a{
color:#000;

text-decoration: none;

}

.timeline a:hover{
color:#fff;
}
*/

/* --- data ------------------------------------------------- */

#ff{margin-top:30px;}

#ff .term{height:60px;}

/*#ff td{height:60px;}*/

.timeline th.time{width:100px;}
.timeline th.t1{background-color:#eaa;width:120px;}
.timeline th.t2{background-color:#baa;}
.timeline th.t3{background-color:#abb;}
.timeline th.t4{background-color:#bcc;}
.timeline th.t5{background-color:#bcd;}
.timeline th.t6{background-color:#bce;}
.timeline th.t7{background-color:#bcf;}


/* arrow */
/* 背景に→表示を行うために必要 */
.a000, .a001, .a002 , .a003 , .a004, .timeline-arrow{
position:absolute;
top:15px;left:67px;
z-index:0;
width:950px;height:35px;
/* background-image:url(../../../image/warnings/a000.png); */
background-image:url(../../warnings/a000.png);
background-position:0 0;
background-repeat:no-repeat;
}

.a000{background-image:url(../../warnings/a000.png);width:330px;}	/* 地震注意報（黄色）・警報（赤色）・特別警報（黒色）矢印背景表示*/
.a001{background-image:url(../../warnings/a001.png);width:450px;}	/* 竜巻、津波、潮汐　矢印背景表示*/
.a002{background-image:url(../../warnings/a002.png);width:570px;}	/* アメダス　風向風速、台風、火山、波浪　矢印背景表示*/
.a003{background-image:url(../../warnings/a003.png);width:690px;}	/* アメダス　積雪　矢印背景表示*/
.a004{background-image:url(../../warnings/a004.png);width:930px;}	/* アメダス　（気温、天気予報、週間予報、季節予報）、降水、天気・日照時間　矢印背景表示*/


.timeline-arrow{top:25px;height:80px;
background-image:url(../../warnings/arrow2.png);					/* 注意報（黄色）・警報（赤色）・特別警報（黒色）矢印背景表示*/


}

/* 丸四角内に別な要素の黒背景、白表示をマウスが来た際に、白背景、黒表示に切替 */
/* 推計気象分布(気温、日照時間）、現在の雪・解析積雪量、高解像度降水ナウキャスト、降水短時間予報、早期天候情報、2週間気温予想、地震解説資料、日々の沿岸波浪実況図、沿岸波浪実況図*/
#a3, #a6, #h2, #wa1, #wa2{position:relative;padding-top:20px;}
#a3 div:hover, #a6 div:hover, #h2 div:hover,  #wa1 div:hover, #wa2 div:hover{color:#000;background-color:#fff;}

#a2 div:hover{color:#000;background-color:#fff;} /* 推計気象分布(気温） */

#c2 div:hover, #d2 div:hover{color:#000;background-color:#fff;}		/* 推計気象分布(日照時間）、現在の雪・解析積雪量 2021/02/09追記 */

/* */
#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #sa1, #sa2, #sa3, #sa4, #sa5, #sa6{
color:#fff;
font-size:10px;
padding:2px;
border: 1px solid #888;
background-color: #555;
z-index:1500;
}

#s1{position:absolute;top: 25px;left:5px;width:190px;}	/* 高解像度降水ナウキャスト */
#s2{position:absolute;top: 70px;left:5px;width:190px;}	/* 降水短時間予報 */
#s3{position:absolute;top:5px;left:5px;width:80px;}		/* 早期天候情報 */
#s4{position:absolute;top:5px;left:5px;width:85px;}	/* 地震解説資料 */
#s5{position:absolute;top:5px;left:5px;width:85px;}	/* 噴火速報 */
#s6{position:absolute;top:-3px;left:-10px;width:90px;}	/* 未使用 元火山観測データ */
#s7{position:absolute;top:40px;left:5px;width:90px;}	/* 2週間気温予報 */
#s8{position:absolute;top:70px;left:5px;width:90px;}	/* 推計気象分布(気温）*/
#sa1{position:absolute;top:5px;left:0px;width:120px;}	/* 日々の沿岸波浪実況図 */
#sa2{position:absolute;top:5px;left:5px;width:85px;}	/* 沿岸波浪実況図 */
#sa3{position:absolute;top:70px;left:5px;width:90px;}	/* 推計気象分布（日照）2021/02/09追記 */
#sa4{position:absolute;top:70px;left:5px;width:90px;}	/* 現在の雪・解析積雪量　2021/02/09追記 */
#sa5{position:absolute;top:140px;left:5px;width:190px;}	/* 天気分布予報2021/02/09追記 */
#sa6{position:absolute;top:170px;left:5px;width:190px;}	/* 地域時系列予報　2021/02/09追記 */

/* warnings------------------------------------*/

th.cap{background-color:#ccf;width:80px;}
th.cap2{text-align:left;width:80px;}

#ww{
/*width:850px;*/
margin-bottom:0px;
}

#w0{height:165px}
#w1, #w2, #w3{width:90px;}
#w4{width:260px;}
#w5{width:150px;}


/*
#w1{background-color:#f2f2ff;}
#w2{background-color:#eee;}
*/
/*
#w3{background-color:#fff500;}
#w4{color:#fff;background-color:#ff2800;}
#w5{color:#fff;background-color:#c800ff;}
*/

/* 注意報（黄色）・警報（赤色）・特別警報（黒色）背景、黒白文字表示*/
#w3{background-color:#f2e700;}
#w4{color:#fff;background-color:#ff2800;}
#w5{color:#fff;background-color:#0c000c;}

#w1:hover, #w2:hover, #w3:hover, #w4:hover, #w5:hover{color:#fff;background-color:#333;}
#w4 div:hover{color:#000;background-color:#fff;}


#w4{
position:relative;
text-align:left;
padding-left:15px;
}
/* 警報のサブメニュー　土砂災害警戒情報、（土砂・浸水・洪水）危険度分布、指定河川洪水予報 紫背景、白文字表示をマウス設定時に白背景、黒文字表示*/
#w4a, #w4b, #w4c, #w4d, #w4e{
font-weight:normal;
padding:3px;
border: 1px dashed #000;
/*border: 1px dashed #f00;
background-color: #000;*/
background-color: #aa00aa;
font-size:12px;
width:200px;
}

#w4a{position:absolute;top:10px;left:55px;}		/* 土砂災害警戒情報 */
#w4b{position:absolute;top:40px;left:55px;}		/* 大雨警報（土砂災害）危険度分布 */
#w4d{position:absolute;top:70px;left:55px;}		/* 大雨警報（浸水害）危険度分布 */
#w4e{position:absolute;top:100px;left:55px;}	/* 洪水警報の危険度分布 */
#w4c{position:absolute;top:130px;left:55px;}	/* 指定河川洪水予報 */