/* Basic code - don't modify */

#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	font-size: 1px;
}

#nav a {
	display: block;
}

#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}

* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */

#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

#nav ul ul {
	top: 0;
}
    
/* Essentials - configure this */

#nav ul {
	width: 108px;
}

#nav ul ul {
	left: 108px;
	top: 5px;
}

/* Everything else is theming */
 
#nav {
/*	background-color: #30A8C3;
	height: 24px;*/
}
/*
#nav *:hover {
	background-color: none;
}*/

#nav a {
	display: block;
}
/*
#nav li.hover a {
	background-color: #5E5A5A;
}*/

#nav ul {
	top: 23px;
}
/*
#nav ul li a {
	background-color: #5E5A5A;
}

#nav ul a.hover {
	background-color: #30A8C3;
}*/

#nav ul a {
/*	border-bottom: 1px solid white;
	border-right: none;
	opacity: 0.9;
	filter: alpha(opacity=90);*/
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav li a span {
	display: none;
}

/*---------------------------------------------------
メインナビ
---------------------------------------------------*/

#nav li a.navi1 {
	background-image: url(../img/navi1.gif);
	width: 105px;
	height: 23px;
}

#nav li a.navi1s {
	background-image: url(../img/navi1_f2.gif);
	width: 105px;
	height: 23px;
}

#nav li.hover a.navi1 {
	background-image: url(../img/navi1_f2.gif);
}

#nav li a.navi2 {
	background-image: url(../img/navi2.gif);
	width: 107px;
	height: 23px;
}

#nav li a.navi2s {
	background-image: url(../img/navi2_f2.gif);
	width: 107px;
	height: 23px;
}

#nav li.hover a.navi2 {
	background-image: url(../img/navi2_f2.gif);
}

#nav li a.navi3 {
	background-image: url(../img/navi3.gif);
	width: 107px;
	height: 23px;
}

#nav li a.navi3s {
	background-image: url(../img/navi3_f2.gif);
	width: 107px;
	height: 23px;
}


#nav li.hover a.navi3 {
	background-image: url(../img/navi3_f2.gif);
}

#nav li a.navi4 {
	background-image: url(../img/navi4.gif);
	width: 107px;
	height: 23px;
}

#nav li a.navi4s {
	background-image: url(../img/navi4_f2.gif);
	width: 107px;
	height: 23px;
}

#nav li.hover a.navi4 {
	background-image: url(../img/navi4_f2.gif);
}

#nav li a.navi5 {
	background-image: url(../img/navi5.gif);
	width: 107px;
	height: 23px;
}

#nav li.hover a.navi5 {
	background-image: url(../img/navi5_f2.gif);
}

#nav li a.navi6 {
	background-image: url(../img/navi6.gif);
	width: 107px;
	height: 23px;
}

#nav li a.navi6s {
	background-image: url(../img/navi6_f2.gif);
	width: 107px;
	height: 23px;
}

#nav li.hover a.navi6 {
	background-image: url(../img/navi6_f2.gif);
}

#nav li a.navi7 {
	background-image: url(../img/navi7.gif);
	width: 107px;
	height: 23px;
}

#nav li a.navi7s {
	background-image: url(../img/navi7_f2.gif);
	width: 107px;
	height: 23px;
}

#nav li.hover a.navi7 {
	background-image: url(../img/navi7_f2.gif);
}

#nav li a.navi8 {
	background-image: url(../img/navi8.gif);
	width: 107px;
	height: 23px;
}

#nav li a.navi8s {
	background-image: url(../img/navi8_f2.gif);
	width: 107px;
	height: 23px;
}

#nav li.hover a.navi8 {
	background-image: url(../img/navi8_f2.gif);
}

#nav li a.navi9 {
	background-image: url(../img/navi9.gif);
	width: 106px;
	height: 23px;
}

#nav li a.navi9s {
	background-image: url(../img/navi9_f2.gif);
	width: 106px;
	height: 23px;
}

#nav li.hover a.navi9 {
	background-image: url(../img/navi9_f2.gif);
}

/*---------------------------------------------------
サブナビ
---------------------------------------------------*/

