@charset "utf-8";
/* CSS Document */
/* ===== menu ===== */
.menu {
	width: 930px;
	height: 48px;
    zoom: 1;
	position: relative;
	z-index: 10;
}

.menu li {
	float: left;
	list-style: none;
	width: 186px;
}

.menu a {
	display: block;
	width: 186px;
	height: 48px;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.menu a#menu1 { background-position: 0 0;}
.menu a#menu2 { background-position: -186px 0;}
.menu a#menu3 { background-position: -372px 0;}
.menu a#menu4 { background-position: -558px 0;}
.menu a#menu5 { background-position: -744px 0;}
.menu a#menu1:hover { background-position: 0 -48px;}
.menu a#menu2:hover { background-position: -186px -48px;}
.menu a#menu3:hover { background-position: -372px -48px;}
.menu a#menu4:hover { background-position: -558px -48px;}
.menu a#menu5:hover { background-position: -744px -48px;}

.menu li .sub {
	display: none;
    position: absolute;
	width: 179px;
	padding: 0px 3px 3px;
	background-image: url(../img/bg_menu2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.menu li .sub li { width: 179px;}

.menu li .sub a {
	width: 179px;
	height: 26px;
}

#menu1_0 a { background-image: url(../img/menu2_1.png);}
#menu2_0 a { background-image: url(../img/menu2_2.png);}
#menu3_0 a { background-image: url(../img/menu2_3.png);}
#menu4_0 a { background-image: url(../img/menu2_4.png);}
#menu5_0 a { background-image: url(../img/menu2_5.png);}

a#menu1_1,
a#menu2_1,
a#menu3_1,
a#menu4_1,
a#menu5_1
{ background-position: 0 0;}

a#menu1_2,
a#menu2_2,
a#menu3_2,
a#menu4_2,
a#menu5_2
{ background-position: 0 -26px;}

a#menu1_3,
a#menu2_3,
a#menu3_3,
a#menu4_3,
a#menu5_3
{ background-position: 0 -52px;}

a#menu1_4,
a#menu3_4,
a#menu4_4,
a#menu5_4
{ background-position: 0 -78px;}

a#menu1_5,
a#menu5_5
{ background-position: 0 -104px;}

a#menu5_6 { background-position: 0 -130px;}

a#menu5_7 { background-position: 0 -156px;}

a#menu1_1:hover,
a#menu2_1:hover,
a#menu3_1:hover,
a#menu4_1:hover,
a#menu5_1:hover
{ background-position: -179px 0;}

a#menu1_2:hover,
a#menu2_2:hover,
a#menu3_2:hover,
a#menu4_2:hover,
a#menu5_2:hover
{ background-position: -179px -26px;}

a#menu1_3:hover,
a#menu2_3:hover,
a#menu3_3:hover,
a#menu4_3:hover,
a#menu5_3:hover
{ background-position: -179px -52px;}

a#menu1_4:hover,
a#menu3_4:hover,
a#menu4_4:hover,
a#menu5_4:hover
{ background-position: -179px -78px;}

a#menu1_5:hover,
a#menu5_5:hover
{ background-position: -179px -104px;}

a#menu5_6:hover { background-position: right -130px;}

a#menu5_7:hover { background-position: right -156px;}


.menu:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

