@charset "utf-8";


/*----------------------------------------------------------
	グローバルナビゲーション
----------------------------------------------------------*/

/* 
	LEVEL ONE
*/
ul.gNavi {
	float: left;
	width: 668px;
	height: 27px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 500;
}

ul.gNavi li { float: left; zoom: 1; }

ul.gNavi li a {
	display: block;
	float: left;
	height: 27px;
	text-decoration: none;
	cursor: pointer;
}

ul.gNavi li span {
	display: none;
}

ul.gNavi li .about {
	width: 132px;
	margin: 0 0 0 9px;
	background: url(../img/common/gNavi_about.gif);
}

* html ul.gNavi li .about {
	margin: 0 0 0 2px;
}

ul.gNavi li .catalog {
	width: 132px;
	background: url(../img/common/gNavi_catalog.gif);
}

ul.gNavi li .save {
	width: 132px;
	background: url(../img/common/gNavi_save.gif);
}

ul.gNavi li .exchange {
	width: 132px;
	background: url(../img/common/gNavi_exchange.gif);
}

ul.gNavi li .information {
	width: 132px;
	background: url(../img/common/gNavi_information.gif);
}

ul.gNavi li a:hover {
	background-position: left bottom;
}

ul.gNavi li.hover,
ul.gNavi li:hover { position: relative; }



/* 
	LEVEL TWO
*/
ul.gNavi li ul { visibility: hidden; position: absolute; top: 100%; left: 0; }

* html ul.gNavi li ul { width: 125px;}


ul.gNavi li ul li { float: none; font-size: 1px; }

/* IE 6 & 7 Needs Inline Block */
ul.gNavi li ul li a {
	float: none;
	display: inline-block;
	width: 125px;
	height: 45px;
	margin: -1px 0 0;
}

ul.gNavi li ul li .save01 {
	background: url(../img/common/gNavi_pull01.gif) left top;
}

ul.gNavi li ul li .save02 {
	background: url(../img/common/gNavi_pull02.gif) left top;
}

ul.gNavi li ul li .exchange01 {
	background: url(../img/common/gNavi_pull01.gif) left top;
}

ul.gNavi li ul li .exchange02 {
	background: url(../img/common/gNavi_pull02.gif) left top;
}

ul.gNavi li ul li a:hover {
	background-position: left bottom;
}


*+html ul.gNavi ul li { display: inline; width: 100%; }