/* CSS Document */

h2{
  width: 540px;
  height: 18px;
  color: orange;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
  border-style: solid;
  border-width: 0px 0px 1px 8px;
  padding: 2px 5px 0px 5px;
  margin: 10px 0px 0px 0px;
}
#h2{
  color: orange;
  font-size: 12px;
  text-align: right;
  margin: -18px 10px 0px 0px;
}

/*--------b_bnn--------*/
#b_bnn{
  width: 560px;
  margin: 10px auto 10px auto;
}

#b_bnn_clean{
  height: 42px;
  color: #666666;
  font-size: 12px;
  background-image: url(../img/banner/b_bnn_clean.jpg);
  background-repeat: no-repeat;
  background-position: 5px 0px;
}
#b_bnn_mat{
  height: 42px;
  color: #666666;
  font-size: 12px;
  background-image: url(../img/banner/b_bnn_mat.jpg);
  background-repeat: no-repeat;
  background-position: 5px 0px;
}
#b_bnn_eco{
  height: 42px;
  color: #666666;
  font-size: 12px;
  background-image: url(../img/banner/b_bnn_eco.jpg);
  background-repeat: no-repeat;
  background-position: 5px 0px;
}
#b_bnn_shop{
  height: 42px;
  color: #666666;
  font-size: 12px;
  background-image: url(../img/banner/b_bnn_shop.jpg);
  background-repeat: no-repeat;
  background-position: 5px 0px;
}

/*--------list_wrapper--------*/
.list_wrapper{
  clear: both;
  width: 560px;
  border-style: dashed;
  border-color: siler;
  border-width: 0px 0px 1px 0px;
  margin: 10px auto 20px auto;
}

.list_wrapper .left{
  float: left;
  width: 130px;
}
.list_wrapper .left img{
  border: 0px;
  margin: 0px 0px 2px 0px;
}
.list_wrapper .right{
  float: right;
  width: 420px;
  margin: 0px 0px 0px 0px;
}
.list_wrapper .right dl{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.list_wrapper .right dt{
  color: #333333;
  font-weight: bold;
  letter-spacing: 1px;
  border-style: solid;
  border-color: silver;
  border-width: 0px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
}

.list_wrapper .right dt a{text-decoration: none;}
.list_wrapper .right dt a:link,a:visited{color: #666666;}
.list_wrapper .right dt a:hover,a:active{color: #ff9900;}

.list_wrapper .right dd{
  color: #666666;
  line-height: 130%;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 2px 0px;
}
.link_syosai{
  text-align: right;
  padding: 5px 20px 0px 0px;
}

/*--------new--------*/
#new{
  clear: both;
  width: 580px;
  background-image: url(../img/base/bg02.gif);
  margin: 0px auto 0px auto;
}

#new_t_mat{
  background-image: url(../img/base/bg_mat.gif);
  background-repeat: no-repeat;
  padding: 15px 0px 10px 15px;
}

/*--------new_kiji--------*/
.kiji{
  clear: both;
  font-size: small;
  line-height: 140%;
  margin: 0px 0px 20px 0px;
}
.kiji_title_l{
  float: none;
}
.kiji_title_s{
  float: left;
  width: 380px;
}
.kiji_title_ss{
  float: left;
  width: 360px;
}

.kiji_title_l div,.kiji_title_s div{
  margin: 10px 0px 0px 0px;
}

.kiji .l img{
  margin: 0px 20px 0px 0px;
}
.kiji .r img{
  margin: 0px 0px 0px 10px;
}

#new .strong{
  font-size: medium;
  font-weight: bold;
}

/*--------info--------*/
#info{
  clear: both;
  width: 580px;
  margin: 10px auto 10px auto;
}

#info div{
  clear: both;
  font-size: small;
  line-height: 140%;
  margin: 10px 0px 10px 0px;
}

#info div img{
  display: inline;
  margin-bottom: 6px;
}
#info div div{
  clear: none;
  margin: 0px 1px 0px 120px;
  padding: 0px 0px 0px 0px;
}


/*--------img--------*/
.img_l{
  float: left;
  padding: 0px 20px 15px 0px;
}
.img_r{
  float: right;
  margin: 0px 0px 15px 20px;
}



/*--------s_gun--------*/
.s_gun_e{
  font-size: small;
  color: #0eb48d;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  background-image: url(../img/banner/b_bnn_eco2.jpg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.s_gun_c{
  font-size: small;
  color: #4295d1;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  background-image: url(../img/banner/b_bnn_clean2.jpg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.s_gun_f{
  font-size: small;
  color: #f2717a;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  background-image: url(../img/banner/b_bnn_shop2.jpg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.s_gun_m{
  font-size: small;
  color: #f7941e;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  background-image: url(../img/banner/b_bnn_mat2.jpg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
}


/*--------link_c--------*/
#link_c{
  font-size: 12px;
  line-height: 160%;
  margin: 0px 0px 0px 200px;
}

/*--------list--------*/
#list {
  width: 560px;
  font-size: small;
  line-height: 130%;
  margin: 5px auto 10px auto;
  padding: 0px;
}


/*--------bunrui--------*/
#bunrui{
  border-style: solid;
  border-color: silver;
  border-width: 0px 0px 1px 0px;
}

#bunrui span{
  font-size: 12px;
  letter-spacing: normal;
  border-style: solid;
  border-color: silver;
  border-width: 1px 1px 0px 0px;
  background-image: url(../img/icon/yajirusi1.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding: 1px 4px 1px 7px;
}

#bunrui span a{text-decoration: none;}
#bunrui span a:link,a:visited{color: #666666;}
#bunrui span a:hover,a:active{color: #ff9900;}

.sample{
  float: left;
  margin: 0px 5px 2px 0px;
}