/* 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; }

/* Essentials - configure this */

#nav ul { width: 180px; }
#nav ul ul { left: 131px; }

#nav ul.company_s { width: 110px; }
#nav ul ul.company_s { left: 131px; }
#nav ul.shop_s { width: 190px; }

/* Everything else is theming */


#nav li{
	float:left;
}
#nav li a{
	height:30px;
	margin-top: 12px;
	display: block;
	font-size: 0.1em;
	text-indent:-9999px;
	text-decoration: none;
	background: url(../img/common/navi.gif) no-repeat 0 0;
}


#nav li.home a{background-position:0px 0px;	width:69px;	margin-left: 30px;}
#nav li.menu a{background-position:-69px 0px;	width:89px;}
#nav li.shop a{background-position:-158px 0px;	width:75px;}
#nav li.about a{background-position:-233px 0px;	width:161px;}
#nav li.fun a{background-position:-394px 0px;	width:75px;}
#nav li.order a{background-position:-469px 0px;	width:88px;}
#nav li.company a{background-position:-557px 0px;	width:68px;}
#nav li.home a:hover,#index #nav li.home a{background-position:0px bottom;}
#nav li.menu a:hover,#menu #nav li.menu a{background-position:-69px bottom;}
#nav li.shop a:hover,#shop #nav li.shop a{background-position:-158px bottom;}
#nav li.about a:hover,#about #nav li.about a{background-position:-233px bottom;}
#nav li.fun a:hover,#fun #nav li.fun a{background-position:-394px bottom;}
#nav li.order a:hover,#order #nav li.order a{background-position:-469px bottom;}
#nav li.company a:hover,#company #nav li.company a{background-position:-557px bottom;}














#nav *:hover { background-color: none; }
#nav a {color: white; font-size: 1em ;line-height: 1em; }
	#nav li.hover a { background-color: #5E5A5A; }
	#nav ul { top: 43px; }
		#nav ul li a { background-color: #5E5A5A; }
		#nav ul li.hover > a { background-color: #fff3ed;}
		#nav ul a { border-bottom: none; 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.navisub
{
	padding: 0px;
	margin: 0px;
	height: auto;
	width: auto;
}
#nav li.navisub
{
	padding: 0px;
	margin: 0px;
	height: auto;
	width: auto;
}

#nav li.navisub a
{
	background: #FFF url(../img/common/navi_deco02.gif) no-repeat 2px 3px;
	margin: 0px;
	text-indent: 10px;
	font-size: 0.9em;
	line-height: 1em;
	height: auto;
	width: auto;
	padding: 8px 5px 8px 18px;
	white-space: nowrap;
}
* + html #nav li.navisub a{	margin: 0 0 -1px 0;}
* html #nav li.navisub {	margin: 0 0 -1px 0;}

/* over */
#nav ul.menu_s li.navisub a:hover{	background: #fbdddd url(../img/common/navi_deco_menu.gif) no-repeat 2px 3px;}
#nav ul.shop_s li.navisub a:hover{	background: #deecd0 url(../img/common/navi_deco_shop.gif) no-repeat 2px 3px;}
#nav ul.about_s li.navisub a:hover{	background: #ffdfd0 url(../img/common/navi_deco_about.gif) no-repeat 2px 3px;}
#nav ul.fun_s li.navisub a:hover{	background: #efd9f0 url(../img/common/navi_deco_fun.gif) no-repeat 2px 3px;}
#nav ul.order_s li.navisub a:hover{	background: #ebebcc url(../img/common/navi_deco_order.gif) no-repeat 2px 3px;}
#nav ul.company_s li.navisub a:hover{	background: #d6e6f1 url(../img/common/navi_deco_company.gif) no-repeat 2px 3px;}



/* ID振り分け時 */

#menu #nav ul.menu_s a,
#shop #nav ul.shop_s a,
#about #nav ul.about_s a,
#fun #nav ul.fun_s a,
#order #nav ul.order_s a,
#company #nav ul.company_s a{	background: #fff url(../../img/common/navi_deco02.gif) no-repeat 2px 3px;}
/* over */
#menu #nav ul.menu_s a:hover{	background: #fbdddd url(../img/common/navi_deco_menu.gif) no-repeat 2px 3px;}
#shop #nav ul.shop_s a:hover{	background: #deecd0 url(../img/common/navi_deco_shop.gif) no-repeat 2px 3px;}
#about #nav ul.about_s a:hover{	background: #ffdfd0 url(../img/common/navi_deco_about.gif) no-repeat 2px 3px;}
#fun #nav ul.fun_s a:hover{	background: #efd9f0 url(../img/common/navi_deco_fun.gif) no-repeat 2px 3px;}
#order #nav ul.order_s a:hover{	background: #ebebcc url(../img/common/navi_deco_order.gif) no-repeat 2px 3px;}
#company #nav ul.company_s a:hover{	background: #d6e6f1 url(../img/common/navi_deco_company.gif) no-repeat 2px 3px;}



/* text color */
#nav ul.menu_s a{	color: #ec5555;}
#nav ul.shop_s a{	color: #5aa114;}
#nav ul.about_s a{	color: #ff6014;}
#nav ul.fun_s a{	color: #af40b5;}
#nav ul.order_s a{	color: #999900;}
#nav ul.company_s a{	color: #3381b7;}