@charset "UTF-8";
/* -----------------------------
common
----------------------------- */
/* section */
.l-content .section{
  margin-bottom: 60px;
}
.l-content .sectionInner{
  margin: 0 20px 40px;
}


.l-content .secSpecial{
  background: #e0e4e7;
  padding: 30px 0 20px;
}
.l-content .secSpecial .sectionInner{
  background: #FFF;
  padding: 15px 15px 35px;
  margin-bottom: 20px;
}
.l-content .secCatalog{
  padding: 0 0 30px;
}


/* h2Ttl */
.l-content .h2Ttl {
  color: #001d50;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  font-size: 32px;
}
.l-content .h2Ttl_left {
  color: #001d50;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  font-size: 32px;
}


/* h3Ttl */
.l-content .h3Ttl {
  color: #001d50;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 24px;
  border-bottom: 2px solid #001d50;
  padding: 0 5px 5px;
}
.l-content .h3Ttl .no {
  font-size: 28px;
}


/* h3_case */
.l-content .h3_case {
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid #004da2;
  width: 900px;
  margin: 0 auto 20px;
}
.l-content .h3_case .case {
  color: #FFF;
  background: #004da2;
  padding: 5px 0;
  text-align: center;
  width: 120px;
  display: table-cell;
  vertical-align: middle;
}
.l-content .h3_case .txt {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}




