@charset "UTF-8";
/**
 * 【公開WEB】
 * 石川県河川情報
 * TOP画面CSS
 * 
 * [変更履歴]
 * ---------------------------------------
 * [01] 2022/06/23	危機管理型水位計の項目見出し追加のためcssを調整
 */
/* -----------------------common.css@override */
.contents{
	width: 1008px;
	margin-left: 0;
	padding-left: 0;
	padding-top: 0;
	min-height:0px;
}
div.dataBox{
	width: 100%;
	position: relative;
}
/* 概況図 */
div.mapBox{
	min-height:544px;
	width: 504px;
}
.mapArea {
	width: 504px;
	height:auto;
	min-height:544px;
}
.mapArea ul.timeMode{
	top: 9px;
	left: 280px;
}
/*地図上のシンボルアイコン*/
img.symbolData{
	cursor: pointer;
}
.legendBox.rainfall dl.mapLegend{
	width: 251px;
}
.rainfall dl.mapLegend dd{
	width: 103px;
}
.legendBox.stage dl.mapLegend{
	width: 250px;
}
.stage dl.mapLegend dd{
	width: 103px;
}
/* 超過一覧 */
div.infoBox{
	width: 480px;
}
.pointHeader h4{
	height:40px;/*[01]*/
	line-height:34px;
}
table.rainData,
table.weatherData{
	width: 480px;
}
table.waterData{
	width: 360px;
}
table.waterData th{
	width: 120px;
}
table.waterData tbody td span{
	width: 100px;
}
table.weatherData a.showDetail{
	margin-left: 100px;
}
/* フッター */
div.footer{
	margin-top: 20px;
}
/*=======================
	mapBox
  =======================*/
p.mapCaution{
	font-size: 12px;
	position: absolute;
	top: 35px;
	left: 5px;
}
p.mapCaution:BEFORE{
	content: "※";
}
/*=======================
	infoBox
  =======================*/
div.stageImgBox{
	position: absolute;
	top: 1px;
	right: 0px;
	width: 113px;
	height: 151px;
}
p.warningIssueTime{
	position: absolute;
	top: 5px;
	right: 10px;
}
dl.warningLegend{
	position: absolute;
	top: 24px;
	right: 10px;
}
dl.warningLegend *{
	display: inline;
}
dl.warningLegend dt span{
	display:inline-block;
	width: 14px;
	height: 13px;
	vertical-align: middle;
	margin-left: 2px;
	margin-top: -2px;
}

/*=======================
	helpBoxL,helpBoxR
  =======================*/
div.helpBoxL{
	width: 504px;
	position: relative;
	top: 0;
	left: 0;
}
div.helpBoxR{
	width: 480px;
	position: relative;
	margin-left: auto;
	margin-right: 0;
}
div.helpBoxL h4,
div.helpBoxR h4{
	width: 100%;
	font-size: 18px;
	background: url(../public_images/common/top_helpBoxLine.png) repeat-x bottom;
	height: 48px;
	line-height: 48px;
	margin-top: 20px;
}
div.helpBoxL h4 span{
	display:inline-block;
	width: 48px;
	height: 43px;
	vertical-align: middle;
	margin-top: -7px;
}
/* -----------------------お知らせ */
div.helpBoxL h4 span.notice{
	background: url(../public_images/common/top_notice.png) no-repeat left 7px;
}
ul.notice li{
	font-size: 13px;
	line-height: 19px;
	margin: 10px 0;
	padding-left: 20px;
	background: url(../images/common/listMarker.png) no-repeat left 3px;
}
ul.notice li.none{
	background: none;
}
/*リンク*/
ul.noticeUrl li{
	padding:0 0 0 20px;
	font-size: 13px;
	line-height: 18px;
	background: url(../images/common/linkMarker.png) no-repeat;
}
/* 2016.10.21 SGK グッドデザイン賞ロゴ */
img.g_type2016{
	height: 55px;
	margin-top: -12px;
	/* 2017.05.25 SGK レイアウト調整 */
	position:absolute;
	top:0;
	right: 0;
}

/* -----------------------川と防災について */
div.helpBoxL h4 span.story{
	background: url(../public_images/common/top_story.png) no-repeat left 3px;
}
ul.story{
	display: inline-block;
	width: 249px;
}
ul.story li{
	font-size: 13px;
	line-height: 19px;
	margin: 10px 0 0 0;
	padding-left: 20px;
	background: url(../images/common/linkMarker.png) no-repeat left 4px;
}
/* -----------------------モバイル */
div.helpBoxL h4 span.mobile{
	background: url(../public_images/common/top_mobile.png) no-repeat left 3px;
}
ul.mobile {
	margin-top:10px;
	position: relative;
	height: 95px;
	margin-bottom:10px;
}
/*メール登録*/
ul.mobileRegist {
	margin-top:10px;
	position: relative;
	height: 300px;
	margin-bottom:10px;
}
/*QRコード（基本）*/
ul.mobile li.qrImg,
ul.mobileRegist li.qrImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	padding :4px;
	background-color: #fff;
	border: 2px solid #C3D0D3;
}
/*QRコード（スマホ）*/
ul.mobile li.qrImg.sp{
	width: 98px;
	height: 98px;
	padding: 0px;
}
ul.mobile li.title,
ul.mobileRegist li.title{
	position: relative;
	top: 25px;
	left: 110px;
	font-size: 13px;
}
ul.mobile li.title span,
ul.mobileRegist li.title span{
	font-size: 12px;
	color: #787878;
	padding-left: 15px;
}
ul.mobile li.link,
ul.mobileRegist li.link{
	position: relative;
	top: 25px;
	left: 110px;
	font-size: 13px;
	line-height: 19px;
	padding-left: 20px;
	background: url(../images/common/linkMarker.png) no-repeat left 4px;
	width: 370px;
}

ul.mobileRegist li.guide{
	position: relative;
	top: 25px;
	left: 110px;
	font-size: 12px;
	margin-top:10px;
}

div.mobileGuide{
	margin-left:100px;
	background:#29f11f
}

/* -----------------------各種防災情報 */
div.linkDiv{
	width: 240px;
	float: left;
}
ul.linkList li.title{
	font-size: 13px;
	line-height: 19px;
	margin: 10px 0 0 0;
	padding-left: 20px;
	background: url(../images/common/linkMarker.png) no-repeat left 4px;
}
ul.linkList li{
	padding-left: 20px;
}