@charset "UTF-8";

/* ****************************************
	メニュー　
*******************************************/


ul#navigation {
	position: relative;
	width: 580px;
	margin: 0;
	height: 16px;
	list-style: none;
	overflow: hidden;
}

ul#navigation li a {
	height: 31px;
	position: absolute;
	overflow: hidden;
	padding: 31px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0;
	width: 580px;
}
html>body ul#navigation li a{
	height: 0;
}

li#about a{ 
	background: transparent url(../img/menu_about.gif) no-repeat 0 0;
	left: 0px;
	}
li#works a{ 
	background: transparent url(../img/menu_works.gif) no-repeat 0 0;
	left: 120px;
	}
li#service a{ 
	background: transparent url(../img/menu_service.gif) no-repeat 0 0;
	left: 240px;
	}
li#facilities a{ 
	background: transparent url(../img/menu_facilities.gif) no-repeat 0 0;
	left: 120px;
	/*left: 360px;*/
	}
li#promotion a{ 
	background: transparent url(../img/menu_promotion.gif) no-repeat 0 0;
	left: 550px;
	}	
	
	
	
	
li#about a:hover, 
li#works a:hover, 
li#service a:hover, 
li#facilities a:hover{ 
li#promotion a:hover{ 
	background-position: 0px -15px;
	}


p{
	font-size: 90%;
	margin: 10px 20px;
	text-align: left;
}