@charset "UTF-8";
/*menu*/
#menu {
	float: right;
	clear: right;
	margin-top: 30px;
	width: 180px;
	list-style-type: none;
}
#menu li {
	width: 180px;
	height: 50px;
	line-height: 1em;
}
#menu li a {
	width: 180px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -10000em;
}
#menu li#outline a {
	background: url(../sys/menu/outline.jpg) no-repeat left top;
}
#menu li#guide a {
	background: url(../sys/menu/guide.jpg) no-repeat left top;
}
#menu li#tecgolf a {
	background: url(../sys/menu/tecgolf.jpg) no-repeat left top;
}
#menu li#tecsteel a {
	background: url(../sys/menu/tecsteel.jpg) no-repeat left top;
}
#menu li#tecforging a {
	background: url(../sys/menu/tecforging.jpg) no-repeat left top;
}
#menu li#ir a {
	background: url(../sys/menu/ir.jpg) no-repeat left top;
}
#menu li#newgene a {
	background: url(../sys/menu/newgene.jpg) no-repeat left top;
}
#menu li#career a {
	background: url(../sys/menu/career.jpg) no-repeat left top;
}
#menu li#outline a:hover,
#menu li#guide a:hover,
#menu li#tecgolf a:hover,
#menu li#tecsteel a:hover,
#menu li#tecforging a:hover,
#menu li#ir a:hover,
#menu li#newgene a:hover,
#menu li#career a:hover {
	background-position: left bottom;
}
/*sub*/
#sub {
	float: right;
	clear: right;
	list-style-type: none;
	line-height: 0;
	margin-top: 10px;
	width: 180px;
}
#sub li {
	width: 180px;
	height: 30px;
}
#sub li a {
	width: 180px;
	display: block;
	overflow: hidden;
	text-indent: -10000em;
	line-height: 0;
	height: 30px;
}
#sub li#sitemap a {
	background: url(../sys/menu/sitemap.gif) no-repeat left top;
}
#sub li#contact a {
	background: url(../sys/menu/contact.gif) no-repeat left top;
}
#sub li#english a {
	background: url(../sys/menu/english.gif) no-repeat left top;
}
#sub li#toppage a {
	background: url(../sys/menu/toppage.gif) no-repeat left top;
}
#sub li#sitemap a:hover,
#sub li#contact a:hover,
#sub li#english a:hover,
#sub li#toppage a:hover {
	background-position: left bottom;
}