@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .titleBlock__h1Img {
	width: 950px;
	height: 190px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(/pr/vona/parts_feeder/example/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 10px;
	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/example/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 .active {
	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_ancLink {
	list-style: none;
	width: 950px;
	height: 37px;
	margin: 0 0 38px;
	padding: 0;
}
.l-content .titleBlock_ancLink li {
	float: left;
	width: 470px;
}
.l-content .titleBlock_ancLink li.task {
	float: right;
}
.l-content .titleBlock_ancLink li a {
	display: block;
	width: 470px;
	height: 37px;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock_ancLink li.work a {
	background-image: url(/pr/vona/parts_feeder/example/images/btn_anc01.gif);
}
.l-content .titleBlock_ancLink li.task a {
	background-image: url(/pr/vona/parts_feeder/example/images/btn_anc02.gif);
}

.l-content .titleBlock_txt {
	margin: 0 15px 50px;
	font-size: 14px;
}


/* 主要ワークから製作のポイントをチェック！ */
.l-content .workBox {
	clear: both;
	margin: 0 0 40px;
	padding: 0;
}
.l-content .workBox .workList {
	list-style: none;
	width: 920px;
	margin: 0 15px;
	padding: 0;
}
.l-content .workBox .workList > li {
	list-style: none;
	float: left;
	width: 324px;
	margin: 0 0 20px;
	padding: 30px 62px;
	border: 1px solid #aaa;
}
.l-content .workBox .workList > li.odd {
	clear: both;
}
.l-content .workBox .workList > li.even {
	float: right;
}
.l-content .workBox .workList > li > img {
	display: block;
	width: 324px;
	height: 196px;
	margin: 0 0 20px;
}


.l-content .m-listTable {
	border-collapse: collapse;
	width: 324px;
}
.l-content .m-listTable th,
.l-content .m-listTable td {
	border: 1px solid #ccc;
}
.l-content .m-listTable th {
	background-color: #0169c6;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.l-content .m-listTable td {
	padding: 7px 5px;
	font-weight: bold;
	vertical-align: top;
}
.l-content .m-listTable .point td {
	height: 3em;
}
 
.l-content .consultation {
	clear: both;
	width: 850px;
  padding: 20px 0;
	margin: 0 auto;
  background: #ffeec4;
  border: 3px solid #f1a746;
}

.l-content .consultation h3 {
  text-align: center;
  font-weight: bold;
  color: #c7243a;
  font-size: 24px;
  margin-bottom: 10px;
}
.l-content .consultation .btn a {
	width: 245px;
	margin: 0 auto;
}


/* お問い合せの多い課題から解決策をご紹介 */
.l-content .taskBox {
	clear: both;
	margin: 0 0 40px;
	padding: 0;
}
.l-content .taskList {
	list-style: none;
	margin: 0 0 50px;
	padding: 0;
}
.l-content .taskList > li {
	margin: 0 0 30px;
	padding: 0;
}
.l-content .taskBox .taskCont {
	clear: both;
	margin: 0;
	padding: 0;
}
.l-content .taskBox .taskCont > dt {
	float: left;
	width: 62px;
	margin: 0 0 20px;
	padding: 7px 2px;
	background-color: #115fad;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.l-content .taskBox .taskCont > dd {
	float: left;
	margin: 0 0 20px;
	padding: 6px 10px;
	font-size: 16px;
	font-weight: bold;
}
.l-content .taskBox .box {
	float: left;
	clear: both;
	width: 862px;
	margin: 0;
	padding: 28px;
	border: 1px solid #aaa;
}
.l-content .taskBox .box ul {
	list-style: none;
	width: 546px;
	margin: 0 auto;
	padding: 0;
}
.l-content .taskBox .box ul.single {
	width: 263px;
}
.l-content .taskBox .box ul li {
	float: left;
	list-style: none;
	width: 263px;
	margin: 0 auto 20px;
	padding: 0;
}
.l-content .taskBox .box ul li:first-child {
	margin-right: 20px;
}
.l-content .taskBox .box ul li img {
	display: block;
	width: 263px;
	height: 221px;
}
.l-content .taskBox .box .solution {
	clear: both;
	width: 854px;
	margin: 0 auto;
}
.l-content .taskBox .box .solution > dt {
	float: left;
	width: 68px;
	margin: 0 10px 0 0;
	padding: 7px 2px;
	background-color: #e98604;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.l-content .taskBox .box .solution > dd {
	float: left;
	width: 768px;
	margin: 0;
	padding: 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/example/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 {
	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;
}