@charset "utf-8";
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* set up the overall width of the menu div, the font and the margins with a relative position*/

#navContainer {
	font-family: verdana, arial, sans-serif;
	width:541px;
	margin:0;
	position:relative;
	z-index:90;
	clear: both;
	height: 350px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
#navContainer ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}

	/* -----------------------------
	   MAIN NAVIGATION                  */

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#navContainer ul li#current a {}



#navMenu{
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 5;
	width: 541px;
}
#navMenu li{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

a.navProject {
	display:block;
	float:left;
	width:76px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_Nav_01.gif);
}
a.navProject:hover{
	background: url("../images/bg_Nav_01.gif") 0 23px;
}
#Project a.navProject {
	background: url("../images/bg_Nav_01.gif") 0 23px;
}
a.navEnzo {
	display:block;
	float:left;
	width:88px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_Nav_02.gif);
}
a.navEnzo:hover{
	background: url("../images/bg_Nav_02.gif") 0 23px;
}
#Enzo a.navEnzo{
	background: url("../images/bg_Nav_02.gif") 0 23px;
}
a.navProducts {
	display:block;
	float:left;
	width:81px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_Nav_03.gif);
}
a.navProducts:hover{
	background: url("../images/bg_Nav_03.gif") 0 23px;
}
#Products a.navProducts {
	background: url("../images/bg_Nav_03.gif") 0 23px;
}
a.navNews {
	display:block;
	float:left;
	width:60px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_Nav_04.gif);
}
a.navNews:hover{
	background: url("../images/bg_Nav_04.gif") 0 23px;
}
#News a.navNews{
	background: url("../images/bg_Nav_04.gif") 0 23px;
}
a.navPress{
	display:block;
	float:left;
	width:63px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_Nav_05.gif);
}
a.navPress:hover{
	background: url("../images/bg_Nav_05.gif") 0 23px;
}
#Press a.navPress {
	background: url("../images/bg_Nav_05.gif") 0 23px;
}

a.navShops {
	display:block;
	float:left;
	width:68px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_Nav_06.gif);
}
a.navShops:hover {
	background: url("../images/bg_Nav_06.gif") 0 23px;
}
#Shops a.navShops {
	background: url("../images/bg_Nav_06.gif") 0 23px;
}
a.navOnlineShop {
	display:block;
	float:left;
	width:105px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_Nav_07_a.gif);
}
a.navOnlineShop:hover{
	background: url("../images/bg_Nav_07.gif") 0 23px;
}




	/* -----------------------------
	   MAIN NAVI - submenu(BOX)               */
	/* -----------------------------
	   submenu 挙動などの重要設定               */

#navContainer ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
#navContainer ul li {
float:left;
}
/*for IE6：html内の条件付コメントにより、<a>がBOX内のテキストにかかってしまうので、設定をクリアする*/
#navMenu li a {
	text-decoration: none;	!important
	margin: 0px;
	padding: 0px;
}

/* make the dropdown ul invisible */
#navContainer ul li ul {
	position:absolute;
	left:-9999px;
	z-index: 11;!important
}

/* make the sub menu ul visible and position it beneath the first list item */
/*サブメニューBOX（ul）を見えるように設定。メニューボタンの下に配置。*/
#navContainer ul li#current ul,
#navContainer ul :hover ul {
	top:23px;
	left:0px;
	background:#fff;
	text-align:left;
	z-index: 5;
}
/* かつhoverを上に表示（見えるように）*/
#navContainer ul :hover ul {
	z-index: 10;
}


	/* -----------------------------
	   submenu BOXサイズ・マージン               */
	   
#navContainer ul li#current div.nav_sub_box,
#navContainer ul :hover div.nav_sub_box {
	height: 287px;
	margin: 0px 6px 0px 6px;
	padding: 0px;
}


	/* -----------------------------
	   submenu 背景（枠）               */

