@charset "UTF-8";

/*gnav*/

div#gnav	{
	width:100%;
	position:relative; /*センタリング処理*/
	overflow:hidden;
	background:#eee url(img/bg_gnav.jpg) repeat-x top left;
	}

ul#nav {
	position: relative;
	float: left;
	left: 50%;
	height:40px;
}
ul#nav li	{
	position:relative;
  float:left;
  left:-50%;
	}
ul#nav li:first-child	{
	}		
ul#nav li a	{
	display: block;
	float: left;
	height:40px;
	text-indent:-9999px;
	outline:none;
	}

ul#nav li#home a {
	width:101px;
	background:url(img/nav_home.jpg) no-repeat top left;
}
ul#nav li#about a {
	width:140px;
	background:url(img/nav_about.jpg) no-repeat top left;
}
ul#nav li#project a {
	width:111px;
	background:url(img/nav_project.jpg) no-repeat top left;
}
ul#nav li#josei a {
	width:111px;
	background:url(img/nav_josei.jpg) no-repeat top left;
}
ul#nav li#info a {
	width:111px;
	background:url(img/nav_info.jpg) no-repeat top left;
}
ul#nav li#contact a {
	width:140px;
	background:url(img/nav_contact.jpg) no-repeat top left;
}
ul#nav li#home a:hover,body.p01 ul#nav li#home a  {
	width:101px;
	background:url(img/nav_home.jpg) no-repeat bottom left;
}
ul#nav li#about a:hover,body.p02 ul#nav li#about a {
	width:140px;
	background:url(img/nav_about.jpg) no-repeat bottom left;
}
ul#nav li#project a:hover,body.p03 ul#nav li#project a {
	width:111px;
	background:url(img/nav_project.jpg) no-repeat bottom left;
}
ul#nav li#josei a:hover,body.p04 ul#nav li#josei a {
	width:111px;
	background:url(img/nav_josei.jpg) no-repeat bottom left;
}
ul#nav li#info a:hover,body.p05 ul#nav li#info a {
	width:111px;
	background:url(img/nav_info.jpg) no-repeat bottom left;
}
ul#nav li#contact a:hover,body.p06 ul#nav li#contact a {
	width:140px;
	background:url(img/nav_contact.jpg) no-repeat bottom left;
}

	
	
/*sidenav*/



div#sidenav ul	{
	padding:3px;
	width:216px;
	background:#eee url(img/bg_nav2.gif) repeat-y;
}

div#sidenav ul li#nav2ttl	{
	padding:3px;
	width:210px;
	height:49px;
	border:0;
	vertical-align: bottom;
	background:#fff;
	
	}
	
div#sidenav ul li	{
	padding:1px 3px;
	background:#fff;	
	}	
	
div#sidenav ul li a	{
	padding:7px 5px 3px 30px;
	display:block;
	width:175px;
	height:22px;
	background:url(img/bg_nav2_li.gif) no-repeat top left;
	color:#333;
	text-decoration:none;
	}
div#sidenav ul li a:hover,div#sidenav ul li.current a	{
	background:url(img/bg_nav2_li.gif) no-repeat bottom left;
	}
div#sidenav ul > li.head 	{
	padding:8px 8px 0 33px;
	background:url(img/bg_nav2_li_t.gif) no-repeat top left #fff;
	}	
div#sidenav ul li ul	{
	margin-top:7px;
	padding:0;
	width:147px;
	background:#fff;
	 }
div#sidenav ul li ul li a	{
	padding:7px 5px 3px 30px;
	width:140px;
	background:url(img/bg_nav2_li.gif) no-repeat top left;
	color:#333;
	text-decoration:none;
	}