@charset "utf-8";

/* -------------------------------
common
------------------------------- */
.l-content .titleBlock__h1Img{
	width: 950px;
	height: 190px;
	margin-bottom: 0;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/images/main.png) no-repeat;
	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/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 .active {
	background-position: -476px 0;
}
.l-content .titleBlock__tabLink li.design a {
	background-position: -714px 0;
}


/*section*/
.l-content .section{
	margin-bottom:50px;
}
.l-content .section .sectionInner {
	margin-bottom:50px;
}
.l-content .topTxt {
	margin-bottom:25px;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* itemBox */
.l-content .itemBox {
	margin:0 -10px 30px 0;
}
.l-content .itemBox li{
	float:left;
	margin-right:10px;
	width:310px;
}
.l-content .itemBox li dd{
	border-bottom:5px solid #c3d7ea;
	border-left:5px solid #c3d7ea;
	border-right:5px solid #c3d7ea;
}
.l-content .itemBox li .ttl{
	height:54px;
	width:310px;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .itemBox .item01 .ttl{
	background: url(/pr/vona/parts_feeder/images/ttl_items_01.png) no-repeat 28px 20px #2170c1;
}
.l-content .itemBox .item02 .ttl{
	background: url(/pr/vona/parts_feeder/images/ttl_items_02.png) no-repeat 44px 20px #2170c1;
}
.l-content .itemBox .item03 .ttl{
	background: url(/pr/vona/parts_feeder/images/ttl_items_03.png) no-repeat 70px 20px #2170c1;
}
.l-content .itemBox li .caption{
	padding:240px 0 0;
	text-align:center;
	font-size:18px;
	font-weight: bold;
	height:65px;
}
.l-content .itemBox .item01 .caption{
	background: url(/pr/vona/parts_feeder/images/pic_items_01.png) no-repeat center 20px;
}
.l-content .itemBox .item02 .caption{
	background: url(/pr/vona/parts_feeder/images/pic_items_02.png) no-repeat center 20px;
}
.l-content .itemBox .item03 .caption{
	background: url(/pr/vona/parts_feeder/images/pic_items_03.png) no-repeat center 20px;
}
.l-content .itemBox li .caption span{
	color:#d90000;
}


/* logoBox */
.l-content .logoBox {
	border:10px solid #efefef;
	padding:10px;
	width:820px;
	margin:0 auto 15px;
}
.l-content .logoBox .logo{
	float:left;
  padding: 20px 130px 20px 130px;
}
.l-content .logoBox .logo li{
	float:left;
	width:230px;
}
.l-content .logoBox .logo li span{
	display:block;
}
.l-content .logoBox .logo li .link{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEW/v78AS7E2lsyyAAAAAXRSTlMAQObYZgAAABJJREFUGBljbmBmAEMJZgPmBAAIngE+HFgy7QAAAABJRU5ErkJggg==) 0 5px no-repeat;
  padding-left: 10px;
}
.l-content .logoBox .logo li a{
	text-decoration: none;
}
.l-content .logoBox .icon{
	float:left;
	width:290px;
	height:173px;
	background: url(/pr/vona/parts_feeder/images/icon_logo.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .logoBox ul.logo li{
	text-align:center;
}


/* serviceBox */
.l-content .serviceBox {
	background: url(/pr/vona/parts_feeder/images/pic_service.png) no-repeat;
	height:213px;
	width:860px;
	margin:0 auto;
}
.l-content .serviceBox dt,
.l-content .serviceBox dd,
.l-content .serviceBox dd ul li{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* flowBox */
.l-content .flowBox {
	border:5px solid #e6e6e6;
	width:832px;
	padding:11px 9px;
	margin:0 auto 70px;
}
.l-content .flowBox dt {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	line-height:0;
	font-size:0;
}
.l-content .flowBox dd {
	position:relative;
	background: url(/pr/vona/parts_feeder/images/border_flow.png) no-repeat left bottom;
	margin-bottom:2px;
	padding-bottom:21px;
}
.l-content .flowBox dd.flow04{
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}
.l-content .flowBox .ttl{
	width:170px;
	height:54px;
	float:left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .flowBox .flow01 .ttl{
	background: url(/pr/vona/parts_feeder/images/icon_flow1_20201120.png) no-repeat;
}
.l-content .flowBox .flow02 .ttl {
	background: url(/pr/vona/parts_feeder/images/icon_flow2.png) no-repeat;
}
.l-content .flowBox .flow03 .ttl {
	background: url(/pr/vona/parts_feeder/images/icon_flow3_20201120.png) no-repeat;
}
.l-content .flowBox .flow04 .ttl {
	background: url(/pr/vona/parts_feeder/images/icon_flow4.png) no-repeat;
}
.l-content .flowBox .txt{
	float:left;
	width: 642px;
	margin-left:20px;
	padding-top:8px;
}
.l-content .flowBox .flow03 .txt{
	padding-top:18px;
}

.l-content .flowBox dd span {
	position:absolute;
	top:6px;
	right:10px;
	display:block;
	top:11px;
	right:14px;
	background: url(/pr/vona/parts_feeder/images/icon_need.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	width:76px;
	height:39px;
}

/* -------------------------------
ミスミVONA　パーツフィーダー相談窓口
------------------------------- */
/* contactArea */
.l-content .contactArea {
	border: 10px solid #e6e6e6;
}
.l-content .contactArea .ttl {
	font-size: 16px;
  background-color: #e6e6e6;
  padding: 10px 10px 20px;
}
.l-content .contactArea .ttl span {
	font-size: 12px;
  padding-left: 30px;
}
.l-content .contactArea .inner {
  display: table;
  width: 900px;
  margin: 0 auto;
  padding: 20px 0;
}
.l-content .contactArea .inner:first-child{
  border-bottom: 1px dotted #919292;
}
.l-content .contactArea .inner .tel,
.l-content .contactArea .inner .btn,
.l-content .contactArea .inner .btnBox{
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.l-content .contactArea .inner .tel .telInner{
  display: table;
  margin: 0 auto;
}
.l-content .contactArea .inner .tel .telInner dt{
  display: table-cell;
  vertical-align: middle;
}
.l-content .contactArea .inner .tel .telInner dt span{
  display: inline-block;
  padding: 5px;
  background-color: #999;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}
.l-content .contactArea .inner .tel .telInner dd{
  display: table-cell;
  font-size: 34px;
  font-weight: bold;
  padding-left: 10px;
}
.l-content .contactArea .inner .btn{
  border-left: 1px dotted #919292;
}
.l-content .contactArea .inner .btn a{
  margin: 0 auto;
}
.l-content .contactArea .inner .btn span{
  font-weight: normal;
  font-size: 10px;
}
.l-content .contactArea .inner .btnBox .txt{
  text-align: center;
  font-size: 14px;
  padding: 0 0 10px;
}
.l-content .contactArea .inner .btnBox .btnBtm a{
  margin: 0 auto;
}
.l-content .contactArea .notes{
  text-indent: -1em;
  margin-left: 1em;
}