/* 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;
}

/*--------link_tl--------*/
#link_tl{
  font-size: 12px;
  text-align: left;
  margin: 5px 10px 5px 10px;
}

/*--------main_syosai--------*/
#main_syosai{
  width: 580px;
  margin: 20px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

/*--------header_s--------*/
#header_s_clean{
  width: 580px;
  background-image: url(../img/icon/ico_clean.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#header_s_clean h2{
  color: #5e89bb;
  font-size: 12px;
  font-weight: normal;
  border-width: 0px 0px 0px 0px;
  margin: 0px 0px 0px 60px;
  padding: 0px 0px 0px 10px;
}
#header_s_clean h3{
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  border-style: solid;
  border-color: #5e89bb;
  border-width: 0px 0px 1px 0px;
  margin: 0px 0px 0px 60px;
  padding: 0px 0px 2px 10px;
}

#header_s_eco{
  width: 580px;
  background-image: url(../img/icon/ico_eco.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#header_s_eco h2{
  color: #57a782;
  font-size: 12px;
  font-weight: normal;
  border-width: 0px 0px 0px 0px;
  margin: 0px 0px 0px 60px;
  padding: 0px 0px 0px 10px;
}
#header_s_eco h3{
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  border-style: solid;
  border-color: #57a782;
  border-width: 0px 0px 1px 0px;
  margin: 0px 0px 0px 60px;
  padding: 0px 0px 2px 10px;
}
#header_s_mat{
  width: 580px;
  background-image: url(../img/icon/ico_mat.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#header_s_mat h2{
  color: #d38936;
  font-size: 12px;
  font-weight: normal;
  border-width: 0px 0px 0px 0px;
  margin: 0px 0px 0px 60px;
  padding: 0px 0px 0px 10px;
}
#header_s_mat h3{
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  border-style: solid;
  border-color: #d38936;
  border-width: 0px 0px 1px 0px;
  margin: 0px 0px 0px 60px;
  padding: 0px 0px 2px 10px;
}

/*--------coment--------*/
.coment{
  width: 550px;
  color: #333333;
  font-size: small;
  line-height: 160%;
  margin: 20px auto 10px auto;
}

/*--------link_com--------*/
.link_com{
  text-align: center;
  margin: 10px 0px 20px 0px;
}

/*--------icon2--------*/
#icon2{
  clear: both;
  text-align: right;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
#icon2 img{
  border-width: 0px;
  margin: 0px 2px px 0px;
}
#icon2 div{
  float: right;
}

.on{display: block;}
.off{display: none;}


/*--------icon_m--------*/
#icon_m{
  width: 600px;
  clear: both;
  height: auto;
  margin: 2px 2px 0px 0px;
  padding: 2px 0px 0px 0px;
}
#icon_m .l{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
}
#icon_m img{
  border-width: 0px;
}
#icon_m .clean{
  float: left;
  width: 80px;
  height: 45px;
  text-align: center;
  background-color: #4295d1;
  margin: 0px 5px 0px 5px;
  padding: 5px 0px 0px 0px;
}
#icon_m .eco{
  float: left;
  width: 80px;
  height: 45px;
  text-align: center;
  background-color: #0eb48d;
  margin: 0px 5px 0px 5px;
  padding: 5px 0px 0px 0px;
}
#icon_m .shop{
  float: left;
  width: 80px;
  height: 45px;
  text-align: center;
  background-color: #f2717a;
  margin: 0px 5px 0px 5px;
  padding: 5px 0px 0px 0px;
}
#icon_m .mat{
  float: left;
  width: 80px;
  height: 45px;
  text-align: center;
  background-color: #f7941e;
  margin: 0px 5px 0px 5px;
  padding: 5px 0px 0px 0px;
}