@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
  vertical-align: bottom;
}


/* section */
.l-content .section {
  margin-bottom: 50px;
}
.l-content .section .sectionInner {
  margin-bottom: 50px;
}


/* section */
.l-content .section.secNew,
.l-content .section.secNew{
  background:#f5f5f5;
  padding:0 0 30px;
}
.l-content .section.secNew .sectionInner {
  background:#FFF;
  border:1px solid #d2d2d2;
  padding:20px;
  margin:26px 20px 0;
}
.l-content .section.secNew .sectionInner:first-child {
  margin-top:0;
}


/* ttl */
.l-content .m-h2 {
  margin-bottom:30px;
}
.l-content .h2Ttl {
  color:#FFF;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  line-height:1.2;
  background: url(/maker/daido_metal/mech/products/bushing/img/bg_ttl_left.png) no-repeat left bottom #0081ba;
  min-height:50px;
}
.l-content .h2Ttl span {
  display:block;
  padding:13px 0;
  background: url(/maker/daido_metal/mech/products/bushing/img/bg_ttl_right.png) no-repeat right top;
  
}
.l-content .h3Box {
  background:#effcff;
  padding:12px 0;
  position:relative;
  border-top:1px solid #0081ba;
  border-bottom:1px solid #0081ba;
  margin-bottom:30px;
}
.l-content .h3Box .h3Ttl {
  color:#0081ba;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  line-height:1.2;
}
.l-content .h3Box .h3Ttl span {
  font-size:20px;
  display:block;
}
.l-content .h3Box .caption {
  color:#dd0000;
  position:absolute;
  top:20px;
  right:20px;
  font-size:12px;
}
.l-content .h4Ttl {
  font-size:14px;
  font-weight:bold;
  padding:5px;
  margin:0 0 10px;
  border-bottom:1px solid #0081ba;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* main */
.l-content .mainVisual {
  width: 950px;
  height:190px;
  margin-bottom: 25px;
  padding: 0;
  border: none;
  background: url(/maker/daido_metal/mech/products/bushing/img/main.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


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



/* ------------------------------------------------------
新商品
------------------------------------------------------ */
/* boxBlock */
.l-content .boxBlock .videoBox {
  width:330px;
  margin-left:25px;
  float:left;
}
.l-content .boxBlock .videoBox .name {
  margin-left:20px;
}
.l-content .boxBlock .videoBox .spec {
  margin-left:20px;
  border:1px solid #333333;
  padding:5px 10px;
  width:218px;
  margin-bottom:10px;
}
.l-content .boxBlock .videoBox .size {
  margin-left:20px;
  border:1px solid #333333;
  padding:5px 10px;
  text-align:center;
  margin-bottom:10px;
  display:inline-block;
  float:left;
}
.l-content .boxBlock .videoBox .day {
  margin-right:70px;
  background:#4d96d7;
  color:#FFF;
  font-size:10px;
  padding:3px 5px;
  display:inline-block;
  float:right;
}
.l-content .boxBlock .videoBox .youtube {
  clear:both;
  padding-top:25px;
   margin-bottom:15px;
}
.l-content .boxBlock .txtBox {
  width:500px;
  float:left;
}
.l-content .boxBlock .txtBox .list {
  margin-bottom:20px;
}
.l-content .boxBlock .txtBox .list li {
  float:left;
}
.l-content .boxBlock .txtBox .list li:first-child {
  margin-right:38px;
}
.l-content .boxBlock .txtBox .btn {
  width:300px;
  margin-bottom:15px;
}



/* ------------------------------------------------------
関連商品
------------------------------------------------------ */
/* itemBox */
.l-content .itemBox{
  margin: 0 -10px 65px 15px;
  letter-spacing: -0.4em;
}
.l-content .itemBox .itemList{
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
 /display: inline;
 /zoom: 1;
  vertical-align: top;
  margin: 0 10px 0 0;
  width:174px;
  border:1px solid #c1c1c1;
  background:#FFF;
}
.l-content .itemBox .itemList .item{
  width:140px;
  margin:0 auto;
  padding:22px 0;
}
.l-content .itemBox .itemList .item .pic{
  text-align:center;
  margin-bottom:20px;
}

.l-content .itemBox .itemList .item .name{
  font-weight:bold;
  height:55px;
  font-size:14px;
  color:#004bb1;
}
.l-content .itemBox .itemList.box_hover {
  cursor: pointer;
}
.l-content .itemBox .itemList.box_hover .pic img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .itemBox .itemList.box_hover .name {
  color:#ff730a;
}


/* ------------------------------------------------------
サーマロイ無給油式軸受ユニット
------------------------------------------------------ */
/* aboutBlock */
.l-content .aboutBlock {
  background:#FFF;
  padding:20px;
  margin:20px 20px 0;
}
.l-content .aboutBlock .aboutBox dt {
  font-weight:bold;
  font-size:14px;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:1px solid #333;
}
.l-content .aboutBlock .aboutBox dd {
  padding:0 15px;
}


/* boxBlock */
.l-content .boxBlock .speialBox {
  width:450px;
  margin-left:20px;
  float:left;
}
.l-content .boxBlock .imgBox {
  width:325px;
  margin-left:54px;
  float:left;
}


/* unitBox */
.l-content .unitBox{
  margin: 20px 0 10px;
  letter-spacing: -0.4em;
  border-top:1px solid #cccccc;
}
.l-content .unitBox .unitList{
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
 /display: inline;
 /zoom: 1;
  vertical-align: top;
  margin: 20px 0 0;
  width:288px;
  border-left:1px dotted #000;
  background:#FFF;
}
.l-content .unitBox .unitList:first-child{
  border-left:0;
}
.l-content .unitBox .unitList .item{
  width:200px;
  margin:0 auto;
  padding:15px 0;
  text-align:center;
}
.l-content .unitBox .unitList .item .pic{
  margin-bottom:10px;
}
.l-content .unitBox .unitList .item .name{
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
}
.l-content .unitBox .unitList .item .spec{
  margin-bottom:10px;
}
.l-content .unitBox .unitList .item .btn{
  padding:0 25px;
}
.l-content .unitBox .unitList.box_hover {
  cursor: pointer;
}
.l-content .unitBox .unitList.box_hover .pic img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}


/* ------------------------------------------------------
関連カテゴリ
------------------------------------------------------ */
/* categoryBox */
.l-content .categoryBox{
  margin: 0 -10px 0 15px;
  letter-spacing: -0.4em;
}
.l-content .categoryBox li{
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
 /display: inline;
 /zoom: 1;
  vertical-align: top;
  margin: 0 10px 0 0;
  width:298px;
  border:1px solid #c1c1c1;
  background:#FFF;
}
.l-content .categoryBox li a{
  display:block;
  padding:20px 0 25px;
  text-align:center;
  text-decoration:none;
}
.l-content .categoryBox li a span{
  display:block;
  min-height:46px;
  font-weight:bold;
  font-size:14px;
}