@charset "UTF-8";

/*-------------------------------------

// toppage
#p{
�@ font-size:75%;
�@ color:#99999;
}
-------------------------------------*/


/*mainSection
--------------------------------*/
#mainSection{
  height:570px;
  background:url(../images/bg-mainsection.jpg) no-repeat;
  position:relative;
}

  #mainSection p,
  #mainSection img{
    position:absolute;
}

  #mainSection .word01{
    width:518px;
    height:138px;
    background:url(../images/word-mainsection-01.jpg);
    text-indent:-9999px;
    top:21px;
    left:12px;
  }
  #mainSection .word02{
    width:378px;
    height:34px;
    background:url(../images/word-mainsection-02.jpg);
    text-indent:-9999px;
    top:165px;
    left:20px;
  }
  #mainSection .img01{
    top:199px;
    left:19px;
  }
  #mainSection .img02{
    top:199px;
    left:135px;
  }
  #mainSection .word03{
    width:385px;
    height:74px;
    background:url(../images/word-mainsection-03.gif);
    text-indent:-9999px;
    top:270px;
    left:16px;
  }
  #mainSection .word04{
    width:434px;
    height:66px;
    background:url(../images/word-mainsection-04.gif);
    text-indent:-9999px;
    top:357px;
    left:18px;
  }
  #mainSection .img03{
    top:428px;
    left:18px;
  }
  #mainSection .word06{
    width:263px;
    top:500px;
    left:359px;
    font-size:63%;
  }
  #mainSection a.btn01{
    display:block;
    width:164px;
    height:44px;
    background:url(../images/btn-color-01.gif);
    text-indent:-9999px;
    position:absolute;
    top:427px;
    left:638px;
  }
  #mainSection a:hover.btn01{
    background-position:0 -44px;
  }
  #mainSection a.btn02{
    position:absolute;
    top:476px;
    left:350px;
  }

/*menuSection
--------------------------------*/
#menuSection{
  position:relative;
  height:367px;
  background:url(../images/bg-menusection.gif) no-repeat;
}

  #menuSection div{
    position:absolute;
  }
    #menuSection div p{
      position:absolute;
      font-size:75%;
    }
      #menuSection div p a{
        color:#393939;
        text-decoration:none;
      }
      #menuSection div p a:hover{
        color:#007eef;
      }

  #menuSection .skincare{
    width:270px;
    height:342px;
    top:25px;
    left:0px;
  }
  #menuSection .skincare a img{
    position:absolute;
    z-index:50;
  }
  #menuSection .skincare p{
      width:240px;
      top:246px;
      left:20px;
      z-index:100;
    }
    #menuSection .skincare object#FlashID{
      position:absolute;
      width:210px;
      height:171px;
      top:66px;
      left:38px;
      z-index:1;
    }

#menuSection .kuchikomi{
    width:263px;
    height:228px;
    top:33px;
    left:277px;
  }
    #menuSection .kuchikomi p{
      width:138px;
      top:107px;
      left:115px;
    }
  #menuSection .basecolor{
    width:263px;
    height:207px;
    top:54px;
    left:550px;
  }
    #menuSection .basecolor p{
      width:153px;
      top:86px;
      left:102px;
    }
  #menuSection .coverpower{
    width:263px;
    height:84px;
    top:271px;
    left:277px;
  }
  #menuSection .qanda{
    width:263px;
    height:84px;
    top:271px;
    left:551px;
  }

#notes{
  padding:10px 14px;
}
  #notes p{
    font-size:63%;
    line-height:1.3;
  }

/*tokutenSection
-------------------------------------*/
#tokutenSection{
  margin:0 -3px 10px -2px;
}
  #tokutenSection ol{
    height:161px;
    background:url(../images/bg-tokutensection.gif) no-repeat;
    position:relative;
  }
    #tokutenSection ol li{
      position:absolute;
      line-height:1;
    }
    #tokutenSection ol li.tokuten1{top:0; left:8px;}
    #tokutenSection ol li.tokuten2{top:0; left:203px;}
    #tokutenSection ol li.tokuten3{top:0; left:399px;}
    #tokutenSection ol li.tokuten4{top:0; left:654px;}