@charset "utf-8";
/* =======================================

	Navi CSS
	
========================================== */
/* Maine_navi */
#g_navi {
	height: 50px;
	width: 100%;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #00979C;
}
#g_navi .g_navi_inner {
	text-align: right;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*Mainnavi base*/
#g_navi .g_navi_inner ul#navi_list {
	height: 50px;
	width: 1000px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#g_navi .g_navi_inner ul#navi_list li {
	float:left;
	display:inline;
	margin: 0px;
	padding: 0px;
}
#g_navi .g_navi_inner ul#navi_list li a {
	display:block;
	height: 50px;
	overflow:hidden;
	text-indent: -9999px;
}
/*own navi*/
#g_navi ul#navi_list .home a {
	background-image: url(../../img/base/navi_home.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 135px;
}
#g_navi ul#navi_list .info a {
	background-image: url(../../img/base/navi_info.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 135px;
}
#g_navi ul#navi_list .product a {
	background-image: url(../../img/base/navi_product.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 135px;
}
#g_navi ul#navi_list .works a {
	background-image: url(../../img/base/navi_works.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 135px;
}
#g_navi ul#navi_list .technology a {
	background-image: url(../../img/base/navi_technology.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 135px;
}
#g_navi ul#navi_list .recruit a {
	background-image: url(../../img/base/navi_recruit.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 135px;
}
#g_navi ul#navi_list .inquiry a {
	background-image: url(../../img/base/navi_inquiry.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 190px;
}
#g_navi ul#navi_list li a:hover {
	background-position:0 -50px;
}
/* Stay, Active */
.home a:hover, 
.info a:hover, 
.product a:hover, 
.works a:hover, 
.technology a:hover, 
.recruit a:hover, 
.inquiry a:hover {
	background-position:0 -50px !important;
}

li.sitemap.active a,
li.privacy.active a {
	background-position:0 -11px !important;
}

.active a
{
	background-position:0 -50px !important;
	cursor: default;
}


/* 子メニュー - .sub-menu */
nav ul.sub-menu {
	position: absolute;
	width: 210px;
	background: #0bd;
	top: 50px;
	display: none;
	z-index: 9999;
	margin: 0px;
	padding: 0px;
}
nav ul.sub-menu a {
	color: #fff;
	padding: 10px 15px;
	display: block;
	background-image: none !important;
}
nav ul.sub-menu a:hover {
  color: #fff;
}

#g_navi ul#navi_list li ul.sub-menu a,
#g_navi ul#navi_list li ul.sub-menu a:hover {
	background-image: none;
	width: 210px;
	text-indent: 0px;
	height: auto;
	margin: 0px;
	padding: 10px 15px;
}

/* ホバー＆フォーカスで子メニュー表示 */
/* Display sub menu by hover & focus */
nav .menu-item-has-children:hover ul,
nav .menu-item-has-children ul.focused {
  display: block;
}
nav li.menu-item-has-children li a:hover,
nav li.menu-item-has-children li a:focus {
	background: #00979C;
	background-image: none;
	margin: 0px;
	padding: 10px 15px;
	height: auto;
	text-decoration: none;
}















/* Sub_navi */
ul#sub_navi {
	width: 240px;
	height: 11px;
	position: absolute;
	right: 7px;
	top: 42px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
ul#sub_navi li {
	float:left;
	display:inline;
}
ul#sub_navi li a {
	display:block;
	height: 11px;
	text-indent:-9999px;
	overflow:hidden;
}
/**/
ul#sub_navi .sitemap a {
	background-image: url(../../img/base/navi_sitemap.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 104px;
}
ul#sub_navi .privacy a {
	background-image: url(../../img/base/navi_privacy.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 136px;
	margin-right: 0px;
}
ul#sub_navi li a:hover {
	background-position:0 -11px;
}
/* Stay */
.sitemap a:hover, .privacy a:hover
{
	background-position:0 -11px !important;
}
.active_submenu
{
	background-position:0 -11px !important;
	cursor: default;
}

#header .head_inner p.cad-dl a {
	width: 220px;
	height: 36px;
	position: absolute;
	right: 0px;
	top: -5px;
	margin: 0px;
	padding: 0px;
	background-image: url(../../img/base/navi_cad-dl.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#header .head_inner p.cad-dl a:hover {
	background-position: 0 -36px;
}
/* Stay */
#cad-dl .cad-dl a, #cad-dl .cad-dl a:hover {
	background-position: 0 -36px !important;
	cursor: default;
}


/*product_navi*/
#product_navi {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background-color: #FFF;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00979c;
	border-right-color: #00979c;
	border-bottom-color: #00979c;
	border-left-color: #00979c;
}
#product_navi ul {
	margin: 0px;
	padding: 0px;
}
#product_navi ul li {
	float: left;
	list-style-type: none;
	margin: 0px;
	color: #00979c;
}
#product_navi ul li a,
#product_navi ul li span {
	display: block;
	text-align: center;
	width: 121px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #00979C;
	font-weight: bold;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #00979C;
}
#product_navi ul li.end a,
#product_navi ul li.end span {
	width: 123px;
}
#product_navi ul li a:hover,
#product_navi ul li.this a,
#product_navi ul li.this span {
	color: #FFF;
	background-color: #00979C;
	text-decoration: none;
}
#product_navi ul li.none a,
#product_navi ul li.none span {
	color: #FFF;
	background-color: #A0A6A6;
	text-decoration: none;
}
