@charset "utf-8";

*{
	margin:0;
	padding:0;
	list-style-type:none;
}
html {
    overflow-y:scroll;
    }

ul#menu {
	z-index: 1;
	position: relative;
	/zoom: 1;
	margin-left: 3px;
	}
ul#menu img {
	vertical-align: top;
	margin-bottom: 5px;
	}
ul#menu li{
	float:left;
	position:relative;
	margin-right: 3px;
	}
	ul#menu li a{
		display: block;
		position: relative;
		}
		ul#menu li img:hover {
			cursor: pointer;
			background: url(../img/top/dot.gif) repeat 0 0 #fff;
			opacity: 0.7;
			filter: alpha(opacity=70);
			}
* html ul#menu li,
*+html ul#menu li{
	display:inline;
	zoom:1;
	}
	
ul.sub{display:none;}
* html ul.sub{
	zoom:1;
	position:relative;
	}
*+html ul.sub{
	zoom:1;
	position:relative;
	}
ul.sub li {
	float:none;
	width: 230px;
	margin: 0 2px 0 3px;
	}
	ul.sub li a {
		min-height: 26px;
		padding: 4px 0 0px 20px;
		text-decoration:none;
		color:#fff;
		background-image: url(../img/top/contents-menubg.png);
		background-repeat: no-repeat;
		background-position: left top;
		}
	@-moz-document url-prefix() {	/*firefox*/
		ul.sub li a {padding: 3px 0 0px 20px;}
		}
	@media screen and (max-device-width: 1024px) {
		 ul.sub li a {padding: 3px 0 0px 20px;}
		}
	ul.sub li a:hover {
		background-image: url(../img/top/contents-menubg_f2.png);
		background-repeat: no-repeat;
		background-position: left top;
		}