@charset "utf-8"; 

body{
font-family: "arial","osaka";
}

img{
border:none;
}

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

*{
	margin: 0;
	padding: 0;
}

/*ナビゲーションバーのスタイル*/
dl#menu{/*トップメニュー*/
background: url(../images/bar.jpg) left center repeat-x;
float: left;
font-size: 0.8em;

}


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

	dl#menu dd{/*メニューバック*/
	border-right: solid 1px #222;
	float: left;
	text-align: center;
	position: relative;
	width: 125px;
	height: 35px;
	}
		
	dl#menu dd a{/*メニュー文字*/
	display: block;
	color: #444;
	text-decoration: none;
	line-height: 35px;
	width: 125px;
	height: 35px;
	}

a.pressed{
	background: url(../images/bar3.jpg) left center repeat-x;
	color:#ffffff;
}
a.toprollover:hover{
	background: url(../images/bar2.jpg) left center repeat-x;
	}
	
/*プルダウンメニュー1*/	
dl#menu dd ul{/*プルダウンバック*/
background-color: #ffffff;
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: #444;
	height: 18px;
	line-height: 100%;
	text-align: left;
	padding: 5px 10px;
	}

		dl#menu dd ul li.rollOver{/*RollOver*/
		background-color: #eeeeee;
		}
	
		dl#menu dd ul li.rollOver a.rollOverA{
		color: #333;
		}

		dl#menu dd ul li{
		position: relative;
		}
			
/*プルダウンメニュー2*/
dl#menu dd ul li ul{
display: none;
position: absolute;
top: 3px;
left: 110px;
width:160px;
z-index: 300;
background-color: #eeeeee;
}
	dl#menu dd ul li ul a{
	font-size: 90%;
	color: #333;
	height: 18px;
	line-height: 100%;
	text-align: left;
	padding: 5px 10px;
	width: 160px;
	}
		dl#menu dd ul li ul li.rollOver{
		/*RollOver*/
		background-color: #dddddd;
		}
		
		dl#menu dd ul li ul li.rollOver a.rollOverA{
		color: #222;
		}
	
		dl#menu dd ul li ul li{
		position: relative;
		}