/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
/* サブメニューBOXのスタイル。余白0、ボーダーなし。*/
#navContainer ul li#current ul li,
#navContainer ul :hover ul li {
	color:#000;
	width:541px;
	background-image: url(../images/bg_navsubbox_frame2_01.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
	border-style: none;
	margin: 0px;
	padding: 16px 0px 0px 0px;	/*背景のフレームの上端からの余白を6pxにするため16pxとする*/
}
/* サブメニューBOXのborder-bottomになる背景画像の指定*/
#navContainer ul li#current div.underline,
#navContainer ul :hover div.underline {
	background-image: url(../images/bg_navsubbox_frame2_02.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
/* サブメニューBOXのborder-l,rになる背景画像の指定*/
.lr {
	background-image: url(../images/bg_navsubbox_frame2_03.gif);
	background-repeat: repeat-y;
}


	/* -----------------------------
	   BOX内… ”左にテキスト、右に画像”を基本レイアウトとする              */
	   
.subbox_tx {
	float: left;
	width: 250px;
	padding-right: 0px;
}


	/* -----------------------------
	   submenu 画像の配置関係               */

/*float the image left with padding and no border */
/*↑変更。右に配置*/
#navContainer ul li#current ul li img,
#navContainer ul :hover ul li img {
	float:right;
	padding:0px;
	border:0;
	vertical-align: middle;
}
/*コンテンツごとに画像の余白・Floatを変える場合はここで*/
#navContainer ul li#current ul li .OnlineShop img,
#navContainer ul :hover ul li .OnlineShop img {
	float:none;
	padding:0px;
}
#navContainer ul li#current ul li .subbox_tx img,
#navContainer ul :hover ul li .subbox_tx img {
	float:none;
	padding:0px;
}


	/* -----------------------------
	   submenu テキスト関係               */

/* style the paragraph font height */
/* ここのp要素の余白・マージンを0pxにしないと、上位divに影響する*/
#navContainer ul li#current ul li p,
#navContainer ul :hover ul li p {
	font-size:10px;
	line-height:1.8em;
	margin: 0px;	!important
	padding: 0px;	!important
}
#navContainer ul li#current ul li .subbox_tx  h2,
#navContainer ul :hover ul li .subbox_tx  h2 {
	margin: 0px;
	padding: 0px;
}
#navContainer ul li#current ul li .subbox_tx  h3,
#navContainer ul :hover ul li .subbox_tx  h3 {
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 0px;
	line-height: 1em;
}

	/* -----------------------------
	   BOX内リンク　リストイメージ(背景)･余白･フォントサイズ                  */

#navContainer ul li#current div.subbox_tx p.subbox_link,
#navContainer ul :hover div.subbox_tx p.subbox_link,
#navContainer ul li#current div.subbox_tx p.subbox_link_1st,
#navContainer ul :hover div.subbox_tx p.subbox_link_1st {
	background-image: url(../images/bullet_blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-bottom: 3px;
	font-size: 12px;
}
#navContainer ul li#current div.subbox_tx p.subbox_link_1st,
#navContainer ul :hover div.subbox_tx p.subbox_link_1st {
	margin-top: 15px;
}

	/* -----------------------------
	   BOX内リンク　カラー･飾りなど挙動関係                  */
	   
/* style the background and foreground color of the submenu links */
#navContainer ul li#current ul li a,
#navContainer ul :hover ul li a {
	display:inline;
	color:#759962;
	text-decoration:none;
	border:0;
	line-height:1.8em;
}
/* style the background and forground colors of the links on hover */
#navContainer ul li#current ul li a:hover,
#navContainer ul :hover ul li a:hover {
	text-decoration:underline;
	color:#00CC00;
}


	/* -----------------------------
	   その他：nav_sub_boxの背景をdiv要素ごとに指定する場合に使用                  */

#navContainer ul li div.Project { /*Projectの背景*/
}
#navContainer ul li div.Mari { /*Enzo Mariの背景*/
}
#navContainer ul li div.News { /*Newsの背景*/
}
#navContainer ul li div.Products { /*Productsの背景*/
}
#navContainer ul li div.OnlineShop { /*OnlineShopの背景*/
}
#navContainer ul li div.Press { /*Pressの背景*/
}