@charset "utf-8";

/*--------------------
nav_wrap
--------------------*/

#nav_wrap{
	position:absolute;
	width:100%;
	height:50px;
	z-index:9999;
}


/*--------------------
nav
--------------------*/
nav {
	background-color: #000000;
	color: #FFFFFF;
	overflow: hidden;
	background: url("./../images/back_nav.png") repeat-x left top;
}
nav ul{
	margin: 0 auto;
	width: 980px;
}

nav li {
	float: left;
	background:url('./../images/nav_main.gif'); 
	background-repeat:no-repeat;
	color:#d1cfcf;
	font-size: 15px;
}


nav li.active a {
	border-top:2px solid #E51120;
	margin-bottom:-2px;
	margin-top:0 !important;
}

ul#mainNavList li a{
	margin-top:2px;
	margin-bottom:-2px;
}

.active_menu{
	margin-top:0 !important;
	border-top:2px solid #66c;
}


nav li a{
	line-height:2;
	color:#d1cfcf !important;
	font-weight: bold;
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-align: center;
}
nav li a:hover{text-decoration: none;}
nav ul .yoshimura {
	background-position:0px 0px;
}
nav ul .yoshimura a{
	width: 163px;
	height: 50px;
}
nav ul .products {
	background-position:-163px 0px;
}
nav ul .products a {
	width: 163px;
	height: 50px;
}
nav ul .online {
	background-position:-326px 0px;
}
nav ul .online a {
	width: 162px;
	height: 50px;
}
nav ul .race {
	background-position:-488px 0px;
}
nav ul .race a {
	width: 162px;
	height: 50px;
}
nav ul .info {
	background-position:-650px 0px;
}
nav ul .info a {
	width: 162px;
	height: 50px;
}
nav ul .freak {
	background-position:-812px 0px;
}
nav ul .freak a {
	width: 168px;
	height: 50px;
}
.about:hover{background-position:0px 50px;}
.program:hover{background-position:-129px 50px;}
.information:hover{background-position:-258px 50px;}
.staff:hover{background-position:-380px 50px;}
.contact:hover{background-position:-486px 50px;}
.contact:hover{background-position:-486px 50px;}



/*--------------------
sub_nav
--------------------*/
#sub_nav {
	background-color: #aaa8a9;
	color: #FFFFFF;
	overflow: hidden;
/*	position: absolute;*/
	width:980px;
	margin:0 auto;
}
#sub_nav ul{
	margin: 0 auto;
	width: 980px;
	height: 50px;
	display: table;
	table-layout: fixed;
}

#sub_nav li {
	background-color: #aaa8a9;
	color:#101010;
	font-size: 12px;
/*	height: 39px;*/
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	background:url('./../images/back_sub_nav.gif');
	background-position: right center; 
	background-repeat: no-repeat;
	border:0;
}
#sub_nav li:last-child{background: none;}
#sub_nav li:hover{
	background-color: #ccc;
}

#sub_nav li a{
	line-height:2;
	color:#101010 !important;
	font-weight: bold;
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-align: center;
	padding: 10px 0;
}
#sub_nav li a:hover {
	text-decoration: none;
}
/*--------------------
home
--------------------*/
#home .nav_1,#home .nav_2,#home .nav_3,#home .nav_4,#home .nav_5,#home .nav_6 {display: none;}

/*--------------------
会社概要
--------------------*/
#yoshimura .nav_2,#yoshimura .nav_3,#yoshimura .nav_4,#yoshimura .nav_5,#yoshimura .nav_6 {display: none;}