body {
	background-color: #FFFFFF;
	behavior:url("./navi/csshover.htc");
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 865px;
	height: 30px;
	background: #FFFFFF url(navi_over.gif) no-repeat;
}

a, a:link, a:visited {
	text-decoration: none;x
}

p, p a {
	color: #9dbdce;
	font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

/* ------------------------ */
/* ナビの1行目定義          */
/* ------------------------ */

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 30px;
	background: url(navi.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(navi_over.gif);
}

/* ------------------------ */
/* ナビ表示                 */
/* リンク先のポジション指定 */
/* ------------------------ */

li#home a {
	width: 67px;
}

li#news a {
	width: 59px;
}
li#news a:link,
li#news a:visited,
li#news a:hover {
	background-position: -67px 0px;
}

li#engagement_ring a {
	width: 131px;
}
li#engagement_ring a:link,
li#engagement_ring a:visited,
li#engagement_ring a:hover {
	background-position: -126px 0px;
}

li#marriage_ring a {
	width: 110px;
}
li#marriage_ring a:link,
li#marriage_ring a:visited,
li#marriage_ring a:hover {
	background-position: -257px 0px;
}

li#ordermade a {
	width: 89px;
}
li#ordermade a:link,
li#ordermade a:visited,
li#ordermade a:hover {
	background-position: -367px 0px;
}

li#company a {
	width: 79px;
}
li#company a:link,
li#company a:visited,
li#company a:hover {
	background-position: -446px 0px;
}

li#staff_blog a {
	width: 86px;
}
li#staff_blog a:link,
li#staff_blog a:visited,
li#staff_blog a:hover {
	background-position: -525px 0px;
}

li#voice a {
	width: 54px;
}
li#voice a:link,
li#voice a:visited,
li#voice a:hover {
	background-position: -611px 0px;
}

li#contact a {
	width: 69px;
}
li#contact a:link,
li#contact a:visited,
li#contact a:hover {
	background-position: -665px 0px;
}

/* ------------------------ */
/* ナビの2行目定義          */
/* ------------------------ */

#navigation li ul {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	margin: 0;
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}

#navigation li#engagement_ring ul {
	background: none;
	height: 25px;
	padding-left: 21%;
}

#navigation li#marriage_ring ul {
	background: none;
	height: 25px;
	padding-left: 34%;
}

#navigation li#company ul {
	background: none;
	height: 25px;
	padding-left: 50%;
}

/* IE6 hack */
*html #navigation li#engagement_ring ul {
	background: none;
	height: 25px;
	padding-left: 130px;
}

*html #navigation li#marriage_ring ul {
	background: none;
	height: 25px;
	padding-left: 250px;
}

*html #navigation li#company ul {
	background: none;
	height: 25px;
	padding-left: 400px;
}

/* ------------------------ */
/* サブナビ表示             */
/* リンク先のポジション指定 */
/* ------------------------ */

/* ラザール */
ul#navigation li#engagement_ring ul li#lazare a:link, 
ul#navigation li#engagement_ring ul li#lazare a:visited {
	width: 135px;
	height: 25px;
	background: url(subnavi1.gif) no-repeat 0px 0px;
}

ul#navigation li#engagement_ring ul li#lazare a:hover {
	width: 135px;
	height: 25px;
	background: url(subnavi1.gif) no-repeat 0px -25px;
}

/* エンゲージ：おすすめ */
ul#navigation li#engagement_ring ul li#osusume a:link,
ul#navigation li#engagement_ring ul li#osusume a:visited {
	width: 137px;
	height: 25px;
	background: url(subnavi1.gif) no-repeat -135px 0px;
}

ul#navigation li#engagement_ring ul li#osusume a:hover {
	width: 137px;
	height: 25px;
	background: url(subnavi1.gif) no-repeat -135px -25px;
}


/* 輪 */
ul#navigation li#marriage_ring ul li#rin a:link, 
ul#navigation li#marriage_ring ul li#rin a:visited {
	width: 29px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat 0px 0px;
}

ul#navigation li#marriage_ring ul li#rin a:hover {
	width: 29px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat 0px -25px;
}

/* フラー・ジャコー */
ul#navigation li#marriage_ring ul li#furrer a:link, 
ul#navigation li#marriage_ring ul li#furrer a:visited {
	width: 108px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat -29px 0px;
}

ul#navigation li#marriage_ring ul li#furrer a:hover {
	width: 108px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat -29px -25px;
}

/* コラニー */
ul#navigation li#marriage_ring ul li#col a:link, 
ul#navigation li#marriage_ring ul li#col a:visited {
	width: 72px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat -137px 0px;
}

ul#navigation li#marriage_ring ul li#col a:hover {
	width: 72px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat -137px -25px;
}

/* おすすめコレクション */
ul#navigation li#marriage_ring ul li#recommend a:link, 
ul#navigation li#marriage_ring ul li#recommend a:visited {
	width: 141px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat -209px 0px;
}

ul#navigation li#marriage_ring ul li#recommend a:hover {
	width: 141px;
	height: 25px;
	background: url(subnavi2.gif) no-repeat -209px -25px;
}

/* ごあいさつ（スタッフ紹介） */
ul#navigation li#company ul li#comp1 a:link, 
ul#navigation li#company ul li#comp1 a:visited {
	width: 173px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat 0px 0px;
}

ul#navigation li#company ul li#comp1 a:hover {
	width: 173px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat 0px -25px;
}

/* ポリシー */
ul#navigation li#company ul li#comp2 a:link, 
ul#navigation li#company ul li#comp2 a:visited {
	width: 72px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat -173px 0px;
}

ul#navigation li#company ul li#comp2 a:hover {
	width: 72px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat -173px -25px;
}

/* 会社概要 */
ul#navigation li#company ul li#comp3 a:link, 
ul#navigation li#company ul li#comp3 a:visited {
	width: 72px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat -245px 0px;
}

ul#navigation li#company ul li#comp3 a:hover {
	width: 72px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat -245px -25px;
}

/* アクセス */
ul#navigation li#company ul li#comp4 a:link, 
ul#navigation li#company ul li#comp4 a:visited {
	width: 68px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat -317px 0px;
}

ul#navigation li#company ul li#comp4 a:hover {
	width: 68px;
	height: 25px;
	background: url(subnavi3.gif) no-repeat -317px -25px;
}