#menu1{
	float:left;
	position: relative;
	width:152px;
	text-align:left;
	margin : 0px;
}

#menu1 h4{
	height:30px;
	line-height:30px;
	margin:8px 0px 8px 0px;
	font-weight: bold; 
	font-size: 100%;
	text-align:left;
	color:#ee812f;
}

#menu1 img{
	margin:0px 10px 0px 5px;
	width:24px;
	height:20px;
	vertical-align:-3px;
}

@media screen {
	#menu1 a{
		display:block;
		margin: 8px 0px 8px 0px;
		width:152px;
		height:35px;
		background-image:url(../images/infomenu.gif);
		overflow:hidden;
		white-space: nowrap;
		text-indent:200px;
	}

	#menu1 a#warn{
		background-position:0px 0px;
	}
	#menu1 a:hover#warn{
		background-position:0px -35px;
	}
	#menu1 a#infowarn{
		background-position:-152px 0px;
	}
	#menu1 a:hover#infowarn{
		background-position:-152px -35px;
	}
	#menu1 a#landswarn{
		background-position:-304px 0px;
	}
	#menu1 a:hover#landswarn{
		background-position:-304px -35px;
	}
	#menu1 a#dforecast{
		background-position:-456px 0px;
	}
	#menu1 a:hover#dforecast{
		background-position:-456px -35px;
	}
	#menu1 a#wforecast{
		background-position:0px -70px;
	}
	#menu1 a:hover#wforecast{
		background-position:0px -105px;
	}
	#menu1 a#typhoon{
		background-position:-152px -70px;
	}
	#menu1 a:hover#typhoon{
		background-position:-152px -105px;
	}
	#menu1 a#sforecast{
		background-position:-304px -70px;
	}
	#menu1 a:hover#sforecast{
		background-position:-304px -105px;
	}
	#menu1 a#earthquake{
		background-position:-456px -70px;
	}
	#menu1 a:hover#earthquake{
		background-position:-456px -105px;
	}
	#menu1 a#volcano{
		background-position:0px -140px;
	}
	#menu1 a:hover#volcano{
		background-position:0px -175px;
	}
}

@media print {
	#menu1 a{
		display:block;
		margin: 5px 0px 5px 0px;
		width:152px;
		height:20px;
		line-height:20px;
		vertical-align:middle;
	}

	#menu1 a#warn{}
	#menu1 a:hover#warn{}
	#menu1 a#infowarn{}
	#menu1 a:hover#infowarn{}
	#menu1 a#landswarn{}
	#menu1 a:hover#landswarn{}
	#menu1 a#dforecast{}
	#menu1 a:hover#dforecast{}
	#menu1 a#wforecast{}
	#menu1 a:hover#wforecast{}
	#menu1 a#typhoon{}
	#menu1 a:hover#typhoon{}
	#menu1 a#sforecast{}
	#menu1 a:hover#sforecast{}
	#menu1 a#earthquake{}
	#menu1 a:hover#earthquake{}
	#menu1 a#volcano{}
	#menu1 a:hover#volcano{}
}

#menu2{
	float:left;
	list-style:none outside;
	position: relative;
	width:152px;
	text-align:left;
	margin : 0px 0px 0px 0px;
}

#menu2 h4{
	height:30px;
	line-height:30px;
	margin:8px 0px 8px 0px;
	font-weight: bold; 
	font-size: 100%;
	text-align:left;
	color:#1d87d6;
}

#menu2 img{
	margin:0px 10px 0px 5px;
	width:30px;
	height:30px;
	vertical-align:-10px;
}

#menu2 p.note{
	line-height:1.2;
	padding:5px;
	font-size: 80%;
	text-align:left;
	background:#f4f0ef;
	border:solid 2px #e01fdf;		
}

@media screen {
	#menu2 a{
		display:block;
		margin: 8px 0px 8px 0px;
		width:150px;
		height:35px;
		background-image:url(../images/obsmenu.gif);
		overflow:hidden;
		white-space: nowrap;
		text-indent:200px;
	}

	#menu2 a#satellite{
		background-position:0px 0px;
	}
	#menu2 a:hover#satellite{
		background-position:0px -35px;
	}
	#menu2 a#radar{
		background-position:-150px 0px;
	}
	#menu2 a:hover#radar{
		background-position:-150px -35px;
	}
	#menu2 a#amedas{
		background-position:-300px 0px;
	}
	#menu2 a:hover#amedas{
		background-position:-300px -35px;
	}
	#menu2 a#wave{
		background-position:-450px 0px;
	}
	#menu2 a:hover#wave{
		background-position:-450px -35px;
	}
}

