@charset "utf-8"; 

body{
background: url("../../images/totalbg.jpg");
background-position: center top;
background-repeat: repeat-y;
font-family: helvetica;
}

div#navigation{
width:882px;
margin:0 auto 0 auto;
z-index:100;
}

*{
	margin: 0;
	padding: 0;
}

/*ナビゲーションバーのスタイル*/
dl#menu{/*トップメニュー*/
background: url(../../images/caffebar.jpg) left center repeat-x;
float: left;
font-family: Helvetica;
font-size: 80%;
z-index:100;
}

	dl#menu ul{
	list-style: none;
	z-index:100;
	}

	dl#menu dd{/*メニューバック*/
	float: left;
	text-align: center;
	position: relative;
	width: 126px;
	height: 35px;
	z-index:100;
	}
		
	dl#menu dd a{/*メニュー文字*/
	display: block;
	color: #ddd;
	text-decoration: none;
	line-height: 35px;
	width: 126px;
	height: 35px;
	z-index:100;
	}

a.pressed{
	background: url(../../images/caffebar3.jpg) left center repeat-x;
}
a.toprollover:hover{
	background: url(../../images/caffebar.gif) left center repeat-x;
	}
	
/*プルダウンメニュー1*/	
dl#menu dd ul{/*プルダウンバック*/
background: url("../../images/caffebarpulldown.gif");
border-left: solid 1px #333;
border-top: solid 1px #333;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 200;
width: 140px;
}
		
	dl#menu dd ul a{
	font-size: 90%;
	color: #000;
	height: 18px;
	line-height: 100%;
	text-align: left;
	padding: 5px 10px;
	z-index: 200;
	}

		dl#menu dd ul li.rollOver{/*RollOver*/
		background: url("../../images/caffebarpulldown2.gif");
		z-index: 200;
		}
	
		dl#menu dd ul li.rollOver a.rollOverA{
		color: #fff;
		z-index: 200;
		}

		dl#menu dd ul li{
		position: relative;
		z-index: 200;
		}
			
/*プルダウンメニュー2*/
dl#menu dd ul li ul{
display: none;
position: absolute;
top: 3px;
left: 110px;
width:160px;
z-index: 300;
background: url("../../images/caffebarpulldown2.gif");
}
	dl#menu dd ul li ul a{
	font-size: 90%;
	color: #aaa;
	height: 18px;
	line-height: 100%;
	text-align: left;
	padding: 5px 10px;
	width: 160px;
	z-index: 300;
	}
		dl#menu dd ul li ul li.rollOver{
		/*RollOver*/
		background: url("../../images/caffebarpulldown3.gif")
		z-index: 300;
		}
		
		dl#menu dd ul li ul li.rollOver a.rollOverA{
		color: #fff;
		z-index: 300;
		}
	
		dl#menu dd ul li ul li{
		position: relative;
		z-index: 300;
		}