@charset "utf-8";

/* global nav 
-------------------------------------------------------------*/
/*    #siteHeader { margin-bottom: 6px; width: 234px; height: 114px; background: #000 url(/images/common/logo_header.png) center center no-repeat; }
    #siteHeader h1 { text-indent: -9999px; }
    #siteHeader h1 a { display: block; width: 234px; height: 114px; }*/

	#navGlobal { position: relative; float: left; margin-bottom: 54px; width: 234px; }
	#pageHome #navGlobal { position: absolute; top: 0; left: 0; margin-bottom: 0; width: 234px; z-index: 2; }
	#navGlobal nav li { float: left; margin-bottom: 6px;}
	#navGlobal nav #navRecruit  { width: 120px; }
	#navGlobal nav #navShop     { width: 120px; }
	#navGlobal nav #navCompany  { width: 120px; }
	#navGlobal nav #navPress    { width: 120px; }

	#pageBrand  #navGlobal nav #navBrand  { margin-top: -120px; margin-left: 120px;}
	#pageSearch #navGlobal nav #navSearch { margin-top: -120px; margin-left: 120px;}

	#pageSearch #navGlobal nav #navSearch img { display: none; }
	#pageSearch #navGlobal nav #navSearch a.active { display: block; width: 114px; height: 114px; background: url(/images/nav/nav_shopsearch_active.gif) 0 0 no-repeat; }
    
	#pageShop #navGlobal nav #navShop img { display: none; }
	#pageShop #navGlobal nav #navShop a.active { display: block; width: 114px; height: 114px; background: url(/images/nav/nav_shoplist_active.gif) 0 0 no-repeat; }
    
	#pageBrand #navGlobal nav #navBrand img { display: none; }
	#pageBrand #navGlobal nav #navBrand a.active { display: block; width: 114px; height: 114px; background: url(/images/nav/nav_brandlist_active.gif) 0 0 no-repeat; }

	#pageProfile #navGlobal nav #navHistory img { display: none; }
	#pageProfile #navGlobal nav #navHistory a.active { display: block; width: 114px; height: 114px; background: url(/images/nav/nav_history_active.gif) 0 0 no-repeat; }
	#pagePress   #navGlobal nav #navPress img { display: none; }
	#pagePress   #navGlobal nav #navPress a.active { display: block; width: 114px; height: 114px; background: url(/images/nav/nav_press_active.gif) 0 0 no-repeat; }
	#pageContact #navGlobal nav #navContact img { display: none; }
	#pageContact #navGlobal nav #navContact a.active { display: block; width: 114px; height: 114px; background: url(/images/nav/nav_contact_active.gif) 0 0 no-repeat; }
	
	#pageInfo #navGlobal nav #navCompany img { display: none; }
	#pageInfo #navGlobal nav #navCompany a.active { display: block; width: 114px; height: 114px; background: url(/images/nav/nav_company_active.gif) 0 0 no-repeat; }

	/* ShopList */
	nav #subNavShop { clear: both; width: 234px; background: url(/images/nav/bg_nav_shop01.gif) 0 0 no-repeat; }
	nav #subNavBrand { clear: both; margin-left: -120px; width: 234px; background: url(/images/nav/bg_nav_shop02.gif) 0 0 no-repeat; }
	nav #subNavSearch { clear: both; margin-left: -120px; width: 234px; background: url(/images/nav/bg_nav_shop03.gif) 0 0 no-repeat; }
	nav #subNavShop dl,
	nav #subNavBrand dl,
	nav #subNavSearch dl { padding: 12px 6px 6px 6px; }
	nav #subNavShop dl dt,
	nav #subNavShop dl dd { width: 222px; background: url(/images/nav/bg_nav_shop.gif); }
	nav #subNavBrand dl dt,
	nav #subNavBrand dl dd,
	nav #subNavSearch dl dt,
	nav #subNavSearch dl dd { width: 222px; background: url(/images/nav/bg_nav_shop.gif); }
	nav #subNavShop dl dt span,
	nav #subNavBrand dl dt span { display: block; margin: 0 6px; padding: 6px 0 10px; width: 210px; border-bottom: 1px solid #868686; background: url(/images/nav/title_brand.png) 0 8px no-repeat; text-indent: -9999px; }
	nav #subNavSearch dl dt span { display: block; margin: 0 6px; padding: 6px 0 10px; width: 210px; border-bottom: 1px solid #868686; text-indent: -9999px; }
	nav #subNavShop dl dd ul,
	nav #subNavBrand dl dd ul,
	nav #subNavSearch dl dd ul { padding: 12px 6px 0 6px; }
	nav #subNavShop ul li,
	nav #subNavBrand ul li,
	nav #subNavSearch ul li { clear: both; padding: 0 0 1px 6px; /*font-size: .917em; */ background: url(/images/nav/nav_arrow.gif) 0 6px no-repeat; line-height: 1.5; }
	nav #subNavShop ul li a,
	nav #subNavBrand ul li a,
	nav #subNavSearch ul li a { color: #c3c3c3; text-decoration: none; }
	nav #subNavShop ul li a:hover,
	nav #subNavBrand ul li a:hover,
	nav #subNavSearch ul li a:hover { color: #e8192d; text-decoration: underline; }

	nav #subNavArea li { width: 200px; }
	nav #subNavArea  .titleArea  span { background: url(/images/nav/title_area.png) 0 8px no-repeat; }
	nav #subNavGenre .titleGenre span { background:  url(/images/nav/title_genre.png) 0 8px no-repeat; }  
	nav #subNavFood  .titleFood  span { background: url(/images/nav/title_food.png) 0 8px no-repeat; }
	nav #subNavUse   .titleUse   span { background: url(/images/nav/title_use.png) 0 8px no-repeat; }
	nav #subNavSpot  .titleSpot  span { background: url(/images/nav/title_spot.png) 0 8px no-repeat; }

	/* Spot*/
	nav #subNavSpot { padding-top: 1px; background: url(/images/common/bg_divider.gif) 0 0 no-repeat;}
	nav #subNavSpot dt { margin-top: -5px; padding-bottom: 3px; }
	nav #subNavSpot.tmpl { padding: 12px 6px 6px 6px!important; background-image: none; }
	nav #subNavSpot.tmpl dt { margin-top: 0; padding-bottom: 0; }
	nav #subNavSpot dd select { margin: 3px 6px 8px 6px; width: 208px; }
	nav #subNavSpot dd ul li { clear: none; float: left; width: 62px; }
	nav #subNavSpot dd ul li.double { clear: none; float: left; width: 124px; }

	/* Food */    
	nav #subNavFood { padding-top: 1px; background: url(/images/common/bg_divider.gif) 0 0 no-repeat; }
	nav #subNavFood dt { margin-top: -5px; padding-top: 0!important; }