@charset "Shift_JIS";


/* map area ------------------ */
div#contents #mapArea{
	width:996px;
	height:581px;
	position:relative;
}


div#contents #mapArea #mapCtrl{
	position:relative;
}

div#contents #mapArea #baseMap,
div#contents #mapArea #guideMap,
div#contents #mapArea #postMap,
div#contents #mapArea #waterSpeedMap,
div#contents #mapArea #balloonMap{
	position:absolute;
	top:0;
	left:0;
}

div#contents #mapArea #baseMap{
	margin-top:-1px;
}

	/*   ---------------  psotMap  ---------------  */
	div#contents #mapArea #postMap .post{
		position:absolute;
		width:44px;
		height:44px;
	}

	
	div#contents #mapArea #postMap .post.hover{
	}
	
	div#contents #mapArea #postMap .post[rel=active]{
	}
	
	div#contents #mapArea #postMap .post .postWD00,
	div#contents #mapArea #postMap .post .postWD01,
	div#contents #mapArea #postMap .post .postWD02,
	div#contents #mapArea #postMap .post .postWD03,
	div#contents #mapArea #postMap .post .postWD04,
	div#contents #mapArea #postMap .post .postWD05,
	div#contents #mapArea #postMap .post .postWD06,
	div#contents #mapArea #postMap .post .postWD07,
	div#contents #mapArea #postMap .post .postWD08,
	div#contents #mapArea #postMap .post .postWD09,
	div#contents #mapArea #postMap .post .postWD10,
	div#contents #mapArea #postMap .post .postWD11,
	div#contents #mapArea #postMap .post .postWD12,
	div#contents #mapArea #postMap .post .postWD13,
	div#contents #mapArea #postMap .post .postWD14,
	div#contents #mapArea #postMap .post .postWD15,
	div#contents #mapArea #postMap .post .postWD16,
	div#contents #mapArea #postMap .post .postWD17,
	div#contents #mapArea #postMap .post .postWD99{
		position:absolute;
		top:0;
		left:0;
		width:46px;
		height:46px;
		background:url(../img/icon2ndPointWD.png) no-repeat;
	}
	
		/* 通常時 */
		div#contents #mapArea #postMap .post .postWD00{
			background-position:0 0;
		}
		div#contents #mapArea #postMap .post .postWD01{
			background-position:-46px 0;
		}
		div#contents #mapArea #postMap .post .postWD02{
			background-position:-92px 0;
		}
		div#contents #mapArea #postMap .post .postWD03{
			background-position:-138px 0;
		}
		div#contents #mapArea #postMap .post .postWD04{
			background-position:-184px 0;
		}
		div#contents #mapArea #postMap .post .postWD05{
			background-position:-230px 0;
		}
		div#contents #mapArea #postMap .post .postWD06{
			background-position:-276px 0;
		}
		div#contents #mapArea #postMap .post .postWD07{
			background-position:-322px 0;
		}
		div#contents #mapArea #postMap .post .postWD08{
			background-position:-368px 0;
		}
		div#contents #mapArea #postMap .post .postWD09{
			background-position:-414px 0;
		}
		div#contents #mapArea #postMap .post .postWD10{
			background-position:-460px 0;
		}
		div#contents #mapArea #postMap .post .postWD11{
			background-position:-506px 0;
		}
		div#contents #mapArea #postMap .post .postWD12{
			background-position:-552px 0;
		}
		div#contents #mapArea #postMap .post .postWD13{
			background-position:-598px 0;
		}
		div#contents #mapArea #postMap .post .postWD14{
			background-position:-644px 0;
		}
		div#contents #mapArea #postMap .post .postWD15{
			background-position:-690px 0;
		}
		div#contents #mapArea #postMap .post .postWD16{
			background-position:-736px 0;
		}
		div#contents #mapArea #postMap .post .postWD17{
			background-position:-782px 0;
		}
		div#contents #mapArea #postMap .post .postWD99{
			background-position:-828px 0;
		}

		/* Hover時 */
		div#contents #mapArea #postMap .post.hover .postWD00{
			background-position:0 -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD01{
			background-position:-46px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD02{
			background-position:-92px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD03{
			background-position:-138px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD04{
			background-position:-184px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD05{
			background-position:-230px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD06{
			background-position:-276px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD07{
			background-position:-322px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD08{
			background-position:-368px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD09{
			background-position:-414px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD10{
			background-position:-460px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD11{
			background-position:-506px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD12{
			background-position:-552px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD13{
			background-position:-598px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD14{
			background-position:-644px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD15{
			background-position:-690px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD16{
			background-position:-736px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD17{
			background-position:-782px -46px;
		}
		div#contents #mapArea #postMap .post.hover .postWD99{
			background-position:-828px -46px;
		}


		/* Active時 */
		div#contents #mapArea #postMap .post[rel=active] .postWD00{
			background-position:0 -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD01{
			background-position:-46px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD02{
			background-position:-92px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD03{
			background-position:-138px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD04{
			background-position:-184px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD05{
			background-position:-230px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD06{
			background-position:-276px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD07{
			background-position:-322px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD08{
			background-position:-368px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD09{
			background-position:-414px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD10{
			background-position:-460px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD11{
			background-position:-506px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD12{
			background-position:-552px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD13{
			background-position:-598px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD14{
			background-position:-644px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD15{
			background-position:-690px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD16{
			background-position:-736px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD17{
			background-position:-782px -92px;
		}
		div#contents #mapArea #postMap .post[rel=active] .postWD99{
			background-position:-828px -92px;
		}

	
	div#contents #mapArea #postMap .post .postLevel01,
	div#contents #mapArea #postMap .post .postLevel02,
	div#contents #mapArea #postMap .post .postLevel03,
	div#contents #mapArea #postMap .post .postLevel04,
	div#contents #mapArea #postMap .post .postLevel99{
		position:absolute;
		top:12px;
		left:12px;
		width:23px;
		height:23px;
		overflow:hidden;
		background:url(../img/icon2ndPointLevel.png) no-repeat;
		cursor:pointer;
		z-index:100;
	}
	
		/* 通常時 */
		div#contents #mapArea #postMap .post .postLevel01{/* レベル1 ブルー */
			background-position:0 0;
		}
		div#contents #mapArea #postMap .post .postLevel02{/* レベル2 グリーン */
			background-position:-22px 0;
		}
		div#contents #mapArea #postMap .post .postLevel03{/* レベル3 オレンジ */
			background-position:-44px 0;
		}
		div#contents #mapArea #postMap .post .postLevel04{/* レベル4 レッド */
			background-position:-66px 0;
		}
		div#contents #mapArea #postMap .post .postLevel99{/* 調整中 */
			background-position:-88px 0;
		}

		/* Hover時 */
		div#contents #mapArea #postMap .post.hover .postLevel01{/* レベル1 ブルー */
			background-position:0 -22px;
		}
		div#contents #mapArea #postMap .post.hover .postLevel02{/* レベル2 グリーン */
			background-position:-22px -22px;
		}
		div#contents #mapArea #postMap .post.hover .postLevel03{/* レベル3 オレンジ */
			background-position:-44px -22px;
		}
		div#contents #mapArea #postMap .post.hover .postLevel04{/* レベル4 レッド */
			background-position:-66px -22px;
		}
		div#contents #mapArea #postMap .post.hover .postLevel99{/* 調整中 */
			background-position:-88px -22px;
		}
	
	
	

		/*   ---------------  DrainPort 放水口 type2  ---------------  */
		div#contents #mapArea #postMap .post .postTopDrainportLevel01,
		div#contents #mapArea #postMap .post .postTopDrainportLevel02,
		div#contents #mapArea #postMap .post .postTopDrainportLevel03,
		div#contents #mapArea #postMap .post .postTopDrainportLevel04,
		div#contents #mapArea #postMap .post .postTopDrainportLevel99{
			position:absolute;
			top:12px;
			left:12px;
			width:40px;
			height:25px;
			overflow:hidden;
			background:url(../img/iconTopDrainportLevel.png) no-repeat;
		}
			/* 通常時 */
			div#contents #mapArea #postMap .post .postTopDrainportLevel01{/* レベル1 ブルー */
				background-position:0 0;
			}
			div#contents #mapArea #postMap .post .postTopDrainportLevel02{/* レベル2 グリーン */
				background-position:-40px 0;
			}
			div#contents #mapArea #postMap .post .postTopDrainportLevel03{/* レベル3 オレンジ */
				background-position:-80px 0;
			}
			div#contents #mapArea #postMap .post .postTopDrainportLevel04{/* レベル4 レッド */
				background-position:-120px 0;
			}
			div#contents #mapArea #postMap .post .postTopDrainportLevel99{/* 調整中 */
				background-position:-160px 0;
			}
			/* Hover時 */
			div#contents #mapArea #postMap .post.hover .postTopDrainportLevel01{/* レベル1 ブルー */
				background-position:0 -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopDrainportLevel02{/* レベル2 グリーン */
				background-position:-40px -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopDrainportLevel03{/* レベル3 オレンジ */
				background-position:-80px -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopDrainportLevel04{/* レベル4 レッド */
				background-position:-120px -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopDrainportLevel99{/* 調整中 */
				background-position:-160px -30px;
			}
			
			/* active時 */
			div#contents #mapArea #postMap .post[rel=active] .postTopDrainportLevel01{/* レベル1 ブルー */
				background-position:0 -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopDrainportLevel02{/* レベル2 グリーン */
				background-position:-40px -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopDrainportLevel03{/* レベル3 オレンジ */
				background-position:-80px -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopDrainportLevel04{/* レベル4 レッド */
				background-position:-120px -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopDrainportLevel99{/* 調整中 */
				background-position:-160px -60px;
			}




		/*   ---------------  Exhaust 排気筒 type1  ---------------  */
		div#contents #mapArea #postMap .post .postTopExhaustLevel01,
		div#contents #mapArea #postMap .post .postTopExhaustLevel02,
		div#contents #mapArea #postMap .post .postTopExhaustLevel03,
		div#contents #mapArea #postMap .post .postTopExhaustLevel04,
		div#contents #mapArea #postMap .post .postTopExhaustLevel99{
			position:absolute;
			top:12px;
			left:12px;
			width:40px;
			height:25px;
			overflow:hidden;
			background:url(../img/iconTopExhaust1PointLevel.png) no-repeat;
		}
		
			/* 通常時 */
			div#contents #mapArea #postMap .post .postTopExhaustLevel01{/* レベル1 ブルー */
				background-position:0 0;
			}
			div#contents #mapArea #postMap .post .postTopExhaustLevel02{/* レベル2 グリーン */
				background-position:-40px 0;
			}
			div#contents #mapArea #postMap .post .postTopExhaustLevel03{/* レベル3 オレンジ */
				background-position:-80px 0;
			}
			div#contents #mapArea #postMap .post .postTopExhaustLevel04{/* レベル4 レッド */
				background-position:-120px 0;
			}
			div#contents #mapArea #postMap .post .postTopExhaustLevel99{/* 調整中 */
				background-position:-160px 0;
			}
			
			/* Hover時 */
			div#contents #mapArea #postMap .post.hover .postTopExhaustLevel01{/* レベル1 ブルー */
				background-position:0 -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopExhaustLevel02{/* レベル2 グリーン */
				background-position:-40px -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopExhaustLevel03{/* レベル3 オレンジ */
				background-position:-80px -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopExhaustLevel04{/* レベル4 レッド */
				background-position:-120px -30px;
			}
			div#contents #mapArea #postMap .post.hover .postTopExhaustLevel99{/* 調整中 */
				background-position:-160px -30px;
			}
			
			/* active時 */
			div#contents #mapArea #postMap .post[rel=active] .postTopExhaustLevel01{/* レベル1 ブルー */
				background-position:0 -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopExhaustLevel02{/* レベル2 グリーン */
				background-position:-40px -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopExhaustLevel03{/* レベル3 オレンジ */
				background-position:-80px -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopExhaustLevel04{/* レベル4 レッド */
				background-position:-120px -60px;
			}
			div#contents #mapArea #postMap .post[rel=active] .postTopExhaustLevel99{/* 調整中 */
				background-position:-160px -60px;
			}

	/*   ---------------  #waterSpeedMap 風速マップ   ---------------  */
	div#contents #mapArea #waterSpeedMap .postWS{
		background:#dddada;
		color:#000000;
		font-size:11px;
		text-align:center;
		position:absolute;
		padding:3px 4px 2px;
		line-height:1;
	}



div#contents #mapArea #legendArea{
	position:absolute;
	top:150px;
	right:0;
	width:170px;
	height:429px;
	border-top:solid 1px #ffffff;
	border-right:solid 1px #d6d9dc;
	border-bottom:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	background:#eaedf0;
	border-radius:5px 0 0 0;
}

div#contents #mapArea #legendArea h2{
	height:20px;
	width:170px;
	padding:2px 0 0 0;
	background:#ffffff;
	text-align:center;
	border-radius:5px 0 0 0 !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ffffff));
	background:-moz-linear-gradient(top,#f6f6f6,#ffffff);
	background:-ms-linear-gradient(top,#f6f6f6,#ffffff);
}

div#contents #mapArea #legendArea div.sectionH3{
	width:164px;
	padding:3px 0 4px 6px;
	border-top:solid 1px #ffffff;
}


div#contents #mapArea #legendArea div#windDirectionLegend.sectionH3,
div#contents #mapArea #legendArea div#windSpeedLegend.sectionH3{
	width:155px;
	height:58px;
	padding:5px 5px 10px 10px;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #d6d9dc;
}

div#contents #mapArea #legendArea div#windDirectionLegend.sectionH3 p img,
div#contents #mapArea #legendArea div#windSpeedLegend.sectionH3 p img{
	float:left;
	display:block;
	padding:5px 7px 20px 3px;
}

div#contents #mapArea #legendArea div.sectionH3 h3{
	font-size:11px;
	color:#1c486f !important;
	font-weight:bold;
	padding:5px 0 0 5px !important;
	height:15px;
	clear:both;
}

div#contents #mapArea #legendArea div.sectionH3 p{
	padding:0 5px 0 0;
	font-size:10px;
	line-height:1.5;
}

div#contents #mapArea #legendArea div.sectionH3 .values{
	background:url(../img/legendTop02.png) no-repeat;
	height:150px;
	margin:0 12px 10px;
}

div#contents #mapArea #legendArea div.sectionH3 table{
	width:64px;
	margin:5px 0 20px 74px;
	padding:12px 0 0 0 ;
}

div#contents #mapArea #legendArea div.sectionH3 table th,
div#contents #mapArea #legendArea div.sectionH3 table td{
	font-size:10px;
	padding:2px 2px 4px;
}





div#contents #mapArea #unit{
	position:absolute;
	bottom:37px;
	left:7px;
	z-index:100;
	font-size:11px;
	padding:3px 5px 2px;
	color:#1c486f !important;
	background:#ffffff;
	border:solid 1px #a4b9cb;
	box-shadow:0 3px 2px -2px  rgba(0,0,0,0.3);
	font-weight:bold;
}


div#contents #mapArea #approvalNumber{
	position:absolute;
	bottom:7px;
	left:7px;
	z-index:100;
	font-size:11px;
	padding:3px 5px 2px;
	color:#3d6b84;
	background:#ffffff;
	background:rgba(255,255,255,0.7);
	border:solid 1px #a4b9cb;
	box-shadow:0 3px 2px -2px  rgba(0,0,0,0.3);
}


#appendix{
	min-height:315px;
}