DIV#menu{
	width:860px;
	position:absolute;
	z-index:100;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
}
ul.main{
	position:relative;
	width: 860px;
	margin: 0px;
	padding: 0px;
	height: 33px;
}
.main *{margin:0px;padding:0px;list-style:none;display:block;}
	
ul.main li.off01{
	position:absolute;
	float:left;
	overflow:hidden;
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_01.jpg);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	}
ul.main li.off02{
	height: 33px;
	width: 184px;
	background-image: url(../img/g_menu_02.jpg);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	overflow:hidden;
	left: 124px;
	top: 0px;
	}
ul.main li.off03{
	height: 33px;
	width: 184px;
	background-image: url(../img/g_menu_03.jpg);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	overflow:hidden;
	left: 308px;
	top: 0px;
	}
ul.main li.off04{
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_04.jpg);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	overflow:hidden;
	left: 492px;
	top: 0px;
	}
ul.main li.off05{
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_05.jpg);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	overflow:hidden;
	left: 616px;
	top: 0px;
	}
ul.main li.off06{
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_06.jpg);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	overflow:hidden;
	left: 740px;
	top: 0px;
	}
ul.main li.on01{
	position:absolute;
	float:left;
	overflow:hidden;
	height: 300px;
	width: 168px;
	background-image: url(../img/g_menu_01_on.jpg);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	}
ul.main li.on02{
	position:absolute;
	float:left;
	overflow:hidden;
	height: 300px;
	width: 184px;
	background-image: url(../img/g_menu_02_on.jpg);
	background-repeat: no-repeat;
	left: 124px;
	top: 0px;
	}
ul.main li.on03 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 300px;
	width: 184px;
	background-image: url(../img/g_menu_03_on.jpg);
	background-repeat: no-repeat;
	left: 308px;
	top: 0px;
	}
ul.main li.on04 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 300px;
	width: 124px;
	background-image: url(../img/g_menu_04_on.jpg);
	background-repeat: no-repeat;
	left: 492px;
	top: 0px;
	}
ul.main li.on05 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 300px;
	width: 124px;
	background-image: url(../img/g_menu_05_on.jpg);
	background-repeat: no-repeat;
	left: 616px;
	top: 0px;
	}
ul.main li.on06 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 300px;
	width: 124px;
	background-image: url(../img/g_menu_06_on.jpg);
	background-repeat: no-repeat;
	left: 740px;
	top: 0px;
	}
li.off01 a,li.on01 a {
	height: 33px;
	width: 120px;
	}
li.off02 a,li.on02 a {
	height: 33px;
	width: 180px;
	}
li.off03 a,li.on03 a{
	height: 33px;
	width: 180px;
	}
li.off04 a,li.on04 a{
	height: 33px;
	width: 120px;
	}
li.off05 a,li.on05 a{
	height: 33px;
	width: 120px;
	}
li.off06 a,li.on06 a{
	height: 33px;
	width: 120px;
	}
ul.main>li.on01{overflow:visible;/*×*/}
ul.main>li.on02{overflow:visible;/*×*/}
ul.main>li.on03{overflow:visible;/*×*/}
ul.main>li.on04{overflow:visible;/*×*/}
ul.main>li.on05{overflow:visible;/*×*/}
ul.main>li.on06{overflow:visible;/*×*/}
ul.main li.selected01 {
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_01_on.jpg);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	overflow:hidden;
	left: 0px;
	top: 0px;
}
ul.main li.selected02 {
	height: 33px;
	width: 184px;
	background-image: url(../img/g_menu_02_on.jpg);
	background-repeat: no-repeat;
	position:absolute;
	float:left;
	overflow:hidden;
	left: 124px;
	top: 0px;
}
ul.main li.selected03 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 33px;
	width: 184px;
	background-image: url(../img/g_menu_03_on.jpg);
	background-repeat: no-repeat;
	left: 308px;
	top: 0px;
}
ul.main li.selected04 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_04_on.jpg);
	background-repeat: no-repeat;
	left: 492px;
	top: 0px;
}
ul.main li.selected05 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_05_on.jpg);
	background-repeat: no-repeat;
	left: 616px;
	top: 0px;
}
ul.main li.selected06 {
	position:absolute;
	float:left;
	overflow:hidden;
	height: 33px;
	width: 124px;
	background-image: url(../img/g_menu_06_on.jpg);
	background-repeat: no-repeat;
	left: 740px;
	top: 0px;
}
li.selected01 a {
	height: 33px;
	width: 124px;
}
li.selected02 a {
	height: 33px;
	width: 184px;
}
li.selected03 a {
	height: 33px;
	width: 184px;
}
li.selected04 a {
	height: 33px;
	width: 124px;
}
li.selected05 a {
	height: 33px;
	width: 124px;
}
li.selected06 a {
	height: 33px;
	width: 124px;
}





/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
	left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
	top:0;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
	text-align:left;
	position:relative;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sub li{
	background-color:#FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
	color:#0000ff
    padding:2px 5px;/*あまり大きな値にしない*/
	text-decoration: none;
	color: #5AD64A;
}

/*：サブメニューの文字色*/
.sub a:visited{
	color:#5AD64A;
}
/*サブメニューのオンマウス時*/
.sub a:hover{
	color:#666666;
	height: 2em;
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
	position:relative;
	overflow:hidden;
	width:118px;/*ol.subと同じ値を推奨*/
	height:2em;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
	width:118px;/*ol.subと同じ値を推奨*/
	height:2em;
	overflow:hidden;/*変更可能・削除するとギミックが変わる*/
}
.sub li.off2,.sub li.on2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5AD64A;/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5AD64A;
	border-left-color: #5AD64A;
}
ol.sub>li.on2{overflow:visible;}




ol.sub li.off3{
	position:relative;
	overflow:hidden;
	width:178px;/*ol.subと同じ値を推奨*/
	height:2em;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on3{
	width:178px;/*ol.subと同じ値を推奨*/
	height:2em;
	overflow:hidden;/*変更可能・削除するとギミックが変わる*/
}
.sub li.off3,.sub li.on3{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5AD64A;/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5AD64A;
	border-left-color: #5AD64A;
}
ol.sub>li.on3{overflow:visible;}