@charset "UTF-8";
/*ドロップダウンメニュー*/
ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
ul.subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.sub {
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
}
#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#topnav li a {
	background: url(../img/sprite.png) no-repeat;
	float: left;
	text-indent: -9999px;
}
.subnav li a {
	background: url(../img/sprite.png) no-repeat;
	float: left;
	text-indent: -9999px;
}
#topnav li a#n-tech { width: 210px; height: 34px; background-position:-209px -26px;}
#topnav li a#n-tech:hover { background-position:-209px -116px;}
.subnav li a#n-tech1 { width: 106px; height: 26px; background-position:-209px -60px;  border-right:1px solid #666;}
.subnav li a#n-tech1:hover { background-position:-209px -150px; }
.subnav li a#n-tech2 { width: 103px; height: 26px; background-position:-316px -60px; }
.subnav li a#n-tech2:hover { background-position:-316px -150px; }

#topnav li a#n-creative { width: 365px; height: 34px; background-position:-482px -26px; }
#topnav li a#n-creative:hover { background-position:-482px -116px; }
.subnav li a#n-creative1 { width: 164px; height: 26px; background-position:-482px -60px; border-right:1px solid #666; }
.subnav li a#n-creative1:hover { background-position:-482px -150px; border-right:1px solid #666; }
.subnav li a#n-creative2 { width: 143px; height: 26px; background-position:-647px -60px; border-right:1px solid #666; }
.subnav li a#n-creative2:hover { background-position:-647px -150px; border-right:1px solid #666; }
.subnav li a#n-creative3 { width: 56px; height: 26px; background-position:-791px -60px;}
.subnav li a#n-creative3:hover { background-position:-791px -150px; }