@charset "euc-jp";

/*
------------------------------------
noni21
基本スタイルシート

author：japanad
updated：2009.09.16
------------------------------------
*/

/* @kuro */

#MainLeftBox #kuroTit {display:block; background:url(../img/kuro_h1.gif) no-repeat left top; width:593px; height:54px; text-indent:-8888px; margin-bottom: 10px;}

#MainLeftBox #kuroCth {display:block; background:url(../img/kuro_title.jpg) no-repeat left top; width:593px; height:135px; text-indent:-8888px;}

#MainLeftBox #kuroCth2 {display:block; background:url(../img/kuro_txt01.jpg) no-repeat left top; width:298px; height:125px; text-indent:-8888px;}

#MainLeftBox .kuroCont {background:url(../img/kuro_bg.jpg) repeat-y left top;}

#MainLeftBox .kuroCont .kuro_titleBox {position: relative; margin: 0; padding: 0;}

#MainLeftBox .kuroCont .kuro_titleBox img.product01 {position:absolute; top:110px; left:280px; z-index: 1;}

#MainLeftBox .kuroCont .kuro_titleBox img.product02 {position:absolute; top:360px; left:320px; z-index: 2;}

#MainContainer #MainLeftBox .kuroCont p {margin:0; padding:0;}

#MainContainer #MainLeftBox .kuroCont p.kuro_topText {margin:0 0 20px 30px; padding:0; font-size: 12px;}

#MainContainer #MainLeftBox .kuroCont p.kuro_lkBtn01 {margin-left: 25px;}

#MainContainer #MainLeftBox .kuroCont h3.kuro_title02 {clear: both; height:45px; margin:50px 0 0 0; text-indent:-8888em; background:url(../img/kuro_idx01.jpg) no-repeat 20px 0;}

#MainContainer #MainLeftBox .kuroCont ul.kuro_conBox01 {color: #650934; display: block; width: 523px; margin-left: 20px; padding: 20px 10px 20px 20px; margin-bottom: 30px; background:url(../img/kuro_img05.png) no-repeat right bottom; background-color: #fff;}
*html #MainContainer #MainLeftBox .kuroCont ul.kuro_conBox01 {color: #650934; display: block; width: 493px; margin-left: 20px padding: 20px 10px 20px 20px; margin-bottom: 30px; background:url(../img/kuro_img05.png) no-repeat right bottom; background-color: #fff;}

#MainContainer #MainLeftBox .kuroCont h3.kuro_title03 {clear: both; height:67px; margin:50px 0 20px 0; text-indent:-8888em; background:url(../img/kuro_idx02.jpg) no-repeat 20px 0;}

#MainContainer #MainLeftBox .kuroCont p.kuro_textBox {display: block; margin:0 0 20px 50px; padding:0;}

#MainContainer #MainLeftBox .kuroCont ul.miryokuBox li.miryoku01 {color:#202020; padding:25px 0 0 80px; margin:18px 20px 0 20px; background:url(../img/kuro_icon01.png) no-repeat left top;}

#MainContainer #MainLeftBox .kuroCont ul.miryokuBox li.miryoku02 {color:#202020; padding:25px 0 0 80px; margin:18px 20px 0 20px; background:url(../img/kuro_icon02.png) no-repeat left top;}

#MainContainer #MainLeftBox .kuroCont ul.miryokuBox li.miryoku03 {color:#202020; padding:25px 0 0 80px; margin:18px 20px 0 20px; background:url(../img/kuro_icon03.png) no-repeat left top;}

#MainContainer #MainLeftBox .kuroCont ul.miryokuBox li.miryoku04 {color:#202020; padding:25px 0 0 80px; margin:18px 20px 0 20px; background:url(../img/kuro_icon04.png) no-repeat left top;}


#MainContainer #MainLeftBox .kuroCont p.kuro_lkBtn02 {display: block; float:right; margin:0; padding:20px;}