#nav li li a.navi2-1 {
	background-image: url(../img/navi2_1.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-1 {
	background-image: url(../img/navi2_1_f2.gif);
}

#nav li li a.navi2-2 {
	background-image: url(../img/navi2_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-2 {
	background-image: url(../img/navi2_2_f2.gif);
}

#nav li li a.navi2-3 {
	background-image: url(../img/navi2_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-3 {
	background-image: url(../img/navi2_3_f2.gif);
}

#nav li li a.navi2-4 {
	background-image: url(../img/navi2_4.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-4 {
	background-image: url(../img/navi2_4_f2.gif);
}

#nav li li a.navi2-5 {
	background-image: url(../img/navi2_5.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-5 {
	background-image: url(../img/navi2_5_f2.gif);
}

#nav li li a.navi2-6 {
	background-image: url(../img/navi2_6.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-6 {
	background-image: url(../img/navi2_6_f2.gif);
}

#nav li li a.navi2-7 {
	background-image: url(../img/navi2_7.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-7 {
	background-image: url(../img/navi2_7_f2.gif);
}

#nav li li a.navi2-8 {
	background-image: url(../img/navi2_8.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-8 {
	background-image: url(../img/navi2_8_f2.gif);
}

#nav li li a.navi2-9 {
	background-image: url(../img/navi2_9.gif);
	width: 108px;
	height: 32px;
}

#nav li li.hover a.navi2-9 {
	background-image: url(../img/navi2_9_f2.gif);
}

#nav li li a.navi2-10 {
	background-image: url(../img/navi2_10.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi2-10 {
	background-image: url(../img/navi2_10_f2.gif);
}

#nav li li a.navi3-1 {
	background-image: url(../img/navi3_1.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi3-1 {
	background-image: url(../img/navi3_1_f2.gif);
}

#nav li li a.navi3-2 {
	background-image: url(../img/navi3_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi3-2 {
	background-image: url(../img/navi3_2_f2.gif);
}

#nav li li a.navi3-3 {
	background-image: url(../img/navi3_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi3-3 {
	background-image: url(../img/navi3_3_f2.gif);
}

#nav li li a.navi3-4 {
	background-image: url(../img/navi3_4.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi3-4 {
	background-image: url(../img/navi3_4_f2.gif);
}

#nav li li a.navi4-1 {
	background-image: url(../img/navi4_1.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi4-1 {
	background-image: url(../img/navi4_1_f2.gif);
}

#nav li li a.navi4-2 {
	background-image: url(../img/navi4_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi4-2 {
	background-image: url(../img/navi4_2_f2.gif);
}

#nav li li a.navi4-3 {
	background-image: url(../img/navi4_3.gif);
	width: 108px;
	height: 32px;
}

#nav li li.hover a.navi4-3 {
	background-image: url(../img/navi4_3_f2.gif);
}

#nav li li a.navi4-4 {
	background-image: url(../img/navi4_4.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi4-4 {
	background-image: url(../img/navi4_4_f2.gif);
}

#nav li li a.navi4-5 {
	background-image: url(../img/navi4_5.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi4-5 {
	background-image: url(../img/navi4_5_f2.gif);
}

#nav li li a.navi4-6 {
	background-image: url(../img/navi4_6.gif);
	width: 108px;
	height: 32px;
}

#nav li li.hover a.navi4-6 {
	background-image: url(../img/navi4_6_f2.gif);
}

#nav li li a.navi4-7 {
	background-image: url(../img/navi4_7.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi4-7 {
	background-image: url(../img/navi4_7_f2.gif);
}

#nav li li a.navi4-8 {
	background-image: url(../img/navi4_8.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi4-8 {
	background-image: url(../img/navi4_8_f2.gif);
}


#nav li li a.navi4-9 {
	background-image: url(../img/navi4_9.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi4-9 {
	background-image: url(../img/navi4_9_f2.gif);
}


#nav li li a.navi6-1 {
	background-image: url(../img/navi6_1.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi6-1 {
	background-image: url(../img/navi6_1_f2.gif);
}

#nav li li a.navi6-2 {
	background-image: url(../img/navi6_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi6-2 {
	background-image: url(../img/navi6_2_f2.gif);
}

#nav li li a.navi6-3 {
	background-image: url(../img/navi6_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi6-3 {
	background-image: url(../img/navi6_3_f2.gif);
}

#nav li li a.navi6-4 {
	background-image: url(../img/navi6_4.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi6-4 {
	background-image: url(../img/navi6_4_f2.gif);
}

#nav li li a.navi7-1 {
	background-image: url(../img/navi7_1.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi7-1 {
	background-image: url(../img/navi7_1_f2.gif);
}

#nav li li a.navi7-2 {
	background-image: url(../img/navi7_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi7-2 {
	background-image: url(../img/navi7_2_f2.gif);
}

#nav li li a.navi7-3 {
	background-image: url(../img/navi7_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi7-3 {
	background-image: url(../img/navi7_3_f2.gif);
}

#nav li li a.navi8-1 {
	background-image: url(../img/navi8_1.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi8-1 {
	background-image: url(../img/navi8_1_f2.gif);
}

#nav li li a.navi8-2 {
	background-image: url(../img/navi8_2.gif);
	width: 108px;
	height: 32px;
}

#nav li li.hover a.navi8-2 {
	background-image: url(../img/navi8_2_f2.gif);
}

#nav li li a.navi8-3 {
	background-image: url(../img/navi8_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi8-3 {
	background-image: url(../img/navi8_3_f2.gif);
}

#nav li li a.navi8-4 {
	background-image: url(../img/navi8_4.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi8-4 {
	background-image: url(../img/navi8_4_f2.gif);
}

#nav li li a.navi8-5 {
	background-image: url(../img/navi8_5.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi8-5 {
	background-image: url(../img/navi8_5_f2.gif);
}

#nav li li a.navi8-6 {
	background-image: url(../img/navi8_6.gif);
	width: 108px;
	height: 22px;
}

#nav li li.hover a.navi8-6 {
	background-image: url(../img/navi8_6_f2.gif);
}


/*---------------------------------------------------
サブ/サブナビ
---------------------------------------------------*/

#nav li li a.navi3-1-1 {
	background-image: url(../img/navi3_1_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi3-1-1 {
	background-image: url(../img/navi3_1_1_f2.gif);
}

#nav li li a.navi3-1-2 {
	background-image: url(../img/navi3_1_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-1-2 {
	background-image: url(../img/navi3_1_2_f2.gif);
}

#nav li li a.navi3-1-3 {
	background-image: url(../img/navi3_1_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-1-3 {
	background-image: url(../img/navi3_1_3_f2.gif);
}

#nav li li a.navi3-1-4 {
	background-image: url(../img/navi3_1_4.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-1-4 {
	background-image: url(../img/navi3_1_4_f2.gif);
}

#nav li li a.navi3-1-5 {
	background-image: url(../img/navi3_1_5.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-1-5 {
	background-image: url(../img/navi3_1_5_f2.gif);
}

#nav li li a.navi3-1-6 {
	background-image: url(../img/navi3_1_6.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-1-6 {
	background-image: url(../img/navi3_1_6_f2.gif);
}

#nav li li a.navi3-1-7 {
	background-image: url(../img/navi3_1_7.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-1-7 {
	background-image: url(../img/navi3_1_7_f2.gif);
}


#nav li li a.navi3-2-1 {
	background-image: url(../img/navi3_2_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi3-2-1 {
	background-image: url(../img/navi3_2_1_f2.gif);
}

#nav li li a.navi3-2-2 {
	background-image: url(../img/navi3_2_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-2-2 {
	background-image: url(../img/navi3_2_2_f2.gif);
}

#nav li li a.navi3-3-1 {
	background-image: url(../img/navi3_3_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi3-3-1 {
	background-image: url(../img/navi3_3_1_f2.gif);
}

#nav li li a.navi3-3-2 {
	background-image: url(../img/navi3_3_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-3-2 {
	background-image: url(../img/navi3_3_2_f2.gif);
}

#nav li li a.navi3-4-1 {
	background-image: url(../img/navi3_4_1.gif);
	width: 108px;
	height: 33px;
}

#nav li li li.hover a.navi3-4-1 {
	background-image: url(../img/navi3_4_1_f2.gif);
}

#nav li li a.navi3-4-2 {
	background-image: url(../img/navi3_4_2.gif);
	width: 108px;
	height: 32px;
}

#nav li li li.hover a.navi3-4-2 {
	background-image: url(../img/navi3_4_2_f2.gif);
}

#nav li li a.navi3-4-3 {
	background-image: url(../img/navi3_4_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi3-4-3 {
	background-image: url(../img/navi3_4_3_f2.gif);
}

#nav li li a.navi4-2-1 {
	background-image: url(../img/navi4_2_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi4-2-1 {
	background-image: url(../img/navi4_2_1_f2.gif);
}

#nav li li a.navi4-2-2 {
	background-image: url(../img/navi4_2_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-2-2 {
	background-image: url(../img/navi4_2_2_f2.gif);
}

#nav li li a.navi4-2-3 {
	background-image: url(../img/navi4_2_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-2-3 {
	background-image: url(../img/navi4_2_3_f2.gif);
}

#nav li li a.navi4-2-4 {
	background-image: url(../img/navi4_2_4.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-2-4 {
	background-image: url(../img/navi4_2_4_f2.gif);
}

#nav li li a.navi4-2-5 {
	background-image: url(../img/navi4_2_5.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-2-5 {
	background-image: url(../img/navi4_2_5_f2.gif);
}

#nav li li a.navi4-2-6 {
	background-image: url(../img/navi4_2_6.gif);
	width: 108px;
	height: 32px;
}

#nav li li li.hover a.navi4-2-6 {
	background-image: url(../img/navi4_2_6_f2.gif);
}

#nav li li a.navi4-2-7 {
	background-image: url(../img/navi4_2_7.gif);
	width: 108px;
	height: 32px;
}

#nav li li li.hover a.navi4-2-7 {
	background-image: url(../img/navi4_2_7_f2.gif);
}

#nav li li a.navi4-2-8 {
	background-image: url(../img/navi4_2_8.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-2-8 {
	background-image: url(../img/navi4_2_8_f2.gif);
}

#nav li li a.navi4-2-9 {
	background-image: url(../img/navi4_2_9.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-2-9 {
	background-image: url(../img/navi4_2_9_f2.gif);
}


#nav li li a.navi4-3-1 {
	background-image: url(../img/navi4_3_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi4-3-1 {
	background-image: url(../img/navi4_3_1_f2.gif);
}

#nav li li a.navi4-3-2 {
	background-image: url(../img/navi4_3_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-3-2 {
	background-image: url(../img/navi4_3_2_f2.gif);
}

#nav li li a.navi4-3-3 {
	background-image: url(../img/navi4_3_3.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-3-3 {
	background-image: url(../img/navi4_3_3_f2.gif);
}

#nav li li a.navi4-4-1 {
	background-image: url(../img/navi4_4_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi4-4-1 {
	background-image: url(../img/navi4_4_1_f2.gif);
}

#nav li li a.navi4-4-2 {
	background-image: url(../img/navi4_4_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi4-4-2 {
	background-image: url(../img/navi4_4_2_f2.gif);
}

#nav li li a.navi4-4-3 {
	background-image: url(../img/navi4_4_3.gif);
	width: 108px;
	height: 32px;
}

#nav li li li.hover a.navi4-4-3 {
	background-image: url(../img/navi4_4_3_f2.gif);
}

#nav li li a.navi4-4-4 {
	background-image: url(../img/navi4_4_4.gif);
	width: 108px;
	height: 32px;
}

#nav li li li.hover a.navi4-4-4 {
	background-image: url(../img/navi4_4_4_f2.gif);
}

#nav li li a.navi6-2-1 {
	background-image: url(../img/navi6_2_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi6-2-1 {
	background-image: url(../img/navi6_2_1_f2.gif);
}

#nav li li a.navi6-2-2 {
	background-image: url(../img/navi6_2_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi6-2-2 {
	background-image: url(../img/navi6_2_2_f2.gif);
}

#nav li li a.navi6-3-1 {
	background-image: url(../img/navi6_3_1.gif);
	width: 108px;
	height: 23px;
}

#nav li li li.hover a.navi6-3-1 {
	background-image: url(../img/navi6_3_1_f2.gif);
}

#nav li li a.navi6-3-2 {
	background-image: url(../img/navi6_3_2.gif);
	width: 108px;
	height: 22px;
}

#nav li li li.hover a.navi6-3-2 {
	background-image: url(../img/navi6_3_2_f2.gif);
}