@charset "Shift_JIS";

/*
========================================
Cafe8 ナビゲーション
========================================*/

/*■ home button
---------------------------------------------------------- */
#BtnHome{
	display: block;
	top:0px;
	width:53px;
	height:16px;
	background: url(../img/header_home-ov.gif)  no-repeat;
}
#BtnHome span{ display:none; }
#BtnHome a{
	display: block;
	height:16px;
	text-decoration:none;
	background: url(../img/header_home.gif)  no-repeat;
}
#BtnHome a:hover{
	background: none;
}

/*■ related site
---------------------------------------------------------- */
#header #RelatedSite{
	height:71px;
}

ul#rnavi {
	margin:0;
	padding:0;
	list-style:none;
}
ul#rnavi li {
	position:absolute;
	display: block;
	margin:90px 0 0 5px;
	padding:0;
	top:0;
	height:19px;
}
ul#rnavi li#shop { left:0px; width:123px; background: url(../img/header_onlineshop-ov.gif)  no-repeat; }
ul#rnavi li#divide1 { left:123px; width:25px; background: url(../img/header_divider.gif)  no-repeat; }
ul#rnavi li#purecafe { left:148px; width:75px; background: url(../img/header_purecafe-ov.gif)  no-repeat; }
ul#rnavi li#divide2 { left:223px; width:25px; background: url(../img/header_divider.gif)  no-repeat; }
ul#rnavi li#doe { left:248px; width:148px; background: url(../img/header_doe-ov.gif)  no-repeat; }

ul#rnavi a {
	display: block;
	height:19px;
	text-decoration:none;
}
ul#rnavi li#shop a { background: url(../img/header_onlineshop.gif)  no-repeat; }
ul#rnavi li#purecafe a { background: url(../img/header_purecafe.gif)  no-repeat; }
ul#rnavi li#doe a { background: url(../img/header_doe.gif)  no-repeat; }

ul#rnavi li#shop a:hover { background: none; }
ul#rnavi li#purecafe a:hover { background: none; }
ul#rnavi li#doe a:hover { background: none; }


/*■ global navigation
---------------------------------------------------------- */

#NaviArea #GlobalNavi{
	height:70px;
}

ul#gnavi {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#gnavi li {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	top:13px;
	height:57px;
}
ul#gnavi li#cafe8 { left:472px; width:41px; background: url(../img/navi_cafe8-ov.gif)  no-repeat; }
ul#gnavi li#menu { left:521px; width:43px; background: url(../img/navi_menu-ov.gif)  no-repeat; }
ul#gnavi li#catering { left:572px; width:52px; background: url(../img/navi_catering-ov.gif)  no-repeat; }
ul#gnavi li#shopping { left:632px; width:46px; background: url(../img/navi_shopping-ov.gif)  no-repeat; }
ul#gnavi li#press { left:686px; width:36px; background: url(../img/navi_press-ov.gif)  no-repeat; }
ul#gnavi li#access { left:730px; width:55px; background: url(../img/navi_access-ov.gif)  no-repeat; }

ul#gnavi a {
	display: block;
	height:57px;
	text-decoration:none;
}
ul#gnavi li#cafe8 a { background: url(../img/navi_cafe8.gif)  no-repeat; }
ul#gnavi li#menu a { background: url(../img/navi_menu.gif)  no-repeat; }
ul#gnavi li#catering a { background: url(../img/navi_catering.gif)  no-repeat; }
ul#gnavi li#shopping a { background: url(../img/navi_shopping.gif)  no-repeat; }
ul#gnavi li#press a { background: url(../img/navi_press.gif)  no-repeat; }
ul#gnavi li#access a { background: url(../img/navi_access.gif)  no-repeat; }

ul#gnavi li#home a:hover { background: none; }
ul#gnavi li#cafe8 a:hover { background: none; }
ul#gnavi li#menu a:hover { background: none; }
ul#gnavi li#catering a:hover { background: none; }
ul#gnavi li#shopping a:hover { background: none; }
ul#gnavi li#press a:hover { background: none; }
ul#gnavi li#access a:hover { background: none; }

ul#gnavi li#home.sl { background: url(../img/navi_home-sl.gif)  no-repeat; }
ul#gnavi li#cafe8.sl { background: url(../img/navi_cafe8-sl.gif)  no-repeat; }
ul#gnavi li#menu.sl { background: url(../img/navi_menu-sl.gif)  no-repeat; }
ul#gnavi li#catering.sl { background: url(../img/navi_catering-sl.gif)  no-repeat; }
ul#gnavi li#shopping.sl { background: url(../img/navi_shopping-sl.gif)  no-repeat; }
ul#gnavi li#press.sl { background: url(../img/navi_press-sl.gif)  no-repeat; }
ul#gnavi li#access.sl { background: url(../img/navi_access-sl.gif)  no-repeat; }

/*■ text navi
---------------------------------------------------------- */
#NaviArea #TxtNavi{
	height:39px;
}

ul#tnavi {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#tnavi li {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	top:13px;
	height:19px;
}
ul#tnavi li#news { left:390px; width:71px; background: url(../img/txtnavi_news-ov.gif)  no-repeat; }
ul#tnavi li#dot1 { left:461px; width:25px; background: url(../img/txtnavi_dot.gif)  no-repeat; }
ul#tnavi li#staff { left:486px; width:65px; background: url(../img/txtnavi_staff-ov.gif)  no-repeat; }
ul#tnavi li#dot2 { left:551px; width:25px; background: url(../img/txtnavi_dot.gif)  no-repeat; }
ul#tnavi li#contact { left:576px; width:50px; background: url(../img/txtnavi_contact-ov.gif)  no-repeat; }
ul#tnavi li#dot3 { left:626px; width:25px; background: url(../img/txtnavi_dot.gif)  no-repeat; }
ul#tnavi li#link { left:651px; width:28px; background: url(../img/txtnavi_link-ov.gif)  no-repeat; }
ul#tnavi li#dot4 { left:679px; width:25px; background: url(../img/txtnavi_dot.gif)  no-repeat; }
ul#tnavi li#policy { left:704px; width:85px; background: url(../img/txtnavi_policy-ov.gif)  no-repeat; }


ul#tnavi a {
	display: block;
	height:19px;
	text-decoration:none;
}
ul#tnavi li#news a { background: url(../img/txtnavi_news.gif)  no-repeat; }
ul#tnavi li#staff a { background: url(../img/txtnavi_staff.gif)  no-repeat; }
ul#tnavi li#contact a { background: url(../img/txtnavi_contact.gif)  no-repeat; }
ul#tnavi li#link a { background: url(../img/txtnavi_link.gif)  no-repeat; }
ul#tnavi li#policy a { background: url(../img/txtnavi_policy.gif)  no-repeat; }

ul#tnavi li#news a:hover { background: none; }
ul#tnavi li#staff a:hover { background: none; }
ul#tnavi li#contact a:hover { background: none; }
ul#tnavi li#link a:hover { background: none; }
ul#tnavi li#policy a:hover { background: none; }