@charset "Shift_JIS";
/* ------------------------------------------------------ */
/* 共通スタイルシート [データエリア] */
/* ------------------------------------------------------ */

body {
  background-color: #eeffff;
  margin: 10px;
  font-weight: normal;
  font-size: 9pt;
}

select {
  height: 20px;
}

input.button {
  padding-top: 0;
}

/* ------------------------------------------------------ */
/* 基本テーブル設定 */
table {
  border-collapse: collapse;
}
table td,
table th {
  box-sizing: border-box;
  border: 1px solid #333333;
  font-weight: normal;
  white-space: nowrap;
}

/* 線なし */
table td.noborder,
table td.nb {
  border: none;
}

/* ------------------------------------------------------ */
/* リンク */
a.menu,
a.site {
  text-decoration: none;
}
a.menu:link,
a.site:link {
  color: blue;
}
a.menu:visited,
a.site:visited {
  color: blue;
}
a.menu:hover,
a.site:hover {
  color: white;
  background-color: #3366ff;
}

/* ------------------------------------------------------ */
/* コンテンツ */
.contents {
  padding: 3px 5px;
}

/* ------------------------------------------------------ */
/* ヘッダ部 */
.header {
  line-height: 1.5;
  white-space: nowrap;
}

/* タイトル */
.header .title {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

/* 時刻 */
.header .datatime {
  margin-left: 1em;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

table.data td div.date {
  text-align: left;
  padding-left: 1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 9pt;
}

table.data td div.time {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  font-size: 9pt;
}

/* ------------------------------------------------------ */
/* 現況図 */
.hanTitle {
  border:0px !important;
  background-color: #EEFFFF !important;
}
.hanTable td img {
  vertical-align: middle;
}
.radio {
  width: 600px;
  margin: 5px 0;
}
/* 局名 */
.sitename {
  background-color: white;
  border: 1px solid #333333;
}

/* 局データ */
table.sitedata th {
  background-color: #ffff88;
}
table.sitedata td {
  background-color: #ffffcc;
}

/* ------------------------------------------------------ */
/* 現況・一覧表系表 */
.mainContainer {
  display:flex;
}

/* メイン表 */
table.data th {
  background-color: #80ff80;
  font-size: 9pt;
  padding: 4px 2px;
  box-sizing: border-box;
}

/* サブ */
table.data th.sub {
  background-color: #ffff99;
}
table.data td {
  box-sizing: border-box;
  font-size: 9pt;
  text-align: center;
  padding: 4px 2px;
}

/* サブ */
table.data td.sub {
  background-color: #ffff99;
}

/* 奇数行色 */
table.data td.odd {
  box-sizing: border-box;
  background-color: #e2f2ff;
}

/* ページ表示行 */
table.data td.page {
  background-color: #ccccff;
  text-align: right;
  padding: 4px 2px;
}

/* ページ切替え */
table.page th,
table.legend th {
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  background-color: #ccccff;
}
table.page td,
table.legend td {
  padding: 5px;
}

table.page td:first-child {
  border-right: 0px;
}
table.page td:nth-child(2) {
  border-width: 1px 0;
}
table.page td:last-child {
  border-left: 0px;
}

/* ------------------------------------------------------ */
/* 局選択表 */
/* メイン表 */
table.site th {
  background-color: #009900;
  color: white;
  font-size: 9pt;
}

/* サブ */
table.site th.sub {
  background-color: #aaffff;
  font-size: 9pt;
}
table.site th.areaname{
  background-color:#D4EDC9;
  text-align:left;
  text-indent: 6px;
  color: #000000;
}

table.site td.site{
  width:130px;
  background-color:#f0ffff;
  padding: 3px 0px;
}

/* マウスオーバー色 */
table.site th.hov {
  background-color: #ccccff;
}
table.site td {
  background-color: #eeffff;
  font-size: 9pt;
  text-align: center;
}

/* マウスオーバー色 */
table.site td.hov {
  background-color: #ccccff;
}
table.site td a {
  text-decoration: none;
}
table.site td a:link {
  color: black;
}
table.site td a:visited {
  color: black;
}
table.site td a:hover {
  color: white;
  background-color: #3366ff;
}

/* ------------------------------------------------------ */
/* 気象注警報 */
.anceTitle table td {
  border: 0px;
}
.anceTitle table td {
  white-space: normal;
}
/* ------------------------------------------------------ */
/* 水防警報・水位到達情報 */
table.riverAlm th {
  background-color:#2992BD;
  color: #FFFFFF;
  font-size: 9pt;
}
table.riverAlm td {
  height:20px;
  background-color: white;
  font-size: 9pt;
  text-align: center;
  padding: 0px 3px;
}
/* 奇数行色 */
table.riverAlm td.even {
  background-color: #e2f2ff;
}
table.riverAlm td.doubleLine{
  background-color:#ffffff;
  height:2px;
  font-size:2px;
  padding:0;
}
table.riverAlm td.doubleLine2{
  background-color:#97CBE1;
  height:10px;
  font-size:2px;
  padding:0;
}
table.riverAlmTop td {
  border:0;
  background-color:#FFFFFF;
  padding:3px 0;
}
/* ------------------------------------------------------ */
/* 水防警報・水位到達情報 警報文作成画面 */
/*観測局情報*/
.obs-info {
  margin: 8px 0 0 0;
  padding: 0;
}
.obs-info .title {
  font-size: 14px;
}
.obs-info .desc {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.1em;
  font-size: 12px;
}

/*観測局情報表*/
.obs-info-tbl {
  margin-top: 4px;
  margin-left: 1em;
  width: 220px;
  border: 1px solid #333;
  font-size: 14px;
}
.obs-info-tbl th,
.obs-info-tbl td {
  padding: 1px 8px;
  border: 1px solid #333;
  font-weight: normal;
  text-align: center;
}
.obs-info-tbl th {
  background-color: #d4edc9;
}
.obs-info-tbl .chk {
  padding: 1px 2px;
}
/*凡例*/
.han_riverAlmText {
  margin: .5em 0 0 1em;
  width: 188px;
  border: 1px solid #333333;
}
.han_riverAlmText td {
  line-height: 14px;
}

/*発表警報文履歴*/
.alm-log-title {
  margin: 4px 8px;
  padding: 0;
  line-height: 2;
  font-size: 14px;
}

.alm-login {
  overflow: hidden;
  margin-left: 1em;
  width: 260px;
  height: auto;
}
.alm-login iframe {
  overflow: hidden;
  width: 260px;
  height: auto;
}
/* ------------------------------------------------------ */
/* 帳票印字 */
.printTitle {
  font-size: 16px;
  margin-bottom: 0px;
}
table.print th {
  background-color: #FFFF80;
  font-size: 9pt;
  padding: 3px;
}
table.print td {
  text-align: center;
  padding: 3px;
}
table.print td.fileType {
  padding: 5px 0px;
  border: 0px;
  background-color: #EEFFFF;
}
table.print table.innerTbl td {
  border: 0px;
  background-color: #EEFFFF;
}
table.print table.innerTbl .cellNo {
  background-color: #AAFFFF;
}
div.nodataCell {
  width: 100%;
  height: 100%;
  background-color: #EEFFFF;
}
iframe.printLoad {
  width: 250px;
  margin-left: 200px;
  display: none;
  border: none;
  background-color: #e1ffff;
}
/* 自動印字設定 */
table.a_print td.header01 {
  background-color: #FFFF80;
  font-size: 9pt;
}
table.a_print td.header02{
  background-color : #80ffff;
  font-size: 9pt;
}
table.a_print td.header02 input[type="text"] {
  height: 16px;
  padding: 0px 2px;
}
table.a_print td.fileType{
  font-size : 9pt;
}

/* ------------------------------------------------------ */
/* 文字位置 */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

/* ラジオボタン, チェックボックス */
input[type="radio"],
input[type="checkbox"],
label {
  vertical-align:middle;
}
input[type="radio"] {
  margin: 3px 5px;
  vertical-align: sub;
}
/* ------------------------------------------------------ */
/*　基準値到達状況　*/
table.data td#data_s{
  padding:2px 0;
  box-sizing: border-box;
  border-top: none;
}