@charset "utf-8";

.l-content .mainVisual {
    width: 950px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: url(/maker/misumi/mold/products/ejectorpin/diecast/img/main.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.l-content .leadTxt {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/*  contents01      
===============================*/

.l-content .Box {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 7px 10px;
    width: 360px;
    height: 115px;
    color: #555;
    background: url(/maker/misumi/mold/products/ejectorpin/diecast/img/contentsBox_bg.png) no-repeat 0 0 #eaf4ff;
}

.l-content .Box:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #eaf4ff;
}

.l-content .Box p {
    margin: 20px 20px;
    padding: 0;
    width: 210px;
}
.l-content .section01 {
    overflow: hidden;
    height: 150px;
    margin: 0 auto;
    width: 780px;
}

.l-content .section02 {
    width: 950px;
    height: 151px;
    background: url(/maker/misumi/mold/products/ejectorpin/diecast/img/contents_img02_v230330.png) no-repeat 0 0;
}

.l-content .section03 {
    background: #fff3c1;
    padding: 10px 30px 20px;
}
.l-content .section03 .whiteArea {
    background: #fff;
    padding: 20px;
    overflow: hidden;
}
.l-content .section03 .center {
    margin: 0 auto;
    width: 680px;
}
.l-content .section03 p.title {
    text-align: center;
    font-size: 17px;
}
.l-content .section03 p.left {
    float: left;
    width: 300px;
    background: url(/maker/misumi/mold/products/ejectorpin/diecast/img/check.png) no-repeat 0 0;
    padding: 0 0 0 30px;
}
.l-content .section03 p.right {
    float: left;
    width: 320px;
    background: url(/maker/misumi/mold/products/ejectorpin/diecast/img/check.png) no-repeat 0 0;
    padding: 2px 0 0 30px;
}


/*  contents03      
===============================*/

.l-content .itemList{
  margin: 0 auto;
  width:850px;
}
.l-content .itemList .item {
  padding:20px 15px;
  float: left;
  border: 1px solid #bfbfbf;
  width: 368px;
  text-align:center;
}
.l-content .itemList .item:first-child {
  margin-right:50px;
}
.l-content .itemList .item .name {
  color: #004bb1;
  font-size: 15px;
  font-weight: bold;
}
.l-content .itemList .item .name {
  color: #004bb1;
  font-size: 15px;
  font-weight: bold;
}
.l-content .itemList .item .price {
    margin: 0 auto;
    display: inline-block;
    font-size: 13px;
    text-align: left;
}
.l-content .itemList .item .price span {
  font-size:18px;
  font-weight: bold;
}
.l-content .itemList .item .btn {
  margin: 0 auto;
}
.l-content .itemList .item.box_hover {
	cursor: pointer;
}
.l-content .itemList .item.box_hover .pic {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
.l-content .itemList .item.box_hover .name {
	color: #ff730a;
}
.l-content .itemList .item.box_hover .btn {
  opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}



/*  contents04      
===============================*/
.l-content .contents04 {
    overflow: hidden;
    margin-top: 30px;
}
.l-content .contents04 h2.m-asideSubBox__ttl {
    text-align: center;
    font-size: 16px;
}
.l-content .contents04 span {
    font-size: 28px;
}
.l-content .contents04 .m-cols__wrap {
    margin-left: 0px;
}
.l-content .contents04 .m-asideSubBox__main {
    padding: 15px 30px 5px 30px;
}