p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{
  margin: 0px;
  padding: 0px;
  color: #5f0010;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.1;
  font-family: "MS UI Gothic";
}
ul{
  list-style-type: none;
}
img{
  margin: 0px;
  padding: 0px;
  border: none;
}
strong{
  font-weight: normal;
}


body{
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #fae6e7;
}
/*---大枠---*/
#main{
  margin: 0px auto 0px auto;
  width: 820px;
  text-align: left;
}
#header{
  position: relative;
  width: 820px;
  height: 135px;
  background: url(img/header_back.gif);
}
/*---ロゴID---*/
h1{
  position: absolute; top: 20px; left: 10px;
  width: 145px;
  height: 54px;
  text-indent: -9999px;
  background: url(img/id.jpg);
}

ul#g_navi{
  margin: 25px 0 0 470px;
}
ul#g_navi li{
  margin-right: 30px;
  padding: 0 0 0 6px;
  background: url(img/arrow.gif) no-repeat 0px 5px;  
  float: left;
}
ul#g_navi li.end{
  margin-right: 0px;
}


#contents{
  clear: left;
  padding: 0px 10px 0px 10px;
  width: 800px;
  background: url(img/contents_back.gif) repeat-y;
}

.hide{
  color: #ffffff;
}

/*---カートを見る---*/
p#btn_cart{
  position: absolute; top: 120px; left: 741px;
}

p#mainimg{
  padding-top: 20px;
  width: 800px;
  height: 180px;
}

/*---メインナビ---*/
ul#navi{
  margin: 20px 0px 20px 0px;
  padding-left: 75px;
  width: 725px;
  background: url(img/navibase.gif);
}
ul#navi li{
  display: inline;
  margin-left: 5px;
  width: 140px;
  height: 60px;
  text-indent: -9999px;
  background: url(img/navibase.gif);
  background-position: -80px -120px;
  float: left;
}
ul#navi li#navi_products{
  background-position: -225px -120px;
}
ul#navi li#navi_skincare{
  background-position: -370px -120px;
}
ul#navi li#navi_oteire{
  background-position: -515px -120px;
}
ul#navi li#navi_news{
  background-position: -660px -120px;
}




ul#navi li a{
  display: block;
  width: 140px;
  height: 60px;
  text-decoration: none;
  background: url(img/navibase.gif);
  background-position: -80px 0px;
}
ul#navi li a:hover{
  background-position: -80px -60px;
}

ul#navi li#navi_products a{
  background-position: -225px 0px;
}
ul#navi li#navi_products a:hover{
  background-position: -225px -60px;
}
ul#navi li#navi_skincare a{
  background-position: -370px 0px;
}
ul#navi li#navi_skincare a:hover{
  background-position: -370px -60px;
}
ul#navi li#navi_oteire a{
  background-position: -515px 0px;
}
ul#navi li#navi_oteire a:hover{
  background-position: -515px -60px;
}
ul#navi li#navi_news a{
  margin-right: 0px;
  background-position: -660px 0px;
}
ul#navi li#navi_news a:hover{
  background-position: -660px -60px;
}


h3{
  margin-top: 10px;
}
.concept_back{
  width: 800px;
  background: #faf7f7;
}
.concept_back h4,
.concept_back p{
  padding: 10px;
  line-height: 1.8;
}
.concept_back ul li{
  margin: 10px 0px 15px 20px;
}


p.pagetop{
  padding: 10px 10px 10px 0px;
  font-size: 8px;
  text-align: right;
}



img.imgleft{
  float: left;
}



/*---お手入れ方法---*/
.oteirezone{
  margin: 10px;
  padding-bottom: 30px;
  width: 780px;
  background: #ffffff;
}
/*---製品テーブル---*/
table.oteiretable{
  width: 620px;
  font-size: 12px;
  color: #5f0010;
  background: f9f9f9;
  border-collapse: collapse;
  border: none;
}
table.oteiretable td{
  padding: 10px 5px 0px 5px;
  text-align: center;
  vertical-align: top;
}
img.pad40{
  margin-bottom: 10px;
}

#special_1,
#special_2,
#special_3,
#special_4,
#special_5,
#special_6,
#special_7,
#special_8,
#special_9,
#special_10,
#special_11,
#special_12{
  cursor: pointer;
}


#tooltip1,
#tooltip2,
#tooltip3,
#tooltip4,
#tooltip5,
#tooltip6,
#tooltip7,
#tooltip8,
#tooltip9,
#tooltip10,
#tooltip11,
#tooltip12{
  color: #fff;
  width: 400px;
  padding: 5px;
  overflow: hidden;
  filter: alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
  background: #ffffff;
  border: solid 1px #5f0010;
}
h5{
  margin: 0px 0px 10px 0px;
  padding: 5px;
  width: 390px;
  color: #ffffff;
  font-weight: bold;
  background: #5f0010;
}









#footer{
  width: 820px;
  height: 40px;
  text-decoration: none;
  background: url(img/footer.gif);
}
#footer p{
  padding: 10px 0px 0px 10px;
  font-size: 12px;
}
#footer p.hidden{
  padding: 0px;
  font-size: 10px;
  text-indent: -9999px;
}


p#abs{
  position: absolute; top: 20px; left: 10px;
  text-indent: -9999px;
}
p#abs a{
  display: block;
  width: 145px;
  height: 54px;
  text-decoration: none;
}






.clearfix:after{
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  display: inline-block;
}
/~ Hides from IE-mac \~/
~html.clearfix { height: 1%;}
.clearfix { display: block;}
/~ End Hides from IE-mac \~/