* {
	margin: 0px;
	padding: 0px;
}

@media print {
	@page {
		size: landscape;
	}
}

html {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	width: 100%;
	height: 100%;
	font-family: "BIZ UDGothic";
	font-size: 12px;
}

a{
	cursor: pointer;
	color: #000000;
}

img.olTileImage {
	image-rendering: -moz-crisp-edges;
	/* Firefox */
	image-rendering: -o-crisp-edges;
	/* Opera */
	image-rendering: -webkit-optimize-contrast;
	/* Webkit */
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
	/* IE */
}

.olImageLoadError {
	background-color: #dddddd !important;
}

/*両端にobjectを表示*/
.boxBetween {
	display: flex;
	justify-content: space-between;
}


/*******************************************************/
/* ヘッダ */
/*******************************************************/

/*--- Header */

div.header{
	width:100%;
	min-width: 1024px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	background: #3a5899;
	color:#ffff00;
}

/*--- subHeader */
div.subHeader{
	width:100%;
	min-width: 1024px;
	height: 30px;
	background:#88c5ff;
	color:#3f3f3f;
}
div.subHeader a{
	font-size: 14px;
	text-decoration: none;
}

/*--- subHeader pageMenu */
table#pageMenu {
	text-align: center;
	height: 30px;
}

table#pageMenu a{
	text-decoration: none;
}

table#pageMenu a:hover{
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: #58a2e9;
}

table#pageMenu tr#menuName{
}

table#pageMenu tr#menuName td{
	padding: 0px 0px 0px 10px;
}

.pageMenuSel {
	padding-bottom: 6px;
	border-bottom: #204087 2px solid;
}

/*******************************************************/
/* contents */
/******************************************************/

#contents {
	width: 100%;
	min-width: 1024px;
	height: 100%;
}

#tableArea {
}

/*--- オブジェクト */
.comBtn {
	padding: 0px 5px 0px 5px;
}

.selBoxTime {
	width: 70px;
}

/*--- leftControl */

#leftCtrl {
	width: 220px;
	height: 100%;
	padding-top: 5px;
	background: #7e7e7e;
}

.ctrlItem {
	width: 195px;
	margin-bottom: 5px;
	padding: 5px 10px 5px 10px;
	background: #3f3f3f;
	color: #ffffff;
}

.ctrlItemTitle {
	margin-bottom: 5px;
	font-size: 13px;
	color: #deefff;
}

#timeCtrl {
	margin-bottom: 5px;
}

/*--- mainContents */
#cnstnsTitle {
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	font-size: 16px;
	background-color: #7e7e7e;
	color: #ffffff;
}

/*--- 一覧表 */

.crntCell {/* 最新実測行：yellow */
	background-color: #fefed3;
}

.foreCellOdd {/* 予測奇数行：deepPink */
	background-color: #fedfee;
}

.foreCellEven {/* 遇数行：palePink */
	background-color: #fff4f9;
}

/*--- 基準水位_水位観測所：計画高水位、氾濫危険水位、避難判断水位、氾濫注意水位、水防団待機水位 */
.bsStgHwl {
	color: #ffffff;
	background-color: #6c008c
}
.bsStgDng {
	color: #ffffff;
	background-color: #aa00aa
}
.bsStgSpclWrn {
	color: #ffffff;
	background-color: #ff2800
}
.bsStgWrn {
	color: #000000;
	background-color: #f2e700
}
.bsStgRsrv {
	color: #ffffff;
	background-color: #35a86b
}

/*--- 基準水位_距離標：許容水位 */
.bsStgAcpt {
	color: #ffffff;
	background-color: #ff2800
}

#subMenu {
	margin-top: 30px;
	padding:5px;
	background-color: #f2f2f2;
	font-size: 14px;
	text-align:center;
}

#subMenu table {
	text-align: center;
	line-height: 25px;
}

