@charset "Shift_JIS";

/*
========================================
Cafe8 トップページ
========================================*/

/*■ MAIN CONTENTS
---------------------------------------------------------- */
#TopConts{
	width:800px;
	margin:0;
	padding-top:14px;
	background:url(../img/border.gif) no-repeat top;
}
#TopConts #LeftCol{
	float:left;
	width:206px;
	height:240px;
}

ul#topnavi {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#topnavi li {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	top:0px;
	height:234px;
}
ul#topnavi li#cafe8 { left:28px; width:146px; background: url(../img/index_cafeeight-ov.gif)  no-repeat; }

ul#topnavi a {
	display: block;
	height:234px;
	text-decoration:none;
}
ul#topnavi li#cafe8 a { background: url(../img/index_cafeeight.gif)  no-repeat; }

ul#topnavi li#cafe8 a:hover { background: none; }



#TopConts #RightCol{
	float:left;
	width:594px;
	background:url(../img/right-col_bg.gif) no-repeat top;
}

/*■ global navigation
---------------------------------------------------------- */
#TopConts #TopGlobalNavi{
	height:108px;
}

ul#gnavi {
	position:relative;
	margin:0;
	list-style:none;
}
ul#gnavi li {
	position:absolute;
	display: block;
	margin:0;
	top:0px;
	height:108px;
}
ul#gnavi li#menu{ left:8px; width:94px; background: url(../img/index_menu-ov.gif)  no-repeat; }
ul#gnavi li#catering { left:116px; width:126px; background: url(../img/index_catering-ov.gif)  no-repeat; }
ul#gnavi li#shopping { left:257px; width:92px; background: url(../img/index_shopping-ov.gif)  no-repeat; }
ul#gnavi li#press { left:365px; width:70px; background: url(../img/index_press-ov.gif)  no-repeat; }
ul#gnavi li#access { left:457px; width:111px; background: url(../img/index_access-ov.gif)  no-repeat; }

ul#gnavi a {
	display: block;
	height:108px;
	text-decoration:none;
}
ul#gnavi li#menu a { background: url(../img/index_menu.gif)  no-repeat; }
ul#gnavi li#catering a { background: url(../img/index_catering.gif)  no-repeat; }
ul#gnavi li#shopping a { background: url(../img/index_shopping.gif)  no-repeat; }
ul#gnavi li#press a { background: url(../img/index_press.gif)  no-repeat; }
ul#gnavi li#access a { background: url(../img/index_access.gif)  no-repeat; }

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; }

/*■ text navi
---------------------------------------------------------- */
#TopConts #TopTxtNavi{
	height:36px;
}

ul#tnavi {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#tnavi li {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	top:17px;
	height:19px;
}
ul#tnavi li#news { left:0px; width:88px; background: url(../img/txtindex_news-ov.gif)  no-repeat; }
ul#tnavi li#dot1 { left:88px; width:30px; background: url(../img/txtindex_dot.gif)  no-repeat; }
ul#tnavi li#staff { left:118px; width:77px; background: url(../img/txtindex_staff-ov.gif)  no-repeat; }
ul#tnavi li#dot2 { left:195px; width:30px; background: url(../img/txtindex_dot.gif)  no-repeat; }
ul#tnavi li#contact { left:225px; width:57px; background: url(../img/txtindex_contact-ov.gif)  no-repeat; }
ul#tnavi li#dot3 { left:282px; width:30px; background: url(../img/txtindex_dot.gif)  no-repeat; }
ul#tnavi li#link { left:312px; width:33px; background: url(../img/txtindex_link-ov.gif)  no-repeat; }
ul#tnavi li#dot4 { left:345px; width:30px; background: url(../img/txtindex_dot.gif)  no-repeat; }
ul#tnavi li#policy { left:375px; width:101px; background: url(../img/txtindex_policy-ov.gif)  no-repeat; }


ul#tnavi a {
	display: block;
	height:19px;
	text-decoration:none;
}
ul#tnavi li#news a { background: url(../img/txtindex_news.gif)  no-repeat; }
ul#tnavi li#staff a { background: url(../img/txtindex_staff.gif)  no-repeat; }
ul#tnavi li#contact a { background: url(../img/txtindex_contact.gif)  no-repeat; }
ul#tnavi li#link a { background: url(../img/txtindex_link.gif)  no-repeat; }
ul#tnavi li#policy a { background: url(../img/txtindex_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; }

/*■ thicker
---------------------------------------------------------- */
#TickerNews{
	margin-top:11px;
}
#ajaxticker1{
	float:left;
	height:16px;
	width:481px;
	overflow:hidden;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	padding-top:4px;
	font-weight:bold;
	font-size:13px; line-height:1;
}
#ajaxticker1 a{
	text-decoration:none;
	color: #AF3101;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

/*■ related site
---------------------------------------------------------- */
#TopConts #links{
	clear:both;
	height:59px;
}

ul#rnavi {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#rnavi li {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	top:13px;
	height:46px;
}
ul#rnavi li#shop { left:0px; width:150px; background: url(../img/link_onlineshop-ov.gif)  no-repeat; }
ul#rnavi li#purecafe { left:173px; width:100px; background: url(../img/link_purecafe-ov.gif)  no-repeat; }
ul#rnavi li#doe { left:296px; width:180px; background: url(../img/link_doe-ov.gif)  no-repeat; }

ul#rnavi a {
	display: block;
	height:46px;
	text-decoration:none;
}
ul#rnavi li#shop a { background: url(../img/link_onlineshop.gif)  no-repeat; }
ul#rnavi li#purecafe a { background: url(../img/link_purecafe.gif)  no-repeat; }
ul#rnavi li#doe a { background: url(../img/link_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; }


/*■ FOOTER
---------------------------------------------------------- */
#footer{ /*for toppage*/
	clear:both;
	padding-top:14px;
	background:url(../img/border.gif) no-repeat top;
}
