@charset "utf-8";


/*----------------------------------------------------
 汎用設定
----------------------------------------------------*/

/* Retinaディスプレイ対応のためimg要素は半分の大きさに */

body {
    background: #DDD;
    color: #000;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}
a {
    -webkit-tap-highlight-color: rgba(200,200,555,.6);
    text-decoration: none;
}
a:visited {
}
img {
    vertical-align: top;
}
p, dl, ol, ul {
    margin-bottom: 0px;
}

.textWhite {
    color: #FFF;
}
.textRed {
    color: #F00;
}
.textBlue {
    color: #00F;
}
.textYellow {
    color: #FF0;
}
.textPink {
    color: #F0F;
}
.textOrange {
    color: #F90;
}
.textCenter {
    text-align: center;
}
.textRight {
    text-align: right;
}
.textLeft {
    text-align: left;
}

.margin0px {
    margin: 0px !important;
}
.marginTop0px {
    margin-top: 0px !important;
}
.marginTop5px {
    margin-top: 5px !important;
}
.marginTop10px {
    margin-top: 10px !important;
}
.marginTop20px {
    margin-top: 20px !important;
}
.marginBottom5px {
    margin-bottom: 5px !important;
}
.marginBottom10px {
    margin-bottom: 10px !important;
}
.marginBottom20px {
    margin-bottom: 20px !important;
}
.marginTopBottom20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* clearfix */
.clearfix:after {
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
    content: ".";
}
.clearfix {
    overflow: hidden;
}

.clear {
    clear: both;
    display: block;
}


/*----------------------------------------------------
 全体のサイズ
----------------------------------------------------*/

#wrapper {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-right: none;
	border-bottom: none;
	border-left: none;
}
#wrapper.wideFix {
    width: 640px;
}
#mainContents {
    padding: 5px 10px 10px 10px;
}


/*----------------------------------------------------
 ランドスケープ表示
----------------------------------------------------*/

/*
@media all and (orientation:landscape) {
    #wrapper {
    width: 100%;
    }
}
*/


/*----------------------------------------------------
 ヘッダー
----------------------------------------------------*/

#cautionMarquee {
    white-space: nowrap;
    background-color: #000000;
    color: #FF0000;
}
#cautionBtn {
    overflow: hidden;
    padding: 5px 0px 5px 5px;
}
#cautionBtn li {
    width: 100px;
    float: left;
    list-style: none;
    color: #999;
}
#cautionBtn li + li {
    margin-left: 5px;
}
#cautionBtn li a {
    display: block;
    color: #00F;
    background-image: url(../images/common/bg_caution_keihou.gif);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 17px;
    text-decoration: underline;
}
#cautionBtn li#cautionKijunchi a {
    background-image: url(../images/common/bg_caution_kijunchouka.gif);
}