#subMenu table #itemName {
	padding: 0px 15px 0px 15px;
}



#tbl-bdr, #tbl-bdr td {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	padding-left:3px;
}

/*諸元一覧*/

.sgnTbl {
	margin-top: 10px;
	margin-left: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
}
#sgnTd {
	width: 160px;
}

.riverTbl {
	width:160px;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
}
.riverHead {
	background-color: #e4e4e4;
}

.zeroHighHead {
	background-color: #e4e4e4;
}

/*時刻セットアップ*/

#timeTypeSlct {
	width: 400px;
}

.timeLst {
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}



.timeType {
	margin: 15px 0px 0px 15px;
	display: inline-block;
	text-align: center;
	height: 30px;
	border-bottom: 2px rgb(127, 127, 127) solid;
}

.timeType input {
	display: none;
}

.timeType label {
	display: inline-block;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding: 0px;
	height: 30px;
	text-indent: 0px;
	background: transparent;
	border-bottom: 2px rgb(127, 127, 127) solid;
}

.timeType input[type="radio"]:checked+#timeLs1 {
	border-bottom: 2px solid rgb(142, 200, 201);
}

.timeType input[type="radio"]:checked+#timeLs2 {
	border-bottom: 2px solid rgb(142, 200, 201);
}

#timeArw {
	position: absolute;
	width: 15px;
	transform: rotate(180deg);
	margin-top: 15px;
	left: 25px;
}
/******/

.contTab {
	display: inline-block;
	border: 1px solid rgb(189, 189, 189);
	background-color: #fff;
	padding-left: 50px;
	padding-right: 50px;
	color: black;
}

.menu {
	position: absolute;
	top: 5px;
	right: 20px;
}

.menuIcon {
	color: black;
	height: 60px;
	width: 60px;
	text-align: center;
	font-size: 12px;
	margin-top: 0px;
}

.menuTxt {
	position: relative;
	top: -20px;
	line-height: 25px;
}

#nowtime {
	position: absolute;
	right: 10px;
	color: #fff;
	top: 25px;
	font-size: 16px;
}

.dispInfo {
	box-shadow: 0 0 8px gray;
	width: 40px;
	height: 40px;
}


/*動画用枠*/

.anmContent {
	border: 1px solid rgb(161, 161, 161);
	border-radius: 10px;
	width: 90%;
	margin: auto;
	position: relative;
	top: 15px;
	margin-bottom: 20px;
	text-indent: 10px;
}


/*セレクトボックス*/

_select::-ms-expand {
	display: none;
}

_select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../img/arrow.ico);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 5px center;
	background-color: transparent;
	border: none;
	color: #fff;
	border-bottom: 1px solid rgb(189, 189, 189);
	text-align: center;
	margin: auto;
}


/*矢印*/

.arrow {
	height: 15px;
	position: absolute;
	left: 15px;
}


/*時刻設定関連*/

#nowtime {
	position: absolute;
	right: 10px;
	color: #fff;
	top: 25px;
	font-size: 16px;
}

.timeSlct {
	cursor: pointer;
}

.dwnImg {
	width: 10px;
}

.upImg {
	width: 10px;
	transform: rotate(180deg);
}

option {
	color: black;
}

#slctBlock {
	width: 100px;
	height: 30px;
	font-size: 15px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
	position: absolute;
	top: 15px;
	left: 450px;
	color: black;
}

#slctTime {
	width: 60px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 50px;
	margin: 0 0 0 auto;
	right: 15px;
}

#slctNowTime {
	cursor: pointer;
	width: 60px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 75px;
	margin: 0 0 0 auto;
	right: 15px;
}

/* 基本ボタン：未選択、選択 */
.slctBtn {
	color: #000000;
	background-color: #8ec8c9;
	_border: 1px solid #8ec8c9;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}
.slctdBtn{
	color: #ffffff;
	background-color: #025051;
	border: 1px solid #8ec8c9;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}