@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .titleBlock__h1Img {
	width: 950px;
	height: 190px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/about/images/img_h1.gif) 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/about/images/img_tab.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock__tabLink li.about .active {
	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 a {
	background-position: -714px 0;
}

.l-content .titleBlock_catch {
	clear: both;
	width: 950px;
	height: 72px;
	margin: 0 0 38px;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/about/images/catch_01.gif) no-repeat 95px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock_catch p {
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* 複数箇所に使用 */
.l-content .btnLink a {
	width: 245px;
	margin: 0 auto 20px;
}

/* お悩み解決 */
.l-content .resolutionBox {
	clear: both;
	width: 950px;
	height: 669px;
	margin: 0 0 40px;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/about/images/resolution_bg.gif) no-repeat center 0;
}
.l-content .resolutionBox * {
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* パーツフィーダーとは */
.l-content .aboutBox > p {
	margin: 0 15px 20px;
	padding: 0;
}
.l-content .aboutBox .wrap {
	width: 712px;
	min-height: 260px;
	margin: 0 auto 40px;
	padding: 0;
}
.l-content .aboutBox .wrap .wrapImage {
	float: left;
	width: 268px;
	height: 240px;
	margin: 0;
	padding: 0;
}
.l-content .aboutBox .wrap .wrapMovie {
	float: right;
	width: 424px;
	min-height: 260px;
	margin: 0;
	padding: 0;
}
.l-content .aboutBox .wrap .wrapMovie a {
	display: block;
	width: 424px;
	height: 240px;
	margin: 0 0 10px;
	padding: 0;
}
.l-content .aboutBox .wrap .wrapMovie .caption {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	line-height: 1.2em;
}

/* パーツフィーダーのしくみ */
.l-content .mechanismBox {
	margin: 0 15px 20px;
	padding: 0;
}
.l-content .mechanismBox > p {
	margin: 0 0 35px;
	padding: 0;
}
.l-content .mechanismBox > p .storage {
	color: #415ea6;
}
.l-content .mechanismBox > p .alignment {
	color: #c7243a;
}
.l-content .mechanismBox > p .supply {
	color: #009250;
}

.l-content .mechanismBox > dl {
	clear: both;
	width: 920px;
	height: 411px;
	margin: 0 0 40px;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/about/images/mechanism_img01.gif) no-repeat center 0;
}
.l-content .mechanismBox > dl * {
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* パーツフィーダー組み合わせレイアウト */
.l-content .layoutBox {
	margin: 0 15px 20px;
	padding: 0;
}
.l-content .layoutBox > p {
	margin: 0 0 15px;
	padding: 0;
}
.l-content .layoutBox .layoutImage {
	list-style: none;
	width: 920px;
	margin: 0;
	padding: 0;
}
.l-content .layoutBox .layoutImage > li {
	width: 450px;
	height: 412px;
	margin: 0 0 20px;
	padding: 0;
	background: no-repeat 0 0;
	text-align: center;
}
.l-content .layoutBox .layoutImage .layoutImage01 {
	float: left;
	background-image: url(/pr/vona/parts_feeder/about/images/layout_img01.gif);
}
.l-content .layoutBox .layoutImage .layoutImage02 {
	float: right;
	background-image: url(/pr/vona/parts_feeder/about/images/layout_img02.gif);
}
.l-content .layoutBox .layoutImage .layoutImage03 {
	margin: 0 auto 30px;
	background-image: url(/pr/vona/parts_feeder/about/images/layout_img03.gif);
	clear: both;
}
.l-content .layoutBox .layoutImage > li .inner {
	display: block;
	position: relative;
	width: 450px;
	height: 412px;
}
.l-content .layoutBox .layoutImage > li strong {
	display: block;
	position: absolute;
	top:365px;
	left: 0;
	width: 450px;
	text-align: center;
}

/* ワークについて */
.l-content .workBox {
	width: 920px;
	margin: 0 15px 20px;
	padding: 0;
}
.l-content .workBox > p {
	margin: 0 0 15px;
	padding: 0;
}
.l-content .workBox .works {
	list-style: none;
	margin: 0;
	padding: 0;
}
.l-content .workBox .works li {
	position: relative;
	float: left;
	margin: 0 0 20px;
	padding: 1.8em 0 0;
	background: no-repeat 0 bottom;
}
.l-content .workBox .works .works01 {
	width: 450px;
	height: 209px;
	background-image: url(/pr/vona/parts_feeder/about/images/work_img01.jpg);
}
.l-content .workBox .works .works02 {
	width: 450px;
	height: 209px;
	background-image: url(/pr/vona/parts_feeder/about/images/work_img02.jpg);
}
.l-content .workBox .works .works03 {
	clear: both;
	width: 450px;
	height: 191px;
	background-image: url(/pr/vona/parts_feeder/about/images/work_img03.jpg);
}
.l-content .workBox .works .works04 {
	width: 257px;
	height: 191px;
	background-image: url(/pr/vona/parts_feeder/about/images/work_img04.jpg);
}
.l-content .workBox .works .works05 {
	clear: both;
	width: 156px;
	height: 270px;
	background-image: url(/pr/vona/parts_feeder/about/images/work_img05.jpg);
}
.l-content .workBox .works .works06 {
	width: 257px;
	height: 270px;
	background-image: url(/pr/vona/parts_feeder/about/images/work_img06.jpg);
}

.l-content .workBox .works .even {
	margin-left: 20px;
}
.l-content .workBox .works strong {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* 技術相談受付中！ */
.l-content .serviceBox {
	position: relative;
	clear: both;
	width: 864px;
	height: 257px;
	margin: 0 auto 30px;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/about/images/service_bg.gif) no-repeat 0 0;
}
.l-content .serviceBox > h3,
.l-content .serviceBox > p,
.l-content .serviceBox > ul{
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .serviceBox .btn a {
	display: block;
	position: absolute;
	top: 170px;
	left: 562px;
}


/* -------------------------------
ミスミ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;
}