@charset "UTF-8";
/**
 * 【公開WEB】
 * 石川県河川情報
 * TOP画面CSS
 */
/* -----------------------common.css@override */
.contents{
	*width: 1008px;
	width: 1224px;
	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;
	width: 832px;
}
.mapArea {
	*width: 504px;
	width: 832px;
	height:auto;
	min-height:544px;
}
.mapArea ul.timeMode{
	top: 9px;
	*left: 280px;
	left: 5px;
}
/*地図上のシンボルアイコン*/
img.symbolData{
	cursor: pointer;
}
.legendBox.rainfall dl.mapLegend{
	width: 251px;
}
.rainfall dl.mapLegend dd{
	width: 103px;
}
.legendBox.stage dl.mapLegend{
	*width: 250px;
	width: 265px;
}
.stage dl.mapLegend dd{
	*width: 103px;
	width: 110px;
}
/* 超過一覧 */
div.infoBox{
	*width: 480px;
	width: 368px;
}
.pointHeader{
	height: auto;
}
.pointHeader h4{
	height:45px;
	line-height:34px;
}
p.explain.rewrite{
	line-height: normal;
	top: 25px;
}
p.explain{
	position: absolute;
	left: 45px;
	top: 12px;
}
table.rainData,
table.weatherData{
	*width: 480px;
	width: 368px;
}
table.waterData{
	width: 250px;
}
table.waterData th,
table.rainData th{
	*width: 120px;
	width: 90px;
}
table.waterData tbody td span{
	*width: 100px;
	width: 145px;
}
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;
	width: 832px;
	position: relative;
	*top: 0;
	*left: 0;
	left: 12px;
	right: 12px;
}
div.helpBoxR{
	*width: 480px;
	width: 368px;
	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{*/
div.helpBoxR h4 span{
	display:inline-block;
	width: 48px;
	height: 43px;
	vertical-align: middle;
	margin-top: -7px;
}
/* -----------------------お知らせ */
/*div.helpBoxL h4 span.notice{*/
div.helpBoxR 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;
	word-wrap: break-word;
}
ul.notice li.none{
	background: none;
}
/*リンク*/
ul.noticeUrl li{
	*padding:0 0 0 20px;
	padding:0;
	font-size: 13px;
	line-height: 18px;
	*background: url(../images/common/linkMarker.png) no-repeat;
}
/* 2016.10.21 SGK グッドデザイン賞ロゴ */
img.g_type2016{
	height: 55px;
	float: right;
	margin-top: -12px;
}

/* -----------------------川と防災について */
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: 97px;
	height: 97px;
	padding :0px;
	background-color: #fff;
	border: 2px solid #C3D0D3;
}
/*QRコード（スマホ）*/
ul.mobile li.qrImg.sp{
	width: 97px;
	height: 97px;
	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-top: 3px;
	padding-left: 20px;
}
ul.linkList li a{
	text-decoration: none;
}
//Add by FPT - NghiaNV1 01月17日2017年 for itop3 
.js-overList{
	text-decoration: none !important;
}
//Add by FPT - NghiaNV1 01月17日2017年 for itop3