/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://tosyo.city.kikugawa.shizuoka.jp/HP_ogas/kokubun/index.html
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#block {
	position:relative;
	width:800px;
	height:35px;
	font-size:12px;
}
#block, #block ul {
	padding:0;
	margin:0;
	list-style:none;
	background-color:#77B03E;
	background-image: -moz-linear-gradient(top, bottom,
		from(rgba(0, 0, 0, .2)),
		color-stop(10%, rgba(0, 0, 0, .3)),
		to(rgba(0, 0, 0, .5)));
	background-image: -webkit-gradient(linear, left top, left bottom,
		color-stop(0,   rgba(0, 0, 0, .2)),
		color-stop(20%, rgba(0, 0, 0, .3)),
		color-stop(100%,rgba(0, 0, 0, .5)));
}
#block table {
	border-collapse:collapse;
	width:0; height:0;
	border:0;
	font-size:1em;
	position:absolute;
	left:0; top:0;
}
#block div {
	position:absolute;
	left:-9999px;
}
#block div ul {
	background:url(http://tosyo.city.kikugawa.shizuoka.jp/HP_ogas/kokubun/img/buttonon.png);
}
#block li.top {
	float:left;
}
#block li.first {
	margin-left:2px;
	display:inline;
}
#block li.top a {
	display:block;
	width:105px;
	color:#FFFFFF;
	text-shadow:2px 0px 2px #000000;
	height:35px;
	text-decoration:none;
	background:transparent;
	text-align: center;
	text-justify:
	inter-word;padding-left:6px;
	-webkit-transition:background-color .4s;
}
#block li.top a:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);/*プリフィックスなし*/
	-moz-text-shadow:0 -1px 0 rgba(0, 0, 0, .8);/*Firefox*/
	background-color:#37610D;
	background-image: -moz-linear-gradient(top, bottom,
		from(rgba(0, 0, 0, .3)),
		color-stop(10%, rgba(0, 0, 0, .4)),
		to(rgba(0, 0, 0, .6)));
	background-image: -webkit-gradient(linear, left top, left bottom,
		color-stop(0,   rgba(0, 0, 0, .3)),
		color-stop(20%, rgba(0, 0, 0, .4)),
		color-stop(100%,rgba(0, 0, 0, .6)));  
}
#block li.top:hover > a  {color:#FAFAD2;}

#block :hover div {
		left:0;
		top:34px;
		width:800px;
		height:auto;
}
#block :hover div ul {
	width:800px;
	height:360px;
}
#block :hover ul li {
	width:100%;
	height:100%;
}
#block :hover ul li dl {
	padding:0;
	width:640px;
	margin:0 auto;
	padding:50px 0;
	text-align:left;
}
#block :hover ul li dl dt {
	padding:0;
	margin:0;
	color:#ff0000;
	text-shadow: 0.2em 0.2em 0.2em #FFFCFC;
	height:35px;
	line-height:35px;
	font-size:20px;
	font-weight:bold;}
#block :hover ul li dl dd {
	padding:0;margin:0;
	color:#37610D;
	text-shadow: 0.5em 0.5em 0.5em #fffcfc;
	text-align:left;
	width:100%;
	font-size:16px;
	font-weight:normal;
}