@charset "UTF-8";

.menuIndex{
	clear: both;
	width: 800px;
	height: 100px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menuIndex li{
	display: inline;
	margin: 0;
	padding: 0;
}
.menuIndex li a{
	display: block;
	float:left;
	width: 800px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-indent: -100em;
	overflow: hidden;
	background-image: url("img/menu_mix.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.menuSub{
	clear: both;
	width: 800px;
	height: 40px;
	padding: 0;
	margin: 0 0 1.5em 0;
	list-style-type: none;
}
.menuSub li{
	display: inline;
	margin: 0;
	padding: 0;
}
.menuSub li a, .menuSub li span{
	display: block;
	float:left;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -100em;
	overflow: hidden;
	background-repeat: no-repeat;
}
.menuSubPlain li a, .menuSubPlain li span{
	background-image: url("img/menu_plain.png");
}
.menuSubMix li a, .menuSubMix li span{
	background-image: url("img/menu_mix.jpg");
}

.menuSub li.item1 span{
	background-position: -0px -100px;
}
.menuSub li.item2 span{
	background-position: -200px -100px;
}
.menuSub li.item3 span{
	background-position: -400px -100px;
}
.menuSub li.item4 span{
	background-position: -600px -100px;
}
.menuSub li.item1 a{
	background-position: -0px -140px;
}
.menuSub li.item2 a{
	background-position: -200px -140px;
}
.menuSub li.item3 a{
	background-position: -400px -140px;
}
.menuSub li.item4 a{
	background-position: -600px -140px;
}
.menuSub li.item1 a:hover{
	background-position: -0px -180px;
}
.menuSub li.item2 a:hover{
	background-position: -200px -180px;
}
.menuSub li.item3 a:hover{
	background-position: -400px -180px;
}
.menuSub li.item4 a:hover{
	background-position: -600px -180px;
}