@charset "UTF-8";
/* -----------------------------
common
----------------------------- */
/* section */
.l-content .section{
  margin-bottom: 60px;
}
.l-content .sectionInner{
  margin-bottom: 40px;
}
.l-content .sectionInner.secItems{
  width: 920px;
  margin: 0 auto 50px;
  background: #e8f1f9;
  box-sizing: border-box;
  padding: 20px 15px;
}


/* h2Ttl */
.l-content .h2Ttl_01 {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  font-size: 32px;
}
.l-content .h2Ttl_02 {
  color: #001d50;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  font-size: 32px;
}
.l-content .h2Ttl_03 {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 32px;
  background-color: #004da2;
  padding: 6px 0;
}

/* h3Ttl */
.l-content .h3Ttl {
  color: #001d50;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 24px;
  padding: 0 5px 5px;
}


/* txt_strong */
.l-content .txt_strong{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

/* txt_small */
.l-content .txt_small{
  font-size: 11px;
  text-align: right;
  margin-bottom: 10px;
}


/* -----------------------------
ancNavi
----------------------------- */
/* ancNavi */
.l-content .ancNavi {
	width: 950px;
    padding-bottom: 10px;
    background-color: #FFF;
}
.l-content .ancNavi ul {
	letter-spacing: -0.4em;
}
.l-content .ancNavi ul li {
	letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 158px;
  box-sizing: border-box;
	text-align: center;
	font-size: 13px;
    font-weight: bold;
}
.l-content .ancNavi ul li:first-child {
	width: 159px;
}
.l-content .ancNavi ul li.last {
	width: 159px;
}
.l-content .ancNavi ul li + li {
  border-left: 1px solid #4d618b;
}
.l-content .ancNavi ul li a {
display: block;
	padding: 0 20px 0 30px;
	text-decoration: none;
    color: #FFF;
    background: url(/maker/misumi/mech/product/pallet_transfer_case/img/ico_arrow_b.png) no-repeat 18px center #004da2;
}
.l-content .ancNavi ul li a span {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
  width: 17%;
}
.l-content .ancNavi ul li:first-child a span {
  width: 15%;
}


/* -----------------------------
mainVisual
----------------------------- */
/* main */
.l-content .mainVisual {
    width: 950px;
    height: 300px;
    margin-bottom: 40px;
    background: url(/maker/misumi/mech/product/pallet_transfer_case/img/main.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/* -----------------------------
設備事例動画
----------------------------- */
/* secVideo */
.l-content .secVideo{
  background: #004da2;
  padding:30px 0 80px;
}
.l-content .secVideo .seclead {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #FFF;
}
.l-content .secVideo .secPic {
  width: 512px;
  margin: 30px auto 0;
  background: #FFF;
}


/* -----------------------------
各工程の紹介
----------------------------- */
.l-content .introduceBox{
  position: relative;
  width: 950px;
}
.l-content .introduceBox .link li{
  position:absolute;
  background: #FFF;
}
.l-content .introduceBox .link li.link01{
  top:35px;
  left: 76px;
}
.l-content .introduceBox .link li.link02{
  top:445px;
  left: 265px;
}
.l-content .introduceBox .link li.link03{
  top:445px;
  left: 465px;
}
.l-content .introduceBox .link li.link04{
  top:445px;
  left: 669px;
}
.l-content .introduceBox .link li.link05{
  top:35px;
  left: 526px;
}
.l-content .introduceBox .link li a{
  width: 170px;
  padding: 8px 2px 7px 10px;
}

/* -----------------------------
構成商品紹介
----------------------------- */
/* itemBox */
.l-content .itemBox{
  letter-spacing: -0.4em;
  margin: 0 -20px 0 0;
}
.l-content .itemBox .list{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 440px;
  margin: 0 10px 10px 0;
  border: 1px solid #dcdcdc;
  background: #FFF;
  box-sizing: border-box;
}
.l-content .itemBox .list .inner{
  background: #FFF;
  padding: 10px 15px 20px;
}
.l-content .itemBox .list .inner .picBox{
  width: 410px;
  margin: 0 auto 10px;
  display: table;
}
.l-content .itemBox .list .inner .picBox .pic{
  display: table-cell;
  vertical-align: top;
  width: 180px;
}
.l-content .itemBox .list .inner .picBox .pic.box_hover{
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .itemBox .list .inner .picBox .txt{
  display: table-cell;
  vertical-align: top;
}
.l-content .itemBox .list .inner .picBox .txt .name{
  font-size: 14px;
  color: #004bb1;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 10px;
  min-height: 70px;
}
.l-content .itemBox .list .inner .picBox .txt .name.box_hover {
  color: #ff730a;
  cursor: pointer;
}
.l-content .itemBox .list .inner .picBox .txt .price{
  margin-top: 10px;
  padding-left: 10px;
}
.l-content .itemBox .list .inner .picBox .txt .price span{
  font-size: 20px;
}
.l-content .itemBox .list .inner .picBox .txt .day{
  margin-top: 10px;
  padding-left: 10px;
}
.l-content .itemBox .list .caption{
  margin-bottom: 20px;
  padding: 0 5px;
}
.l-content .itemBox .list .btn{
  width: 180px;
  margin: 0 auto;
}