@charset "UTF-8";

.csvTable,
.csvTableTop{
	text-decoration: none;
	font-size: 9pt;
	margin-top: 0px;
	border-collapse:collapse;
	width: 700px;
}
.riverlist {width: 700px;}

.csvTable td{
	border:1px solid #666666;
	width: 18px;
	height: 20px;
	text-align: center;
}
.csvTableTop td{
	border:1px solid #666666;
	height: 20px;
	text-align: center;	
}


.empTitle{background-color: #DDFFDD;}
.empTitle td{
	height: 20px;
	text-align: center;
}

.mTitle td{
	text-align: center;
	width: 120px;
}

.areaName{
	text-align: left;
	padding-left: 3px;
	width: 100px;
}

/* 気象庁基準カラー */
.bg_standard_Black{
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.bg_standard_Purple{
	background-color: #E62DFF;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.bg_standard_Red{
	background-color: #FA4600;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.bg_standard_Yellow{
	background-color:#fAf500;
	text-align: center;
	vertical-align: middle;
}

.bgBlack{
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
}

.bgPurple{
	background-color: MediumPurple;
	color: #FFFFFF;
	text-align: center;
}

.bgLightPurple{
	background-color: Lavender;
	text-align: center;
}

.bgRed{
	background-color: Salmon;
	color: #FFFFFF;
	text-align: center;
}

.bgLightRed{
	background-color:Pink;
	text-align: center;
}

.bgYellow{
	background-color:#FFFF00;
	text-align: center;
}

.bgLightYellow{
	background-color:#FFFF99;
	text-align: center;
}

.diagonal {
    --lineColor: white;

    background-image:
        linear-gradient(
            to bottom right,
            transparent calc(50% - 0.5px),
            var(--lineColor) 50%,
            transparent calc(50% + 0.5px)
        );

    filter: drop-shadow(0 0 0.3px var(--lineColor));
}

.bgYellow.diagonal {
    --lineColor: black;
}

.alertMark{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
	transform: translateY(1px);
}

#result{
	margin-top: -10px;
	font: 12px, "ＭＳ ゴシック","ＭＳ 明朝";
}

#yohou01{
	margin-top: 20px;
}

#yohou02{
	margin-top: 20px;
}

#generalCondition{
	width: 600px;
}

#todayTd{
	text-align: center;
}

#tomorrowTd{
	text-align: center;
}


/* .alert3{color: #FF00FF;}
.alert2{color: #FF0000;}
.alert1{color: #FFFF99;} */

.alert4{background-color: #000000;color: #FFFFFF;}
.alert3{background-color: #E62DFF;}
.alert2{background-color: #FA4600;}
.alert1{background-color: #fAf500;}


/* [class^="alert"]{
	font-size: 16px;
	background-color: #f0f0f0;
} */
.legend td{
	padding: 4px;
	border-left:none;
	border-right:none;
	border-bottom: none;
}