.clr{ clear: both; height: 1%; overflow: hidden;}
.s13e{ display: block; font-size:1.3em; font-weight: bold; }
.s09e{ display: block; font-size:0.9em; }
.mrkBox{ display: block; background-color: #fff; padding: 10px; }

/* @end */

/* 醤油追加 */
.wrapp-syouyu{
  position: relative;
background: url("../img/syouyu_bg.png") no-repeat left top;
}
.contentsBoxA.syouyu{
  margin-bottom: 0!important;
}
#MainLeftBox .syouyu_head{
  position: relative;
  top: 60px;
  height: 130px;
  width: 437px;
  margin-left: auto;
  margin-right: auto;
}
.wrapp-syouyu .kuro_titleBox h2{
  position: relative;
  left: 45px;
}
.wrapp-syouyu .syouyuCont .kurozu_content
{
  position: relative;
  height: 454px;
  background: url("../img/kurozu_back_02.png") no-repeat left bottom;
}
.wrapp-syouyu .syouyuCont .kurozu_content .image-box
{
  display: flex;
  margin-left: 45px;
  position: relative;
}
.wrapp-syouyu .syouyuCont .kurozu_content .image-box .img-left{
  position: relative;
  top: 60px;
}
.wrapp-syouyu .syouyuCont .kurozu_content .image-box .img-right{
  position: relative;
  top: 54px;
  right: 54px;
}
.wrapp-syouyu .syouyuCont .kurozu_content .image-box .syouy-btn{
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#MainLeftBox .contentsBoxB{
  background: url("../img/contentsBoxB_back.png") repeat left -10px;
}
.syouyu_hr{
  display: block;
  color: #BE8A2F;
  height: 1px;
  border-top: 15px solid #BE8A2F; 
  margin-top: -1px;
}
#MainLeftBox .contentsBoxB .container{
  width: 544px;
  margin-top: -9px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
}
#MainLeftBox .contentsBoxB .container .inner{
  width: 456px;
  margin: auto;
}
#MainLeftBox .contentsBoxB .container .inner p{
  margin-left: 0!important;
}
#MainLeftBox .contentsBoxB .container .inner h2 {
  text-align: center;
  justify-content: center;
  padding-top: 50px;
  width: 456px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
#MainLeftBox .contentsBoxB .container h2 img{
  display: block;
  margin: auto;
}
#MainLeftBox .contentsBoxB .container h2 small{
  display: block;
  text-align: right;
  font-size: 8px;
}
#MainLeftBox .contentsBoxB .container h3{
  margin-bottom: 15px;
}
#MainLeftBox .contentsBoxB .container h3 img{
  display: block;
  margin: auto;
  width: 160px;
}
#MainLeftBox .contentsBoxB .container .headline-a_inside{
  display: flex;
  column-gap: 20px; 
}
#MainLeftBox .contentsBoxB .container .a_inside-component
{
  margin-bottom: 30px;
}
#MainLeftBox .contentsBoxB .container h3.headline-b{
  position: relative;
  left: -40px;
}
#MainLeftBox .contentsBoxB .container .headline-b_inside{
  display: flex;
  align-items: center;
  column-gap: 20px; 
}
#MainLeftBox .contentsBoxB .container .b_inside-component{
  margin-bottom: 15px;
}
#MainLeftBox .contentsBoxB .container .b_inside-component img{
  margin: auto;
  display: block;
}
#MainLeftBox .contentsBoxB .container .inner .tender{
  position: relative;
  width: 454px;
  margin-bottom: 30px;
}
#MainLeftBox .contentsBoxB .container .inner .tender p{
   position: absolute;
    top: 40px;
    left: 22px;
    width: 260px;
  margin-bottom: 0!important;
}
#MainLeftBox .contentsBoxB .container .inner .detail{
  display: flex;
  column-gap: 20px;
      align-items: flex-start;
  padding-bottom: 30px;
}
#MainLeftBox .contentsBoxB .container .inner .detail h2{
  display: inline-flex;
  text-align: left;
    justify-content: flex-start;
    padding-top: 0;
  padding-bottom: 6px;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid;
  font-size: 16px;
}
#MainLeftBox .contentsBoxB .container .inner .detail h2 img{
  margin-right: 20px;
  margin-left: 4px;
  margin-top: 4px;
}
#MainLeftBox .contentsBoxB .container .inner .detail h2 span{
font-size: 10px;
    border: 1px solid;
    padding: 2px 4px;
  margin-top: -4px;
  margin-right: 8px;
}
#MainLeftBox .contentsBoxB .container .inner .detail dl{
  margin-bottom: 15px;
}
#MainLeftBox .contentsBoxB .container .inner .detail dt{
  float: left;
  font-weight: bold;
  font-size: 12px;
      width: 75px;
}
#MainLeftBox .contentsBoxB .container .inner .detail dt:last-of-type{
margin-top: 4px;
}

#MainLeftBox .contentsBoxB .container .inner .detail dd{
  font-size: 10px;
  width: 320px;
  margin-left: 75px;
  margin-bottom: 2px;
}
#MainLeftBox .contentsBoxB .container .inner .detail dd span{
 border: 1px solid;
    padding: 2px 4px;
  text-align: right;
  display: inline-block;
}
#MainLeftBox .contentsBoxB .container .inner .detail table {
  border-collapse: collapse;
}
#MainLeftBox .contentsBoxB .container .inner .detail table th{
  border: 1px solid;
font-size: 12px;  
  white-space: nowrap;
}
#MainLeftBox .contentsBoxB .container .inner .detail table th span{
  display: block;
  font-weight: normal;
}
#MainLeftBox .contentsBoxB .container .inner .detail table td{
  border: 1px solid;
font-size: 10px  
}
#MainLeftBox .contentsBoxB .container .inner .detail table td span{
  display: inline-flex;
  margin-right: 10px;
}
.order-btn{
  display: block;
}
.order-btn img{
  margin-left: auto;
  margin-top: 40px;
}