@charset "utf-8";
/* CSS Document */
#makeup a:link {text-decoration: none;}
#makeup a:hover img {
 filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
#makeup { position: relative; width: 890px; margin: 0px auto 35px auto; /*text-align: center;*/ }
#makeup h1 { margin-bottom: 25px;}
#makeup .section_1 { margin-bottom: 30px;}
#makeup .powder { position: relative; }
#makeup .powder dl { overflow: hidden; width: 882px; margin: 0 auto;}
#makeup .powder dl img { display: block; z-index: 99; position: relative;}
#makeup .powder dl dt { float: right; display: block; width: 342px; position:relative;}
#makeup .powder dl dt.imgPowder { float: right; display: block; width: 342px; position:relative;}
#makeup .powder dl dt.imgPowder img  {position: absolute; z-index: 999; left: -60px; top: 16px;}
#makeup .powder dl dd { float: left; display: block; width: 540px; position: relative;}
#makeup .powder dl dd a.first {display: block; z-index: 98}
#makeup .powder dl dd a.second {display: block;}
#makeup .powder dl dd a.third {display: block; z-index: 98; width: 340px; margin: 10px 0 15px;}
#makeup .powder dl dd a.first:hover { background: #fef0f5;}
#makeup .powder dl dd a:hover img { opacity: 1!important; filter:alpha(opacity=100)!important; /* For IE8 and earlier */}
#makeup .powder dl dd a.second:hover { background: #fef0f5;}
#makeup .powder dl dd a.third:hover { background: #fef0f5;}

#makeup .powder li { position: absolute; display: block; z-index: 999!important;}
#makeup .powder li.pack { top: 71px; left: 278px; z-index: 2}
#makeup .powder li.refill { top: 185px; left: 278px; z-index: 1;}
#makeup .powder li.free_palette { bottom: 23px; left: 196px;} 
#makeup .powder ul.t_makeup {display: block; background: url(../../img/usr/freepage/products/makeup/section1_1.jpg) no-repeat; width: 554px; height: 227px;}
#makeup .powder ul.t_makeup li {display: block; margin: 0px;}
#makeup .powder ul.t_makeup li a span { visibility: hidden;}
#makeup .powder ul.t_makeup li a:hover {display: block; background: url(../../img/usr/freepage/products/makeup/section1_1_over.jpg) no-repeat; }
#makeup .powder ul.t_makeup li.tw_1 {display: block; height: 118px; overflow: hidden; position: relative}
#makeup .powder ul.t_makeup li.tw_1 a {display: block; height: 118px; overflow: hidden; position: relative}
#makeup .powder ul.t_makeup li.tw_1 a:hover { background-position: 0 0;}
#makeup .powder ul.t_makeup li.tw_2 {display: block; height: 110px; overflow: hidden; position: relative}
#makeup .powder ul.t_makeup li.tw_2 a {display: block; height: 118px; overflow: hidden; position: relative}
#makeup .powder ul.t_makeup li.tw_2 a:hover { background-position: 0px -118px; /background-position: 0px -120px;}

p.free_ {display: block; background: url(../../img/usr/freepage/products/makeup/section1_6.jpg) no-repeat; width: 370px; height: 145px;}
p.free_ a {display: block; width: 370px; height: 145px; text-decoration: none; }
p.free_ a:hover {display: block; background: url(../../img/usr/freepage/products/makeup/section1_6_over.jpg) no-repeat; width: 370px; height: 145px;}
p.free_ a span { text-decoration: none; visibility: hidden;}

