/* right contents*/

/* 全体レイアウト */
#tableArea {
  width : 100%;
  height : 498px;
  display : flex;
  display : -ms-flexbox;
  flex-direction : column;
  -ms-flex-direction : column;
  justify-content : space-between;
  -ms-justify-content : space-between;
}

/* テーブル設定 */
table {
  width : 100%;
  border-spacing : 0;
}

table th,
table td {
  border-right : 1px solid #a8a8a8;
  border-bottom : 1px solid #a8a8a8;
  font-size : 13px;
  padding : 2px 0;
}

table td {
  text-align : center;
}

.info__box {
  font-size : 15px;
}

.info__title {
	background: #66CCFF;
	border : 1px solid #a8a8a8;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px 2px;
}

.info__title span{
	color:#000;
	font-size:14px;
	font-weight : bold;
}

.info__title a:hover {
  background-color : #D0D0D0;
}

.alarmInfo_title {
  background-color : #0099FF;
}

/* 詳細ボタン */
.btn {
	border: 2px solid;
	display: block;
	min-width:56px;
	text-align:center;
	text-decoration : none;
}

.btn--gray {
	background-color:#f2f2f2;
	border-color:#595959;
	color:#000;
	font-size : 13px;
}

.btn--icon {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	background-size: 12px 12px;
	padding-left: 16px;
}

/* 凡例 */
.legend {
	border : 1px solid #a8a8a8;
}

.leg__label {
	background-color: #f2f2f2;
	border-bottom:1px solid #a8a8a8;
	display: block;
	font-size:13px;
	font-weight : bold;
	text-align: center;
}

.leg__wrap {
	display: flex;
	display : -ms-flexbox;
}

.leg__contents {
	border-right:1px solid #a8a8a8;
	box-sizing: border-box;
	width:200px;
}

.leg__contents:last-child {
	border-right:0;
}

.leg__contents ul {
  width : 100px;
  margin : 0 auto;
  padding:4px;
  list-style-type : none;
}

.leg__contents:nth-child(2) ul {
  width : 110px;
}

.leg__contents:nth-child(2) ul li {
  line-height : 14px;
}
.leg__contents li {
  font-size: 10px;
  line-height : 12px;
}

.leg__contents img {
  display: inline-block;
  margin-right:4px;
}

.leg__contents li span {
  margin-left:20px;
}

/* 問合せ先 */
address {
  width : 100%;
  height : 80px;
  margin-top : 10px;
  border : 1px solid #000;
  font-size : 12px;
}

address div {
  margin-left : 5px;
}

address div span {
  font-weight : bold;
}

address div span:first-child {
  text-decoration : underline;
}

/* 基準超過 */
.notOver {
  font-weight : bold;
}
.criteriaOver {
  font-weight : bold;
  color : #FF0033;
}

/* 背景色設定 */
#alertLevel_4 th {
  background-color : #F499F4;
  border-left : 1px solid #a8a8a8;
}
#alertLevel_3 th {
  background-color : #FA9090;
  border-left : 1px solid #a8a8a8;
}
#alertLevel_2 th {
  background-color : #FFFDAA;
  border-left : 1px solid #a8a8a8;
}
#alertLevel_1 th {
  background-color : #BEEBD3;
  border-left : 1px solid #a8a8a8;
}

.region {
  background-color : #f2f2f2;
  border-left : 1px solid #a8a8a8;
  font-weight : bold;
}

.warningLevel_3 {
  background-color : #C800FF;
  color : #FFFFFF;
}

.warningLevel_2 {
  background-color : #FF0000;
  color : #FFFFFF;
}

.warningLevel_1 {
  background-color : #FFCC00;
}

/* アイコンサイズ */
.iconSize {
  width : 10px;
  height : 10px;
}

/* IE用 */
@media all and (-ms-high-contrast:none) {
  .info__title span{
    font-size : 14px;
    padding-top : 2px;
    padding-bottom : 2px;
  }
  .info__title a {
    padding-top : 2px;
    padding-bottom : 2px;
  }
  
  table th,
  table td {
    font-size : 13px;
    padding : 5px 0;
  }
  
  .leg__label {
    padding : 2px 0;
    font-size : 13px;
  }
  
  .leg__contents:nth-child(1) ul,
  .leg__contents:nth-child(3) ul{
    width : 110px;
  }
  
  .leg__contents:nth-child(2) ul {
    width : 150px;
  }
  
  .leg__contents ul li {
    font-size : 13px;
    margin-bottom : 3px;
  }
  
  address {
    font-style : normal;
    line-height : 17px;
  }
}