#nav li
{
	display: block;
	list-style: none;
	position: relative;
}
#nav .n01, #nav .n02, #nav .n03, #nav .n04, #nav .n05, #nav .n06, #nav .n07, #nav .n08, #nav .n09, #nav .n10, #nav .n11, #nav .n12{
	width: 240px;
	height: 35px;
	top: 0px;
	font-size: 170%;
	overflow: hidden;
	position: absolute;
	z-index: 5;
	color: #fff;
	display: block;
}
#nav li a{
	z-index:1;
	display: block;
	line-height: 50px;
	text-decoration: none;
}
#nav hid{
	visibility: hidden;	z-index: 1;
}
#nav .n01{
	top: 0px;
	z-index: 5;
	background: url(../images/nav01.jpg) no-repeat;
}
#nav .n01 a:hover{
	background:  url(../images/nav01.jpg) no-repeat 0 -35px;
}
#nav .n02{
	top: 35px;
	z-index: 5;
	background: url(../images/nav02.jpg) no-repeat;
}
#nav .n02 a:hover{
	background:  url(../images/nav02.jpg) no-repeat 0 -35px;
}
#nav .n03{
	top: 70px;
	z-index: 5;
	background: url(../images/nav03.jpg) no-repeat;
}
#nav .n03 a:hover{
	background:  url(../images/nav03.jpg) no-repeat 0 -35px;
}
#nav .n04{
	top: 105px;
	z-index: 5;
	background: url(../images/nav04.jpg) no-repeat;
}
#nav .n04 a:hover{
	background:  url(../images/nav04.jpg) no-repeat 0 -35px;
}
#nav .n05{
	top: 140px;
	z-index: 5;
	background: url(../images/nav05.jpg) no-repeat;
}
#nav .n05 a:hover{
	background:  url(../images/nav05.jpg) no-repeat 0 -35px;
}
#nav .n06{
	top: 175px;
	z-index: 5;
	background: url(../images/nav06.jpg) no-repeat;
}
#nav .n06 a:hover{
	background:  url(../images/nav06.jpg) no-repeat 0 -35px;
}
#nav .n07{
	top: 210px;
	z-index: 5;
	background: url(../images/nav07.jpg) no-repeat;
}
#nav .n07 a:hover{
	background:  url(../images/nav07.jpg) no-repeat 0 -35px;
}
#nav .n08{
	top: 245px;
	z-index: 5;
	background: url(../images/nav08.jpg) no-repeat;
}
#nav .n08 a:hover{
	background:  url(../images/nav08.jpg) no-repeat 0 -35px;
}
#nav .n09{
	top: 280px;
	z-index: 5;
	background: url(../images/nav09.jpg) no-repeat;
}
#nav .n09 a:hover{
	background:  url(../images/nav09.jpg) no-repeat 0 -35px;
}

#boxnav ul
{
	width: 900px;
	height: 140px;
	display: block;
	list-style: none;
	text-align: left;
	overflow: hidden;
}
#boxnav li
{
	width: 225px;
	display: block;
	float: left;
	list-style: none;
	position: relative;
}
#boxnav .boxnav1, #boxnav .boxnav2, #boxnav .boxnav3, #boxnav .boxnav4{
	width: 220px;
	height: 140px;
	font-size: 170%;
	overflow: hidden;
	position: relative;
	z-index: 5;
	color: #fff;
	display: block;
}
#boxnav li a{
	z-index:1;
	display: block;
	line-height: 140px;
	text-decoration: none;
}
#boxnav hid{
	visibility: hidden;	z-index: 1;
}
#boxnav .boxnav1{
	left: 0px;
	z-index: 5;
	background: url(../images/boxnav1.jpg) no-repeat;
}
#boxnav .boxnav1 a:hover{
	background:  url(../images/boxnav1.jpg) no-repeat 0 -140px;
}
#boxnav .boxnav2{
	z-index: 5;
	background: url(../images/boxnav2.jpg) no-repeat;
}
#boxnav .boxnav2 a:hover{
	background:  url(../images/boxnav2.jpg) no-repeat 0 -140px;
}
#boxnav .boxnav3{
	z-index: 5;
	background: url(../images/boxnav3.jpg) no-repeat;
}
#boxnav .boxnav3 a:hover{
	background:  url(../images/boxnav3.jpg) no-repeat 0 -140px;
}
#boxnav .boxnav4{
	z-index: 5;
	background: url(../images/boxnav4.jpg) no-repeat;
}
#boxnav .boxnav4 a:hover{
	background:  url(../images/boxnav4.jpg) no-repeat 0 -140px;
}