@charset "utf-8";

.l-content .gnav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.l-content .gnav > li.on,
.l-content .gnav > li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #314855;
  width: 155px;
  height: 37px;
  padding-left: 5px;
  border: 1px solid #1b2a31;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 20%), 0 2px 0 0 rgb(0 0 0 / 33%);
  box-sizing: border-box;
  text-decoration: none;
}
.l-content .gnav > li a.coating {
  padding-left: 2px;
  letter-spacing: -1.2px;
}
.l-content .gnav > li a[target="_blank"]::after {
  position: absolute;
  top: 3px;
  right: 2px;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQoz2P4//8/AxTjBAzEKsKlCa6ZAU0xnRXhdThWE2BsvCbAFAEAQFId8ZUdpT8AAAAASUVORK5CYII=) no-repeat right top;
}
.l-content .gnav > li.on {
  background: #000;
}
.l-content .gnav > li.on::before,
.l-content .gnav > li a::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 4px;
  margin: auto;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}
.l-content .gnav > li a:hover {
  opacity: 0.75;
}


.l-content .contact {
	width:920px;
	padding:14px;
	border:1px solid #CCCCCC;
	background-color:#F9F9F9;
}
.l-content .contact em {
	color: #E20A16;
}
.l-content .contact .service {
	float:left;
	width:420px;
	height:126px;
	_height:160px;
	padding:17px 16px;
	text-align:left;
	background:url(/maker/misumi/fs/regrind/images/0911_bg01.gif) no-repeat;
}
.l-content .contact .recycle {
	float:right;
	width:420px;
	height:126px;
	_height:160px;
	padding:17px 16px;
	text-align:left;
	background:url(/maker/misumi/fs/regrind/images/2006_bg03.gif) no-repeat;
}
.l-content .contact .service .serviceTitle,
.l-content .contact .recycle .recycleTitle  {
  font-size: 19px;
}
.l-content .contact .service .serviceTxt01,
.l-content .contact .recycle .recycleTxt01  {
	font-size:134%;
}
.l-content .contact .service .serviceTxt02,
.l-content .contact .recycle .recycleTxt02 {
	font-size:200%;
	color:#E20A16;
	font-weight:bold;
}
.l-content .contact .recycle .recycleTxt02 img,
.l-content .contact .service .serviceTxt02 img {
	vertical-align:-3px;
	margin-right:7px;
}