#menu {
	position: relative;
	height: 44px;
	width:814px;
	padding-top: 76px;
	overflow: hidden;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float:left;
}


/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#menu ul li {
	float: left;
	list-style: none;
	padding-top:15px;
}

#menu ul li a  {
	text-indent: -500em;
	z-index: 10;
	display: block;
	float: left;
	height: 15px;
	position: relative;
	overflow: hidden;
}


#menu_01 a {
	width: 74px;
	margin-left:33px;
	_margin-left:15px;
	background: url('../images/menu_catch.png') no-repeat -33px -15px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -33px -15px;
}

#menu_01 a:hover {
	background: url('../images/menu_catch.png') no-repeat -33px 0px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -33px 0px;
}

#menu_02 a {
	width: 76px;
	background: url('../images/menu_catch.png') no-repeat -107px -15px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -107px -15px;
}

#menu_02 a:hover {
	background: url('../images/menu_catch.png') no-repeat -107px 0px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -107px 0px;
}

#menu_03 a {
	width: 150px;
	background: url('../images/menu_catch.png') no-repeat -183px -15px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -183px -15px;
}
#menu_03 a:hover {
	background: url('../images/menu_catch.png') no-repeat -183px 0px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -183px 0px;
}

#menu_04 a {
	width: 75px;
	background: url('../images/menu_catch.png') no-repeat -333px -15px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -333px -15px;
}
#menu_04 a:hover {
	background: url('../images/menu_catch.png') no-repeat -333px 0px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -333px 0px;
}
#menu_05 a {
	width: 100px;
	background: url('../images/menu_catch.png') no-repeat -408px -15px  !important;
	background: url('../images/menu_catch.gif') no-repeat -408px -15px;
}
#menu_05 a:hover {
	background: url('../images/menu_catch.png') no-repeat -408px 0px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -408px 0px;
}
#menu_06 a {
	width: 135px;
	background: url('../images/menu_catch.png') no-repeat -508px -15px  !important;
	background: url('../images/menu_catch.gif') no-repeat -508px -15px;
}
#menu_06 a:hover {
	background: url('../images/menu_catch.png') no-repeat -508px 0px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -508px 0px;
}
#menu_07 a {
	width: 100px;
	background: url('../images/menu_catch.png') no-repeat -653px -15px  !important;
	background: url('../images/menu_catch.gif') no-repeat -653px -15px;
}
#menu_07 a:hover {
	background: url('../images/menu_catch.png') no-repeat -653px 0px  !important;	
	background: url('../images/menu_catch.gif') no-repeat -653px 0px;
}


#menu li.background {
	z-index: 8;
	position: absolute;
	visibility: hidden;
	background-image: url(../images/menu_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu .background .left {
	height: 30px;
	/*margin-right: 9px; /* 7px is the width of the rounded shape */
	background-image: url(../images/menu_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu .current {
	display:none;
	}

/*************
サブメニュー
*********************/
#sub-menu {
	float:right;
	height: 34px;
	width:176px;
	position:absolute;
	top:19px;
	left:720px;
	clear:both;
	overflow: hidden;
}
#sub-menu li {
	list-style-type:none;
	float:left;
	vertical-align: top;
	width:88px;
	height:17px;
	overflow:hidden;
	text-indent: -500em;
}

#sub-menu li a {
	display:block;
}

#sub-menu li a:hover {
background-color:transparent;
}

#sub-menu li a:hover img{
}

#sub-menu li img{
	border:0;
}
#sub-menu li.active img{
}

#sub-menu li.menu01 {
	width:88px;
	height: 17px;
	background: url('../images/sub_menu_01.png') no-repeat 0px -2px  !important;	
	background: url('../images/sub_menu_01.gif') no-repeat 0px -2px ;
}
#sub-menu li.menu01 a:hover {
	background: url('../images/sub_menu_01.png') no-repeat 0px -19px  !important;	
	background: url('../images/sub_menu_01.gif') no-repeat 0px -19px ;
}
#sub-menu li.menu02 {
	width:88px;
	height: 17px;
	background: url('../images/sub_menu_02.png') no-repeat 0px -2px  !important;	
	background: url('../images/sub_menu_02.gif') no-repeat 0px -2px ;
}
#sub-menu li.menu02 a:hover {
	background: url('../images/sub_menu_02.png') no-repeat 0px -19px  !important;	
	background: url('../images/sub_menu_02.gif') no-repeat 0px -19px ;
}