@charset "UTF-8";
/* CSS Document */

#header{
	width: 791px;
	height: 44px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 6px;
	padding-bottom: 23px;
	background-color: #000000;
}

#header p#logo{
	height: 44px;
	width: 311px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

#header a{
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
	background-position: -3px -3px;
	display: block;
	height: 0px;
	width: 311px;
	padding-top: 44px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#hNavi{
	width: 480px;
	float: right;
}


ul#menuSub{
	height: 18px;
	width: 480px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#menuSub li{
	display: block;
	height: 18px;
	width: 120px;
	float: left;
	list-style-type: none;
	overflow: hidden;
}

#menuSub a{
	height: 0px;
	width: 120px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}

#menuSub li.l01 a{
	background-position: -314px -3px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuSub li.l02 a{
	background-position: -434px -3px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuSub li.l03 a{
	background-position: -554px -3px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuSub li.l04 a{
	background-position: -674px -3px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuSub li.l01 a:hover{
	background-position: -314px -53px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuSub li.l02 a:hover{
	background-position: -434px -53px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuSub li.l03 a:hover{
	background-position: -554px -53px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuSub li.l04 a:hover{
	background-position: -674px -53px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}







ul#menuWorks {
	display: block;
	height: 26px;
	width: 480px;
	padding: 0px;
	margin: 0px;
}

#menuWorks li{
	display: block;
	height: 26px;
	width: 160px;
	float: left;
	list-style-type: none;
	overflow: hidden;
}

#menuWorks a{
	height: 0px;
	width: 160px;
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}


#menuWorks li.l01 a{
	background-position: -314px -21px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuWorks li.l02 a{
	background-position: -474px -21px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuWorks li.l03 a{
	background-position: -634px -21px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuWorks li.l01 a:hover{
	background-position: -314px -71px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuWorks li.l02 a:hover{
	background-position: -474px -71px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}

#menuWorks li.l03 a:hover{
	background-position: -634px -71px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
}