@charset "utf-8";
/* ------------------------------------------------------
common
------------------------------------------------------ */

/* ---------- section -------------- */
.l-content .section {
  margin-bottom:60px;
}
.l-content .sectionInner {
  padding: 0 15px;
}


/* ---------- ttl -------------- */
.l-content .m-h2 {
  margin: 0 0 20px;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */

/* ---------- main -------------- */
.l-content .mainVisual {
  position: relative;
  width: 950px;
  height: 190px;
  margin: 0 0 30px;
  padding: 0;
  border: none;
  background: url(/pr/vona/mech/contactprobe/img/main_20200221.png) no-repeat;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}


/* ---------- ancLink -------------- */
.l-content .ancLink {
	width: 920px;
	margin:0 auto 60px;
}
.l-content .ancLink li {
    margin-left: 12px;
    float: left;
}
.l-content .ancLink li a {
    width: 221px;
    padding: 10px 0 10px 15px;
}


/* ---------- lead -------------- */
.l-content .leadBox {
  width:920px;
  height:66px;
  margin:0 auto 30px;
  background:url(/pr/vona/mech/contactprobe/img/lead_bg.png) no-repeat;
}
.l-content .leadBox .leadTxt {
  text-align: center;
  font-size:14px;
  font-weight:bold;
  line-height:20px;
  padding:25px 0 0;
}


/* ---------- recoBox -------------- */
.l-content .recoBox{
  margin: 30px -24px 0 5px;
  letter-spacing: -0.4em;
}
.l-content .recoBox .recoLink{
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  margin: 0 24px 10px 0;
  width:208px;
  border:1px solid #c1c1c1;
  background:#FFF;
}
.l-content .recoBox .recoLink .reco{
  width:160px;
  margin:20px auto;
}
.l-content .recoBox .recoLink .reco .pic{
  text-align:center;
  margin-bottom:13px;
}
.l-content .recoBox .recoLink .reco .maker{
  margin-bottom:5px;
  font-weight:bold;
}
.l-content .recoBox .recoLink .reco .name{
  font-weight:bold;
  margin-bottom:10px;
  color:#004bb1;
  min-height:36px;
}
.l-content .recoBox .recoLink .reco .txt{
  margin-bottom:15px;
	font-size: 12px;
	line-height: 16px;
}

.l-content .recoBox .recoLink .reco .btn{
  width:160px;
  margin:0 auto;
}
.l-content .recoBox .recoLink.box_hover {
  cursor: pointer;
}
.l-content .recoBox .recoLink.box_hover .name {
  color: #ff730a;
}
.l-content .recoBox .recoLink.box_hover .pic img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}


/* ---------- makerBox -------------- */
.l-content .makerBox {
}
.l-content .makerBox .logo{
  float:left;
  margin-left:30px;
  text-align:center;
}
.l-content .makerBox .logo:first-child{
  margin-left:0;
}
.l-content .makerBox .logo a{
  display:block;
  text-decoration: none;
}
.l-content .makerBox .logo .m-link{
  display:block;
  text-align:center;
  margin-top:10px;
}
.l-content .makerBox .logo .m-link strong{
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEW/v78AS7E2lsyyAAAAAXRSTlMAQObYZgAAABJJREFUGBljbmBmAEMJZgPmBAAIngE+HFgy7QAAAABJRU5ErkJggg==") 0 0.2em no-repeat;
  padding-left: 8px;
  font-weight:normal;
}


/* ---------- itemsBox -------------- */
.l-content .itemsBox {
  margin:15px auto;
}
.l-content .itemsBox .itemsList {
  float:left;
  margin: 0 16px 0 0;
  width: 286px;
  border:5px solid #e5f0f9;
  min-height: 315px;
}
.l-content .itemsBox .itemsList:last-child { margin-right: 0; }
.l-content .itemsBox .itemsList .name {
  min-height: 40px;
  font-size: 16px;
  font-weight: bold;
  background: #e5f0f9;
  line-height: 150%;
  text-align:center;
  padding-top:10px;
}
.l-content .itemsBox .itemsList .pic { 
  text-align: center; 
  padding: 10px 5px 5px;
}
.l-content .itemsBox .itemsList .txt { padding:0 15px 15px; }


/* ---------- shapeBox -------------- */
.l-content .shapeBox {
  margin:10px auto;
}
.l-content .shapeBox .shapeList{
  width: 126px;
  margin-right: 10px;
  border:1px solid #c1c1c1;
  float:left;
  text-align:center;  
}
.l-content .shapeBox .shapeList dt {
  text-align:center;
  padding:10px 0 0;
}
.l-content .shapeBox .shapeList dd {
  text-align:center;
  padding-bottom:10px;
}
.l-content .shapeBox .shapeList:hover{
   color: #004bb1;
  text-decoration:underline;
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}