/* 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; }
#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; }
#nav ul ul { top: 0; }
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid white; color: white; font-size: 12px; padding: 0px; line-height: 1; }
#nav ul { top: 59px; }
#nav ul a { border-bottom: 0 solid white; border-right: none;  }



/*-- naviSet --*/
body { behavior:url("/_common/js/csshover.htc");} 

#nav{
	width: 948px;
}

#nav li.what ul,
#nav li.technology ul,
#nav li.jeans ul,
#nav li.commu ul{
	border-top: 1px solid #000000;
}

#navi li ul li{
	cursor: pointer;
}

#navi li ul li a{
	display: block;
}

/*-- JAPAN BLUE GROUP --*/
#nav li.stayWhat,
#nav li.what{
	display: block;
	width: 183px;
	height: 64px;
	background: url(/_common/img/menu/japanBlue_off.gif) no-repeat;
	text-indent: -9999px;	
}

#nav li.stayWhat{
	background: url(/_common/img/menu/japanBlue_on.gif) no-repeat;
}

#nav li.what a{
	display: block;
	width: 182px;
	height: 64px;
}

#nav li.what:hover{
	background: url(/_common/img/menu/japanBlue_on.gif) no-repeat;
}

#nav li.summary a{
	width: 182px;
	height: 33px;
	background: url(/_common/img/menu/sub_summary_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.results a{
	width: 182px;
	height: 33px;
	background: url(/_common/img/menu/sub_results_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.summary a:hover{
 	background: url(/_common/img/menu/sub_summary_on.gif) no-repeat;
}

#nav li.results a:hover{
	background: url(/_common/img/menu/sub_results_on.gif) no-repeat;
}

/*-- 伝統技術 --*/

#nav li.stayCraftsman,
#nav li.technology{
	display: block;
	width: 111px;
	height: 64px;
	background: url(/_common/img/menu/technology_off.gif) no-repeat;
	text-indent: -9999px;	
}

#nav li.stayCraftsman{
	background: url(/_common/img/menu/technology_on.gif) no-repeat;
}

#nav li.technology a{
	display: block;
	width: 111px;
	height: 64px;
}

#nav li.technology:hover{
	background: url(/_common/img/menu/technology_on.gif) no-repeat;
}

#nav li.process a{
	width: 110px;
	height: 33px;
	background: url(/_common/img/menu/sub_process_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.craftsman a{
	width: 110px;
	height: 33px;
	background: url(/_common/img/menu/sub_craftsman_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.process a:hover{
	background: url(/_common/img/menu/sub_process_on.gif) no-repeat;

}
 
#nav li.craftsman a:hover{
	background: url(/_common/img/menu/sub_craftsman_on.gif) no-repeat;
}

/*-- 桃太郎ジーンズ --*/

#nav li.stayJeans,
#nav li.jeans{
	display: block;
	width: 141px;
	height: 64px;
	background: url(/_common/img/menu/momotaro_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.stayJeans{
	background: url(/_common/img/menu/momotaro_on.gif) no-repeat;
}

#nav li.jeans a{
	display: block;
	width: 141px;
	height: 64px;
}

#nav li.jeans:hover{
	background: url(/_common/img/menu/momotaro_on.gif) no-repeat;
}

#nav li.golde a{
	width: 140px;
	height: 33px;
	background: url(/_common/img/menu/sub_golde_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.copper a{
	width: 140px;
	height: 33px;
	background: url(/_common/img/menu/sub_copper_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.battle a{
	width: 140px;
	height: 33px;
	background: url(/_common/img/menu/sub_battle_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.vintage a{
	width: 140px;
	height: 33px;
	background: url(/_common/img/menu/sub_vintage_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.golde a:hover{
	background: url(/_common/img/menu/sub_golde_on.gif) no-repeat;
}

#nav li.copper a:hover{
	background: url(/_common/img/menu/sub_copper_on.gif) no-repeat;
}

#nav li.battle a:hover{
	background: url(/_common/img/menu/sub_battle_on.gif) no-repeat;
}

#nav li.vintage a:hover{
	background: url(/_common/img/menu/sub_vintage_on.gif) no-repeat;
}

/*-- コミュニティ --*/

#nav li.commu .stayCommu,
#nav li.commu{
	display: block;
	width: 200px;
	height: 64px;
	background: url(/_common/img/menu/community_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.stayCommu{
	background: url(/_common/img/menu/community_on.gif) no-repeat;
}

#nav li.commu a{
	display: block;
	width: 200px;
	height: 64px;
}

#nav li.commu:hover{
	background: url(/_common/img/menu/community_on.gif) no-repeat;
}

#nav li.member a{
	width: 199px;
	height: 33px;
	background: url(/_common/img/menu/sub_member_off.gif) no-repeat;
	text-indent: -9999px;
}

#nav li.member a:hover{
	background: url(/_common/img/menu/sub_member_on.gif) no-repeat;
}