@charset "utf-8";

/* 全画面共通 */

/* Link arrow symbol ">>" */
.arrow1{
    position: relative;
    display: inline-block;
    padding-left: 0px;
}
.arrow1::before{
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #0000D5;
    border-right: solid 2px #0000D5;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    padding-left: 0;
    margin-top: -10px;
    margin-left: 0em;
    left:-3px;
}
.arrow2{
    position: relative;
    display: inline-block;
    padding-left: 9px;
}
.arrow2::before{
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #0000D5;
    border-right: solid 2px #0000D5;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    margin-top: -10px;
    margin-left: -0.3em;
}


/* ローディングオーバーレイ */
#loadingOverlay {
	/* ローディング背景色 */
	background-color: rgba(120, 120, 120, 0.40);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

/* ローディング画像 */
#loadingImg {
	bottom: 0;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	position: fixed;
	z-index: 101;
}
/* ローディング画像エリア */
#loadingOverlay {
	/* ローディング背景色 */
	display: block;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
/* 初期化失敗メッセージ */
#loadingErrMsg {
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 101;
	width: 64%;
	text-align: center;
	height: 1rem;
    font-size: 12pt;
}

/* 水位経過表　定数ツールチップ */
#mizuTip0,#mizuTip1,#mizuTip2,#mizuTip3,#mizuTip4{
	text-decoration: underline;
	cursor: pointer;
	color:#039;
}
#mizuTip0:hover,#mizuTip1:hover,#mizuTip2:hover,#mizuTip3:hover,#mizuTip4:hover{
    color: #F63
}