/* txt_blue */
.l-content .txt_blue{
  color: #001d50;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

/* notes */
.l-content .notes li {
  text-indent: -0.5em;
  margin-left: 0.5em;
  margin-bottom: 5px;
}

/* contactBtn */
.l-content .contactBtn a{
  background: url(/maker/misumi/mech/product/combe/img/ico_arrow_b.png) no-repeat 11px center;
}


/* -----------------------------
contents
----------------------------- */
/* gNavi */
.l-content .gNavi {
	width: 950px;
  padding-bottom: 10px;
  background: #FFF;
}
.l-content .gNavi ul {
	background-color: #001d50;
}
.l-content .gNavi ul:first-child {
	border-bottom: 1px solid #4d618b;
}
.l-content .gNavi ul li {
	float: left;
	text-align: center;
	font-size: 13px;
  font-weight: bold;
  background: #FFF;
  border-left: 1px solid #4d618b;
}
.l-content .gNavi ul li:first-child {
	border-left: none;
}
.l-content .gNavi ul li a {
	width: 237px;
	height: 45px;
  display: block;
	text-decoration: none;
  color: #FFF;
  background: url(/maker/misumi/mech/product/combe/img/ico_arrow_b.png) no-repeat 18px center #001d50;
}
.l-content .gNavi ul li:first-child a {
	width: 236px;
}
.l-content .gNavi ul li a span {
  display: table-cell;
  vertical-align: middle;
  width: 237px;
  height: 45px;
}
.l-content .gNavi ul li:first-child a span {
	width: 236px;
}


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


/* leadTxt */
.l-content .leadTxt {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}
/* infoArea */
.l-content .infoArea {
  border: 1px solid #b9b9b9;
  margin: 0 auto 40px;
  padding: 13px 0;
}
.l-content .infoArea .infoBox {
  width: 900px;
  margin: 0 auto;
  padding-top: 2px;
}
.l-content .infoArea .infoBox  span {
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
}
.l-content .infoArea .infoBox a {
  text-decoration: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURf///wBLsfopxqoAAAAQSURBVAjXY2hicGHQYBAAAAVyAP9shByYAAAAAElFTkSuQmCC) no-repeat 0 center;
  padding-left: 15px;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
}

/* -----------------------------
パレット搬送モジュールとは
----------------------------- */
/* moduleBox */
.l-content .moduleBox .video {
  margin-left: 50px;
}

.l-content .moduleBox .video_txt {
  width: 412px;
  float: left;
  margin: 0 0 0 10px;
}
.l-content .moduleBox .video_img {
  float: left;
}


/* -----------------------------
搬送ラインでこんなお悩みごとありませんか？
----------------------------- */
/* worryMainTxt */
.l-content .worryMainTxt {
  position: relative;
  width: 440px;
  margin: 0 0 50px 94px;
}
.l-content .worryMainTxt:after{
  position: absolute;
  content: "";
  top: 0;
  left: 440px;
  width: 193px;
  height: 156px;
  background: url(/maker/misumi/mech/product/combe/img/bg_worry_main.png) no-repeat 0 0;
}
.l-content .worryMainTxt li {
  background: #FFF;
  padding: 5px ;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  border-radius: 5px;
}
.l-content .worryMainTxt li:first-child {
  margin-top: 0;
}
.l-content .worryMainTxt li em {
  font-size: 22px;
}


/* caseBox */
.l-content .caseBox {
  padding: 0 13px;
}
.l-content .caseBox .inner {
  display: table;
  margin-bottom: 50px;
}
.l-content .caseBox .inner .worry {
  width: 408px;
  display: table-cell;
  vertical-align: top;
}
.l-content .caseBox .inner .worry dt {
  clear: both;
  float: left;
  width: 76px;
  background: #dd0000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0 1px;
  color: #FFF;
  margin-top: 3px;
}
.l-content .caseBox .inner .worry dd {
  padding-left: 95px;
  font-weight: bold;
  font-size: 24px;
}
.l-content .caseBox .inner .worryTxt {
  display: table-cell;
  border: 1px solid #001d50;
  border-radius: 10px;
  padding: 13px 15px;
  box-sizing: border-box;
  width: 314px;
  position: relative;
  font-weight: bold;
  font-size: 15px;
}
.l-content .caseBox .inner .worryTxt:after{
  position: absolute;
  content: "";
  top: 0;
  left: 314px;
  width: 100px;
  height: 92px;
  background: url(/maker/misumi/mech/product/combe/img/bg_worry.png) no-repeat 0 0;
}
.l-content .caseBox .inner .worryTxt li {
  text-indent: -0.7em;
  margin-left: 0.7em;
}
.l-content .caseBox .solution dt {
  clear: both;
  float: left;
  width: 76px;
  background: #004da2;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0 1px;
  color: #FFF;
  margin-top: 3px;
}
.l-content .caseBox .solution dd {
  padding-left: 95px;
  font-weight: bold;
  font-size: 24px;
}
.l-content .caseBox .check {
  margin: 35px 0 25px 15px;
}
.l-content .caseBox .check li {
  margin-bottom: 5px;
  padding-left: 30px;
  font-size: 16px;
  font-weight: bold;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADJUExURf///wtVpuvx+PD1+hRbqVyNxO/0+QBNovn7/f7+/+rw93ykzxleq42v1Xihzu3y+JCy10uBvZGy11iKwtnk8Zm42k+Ev1WIwePr9fX4+6zF4QFOovf5/DFvtFuNw0R8u1aJwdvm8vL2+pq42j14uDVytcLU6Tl1ty9us7vQ5gxVpujv92yYyXujz3qizhJaqfv8/gpUppy625W12AZRpGeVyEF6ui1sskh/vIer0zZztvb5/KK+3avE4JO02KjC34Cm0V2OxH+m0G4047cAAACkSURBVBjTZdDlEsMgDABg2rKlzN23zt3d7f0faiS9WwvwI1w+LIQxYzzeBt0+8NUtdgV46nYCgJdq7lEa3FWMoMFFsSIZnMNWsMgSOT+NYhAjsjIlzD5wR05bsrhAWu9WAAvGHC6pnqFtwyauWzO2xDnpXzfp06m5vZEx9X+0N5XpHktsiaCUztivb9AIF9j10HhF+3NbYk3vmJuFvNnuaikdJD/Jygr9PTwuaQAAAABJRU5ErkJggg==) no-repeat 0 0;
}


/* case1_module */
.l-content .case1_module{
  margin: 10px auto 0;
  position: relative;
}
.l-content .case1_module p{
  position: absolute;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.l-content .case1_module p.txt01{
  top: 41px;
  left: 13px;
}
.l-content .case1_module p.txt02{
  top: 318px;
  left: 13px;;
}
.l-content .case1_module p.txt03{
  top: 664px;
  left: 13px;
}
.l-content .case1_module p.txt04{
  top: 555px;
  left: 120px;
  font-size: 26px;
  text-align: left;
  color: #000;
}



/* case2_module */
.l-content .case2_module{
  border: 1px solid #d4d4d4;
  width: 850px;
  margin: 0 auto;
  padding: 15px 0 35px;
}
.l-content .case2_module .inner{
  display: table;
  width: 840px;
  margin: 0 auto;
  position: relative;
}
.l-content .case2_module .inner:first-child{
  margin-bottom: 54px;
}
.l-content .case2_module .inner:first-child:after{
  position: absolute;
  bottom: -34px;
  left: 327px;
  content: "";
  width: 183px;
  height: 34px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAAiCAMAAAAqG7hdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADnUExURf///5O02O3y+LDI4vz9/hpfq/D1+gBNonegzQlTpfr8/RZcqgFOotzn8n2k0GCQxQdSpTNxtfj6/ER8uwxVpgNPo46w1i1ssqrE4Mzb7MbX6sHU6AJOo/7+/1uNw0qBvShpseHq9Nfj8HGcy5m42h5irWaUx6K+3SFkrhBYqFGGwJu5226ayrfN5T54ubrP5rXL5E+Ev6S/3uXt9ujv92eVyBJaqT14uPP3+8/d7Tp1t/3+/r/S6FmLwvX4+wZRpNPg74Ko0fT3+4Wq04ar09Th74Oo0lqMwzVytTZztlSIwVWIwRheq2RSl7UAAAFiSURBVFjD1dbXcoJgGIThVZBIUewKVuy9d01M7/d/PTnJjBMTo8IH/DwXsLOHL1YV+cpr5MoKgMS9Rzx0OvLBSfjm97165PWbz48fysEA86cDwTJ+4wcFkeHTYmHA4wih01eYPK30OwL+FQo3mXvdDIdwWj6rJhg6nVCzeZzpfhzPMXE6Fx/f4CLGQ8n116VHAybos7mLp+czHWbFMsWkK6eTxUwMlkxTacdfp1NTENAcTS+5ooGKxLWdSa9Iex9NNPy+qO2vo4fRRMPe9Po7mmjwPZvSSyz0eNhKqC6o00tZVAU4IBSuEb6unRVNNMjS65JoorFsWE6vXLyxhAuMZyvpVboz4Bq93jJ1ulXX4S4T6WU9mmhMLkqvdGoCZmjd89JL7mpgi8SNTqXXbkQdTU6kl03RROPpSHoFgrdgGz98OUwv8XrIwwOE6nqfXsramWiiTS8no4nGZqt+qtuNXfNf+PBqwMXOKZsAAAAASUVORK5CYII=) no-repeat 0 0;
}
.l-content .case2_module .inner li{
  display: table-cell;
  vertical-align: top;
}
.l-content .case2_module .inner li .txt{
  text-align: center;
  height: 40px;
  font-weight: bold;
  font-size: 14px;
}
.l-content .case2_module .inner li .txt span{
  padding-top: 10px;
  display: block;
}


/* case3_module */
.l-content .case3_module{
  border: 1px solid #d4d4d4;
  width: 850px;
  margin: 40px auto 0;
  padding: 20px 0 25px;
}
.l-content .case3_module .inner{
  display: table;
  width: 840px;
  margin: 0 auto;
  position: relative;
}
.l-content .case3_module .inner li{
  display: table-cell;
  width: 50%;
  vertical-align: top;
  text-align: center;
}
.l-content .case3_module .inner li .txt{
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}


/* txtBtn */
.l-content .txtBtn{
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  margin-top: 25px;
}

/* btnSize320 */
.l-content .btnSize320{
  width: 320px;
}


/* -----------------------------
デジタルカタログ
----------------------------- */
/* catalogBox */
.l-content .catalogBox li{
  float: left;
  margin-left: 60px;
}
.l-content .catalogBox li:first-child{
  margin-left: 90px;
}


/* -----------------------------
モジュール一覧
----------------------------- */
/* module_listBox */
.l-content .module_listBox{
  letter-spacing: -0.4em;
  margin: 0 -20px 0 25px;
}
.l-content .module_listBox .list{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 440px;
  margin: 0 20px 16px 0;
}
.l-content .module_listBox .list .ttl{
  background: #001d50;
  font-size: 18px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}
.l-content .module_listBox .list .inner{
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  background: #FFF;
  padding: 15px 0 25px;
}
.l-content .module_listBox .list .inner .caption{
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
}
.l-content .module_listBox .list .inner .pointBox{
  width: 415px;
  height: 170px;
  margin: 0 auto;
  display: table;
}
.l-content .module_listBox .list .inner .pointBox .pic{
  display: table-cell;
  vertical-align: top;
  width: 193px;
}
.l-content .module_listBox .list .inner .pointBox .pic img{
  margin-right: 13px;
}
.l-content .module_listBox .list .inner .pointBox .pic.box_hover img {
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .module_listBox .list .inner .pointBox .video{
  display: table-cell;
  vertical-align: top;
  width: 221px;
  text-align: center;
}
.l-content .module_listBox .list .inner .txt{
  width: 380px;
  margin: 0 auto;
}
.l-content .module_listBox .list .inner .txt .point{
  margin: 0 0 15px 10px;
  position: relative;
}
.l-content .module_listBox .list .inner .txt .point dt{
  clear: left;
  float: left;
  width:58px;
  background: #5b7e96;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 2px 0;
  font-size: 14px;
}
.l-content .module_listBox .list .inner .txt .point dd{
  margin: 0 0 6px 75px;
  font-size: 14px;
  padding-top: 5px;
}
.l-content .module_listBox .list .inner .btn{
  width: 215px;
  margin: 0 auto;
}



/* -----------------------------
組み合わせ事例
----------------------------- */
/* case01_Box */
.l-content .case01_Box {
  border: 1px solid #d4d4d4;
  padding: 20px;
  width: 860px;
  margin: 0 auto 20px;
  box-sizing: border-box;
}
.l-content .case01_Box .day {
  border: 1px solid #004da2;
  text-align: center;
  width: 140px;
  padding: 3px 0;
  color: #004da2;
  font-size: 14px;
  font-weight: bold;
  float: right;
  margin-bottom: 10px;
}
.l-content .case01_Box .pic {
  clear: both;
  text-align: center;
  margin: 0 0 10px;
}
.l-content .case01_Box .price {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #dd0000;
  display: inline-block;
  padding: 0 10px 0 5px;
  line-height: 1.2;
}
.l-content .case01_Box .price .num {
  font-size: 38px;
  margin-left: 15px;
}
.l-content .case01_Box .price .yen {
  font-size: 24px;
}


/* -----------------------------
ショールーム
----------------------------- */
/* stepList,pointList */
.l-content .stepList dt,
.l-content .pointList dt{
  float: left;
  width: 90px;
  background: #004da2;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0 1px;
  color: #FFF;
  margin-bottom: 10px;
}
.l-content .stepList dt span,
.l-content .pointList dt span{
  font-size: 18px;
  padding-left: 5px;
}
.l-content .stepList dd,
.l-content .pointList dd{
  font-weight: bold;
}
.l-content .stepList dd{
  padding: 3px 0 0 105px;
  font-size: 16px;
}
.l-content .pointList dd{
  padding: 5px 0 0 105px;
  font-size: 15px;
}
.l-content .pointList dd .notes {
  font-weight:normal;
  font-size: 14px;
}

/* page_ankerBox */
.l-content .page_ankerBox{
  margin-top: 30px;
}
.l-content .page_ankerBox li{
  padding-left: 20px;
}
.l-content .page_ankerBox li a{
  font-size: 14px;
  width: 320px;
}



/* accordionBox */
.l-content .accordionBox{
  margin: 50px auto 0;
}
.l-content .accordionBox .VN_toggleBtn {
  display: block;
  text-align: left;
  background-position: left 0;
  padding: 2px 0 2px 50px;
  font-size: 14px;
  color: #004bb1;
}
.l-content .accordionBox .VN_toggleBtn.on {
  background-position: left -50px;
}
.l-content .accordionBox .VN_toggleBtn:hover {
  text-decoration: none;
}


/* detailTxt */
.l-content .detailTxt {
  padding: 35px 0 0;
  width: 860px;
  margin: 0 auto;
}
.l-content .detailTxt dt{
  color: #001d50;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #001d50;
  padding-bottom: 2px;
  margin-bottom: 20px;
}
.l-content .detailTxt dd {
  margin-bottom: 40px;
  font-size: 14px;
  padding: 0 20px;
}


/* -----------------------------
パレットベース　無料　レンタル
パレットベースカスタマイズ
----------------------------- */
/* listBox */
.l-content .listBox {
  display: table;
  padding: 0 10px;
}
.l-content .listBox .txt01{
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  width: 370px;
}
.l-content .listBox .txt02{
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  width: 340px;
}
.l-content .listBox .pic{
  display: table-cell;
  vertical-align: top;
}
.l-content .listBox .pic li{
  float: left;
  margin-left: 10px;
}


/* -----------------------------
よくあるご質問
----------------------------- */
/* qaBox */
.l-content .qaBox{
  margin: 0 15px;
}
.l-content .qaBox .qBox{
  margin-bottom: 10px;
  font-weight: bold;
}
.l-content .qaBox .qBox .q{
  display: table-cell;
  vertical-align: top;
  width: 33px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQBAMAAADUulMJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURQAAAAFpxgFpxgFpxgFpxgFpxgFpxgFpxgFpxgFpxgFpxgFpxgFpxgFpxgFpxgux6dUAAAAOdFJOUwB3Ee6ZzGYiuzNE3aqIElr41wAAAHZJREFUCNdjYGCS6bjFAATJ7969a2JgYANS754qMNS9i2SSe+fA4PdagYHx3XMGu2dANfseMgCZDAx+bxjePQDSci8Q9EsGBgW/JyAlLOFAxXKPJxQ/fmfEwPrOcOG7dwIMTHEggxMYGBTt3j09BzKMc5UCixEApwQzFeI1JzsAAAAASUVORK5CYII=) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .qaBox .qBox .txt{
  font-size: 14px;
  display: table-cell;
  vertical-align: top;
}
.l-content .qaBox .aBox{
  border-bottom: 1px dotted #898989;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.l-content .qaBox .aBox .a{
  display: table-cell;
  vertical-align: top;
  width: 33px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAA1ElEQVQokY2SgRHCIAxFfzwXcAUcgY7QFbqCM3QVXYERdIWOACPoCPHCBY2h9vrvuCs0Lx8+EDPDqxBFACddLoG5+JrjCiTA3YALgMHXHTo7YDKQKBaisBf0umyC2nnU6WOrmXe0nZMOUShEP7AH7c/kXEdb+AG1YwshBeaXcay70cQ7R9uxOil8W9tRfQDa6WkKZvMdDbAE5sGCEsoV+3SWl9Rejk3TBtIkZ2/nl9oZGYgZYB1ZduBHBiZfI+H4K+jtmGVdgqpTuQEB/aX/0/cfML4B3BJbDTsVJLIAAAAASUVORK5CYII=) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .qaBox .aBox .txt{
  font-size: 14px;
  display: table-cell;
  vertical-align: top;
}