#makeup .nail { position: relative; margin: 10px 0 20px 0; } 
#makeup .nail dl { overflow: hidden; width: 880px; margin: 0 auto;}
#makeup .nail dl img { display: block;}
#makeup .nail dl dt { float: left; display: block; width: 410px;}
#makeup .nail dl dd { float: right; display: block; width: 470px;}
#makeup .nail dl dd a:hover img { opacity: 1!important; filter:alpha(opacity=100)!important; /* For IE8 and earlier */}
#makeup .nail dl dd .nail1_ {display: block; background: url(../../img/usr/freepage/products/makeup/section2_2.jpg) no-repeat; width: 464px; height: 177px; padding-bottom: 166px;}
#makeup .nail dl dd .nail1_ a {display: block; width: 464px; height: 177px; z-index: 98; text-decoration: none;}
#makeup .nail dl dd .nail1_ a span { visibility: hidden;}
#makeup .nail dl dd .nail1_ a:hover {background: url(../../img/usr/freepage/products/makeup/section2_2_over.jpg) no-repeat;}
#makeup .nail li { position: absolute; display: block;}
#makeup .nail li.polish {top: 49px; right: 46px; z-index: 2}
#makeup .nail li.topcoat {top: 364px; right: 46px; z-index: 1}
#makeup .nail li.polish_bp {bottom: 119px; right: 25px; z-index: 3}
#makeup .nail li.polish_bt {bottom: 71px; right: 25px; z-index: 4}
#makeup .nail li.polish_oil {bottom: 20px; right: 25px; z-index: 5}
#makeup .nail dl.beautyful_ {display: block;}
#makeup .nail dl.beautyful_ dd {display: block; position: relative;}
#makeup .nail dl.beautyful_ dd ul {display: block; width: 346px; height: 175px; background: url(../../img/usr/freepage/products/makeup/section2_022.png) no-repeat; position: absolute; top: 125px; right: 0px; padding: 10px;   }
#makeup .nail dl.beautyful_ dd ul li {display: block; float: left; position: relative;}
#makeup .nail dl.beautyful_ dd ul li span { visibility: hidden;}
#makeup .nail dl.beautyful_ dd ul li a:hover {background: url(../../img/usr/freepage/products/makeup/section2_022_over.png) no-repeat; }
#makeup .nail dl.beautyful_ dd ul li a.nail_red {display: block; width: 165px; height: 58px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_red:hover { background-position: -10px -10px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_pink {display: block; width: 180px; height: 58px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_pink:hover {background-position: -175px -10px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_spink {display: block; width: 165px; height: 58px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_spink:hover {background-position: -10px -68px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_orange {display: block; width: 180px; height: 58px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_orange:hover {background-position: -175px -68px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_yellow {display: block; width: 165px; height: 58px;}
#makeup .nail dl.beautyful_ dd ul li a.nail_yellow:hover {background-position: -10px -126px;}
#makeup .nail ul.Topcoat {display: block!important; background: url(../../img/usr/freepage/products/makeup/section2_03.png) no-repeat!important; width: 455px!important; height: 170px!important; overflow: hidden; top: 3px!important; position: relative!important; left: 15px;}
#makeup .nail ul.Topcoat li a:hover {background: url(../../img/usr/freepage/products/makeup/section2_03_over.png) no-repeat!important;}
#makeup .nail ul.Topcoat li.t_cost a {display: block; width: 366px; height: 88px;}
#makeup .nail ul.Topcoat li.t_cost a:hover {display: block; width: 366px; height: 88px; background-position: -10px -10px!important; padding-left: 80px;}
#makeup .nail ul.Topcoat li.t_gold {display: block; position: absolute; left: 100px; width: 175px; height: 61px; top: 99px;}
#makeup .nail ul.Topcoat li.t_gold a {display: block; width: 175px; height: 61px; position: absolute;}
#makeup .nail ul.Topcoat li.t_gold a:hover {display: block; width: 175px; height: 61px; background-position: -100px -99px!important;}
#makeup .nail ul.Topcoat li.t_silver {display: block; position: absolute; left: 270px; width: 175px; height: 61px; top: 99px;}
#makeup .nail ul.Topcoat li.t_silver a {display: block; width: 175px; height: 61px; position: absolute;}
#makeup .nail ul.Topcoat li.t_silver a:hover {display: block; width: 175px; height: 61px; background-position: -270px -99px!important;}

#makeup .nail ul.care {display: block!important; background: url(../../img/usr/freepage/products/makeup/section2_04.png) no-repeat!important; width: 468px!important; height: 160px!important; overflow: hidden; top: 0px!important; position: relative!important; left: 2px; padding: 50px 10px 0!important;}
#makeup .nail ul.care li a:hover {background: url(../../img/usr/freepage/products/makeup/section2_04_over.png) no-repeat!important;}
#makeup .nail ul.care li.c_bp a {display: block; width: 450px; height: 50px;}
#makeup .nail ul.care li.c_bp a:hover {display: block; width: 450px; height: 50px; background-position: -10px -50px!important;}
#makeup .nail ul.care li.c_bt a {display: block; width: 450px; height: 50px;}
#makeup .nail ul.care li.c_bt a:hover {display: block; width: 450px; height: 50px; background-position: -10px -100px!important;}
#makeup .nail ul.care li.c_oil a {display: block; width: 450px; height: 50px;}
#makeup .nail ul.care li.c_oil a:hover {display: block; width: 450px; height: 50px; background-position: -10px -150px!important;}







#makeup .beuty dl { overflow: hidden; display: block; width: 880px; margin: 0 auto;}
#makeup .beuty dl dd { float: left; width: 440px;}

#makeup .remark { font-size: 10px; text-align: left; padding: 10px 0 0 5px;}