@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .titleBlock__h1Img {
	position: relative;
	width: 950px;
	height: 190px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/design_consulting/images/img_h1_20200417.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock__pImg {
	position: absolute;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock__tabLink {
	list-style: none;
	height: 37px;
	margin: 0 0 30px;
	padding: 0;
}
.l-content .titleBlock__tabLink li {
	float: left;
	width: 238px;
}
.l-content .titleBlock__tabLink li.design {
	width: 236px;
}
.l-content .titleBlock__tabLink li a,
.l-content .titleBlock__tabLink li .active {
	display: block;
	width: 238px;
	height: 37px;
	background: url(/pr/vona/parts_feeder/design_consulting/images/img_tab.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock__tabLink li.about a {
	background-position: 0 0;
}
.l-content .titleBlock__tabLink li.example a {
	background-position: -238px 0;
}
.l-content .titleBlock__tabLink li.index a {
	background-position: -476px 0;
}
.l-content .titleBlock__tabLink li.design .active {
	background-position: -714px 0;
}


/* .downloadBox */
.l-content .downloadBox {
	position: relative;
	clear: both;
	width: 910px;
	height: 400px;
	margin: 0 0 50px 20px;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/design_consulting/images/download_bg_20240501.png) no-repeat center 0;
}
.l-content .downloadBox h2,
.l-content .downloadBox .catch,
.l-content .downloadBox .m-notesList {
	position: absolute;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .downloadBox .pdfBtn a {
	display: block;
	position: absolute;
	top: 293px;
	left: 160px;
	clear: both;
	width: 316px;
	height: 49px;
	margin: 0;
	padding: 0;
	background: url(/pr/vona/parts_feeder/design_consulting/images/download_btn01.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* .stepBox */
.l-content .stepBox {
	margin: 0 0 35px;
	padding: 0;
}
.l-content .stepBox .stepList {
	list-style: none;
	position: relative;
	clear: both;
	width: 912px;
	height: 368px;
	margin: 0 0 15px 19px;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/design_consulting/images/step_bg_20240501.png) no-repeat center 0;
}
.l-content .stepBox .pdfBtn a {
	display: block;
	position: absolute;
	top: 189px;
	left: 40px;
	clear: both;
	width: 235px;
	height: 37px;
	margin: 0;
	padding: 0;
	background: url(/pr/vona/parts_feeder/design_consulting/images/download_btn02.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .stepBox .stepList .zoom {
	position: absolute;
	top: 168px;
}
.l-content .stepBox .stepList .step2 .zoom {
	left: 383px;
}
.l-content .stepBox .stepList .step3 .zoom {
	left: 683px;
}
.l-content .stepBox .stepList dt,
.l-content .stepBox .stepList .stepTxt,
.l-content .stepBox .stepList .m-notesList {
	position: absolute;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* .makerBox */
.l-content .makerBox {
	margin: 0;
	padding: 0;
}
.l-content .makerBox .makerList {
	list-style: none;
	width: 950px;
	margin: 0;
	padding: 0;
}
.l-content .makerBox .makerList > li {
	float: left;
	width: 460px;
	margin: 0 0 50px 15px;
	padding: 55px 0 0;
	background-repeat: no-repeat;
	background-position: center 5px;
	font-weight: bold;
	text-align: center;
}
.l-content .makerBox .makerList > li.makerNTN {
	background-image: url(/pr/vona/parts_feeder/design_consulting/images/maker_logo01.gif);
}
.l-content .makerBox .makerList > li.makerSanki {
	background-image: url(/pr/vona/parts_feeder/design_consulting/images/maker_logo02.gif);
}
.l-content .makerBox .makerList > li p {
	margin: 0;
	padding: 0;
}
.l-content .makerBox .lead {
	clear: both;
	width: 712px;
	height: 37px;
	margin: 0 auto 20px;
	padding: 0;
	background: url(/pr/vona/parts_feeder/design_consulting/images/maker_lead.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .makerBox .btnLink a {
	display: block;
	clear: both;
	width: 225px;
	height: 49px;
	margin: 0 auto 50px;
	padding: 0;
	background: url(/pr/vona/parts_feeder/design_consulting/images/example_btn.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* .productsBox */
.l-content .productsBox {
	width: 920px;
	margin: 0 auto 35px;
}
.l-content .productsBox .productsList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.l-content .productsBox .productsList > li {
	float: left;
	width: 234px;
	margin: 0 0 15px 16px;
	padding: 30px;
	border: 1px solid #aaa;
	text-align: center;
}
.l-content .productsBox .productsList > li.cellFirst {
	margin-left: 0;
}
.l-content .productsBox .productsList > li .productName {
	margin: 0 0 15px;
	padding: 0;
}
.l-content .productsBox .productsList > li .productImage {
	width: 179px;
	margin: 0 auto 20px;
	padding: 0;
}
.l-content .productsBox .productsList > li .productImage img {
	display: block;
}
.l-content .productsBox .productsList > li .btnLink a {
	display: block;
	clear: both;
	width: 179px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
	background: url(/pr/vona/parts_feeder/design_consulting/images/products_btn.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* -------------------------------
ミスミVONA　相談窓口
------------------------------- */
/* .contact_lead */
.l-content .contact_lead {
	width: 845px;
	height: 37px;
	margin: 0 auto 20px;
	padding: 0;
	background: url(/pr/vona/parts_feeder/design_consulting/images/contact_lead.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* contactArea */
.l-content .contactArea {
	border: 10px solid #e6e6e6;
}
.l-content .contactArea .ttl {
	font-size: 16px;
  background-color: #e6e6e6;
  padding: 0 10px 10px;
  text-align: center;
}
.l-content .contactArea .contactBox{
  padding: 20px 0;
  display: table;
  margin: 0 auto;
  width: 900px;
}
.l-content .contactArea .contactBox .inner {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.l-content .contactArea .contactBox .inner .detail{
  display: table;
  margin: 0 auto;
}
.l-content .contactArea .contactBox .inner .detail .tel {
  display: table-cell;
  vertical-align: middle;
}
.l-content .contactArea .contactBox .inner .tel .telInner {
  display: table;
  margin: 0 auto;
}
.l-content .contactArea .contactBox .inner .tel .telInner dt {
  display: table-cell;
  vertical-align: middle;
}
.l-content .contactArea .contactBox .inner .tel .telInner dt span {
  display: inline-block;
  padding: 5px;
  background-color: #999;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}
.l-content .contactArea .contactBox .inner .tel .telInner dd {
  display: table-cell;
  font-size: 34px;
  font-weight: bold;
  padding-left: 10px;
}
.l-content .contactArea .contactBox .inner .btn{
  border-left: 1px dotted #919292;
  padding: 20px 0 20px 20px;
}
.l-content .contactArea .contactBox .inner .btn a{
  margin: 0 auto;
}
.l-content .contactArea .contactBox .inner .btn span{
  font-weight: normal;
  font-size: 10px;
}
.l-content .contactArea .notes{
  margin-left: 120px;
}