@charset "utf-8";
body {
    background-color: #e3e5e8;
}

#map_warn {
	display : none;

}
#select_warn {
	display : none;
}

table.warn tbody tr{
	border-bottom:solid 1px #757d8a;
}
table.warn tbody tr:last-of-type{
	border:none;
}
table.warn tbody tr td:first-of-type{
	width:35%; 
	color:#000
}
table.warn .city-name {
	text-align : left;
	padding-left : 25px;
}
table.warn tbody tr td{
	width:35%;
	color:#fff;
}
table.warn tbody tr td:last-of-type{
	width:65%;
}

table.warnnon tbody tr{
	border-bottom:solid 1px #757d8a;
}
table.warnnon tbody tr td{
	width:100%;
	color:#000;
	padding : 10px 5px;
}

table.warn thead {
		font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
	background: #ededed;
	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, #ededed 50%, #e7e7e7 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 #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: center;
}
table.warn thead tr:last-of-type{
	border:solid 1px #757d8a;
}
table.warn thead tr td:first-of-type{
	width:35%; 
	color:#000;
	text-align : left;
	padding-left : 10px; 
}

table.warn thead tr td{
	width:60%;
	color:#fff; 
	background:none;
	box-shadow : none;
	border:none;
}
table.warn thead tr td:after { 
	content: "";
	position: absolute;
}
table.warn thead tr td:last-of-type{
	width:5%;
	padding : 0px 10px;
}

table.warn thead tr td:last-of-type p {
	transform:rotate(90deg) scale(1,1.5);
	-webkit-transform:rotate(90deg) scale(1,1.5);
	-moz-transform:rotate(90deg) scale(1,1.5);
	-o-transform:rotate(90deg) scale(1,1.5);
	color : gray;
	font-size : 0.8em;
	font-weight : 500;
}

p.special{
	background:#6000bf;
	margin:1px;
	padding:5px 5px;
	float:left; 
	color:#fff
}
p.alerm{
	background:#cc0000;
	margin:1px;
	padding:5px 5px;
	float:left; 
	color:#fff
}
p.warn{
	background:#ff9500;
	margin:1px;
	padding:5px 5px;
	float:left;
	color:#fff;
}
p.none{
	color:#000;
	margin:1px;
	padding:5px 10px;
	float:left;
}

.leg-warn .col-pr {
	color : #6000bf;
}
.leg-warn .col-rd {
  color : #cc0000;
}
.leg-warn .col-og {
  color : #ff9500;
}
div.leg-container div.leg-warn {
	padding: 0 5px; 
	line-height: 18px; 
	text-align: center; 
	background: #f4f4f4;
}
div.leg-container div.leg-warn span { 
	text-shadow: -1px -1px 0px #ddd, 1px -1px 0px #ddd, 1px 1px 0px #ddd, -1px 1px 0px #ddd; 
	padding-left: 10px;
}

.col-pr { 
	color: #6000bf; 
}
.col-sb { 
	color: #aec4cf; 
}

.plain-txt, .hanrei-txt {
	width : 95%;
	margin : 0 auto;
	padding : 10px;
}

.center-aligned {
	margin : 0 auto;
}
.hanrei-txt p:nth-child(4) {
	padding:5px 5px;
}

.hidenItem {
	display : none;
}
.toggleItem {
	display : none;
}
.announced {
	background : #e3e5e8;
	padding : 10px 0 0 0;
}
.announced p {
	width : 95%;
	margin : 0 auto;
}

#warn-container {
	background : #e3e5e8;
	padding : 0px 0px 10px 0px;
}

.areaItem {
	cursor : pointer;
}