@media print {
	#menu2 a{
		display:block;
		margin: 5px 0px 5px 0px;
		width:150px;
		height:20px;
		line-height:20px;
		vertical-align:middle;
	}

	#menu2 a#satellite{}
	#menu2 a:hover#satellite{}
	#menu2 a#radar{}
	#menu2 a:hover#radar{}
	#menu2 a#wave{}
	#menu2 a:hover#wave{}
	#menu2 a#amedas{}
	#menu2 a:hover#amedas{}
}


#menu3{
	position: relative;
	float:left;
	width:440px;
	text-align:left;
	margin : 0px 0px 0px 5px;
}

#menu3:after{ 
   display: block;
   height: 0;
   visibility: hidden;
   clear: both;
   content: ".";
}

#menu3 ul{
	list-style:none outside;
	margin :0px;
}

#menu3 li{
	height:36px;
	font-size:90%;
	line-height:18px;
	text-align:left;
}

@media screen {
	#menu3 a{
		float:left;
		display:block;
		width:110px;
		height:25px;
		margin: 5px 5px 6px 0px;
		background-image:url(../images/materialmenu.gif);
		overflow:hidden;
		white-space: nowrap;
		text-indent:200px;
	}
	#menu3 a#weatherr{
		background-position:0px 0px;
	}
	#menu3 a:hover#weatherr{
		background-position:0px -25px;
	}
	#menu3 a#earthquaker{
		background-position:-110px 0px;
	}
	#menu3 a:hover#earthquaker{
		background-position:-110px -25px;
	}
	#menu3 a#lifer{
		background-position:-220px 0px;
	}
	#menu3 a:hover#lifer{
		background-position:-220px -25px;
	}
	#menu3 a#hazardr{
		background-position:-330px 0px;
	}
	#menu3 a:hover#hazardr{
		background-position:-330px -25px;
	}
}

@media print {
	#menu3 a{
		float:left;
		display:block;
		width:110px;
		height:25px;
		line-height:15px;
		vertical-align:middle;
		margin: 5px 5px 6px 0px;
		overflow:hidden;
		white-space: nowrap;
	}

	#menu3 a#weatherr{}
	#menu3 a:hover#weatherr{}
	#menu3 a#earthquaker{}
	#menu3 a:hover#earthquaker{}
	#menu3 a#lifer{}
	#menu3 a:hover#lifer{}
	#menu3 a#hazardr{}
	#menu3 a:hover#hazardr{}
}

#menu4{
	position: relative;
	float:left;
	list-style:none outside;
	width:242px;
	text-align:left;
	margin : 5px 0px 5px 5px;
}

@media screen {
	#menu4 a{
		display:block;
		width:241px;
		height:20px;
		background-image:url(../images/etcmenu.gif);
		overflow:hidden;
		white-space: nowrap;
		text-indent:300px;
	}

	a.service{
		background-position:0px 0px;
	}
	a:hover.service{
		background-position:0px -20px;
	}
	a.guidance{
		background-position:0px -40px;
	}
	a:hover.guidance{
		background-position:0px -60px;
	}
	a.link{
		background-position:0px -80px;
	}
	a:hover.link{
		background-position:0px -100px;
	}
}

@media print {
	#menu4 a{
		display:block;
		width:241px;
		height:20px;
	}
	a.service{}
	a:hover.service{}
	a.guidance{}
	a:hover.guidance{}
	a.link{}
	a:hover.link{}	
}

.submenu{
	visibility:hidden;
	position:absolute;
	text-align:left;
	top:auto;
	left:0;
}

.submenu a {
	display:block;
	text-decoration:none;
	font-size:14px;
	color:#000000;
	line-height:28px;
	text-indent:7px;
	border-top:solid 1px #ffffff;
}

.submenu a:link{
	color: #000000;
}

.submenu a:visited{
	color: #000000 ;
}

#submenu1{
	position:absolute;
	width:175px;
}

#submenu1 a{
	background-color:#ccff99;	
}

#submenu1 a:hover{
	background-color:#99ff66;
}

#submenu2 {
	position:absolute;
	width:140px;
	background-color:#ff9966;
}

#submenu2 a:hover {
	background-color:#ff6666;
}

#submenu4a {
	position:absolute;
	width:125px;
	background-color:#ffcc00;
}

#submenu4a a:hover {
	background-color:#ff9900;
}


#submenu4b {
	position:absolute;
	width:215px;
	background-color:#ffcc00;
}

#submenu4b a:hover {
	background-color:#ff9900;
}

#submenu4c {
	position:absolute;
	width:155px;
	background-color:#ffcc00;
}

#submenu4c a:hover {
	background-color:#ff9900;
}

#menu5{
	position: relative;
	width:620px;
	margin : 10px;
}

#menu5 a{
	font-size:100%;
	width:190px;
	text-align:center;
}