header {
    background-color: #0066CC;
    background: -webkit-gradient(linear, left top, left bottom, from(#0066CC), to(#D0FEF2));
    background: -moz-linear-gradient(top, #0066CC, #D0FEF2);
    background: linear-gradient(top, #0066CC, #D0FEF2);
    padding: 2px 0px 2px 5px;
    text-align: left;
    overflow: hidden;
}

h1 {
    float: left;
    width: 260px;
}


/*----------------------------------------------------
 メニュー画面
----------------------------------------------------*/

#menuBtn {
    float: right;
    width: 21px;
    margin-top: 1px;
    margin-right: 5px;
    width: 60px;
    height: 15px;
    padding: 3px;
    display: block;
    background-color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
    background: -moz-linear-gradient(top, #FFF, #DDD);
    background: linear-gradient(top, #FFF, #DDD);
    border: 1px solid #CCC;
    border-radius: 2px;
}
#menu li {
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#DDDDDD));
    background: -moz-linear-gradient(top, #F7F7F7, #DDDDDD);
    background: linear-gradient(top, #F7F7F7, #DDDDDD);
}
#menu li a {
    background-image: url(../images/common/bg_listhead_red.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 2px #ddd;
}
#menu a {
    border-radius: 4px;
    display: block;
    padding: 6px 0 5px;
    color: #00F;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
}


/*----------------------------------------------------
 見出し
----------------------------------------------------*/

h2 {
    border-radius: 4px;
    background-color: #333;
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: normal;
    padding-top: 4px;
    padding-bottom: 3px;
}
h2 span {
    font-size: 11px;
    padding-right: 5px;
    vertical-align: middle;
}
h3 {
    border-radius: 4px;
    background-color: #0C71BE;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 2px;
    color: #FFF;
}
h4 {
    margin-bottom: 5px;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
}
h4 span {
    float: right;
    display: inline-block;
}
h5 {
    text-align: center;
    background-color: #CCC;
    border-radius: 4px;
    display: inline-block;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}


/*----------------------------------------------------
 ブロック・段落などの調整
----------------------------------------------------*/

section {
    margin-bottom: 5px;
}
aside {
    margin-top: 10px;
}


/*----------------------------------------------------
 ボタン・リンク
----------------------------------------------------*/

.basicBtn {
    display: block;
    background-color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
    background: -moz-linear-gradient(top, #FFF, #DDD);
    background: linear-gradient(top, #FFF, #DDD);
    border: 1px solid #CCC;
    border-radius: 4px;
    text-align: center;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}
.basicBtn:visited {
    color: #00F;
}

/*-----リスト------*/
.linkList li {
    list-style: none;
}
.linkList li a {
    background-image: url(../images/common/bg_listhead_red.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 13px;
}


/* -----------------------------------------
   フォームパーツ
 * ----------------------------------------- */

input,
select ,
label {
    vertical-align: middle;
}
select {
    height: 24px;
}
.width1em {
    width: 1em !important;
}
.width2em {
    width: 2em !important;
}
.width3em {
    width: 3em !important;
}
.width4em {
    width: 4em !important;
}
.width5em {
    width: 5em !important;
}
.width6em {
    width: 6em !important;
}
.width7em {
    width: 7em !important;
}
.width8em {
    width: 8em !important;
}
.width9em {
    width: 8.8em !important;
}
.width10em {
    width: 10em !important;
}


/*----------------------------------------------------
 表示間隔
----------------------------------------------------*/

#hyoujiContainer {
    margin-top: 5px;
    padding-right: 7px;
    padding-left: 7px;
    display: inline-block;
    background-color: #EEE;
    border-radius: 4px;
}
#hyoujiContainer #hyoujiTitle {
    float: left;
    color: #000;
    padding: 8px 10px 0px 0px;
}


/*----------------------------------------------------
 表示切り替えボタン
----------------------------------------------------*/

.kirikaeBtn li {
    float: left;
    margin: 3px 0px;
    list-style: none;
    padding: 0px;
}
.kirikaeBtn li a {
    text-align: center;
    border: 1px solid #CCC;
    padding: 4px 10px 3px;
    border-radius: 4px;
    background: -webkit-linear-gradient(top, #F7F7F7, #DDDDDD);
    background: -moz-linear-gradient(top, #F7F7F7, #DDDDDD);
    background: linear-gradient(top, #F7F7F7, #DDDDDD);
    color: #00F;
    text-decoration: none;
    display: block;
}
.kirikaeBtn li + li {
    margin-left: 5px;
}
.kirikaeBtn li.selected a {
    border: 1px solid #000;
    color: #FFF;
    background: -webkit-linear-gradient(top, #000, #000);
    background: -moz-linear-gradient(top, #000, #000);
    background: linear-gradient(top, #000, #000);
    background-color: #000000;
}


/*----------------------------------------------------
 マップ関連
----------------------------------------------------*/

#mapTbl {
    margin-right: auto;
    margin-left: auto;
}
#mapTbl th,
#mapTbl td {
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}
#mapTbl td {
    padding-top: 2px;
    padding-bottom: 10px;
    vertical-align: top;
    font-size: 13px;
    text-align: left;
    line-height: 1;
}

#mapImage div {
}
#mapImage div img {
    width: 100%;
}



/*----------------------------------------------------
  フッター
----------------------------------------------------*/

#footContent {
    clear: both;
    text-align: center;
    background-color: #FFF;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
    margin-top: 20px;
    padding-top: 10px;
}
#footContent p {
    margin-top: 15px;
    margin-bottom: 15px;
}
#footContent a {
    text-decoration: underline;
}
#footContent #btnTop a {
    text-decoration: none;
}


/*----------------------------------------------------
 凡例の色分け
----------------------------------------------------*/

.irowakeList {
    margin-bottom: 5px;
}
.irowakeList li {
    list-style-type: none;
    margin-bottom: 2px;
    line-height: 1.1;
    background-repeat: no-repeat;
    background-position: left center;
}
.irowakeList img {
    margin-right: 3px;
}


/*---凡例囲み---------*/
#hanreiContainer {
    border: 1px solid #666;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    font-size: 13px;
}
#hanreiContainer .irowakeList {
    float: left;
    display: block;
    padding-right: 10px;
}


/* -----------------------------------------
   テーブルデザイン
 * ----------------------------------------- */

th,
td {
    vertical-align: middle;
}
.tableTdLeft,
.tableTdCenter {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tableTdLeft th,
.tableTdCenter th,
.tableTdJustify th,
.tableTdLeft td,
.tableTdCenter td,
.tableTdJustify td {
    padding: 3px 2px 2px;
    border: 1px solid #999;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
}
.tableTdLeft th,
.tableTdCenter th,
.tableTdJustify th {
    background-color: #DDD;
}
.tableTdLeft td {
    text-align: left;
}
.tableTdJustify td {
    text-align: justify;
    text-justify: inter-ideograph;
}
th.tableTextCenter,
td.tableTextCenter {
    text-align: center;
}
th.tableTextLeft,
td.tableTextLeft{
    text-align: left;
}
th.tableTextJustify,
td.tableTextJustify {
    text-align: justify;
    text-justify: inter-ideograph;
}

/* セルの枠線を消す */
table td.noRightBorder {
    border-right-style: none;
}
table td.noLeftBorder {
    border-left-style: none;
}

/* 横スクロールのテーブル */
.scrollTbl-X {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 5px;
}
.scrollTbl-X td,
.scrollTbl-X th {
    white-space: nowrap;
}

.hyoujiControlTbl {
    margin: 5px 0px;
}
.hyoujiControlTbl td {
    text-align: center;
    vertical-align: middle;
    padding-right: 5px;
}


.bgRed {
    color: #FFF;
    background-color: #F00;
}
.bgOrange {
    background-color: #F90;
}
.bgYellow {
    background-color: #FF0;
}
.bgGreen {
    background-color: #66cc00;
}
.bgGray {
    background-color: #999;
}
.bgBlue {
    background-color: #39F;
}
.bgPurple {
    color: #FFF;
    background-color: #60F;
}
.bgPink {
    background-color: #FCC;
}
.bgLightYellow {
    background-color: #FFC;
}

/* 洪水・水位周知凡例 */
.bgKaijyo {
	background-color: #0099FF;  /* 水色ハッチ */
	color: #000;  /* 黒文字 */
}
.bgChui {
	background-color: #ffff00;  /* 黄ハッチ */
	color: #000;  /* 黒文字 */
}

.bgKeikai {
	background-color: #ff9900;  /* 橙ハッチ */
	color: #000;  /* 黒文字 */
}

.bgKiken {
	background-color: #ff0000;  /* 赤ハッチ */
	color: #FFF;  /* 白文字 */
}

.bgHassei {
	background-color: #800080;  /* 紫ハッチ */
	color: #FFF;  /* 白文字 */
}

.bgKaijyo a
,.bgChui a
,.bgKeikai a {
	color: #000;  /* 黒文字 */
	text-decoration: underline;
}

.bgKiken a
,.bgHassei a {
	color: #FFF;  /* 白文字 */
	text-decoration: underline;
}

/* 土砂災害降雨危険度凡例 */
.bgLv1 {
    background-color: #FAD200;
}
.bgLv2 {
    background-color: #FF2800;
    color: #FFF;
}
.bgLv3 {
    background-color: #C80BFF;
    color: #FFF;
}
.bgLv4 {
    background-color: #6C008C;
    color: #FFF;
}

/* -----------------------------------
   ページの切り替え
 * ----------------------------------- */

.pager {
    margin: 15px auto;
    display: block;
    text-align: center;
}
.pager a {
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #CCC;
    color: #00F;
    line-height: 1.2;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#DDDDDD));
    background: -moz-linear-gradient(top, #F7F7F7, #DDDDDD);
    background: linear-gradient(top, #F7F7F7, #DDDDDD);
    border: 1px solid #CCC;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-left: 7px;
}


/* -----------------------------------------
   その他コンテンツのスタイル
 * ----------------------------------------- */
.pointTitle {
    background-image: url(../images/common/bg_listhead_red2.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 0px 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#hyoujiKikan {
    background-image: url(../images/common/bg_listhead_black.png);
    background-position: left 3 px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 1.2;
    margin-top: 5px;
}
.caption {
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.2;
}
p.footNote,
.footNote p,
.footNote li {
    padding-left: 1em;
    text-indent: -1em;
}

/* -----------------------------------
   気象情報凡例
 * ----------------------------------- */
/* 特別警報 */
.bgWeatherT {
	color: #FFF !important;
	/* 色変更対応戻し@20190212
  background-color: #C800FF !important; */
	background-color: #606 !important;
}
/* 土砂災害警戒情報 */
.bgDoshaW {
	background-color: #FFF !important;
	background-image: url(../images/hanrei/bg_stripe.png) !important;
	background-repeat: repeat;
	text-shadow: 1px 1px 1px white, -1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white;
}
/* 土砂災害警戒情報・水防情報 解除 */
.bgKaijo {
	color: #000 !important;
	background-color: #0099FF !important;
}

/* 警報 */
.bgWeatherW {
	color: #FFF !important;
	/* 色変更対応戻し@20190212
	background-color: #FF2800 !important; */
	background-color: #F00 !important;
}
.bgWeatherWLight {
	color: #000;
	background-color: #FCC;
}
/* 注意報 */
.bgWeatherA {
	color: #000 !important;
	/* 色変更対応戻し@20190212
	background-color: #FAF500 !important; */
	background-color: #FF0 !important;
}
.bgWeatherALight {
	color: #000;
	/* 色変更対応戻し@20190212
	background-color: #fff5cc; */
	background-color: #FFC;
}

.bgKirokuAme {
	/* 色変更対応戻し@20190212
	background-color: #C800FF !important;
	color: #000; */
	background-color: #F00 !important;
	color: #FFF;
}

/* -----------------------------------
   汎用
   ----------------------------------- */
.bg-gray {background-color: #CCC;}
.text-bold {font-weight: bold !important;}
.text-left {text-align: left !important}
.text-large {
	font-size: 123.1% !important;
	font-weight: bold !important;
}
.fontSize-12 {font-size: 12px !important}
.width-150px {width: 150px !important}
.marginLeft0px {margin-left: 0px !important;}

/* -----------------------------------
   凡例カラーリング
   ----------------------------------- */
/* 凡例用の四角■ */
.pic-hanrei {
	width: 12px;
	height: 12px;
	display: inline-block
}
.pic-hanrei-s {
	width: 10px;
	height: 10px;
	display: inline-block
}
/* 土砂災害警戒情報解除 */
.hanrei-dosha-kaijo {
	background-color: #00ffff;
}

/* 判定対象外 */
.bgTaisyougai {
	background-image: url(../img/hanrei/pic_hanrei_taishougai.png) !important;
	background-position: left top !important;
	background-repeat: repeat !important;
	text-shadow: 1px 1px 1px white, -1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white;
}

/* -----------------------------------
   警戒レベル
   ----------------------------------- */
/* 警戒レベル2相当 */
.keikai-lv2 {
	background-color: rgb(242,231,0) !important;
}
/* 警戒レベル3相当 */
.keikai-lv3 {
	background-color: rgb(255,40,0) !important;
	color: #ffffff !important;
}
/* 警戒レベル4相当 */
.keikai-lv4 {
	background-color: rgb(170,0,170) !important;
	color: #ffffff !important;
}
/* 警戒レベル5相当 */
.keikai-lv5 {
	background-color: rgb(12,0,12) !important;
	color: #ffffff !important;
}

/* -----------------------------------
   気象情報
   ----------------------------------- */
/* 注意報 */
.announce-lv2 {
	background-color: rgb(242,231,0) !important;
}
/* 警報 */
.announce-lv3 {
	background-color: rgb(255,40,0) !important;
	color: #ffffff !important;
}
/* 土砂災害警戒情報 */
.announce-lv4 {
	background-color: rgb(170,0,170) !important;
	color: #ffffff !important;
}
/* 大雨特別警報 */
.announce-lv5 {
	background-color: rgb(12,0,12) !important;
	color: #ffffff !important;
}
/* 土砂災害警戒情報解除 */
.announce-kaijo {
	background-color: rgb(0,153,255) !important;
}

/* 記録的短時間大雨情報 */
.kiroku-ame {
	background-color: rgb(255,0,0) !important;
}

/* 気象情報の薄めの背景色 */
/* 注意報(薄) */
.announce-light-lv2 {
	background-color: rgb(255,255,204) !important;
}
/* 警報(薄) */
.announce-light-lv3 {
	background-color: rgb(255,204,204) !important;
}

/* -----------------------------------
   ダム放流通知
   ----------------------------------- */
/* 発表レベル1 */
.damhoryu-alert-blue {
    background-color: rgb(0,153,255) !important;
    color: #000000 !important;
}
/* 発表レベル2 */
.damhoryu-alert-yellow {
    background-color: rgb(242,231,0) !important;
    color: #000000 !important;
}
/* 発表レベル3 */
.damhoryu-alert-red {
    background-color: rgb(255,40,0) !important;
    color: #FFFFFF !important;
}
/* 発表レベル4 */
.damhoryu-alert-purple {
    background-color: rgb(170,0,170) !important;
    color: #FFFFFF !important;
}

/* -----------------------------------
   降雨危険度
   ----------------------------------- */
/* 注意 */
.risk-a1-160 { background-color: rgb(242, 231, 0) !important; color: #000000 !important; }
/* 警戒*/
.risk-a1-233 { background-color: rgb(255, 40, 0) !important; color: #FFFFFF !important; }
/* 危険 */
.risk-a1-364 { background-color: rgb(170, 0, 170) !important; color: #FFFFFF !important; }
/* 災害切迫 */
.risk-a1-466 { background-color: rgb(12, 0, 12) !important; color: #FFFFFF !important; }
.bgLvOther {
	background-image: url("../../img/hanrei/pic_hanrei_taishougai3.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	text-shadow: 1px 1px 1px white, -1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white;
}

/* -----------------------------------
   XRAIN
   ----------------------------------- */
.rain-range8 {background-color: rgba(255,  0,  0,1) !important; color: #FFFFFF;}
.rain-range7 {background-color: rgba(255,  0,255,1) !important; color: #FFFFFF;}
.rain-range6 {background-color: rgba(255,153,  0,1) !important;}
.rain-range5 {background-color: rgba(255,255,  0,1) !important;}
.rain-range4 {background-color: rgba(153,255,  0,1) !important;}
.rain-range3 {background-color: rgba(  0, 51,204,1) !important; color: #FFFFFF;}
.rain-range2 {background-color: rgba(  0,153,255,1) !important; color: #FFFFFF;}
.rain-range1 {background-color: rgba(204,255,255,1) !important;}

/* -----------------------------------
   洪水予報
   ----------------------------------- */
/* 解除 */
.wa-lv1 {
	background-color: rgb(0,153,255) !important;
	color: #000000 !important;
}
/* 氾濫注意情報 */
.wa-lv2 {
    background-color: rgb(242,231,0) !important;
    color: #000000 !important;
}
/* 氾濫警戒情報 */
.wa-lv3 {
    background-color: rgb(255,40,0) !important;
    color: #ffffff !important;
}
/* 氾濫危険情報 */
.wa-lv4 {
	background-color: rgb(170,0,170) !important;
	color: #ffffff !important;
}
/* 氾濫発生情報 */
.wa-lv5 {
	background-color: rgb(12,0,12) !important;
	color: #ffffff !important;
}
/* リンクの文字色 */
.wa-lv2 a {
    color: #000;
    text-decoration: underline;
}
.wa-lv1 a,
.wa-lv3 a,
.wa-lv4 a,
.wa-lv5 a {
    color: #FFF;
    text-decoration: underline;
}

/* -----------------------------------
   水防警報
   ----------------------------------- */
/* 待機 */
.sk-lv1 {
    background-color: rgb(53,168,107) !important;  /* bgBlueLight(#CFF) */
    color: #ffffff !important;
}
/* 準備 */
.sk-lv2 {
    background-color: rgb(203,242,102) !important;   /* bgGreen(#0F0) */
    color: #000000 !important;
}
/* 出動 */
.sk-lv3 {
    background-color: rgb(250,245,0) !important;   /* bgYellow(#FF0) */
    color: #000000 !important;
}
/* 警戒/厳重警戒 */
.sk-lv4,
.sk-lv5 {
    background-color: rgb(255,0,0) !important;   /* bgRed(#F00) */
    color: #ffffff !important;
}
.sk-info {
    background-color: rgb(0,0,255) !important;   /* bgRed(#F00) */
    color: #ffffff !important;
}
.sk-kaijo {
    background-color: rgb(0,153,255) !important;   /* bgRed(#F00) */
    color: #000000 !important;
}
/* リンクの文字色 */
.sk-lv2 a,
.sk-lv3 a,
.sk-kaijo a {
    color: #000;
    text-decoration: underline;
}
.sk-lv1 a,
.sk-lv4,
.sk-lv5 {
    color: #FFF;
    text-decoration: underline;
}

/* -----------------------------------
   基準水位
   ----------------------------------- */
/* 水防団待機水位 */
.wl-lv1 {
	background-color: rgb(53,168,107) !important;
	color: #ffffff !important;
}
/* 氾濫注意水位 */
.wl-lv2 {
	background-color: rgb(242,231,0) !important;
	color: #000000 !important;
}
/* 避難判断水位 */
.wl-lv3 {
	background-color: rgb(255,40,0) !important;
	color: #ffffff !important;
}
/* 氾濫危険水位 */
.wl-lv4 {
	background-color: rgb(170,0,170) !important;
	color: #ffffff !important;
}
/* 計画高水位 */
.wl-lv5 {
	background-color: rgb(0,32,96) !important;
	color: #ffffff !important;
}
/* 計画高水位（実況水位と合わせて表示する場合） */
.wl-lv5-2 {
	background-color: rgb(0,32,96) !important;
	color: #ffffff !important;
}
/* 欠測または休止 */
.wl-kessoku {
	background-color: rgb(153, 153, 153) !important;
	color: #000000 !important;
	border: 1px solid #666 !important; /* 線が見えなくなるため変更 */
}

/* -----------------------------------
	危機管理型水位計
----------------------------------- */
/* 観測開始水位超 */
.ccwl-keisoku { background-color: rgb(242, 231, 0) !important; color: #000000 !important; }
/* 危険水位超 警戒レベル4相当 */
.ccwl-lv4 { background-color: rgb(170, 0, 170) !important; color: #FFFFFF !important; }
/* 氾濫開始水位超 警戒レベル5相当 */
.ccwl-lv5 { background-color: rgb(12, 0, 12) !important; color: #FFFFFF !important; }
/* 未観測 */
.ccwl-mikansoku {
	background-color: rgb(200, 200, 200) !important;
	color: #000000 !important;
}
/* 欠測 */
.ccwl-kessoku { 
    background-color: rgb(156, 156, 156) !important;
	color: #000000 !important;
	border: 1px solid #666 !important; /* 線が見えなくなるため変更 */
}

/* -----------------------------------
   基準水位テキスト（水位経過表）
   ----------------------------------- */
/* 水防団待機水位(濁) */
.wl-txt-lv1 {
	color: rgb(0,187,0) !important;
}
/* 氾濫注意水位(濁) */
.wl-txt-lv2 {
	color: rgb(143,144,0) !important;
}
/* 避難判断水位(濁) */
.wl-txt-lv3 {
	color: rgb(187,112,0) !important;
}
/* 氾濫危険水位 */
.wl-txt-lv4 {
	color: rgbF(255,0,0) !important;
}
/* 計画高水位 */
.wl-txt-lv5 {
	color: rgb(0,0,255) !important;
}

/* -----------------------------------
   基準水位グラフ（水位状況表）
   ----------------------------------- */
.graphTable .graphHeijo{
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: none;
}
.graphTable .wl-graph-lv1,
.graphTable .wl-graph-lv2,
.graphTable .wl-graph-lv3,
.graphTable .wl-graph-lv4,
.graphTable .wl-graph-lv5 {
	text-align: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-right-style: none;
}
.graphTable .graphNashi {
	border-left-color: #FFF;
}

/* 水防団待機水位 */
.graphTable .wl-graph-lv1 {
	border-left-color: rgb(53,168,107) !important;
}
/* 氾濫注意水位 */
.graphTable .wl-graph-lv2 {
	border-left-color: rgb(242,231,0) !important;
}
/* 避難判断水位 */
.graphTable .wl-graph-lv3 {
	border-left-color: rgb(255,40,0) !important;
}
/* 氾濫危険水位 */
.graphTable .wl-graph-lv4 {
	border-left-color: rgb(170,0,170) !important;
}
/* 計画高水位 */
.graphTable .wl-graph-lv5 {
	border-left-color: rgb(0,32,96) !important;
}

.graphTable .graphNashi div,
.graphTable .graphHeijo div,
.graphTable .wl-graph-lv1 div,
.graphTable .wl-graph-lv2 div,
.graphTable .wl-graph-lv3 div,
.graphTable .wl-graph-lv4 div,
.graphTable .wl-graph-lv5 div {
	background-color: blue;
	font-size: 10px;
}

/* -----------------------------------
   水防警報
   ----------------------------------- */
/* 水防団待機 */
.suibo-lv1 {
	background-color: rgb(0,255,0) !important;
}
/* 氾濫注意 */
.suibo-lv2 {
	background-color: rgb(255,255,0) !important;
}

/* -----------------------------------
   水位周知
   ----------------------------------- */
.wl-shuuchi {
	background-color: rgb(255,153,0) !important;
}

/* -----------------------------------
   テーブルデザイン
   ----------------------------------- */
.tbl-hanrei {
	margin-top: 5px;
	margin-bottom: 5px;
}
.tbl-hanrei th,
.tbl-hanrei td {
	padding: 0px 2px 4px;
	line-height: 1.1;
}
.tbl-hanrei th {
	text-align: left;
}

.tbl-border {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.tbl-border th,
.tbl-border td{
	padding: 2px;
	line-height: 1.1;
	border: 1px solid #999;
}
.tbl-border th {
	font-weight: normal;
	text-align: center;
}

/* セルを消す */
.tbl-space {
	border-left-style: hidden !important;
	border-right-style: hidden !important;
	height: 3px;
}

/* セルの枠線を消す */
table td.noTopBorder,
table th.noTopBorder {
	border-top-style: none !important;
}
table td.noBottomBorder,
table th.noBottomBorder {
	border-bottom-style: none !important;
}
table td.noTopBottomBorder,
table th.noTopBottomBorder {
	border-top-style: none !important;
	border-bottom-style: none !important;
}
table td.noLeftBorder,
table th.noLeftBorder{
	border-left: none !important;
	 border-collapse: collapse;
}
table td.noRightBorder,
table th.noRightBorder{
	border-right-style: none !important;
}
table td.noLeftRightBorder,
table th.noLeftRightBorder{
	border-left-style: none !important;
	border-right-style: none !important;
}
table td.noBorder {
	border: none;
}


/* -----------------------------------
   GPSアイコン
   ----------------------------------- */
#icon-gps {
	position: absolute;
	right: 6px;
	bottom: 5px;
	padding: 3px 3px 2px;
	font-size: 13px;
	width: 50px;
	display: block;
	border: 1px solid #0000FF;
	line-height: 1;
	text-align: center;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 2px
}
#icon-gps a {
	color: #0000FF
}
#icon-gps img {
	width: 100%;
	padding-bottom: 3px;
}

/* 雨量の色設定 */
.xrain-lv9 {background-color: rgb(102,  0,204); color: rgb(255,255,255);}
.xrain-lv8 {background-color: rgb(255,  0,  0); color: rgb(255,255,255);}
.xrain-lv7 {background-color: rgb(255,  0,255); color: rgb(255,255,255);}
.xrain-lv6 {background-color: rgb(255,153,  0); color: rgb(  0,  0,  0);}
.xrain-lv5 {background-color: rgb(255,255,  0); color: rgb(  0,  0,  0);}
.xrain-lv4 {background-color: rgb(153,255,  0); color: rgb(  0,  0,  0);}
.xrain-lv3 {background-color: rgb(  0, 51,204); color: rgb(255,255,255);}
.xrain-lv2 {background-color: rgb(  0,153,255); color: rgb(255,255,255);}
.xrain-lv1 {background-color: rgb(204,255,255); color: rgb(  0,  0,  0);}