@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .mainVisual {
    width: 950px;
    height: 200px;
    margin-bottom: 30px;
    background: url(/pr/vona/mech/service/conveyor/img/main.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.l-content .innerBox {
	width: 920px;
	margin: 0 auto;
}

/* .downloadBox */
.l-content .downloadBox {
	position: relative;
	clear: both;
	width: 950px;
	height: 300px;
	margin: 0 0 50px;
	padding: 0;
	border: none;
	background: url(/pr/vona/mech/service/conveyor/img/download_bg_240501.png) no-repeat center 0;
}
.l-content .downloadBox .catch,
.l-content .downloadBox .txt {
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .downloadBox .pdfBtn a {
	display: block;
	position: absolute;
	top: 210px;
	left: 150px;
	clear: both;
	width: 316px;
	height: 49px;
	margin: 0 0 10px;
	padding: 0;
	background: url(/pr/vona/mech/service/conveyor/img/download_btn01.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* .makerBox */
.l-content .makerBox {
  width: 630px;
  margin: 0 auto;
}
.l-content .makerBox .makerList {
  float: left;
  width: 190px;
  margin-left:30px;
}
.l-content .makerBox .makerList:first-child {
  margin-left: 0;
}
.l-content .makerBox .makerList .m-link {
  margin-top: 10px;
}

/* .stepBox */
.l-content .stepBox {
	margin: 35px 0 35px;
	padding: 0;
}
.l-content .stepBox .stepList {
	list-style: none;
	position: relative;
	clear: both;
	width: 912px;
	height: 350px;
	margin: 0 0 15px 19px;
	padding: 0;
	border: none;
	background: url(/pr/vona/mech/service/conveyor/img/step_bg_240501.png) no-repeat center 0;
}
.l-content .stepBox .pdfBtn a {
	display: block;
	position: absolute;
	top: 137px;
	left: 40px;
	clear: both;
	width: 235px;
	height: 37px;
	margin: 0;
	padding: 0;
	background: url(/pr/vona/mech/service/conveyor/img/download_btn02.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .stepBox .stepList .zoom {
	position: absolute;
	top: 140px;
}
.l-content .stepBox .stepList .step2 .zoom {
	left: 383px;
}
.l-content .stepBox .stepList dt,
.l-content .stepBox .stepList .stepTxt {
	position: absolute;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .stepBox .m-notesList {
	width: 912px;
	margin: 0 0 50px 19px;
	text-align: right;
}

/* .caseBox */
.l-content .caseBox__wrap {
  margin-top: 20px;
}
.l-content .caseBox__wrap .caseBox {
	float: left;
  width: 296px;
  border: #c0c0c0 2px solid;
  margin-left: 25px;
  padding-bottom: 20px;
}
.l-content .caseBox__wrap .caseBox:first-child {
  margin-left: 0;
}
.l-content .caseBox__wrap .caseBox .caseInner {
  margin: 20px 16px 0px;
  border-top: #333 1px dotted;
}
.l-content .caseBox__wrap .caseBox .caseInner:first-of-type {
  border-top:none;
}
.l-content .caseBox__wrap .caseBox .caseTtl {
  font-size: 18px;
  font-weight: bold;
  line-height: 46px;
  text-align: center;
  color: #FFF;
  background: #666666;
  width: 296px;
}
.l-content .caseBox__wrap .caseBox .casePic {
  text-align: center;
  margin-top: 20px;
}
.l-content .caseBox__wrap .caseBox .caseTxt {
  padding-top: 20px;
}