@charset "utf-8"; /* category top -------------------------------------------------------------*/ /* title -------------------------------------------------------------*/ /* navgation -------------------------------------------------------------*/ #pageCategory #navCategory { width: 956px; height: 53px; background: url(/jp/ja/product/images/category/nav.gif) 0 0 no-repeat; } #pageCategory #navCategory li { float: left; width: 137px; text-indent: -9999px; } #pageCategory #navCategory li#navCategoryOther { width: 134px; } #pageCategory #navCategory li a { display: block; margin: 3px; width: 131px; height: 47px; } /* hover */ #pageCategory #navCategory li#navCategorySkinCare a:hover { background: url(/jp/ja/product/images/category/nav.gif) -3px -56px no-repeat; } #pageCategory #navCategory li#navCategoryBaseMake a:hover { background: url(/jp/ja/product/images/category/nav.gif) -140px -56px no-repeat; } #pageCategory #navCategory li#navCategoryPointMake a:hover { background: url(/jp/ja/product/images/category/nav.gif) -277px -56px no-repeat; } #pageCategory #navCategory li#navCategoryHairCare a:hover { background: url(/jp/ja/product/images/category/nav.gif) -414px -56px no-repeat; } #pageCategory #navCategory li#navCategoryBodyCare a:hover { background: url(/jp/ja/product/images/category/nav.gif) -551px -56px no-repeat; } #pageCategory #navCategory li#navCategorySuntan a:hover { background: url(/jp/ja/product/images/category/nav.gif) -688px -56px no-repeat; } #pageCategory #navCategory li#navCategoryOther a:hover { background: url(/jp/ja/product/images/category/nav.gif) -825px -56px no-repeat; } /* active */ #pageCategory .skinSkinCare #navCategory li#navCategorySkinCare a { margin: 3px 0 0 0; width: 134px; height: 50px; background: url(/jp/ja/product/images/category/nav.gif) 0 -109px no-repeat;} #pageCategory .skinBaseMake #navCategory li#navCategoryBaseMake a { margin: 3px 0 0 0; width: 134px; height: 50px; background: url(/jp/ja/product/images/category/nav.gif) -137px -109px no-repeat;} #pageCategory .skinPointMake #navCategory li#navCategoryPointMake a { margin: 3px 0 0 0; width: 134px; height: 50px; background: url(/jp/ja/product/images/category/nav.gif) -274px -109px no-repeat;} #pageCategory .skinHairCare #navCategory li#navCategoryHairCare a { margin: 3px 0 0 0; width: 134px; height: 50px; background: url(/jp/ja/product/images/category/nav.gif) -411px -109px no-repeat;} #pageCategory .skinBodyCare #navCategory li#navCategoryBodyCare a { margin: 3px 0 0 0; width: 134px; height: 50px; background: url(/jp/ja/product/images/category/nav.gif) -548px -109px no-repeat;} #pageCategory .skinSuntan #navCategory li#navCategorySuntan a { margin: 3px 0 0 0; width: 134px; height: 50px; background: url(/jp/ja/product/images/category/nav.gif) -685px -109px no-repeat;} #pageCategory .skinOther #navCategory li#navCategoryOther a { margin: 3px 0 0 0; width: 134px; height: 50px; background: url(/jp/ja/product/images/category/nav.gif) -822px -109px no-repeat;} /* sub Navigation -------------------------------------------------------------*/ #pageCategory #subNav { clear: both; margin-bottom: 11px; width: 956px; } #pageCategory #subNav li { float: left; text-indent: -9999px; } #pageCategory #subNav li a { display: block; overflow: hidden; } /* skincare */ #pageCategory .skinSkinCare #subNav { height: 138px; background: url(/jp/ja/product/images/category/nav_skin-care.gif) 0 0 no-repeat; } #pageCategory .skinSkinCare #subNav li#nav01 { width: 174px; height: 78px; } #pageCategory .skinSkinCare #subNav li#nav02 { width: 156px; height: 78px; } #pageCategory .skinSkinCare #subNav li#nav03 { width: 156px; height: 78px; } #pageCategory .skinSkinCare #subNav li#nav04 { width: 156px; height: 78px; } #pageCategory .skinSkinCare #subNav li#nav05 { width: 156px; height: 78px; } #pageCategory .skinSkinCare #subNav li#nav06 { width: 141px; height: 78px; } #pageCategory .skinSkinCare #subNav li#nav07 { width: 174px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav08 { width: 156px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav09 { width: 156px; height: 45px; } /* link */ #pageCategory .skinSkinCare #subNav li#nav01 a { margin: 18px 0 0 18px; width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav02 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav03 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav04 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav05 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav06 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav07 a { margin-left: 18px; width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav08 a { width: 141px; height: 45px; } #pageCategory .skinSkinCare #subNav li#nav09 a { width: 141px; height: 45px; } /* hover,active */ #pageCategory .skinSkinCare #subNav li#nav01 a:hover, #pageCategory .skinSkinCare #subNav li#nav01 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -18px -156px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav02 a:hover, #pageCategory .skinSkinCare #subNav li#nav02 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -174px -156px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav03 a:hover, #pageCategory .skinSkinCare #subNav li#nav03 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -330px -156px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav04 a:hover, #pageCategory .skinSkinCare #subNav li#nav04 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -486px -156px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav05 a:hover, #pageCategory .skinSkinCare #subNav li#nav05 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -642px -156px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav06 a:hover, #pageCategory .skinSkinCare #subNav li#nav06 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -798px -156px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav07 a:hover, #pageCategory .skinSkinCare #subNav li#nav07 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -18px -216px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav08 a:hover, #pageCategory .skinSkinCare #subNav li#nav08 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -174px -216px no-repeat; } #pageCategory .skinSkinCare #subNav li#nav09 a:hover, #pageCategory .skinSkinCare #subNav li#nav09 a.active { background: url(/jp/ja/product/images/category/nav_skin-care.gif) -330px -216px no-repeat; } /* Base make */ #pageCategory .skinBaseMake #subNav { height: 78px; background: url(/jp/ja/product/images/category/nav_base-make.gif) 0 0 no-repeat; } #pageCategory .skinBaseMake #subNav li#nav01 { width: 174px; height: 78px; } #pageCategory .skinBaseMake #subNav li#nav02 { width: 156px; height: 78px; } #pageCategory .skinBaseMake #subNav li#nav03 { width: 156px; height: 78px; } #pageCategory .skinBaseMake #subNav li#nav04 { width: 156px; height: 78px; } /* link */ #pageCategory .skinBaseMake #subNav li#nav01 a { margin: 18px 0 0 18px; width: 141px; height: 45px; } #pageCategory .skinBaseMake #subNav li#nav02 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinBaseMake #subNav li#nav03 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinBaseMake #subNav li#nav04 a { margin-top: 18px; width: 141px; height: 45px; } /* hover,active */ #pageCategory .skinBaseMake #subNav li#nav01 a:hover, #pageCategory .skinBaseMake #subNav li#nav01 a.active { background: url(/jp/ja/product/images/category/nav_base-make.gif) -18px -96px no-repeat; } #pageCategory .skinBaseMake #subNav li#nav02 a:hover, #pageCategory .skinBaseMake #subNav li#nav02 a.active { background: url(/jp/ja/product/images/category/nav_base-make.gif) -174px -96px no-repeat; } #pageCategory .skinBaseMake #subNav li#nav03 a:hover, #pageCategory .skinBaseMake #subNav li#nav03 a.active { background: url(/jp/ja/product/images/category/nav_base-make.gif) -330px -96px no-repeat; } #pageCategory .skinBaseMake #subNav li#nav04 a:hover, #pageCategory .skinBaseMake #subNav li#nav04 a.active { background: url(/jp/ja/product/images/category/nav_base-make.gif) -486px -96px no-repeat; } /* point make */ #pageCategory .skinPointMake #subNav { height: 138px; background: url(/jp/ja/product/images/category/nav_point-make.gif) 0 0 no-repeat; } #pageCategory .skinPointMake #subNav li#nav01 { width: 174px; height: 78px; } #pageCategory .skinPointMake #subNav li#nav02 { width: 156px; height: 78px; } #pageCategory .skinPointMake #subNav li#nav03 { width: 156px; height: 78px; } #pageCategory .skinPointMake #subNav li#nav04 { width: 156px; height: 78px; } #pageCategory .skinPointMake #subNav li#nav05 { width: 156px; height: 78px; } #pageCategory .skinPointMake #subNav li#nav06 { width: 141px; height: 78px; } #pageCategory .skinPointMake #subNav li#nav07 { width: 174px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav08 { width: 156px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav09 { width: 156px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav10 { width: 156px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav11 { width: 156px; height: 45px; } /* link */ #pageCategory .skinPointMake #subNav li#nav01 a { margin: 18px 0 0 18px; width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav02 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav03 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav04 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav05 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav06 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav07 a { margin-left: 18px; width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav08 a { width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav09 a { width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav10 a { width: 141px; height: 45px; } #pageCategory .skinPointMake #subNav li#nav11 a { width: 141px; height: 45px; } /* hover,active */ #pageCategory .skinPointMake #subNav li#nav01 a:hover, #pageCategory .skinPointMake #subNav li#nav01 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -18px -156px no-repeat; } #pageCategory .skinPointMake #subNav li#nav02 a:hover, #pageCategory .skinPointMake #subNav li#nav02 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -174px -156px no-repeat; } #pageCategory .skinPointMake #subNav li#nav03 a:hover, #pageCategory .skinPointMake #subNav li#nav03 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -330px -156px no-repeat; } #pageCategory .skinPointMake #subNav li#nav04 a:hover, #pageCategory .skinPointMake #subNav li#nav04 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -486px -156px no-repeat; } #pageCategory .skinPointMake #subNav li#nav05 a:hover, #pageCategory .skinPointMake #subNav li#nav05 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -642px -156px no-repeat; } #pageCategory .skinPointMake #subNav li#nav06 a:hover, #pageCategory .skinPointMake #subNav li#nav06 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -798px -156px no-repeat; } #pageCategory .skinPointMake #subNav li#nav07 a:hover, #pageCategory .skinPointMake #subNav li#nav07 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -18px -216px no-repeat; } #pageCategory .skinPointMake #subNav li#nav08 a:hover, #pageCategory .skinPointMake #subNav li#nav08 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -174px -216px no-repeat; } #pageCategory .skinPointMake #subNav li#nav09 a:hover, #pageCategory .skinPointMake #subNav li#nav09 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -330px -216px no-repeat; } #pageCategory .skinPointMake #subNav li#nav10 a:hover, #pageCategory .skinPointMake #subNav li#nav10 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -486px -216px no-repeat; } #pageCategory .skinPointMake #subNav li#nav11 a:hover, #pageCategory .skinPointMake #subNav li#nav11 a.active { background: url(/jp/ja/product/images/category/nav_point-make.gif) -642px -216px no-repeat; } /* skincare */ #pageCategory .skinHairCare #subNav { height: 138px; background: url(/jp/ja/product/images/category/nav_hair-care.gif) 0 0 no-repeat; } #pageCategory .skinHairCare #subNav li#nav01 { width: 174px; height: 78px; } #pageCategory .skinHairCare #subNav li#nav02 { width: 156px; height: 78px; } #pageCategory .skinHairCare #subNav li#nav03 { width: 156px; height: 78px; } #pageCategory .skinHairCare #subNav li#nav04 { width: 156px; height: 78px; } #pageCategory .skinHairCare #subNav li#nav05 { width: 156px; height: 78px; } #pageCategory .skinHairCare #subNav li#nav06 { width: 141px; height: 78px; } #pageCategory .skinHairCare #subNav li#nav07 { width: 174px; height: 45px; } /* link */ #pageCategory .skinHairCare #subNav li#nav01 a { margin: 18px 0 0 18px; width: 141px; height: 45px; } #pageCategory .skinHairCare #subNav li#nav02 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinHairCare #subNav li#nav03 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinHairCare #subNav li#nav04 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinHairCare #subNav li#nav05 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinHairCare #subNav li#nav06 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinHairCare #subNav li#nav07 a { margin-left: 18px; width: 141px; height: 45px; } /* hover,active */ #pageCategory .skinHairCare #subNav li#nav01 a:hover, #pageCategory .skinHairCare #subNav li#nav01 a.active { background: url(/jp/ja/product/images/category/nav_hair-care.gif) -18px -156px no-repeat; } #pageCategory .skinHairCare #subNav li#nav02 a:hover, #pageCategory .skinHairCare #subNav li#nav02 a.active { background: url(/jp/ja/product/images/category/nav_hair-care.gif) -174px -156px no-repeat; } #pageCategory .skinHairCare #subNav li#nav03 a:hover, #pageCategory .skinHairCare #subNav li#nav03 a.active { background: url(/jp/ja/product/images/category/nav_hair-care.gif) -330px -156px no-repeat; } #pageCategory .skinHairCare #subNav li#nav04 a:hover, #pageCategory .skinHairCare #subNav li#nav04 a.active { background: url(/jp/ja/product/images/category/nav_hair-care.gif) -486px -156px no-repeat; } #pageCategory .skinHairCare #subNav li#nav05 a:hover, #pageCategory .skinHairCare #subNav li#nav05 a.active { background: url(/jp/ja/product/images/category/nav_hair-care.gif) -642px -156px no-repeat; } #pageCategory .skinHairCare #subNav li#nav06 a:hover, #pageCategory .skinHairCare #subNav li#nav06 a.active { background: url(/jp/ja/product/images/category/nav_hair-care.gif) -798px -156px no-repeat; } #pageCategory .skinHairCare #subNav li#nav07 a:hover, #pageCategory .skinHairCare #subNav li#nav07 a.active { background: url(/jp/ja/product/images/category/nav_hair-care.gif) -18px -216px no-repeat; } /* Body care */ #pageCategory .skinBodyCare #subNav { height: 78px; background: url(/jp/ja/product/images/category/nav_body-care.gif) 0 0 no-repeat; } #pageCategory .skinBodyCare #subNav li#nav01 { width: 174px; height: 78px; } #pageCategory .skinBodyCare #subNav li#nav02 { width: 156px; height: 78px; } #pageCategory .skinBodyCare #subNav li#nav03 { width: 156px; height: 78px; } #pageCategory .skinBodyCare #subNav li#nav04 { width: 156px; height: 78px; } /* link */ #pageCategory .skinBodyCare #subNav li#nav01 a { margin: 18px 0 0 18px; width: 141px; height: 45px; } #pageCategory .skinBodyCare #subNav li#nav02 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinBodyCare #subNav li#nav03 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinBodyCare #subNav li#nav04 a { margin-top: 18px; width: 141px; height: 45px; } /* hover,active */ #pageCategory .skinBodyCare #subNav li#nav01 a:hover, #pageCategory .skinBodyCare #subNav li#nav01 a.active { background: url(/jp/ja/product/images/category/nav_body-care.gif) -18px -96px no-repeat; } #pageCategory .skinBodyCare #subNav li#nav02 a:hover, #pageCategory .skinBodyCare #subNav li#nav02 a.active { background: url(/jp/ja/product/images/category/nav_body-care.gif) -174px -96px no-repeat; } #pageCategory .skinBodyCare #subNav li#nav03 a:hover, #pageCategory .skinBodyCare #subNav li#nav03 a.active { background: url(/jp/ja/product/images/category/nav_body-care.gif) -330px -96px no-repeat; } #pageCategory .skinBodyCare #subNav li#nav04 a:hover, #pageCategory .skinBodyCare #subNav li#nav04 a.active { background: url(/jp/ja/product/images/category/nav_body-care.gif) -486px -96px no-repeat; } /* suntan */ #pageCategory .skinSuntan #subNav { height: 78px; background: url(/jp/ja/product/images/category/nav_suntan.gif) 0 0 no-repeat; } #pageCategory .skinSuntan #subNav li#nav01 { width: 174px; height: 78px; } /* link */ #pageCategory .skinSuntan #subNav li#nav01 a { margin: 18px 0 0 18px; width: 141px; height: 45px; } /* hover,active */ #pageCategory .skinSuntan #subNav li#nav01 a:hover, #pageCategory .skinSuntan #subNav li#nav01 a.active { background: url(/jp/ja/product/images/category/nav_suntan.gif) -18px -96px no-repeat; } /* other */ #pageCategory .skinOther #subNav { height: 78px; background: url(/jp/ja/product/images/category/nav_other.gif) 0 0 no-repeat; } #pageCategory .skinOther #subNav li#nav01 { width: 174px; height: 78px; } #pageCategory .skinOther #subNav li#nav02 { width: 156px; height: 78px; } #pageCategory .skinOther #subNav li#nav03 { width: 156px; height: 78px; } #pageCategory .skinOther #subNav li#nav04 { width: 156px; height: 78px; } /* link */ #pageCategory .skinOther #subNav li#nav01 a { margin: 18px 0 0 18px; width: 141px; height: 45px; } #pageCategory .skinOther #subNav li#nav02 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinOther #subNav li#nav03 a { margin-top: 18px; width: 141px; height: 45px; } #pageCategory .skinOther #subNav li#nav04 a { margin-top: 18px; width: 141px; height: 45px; } /* hover,active */ #pageCategory .skinOther #subNav li#nav01 a:hover, #pageCategory .skinOther #subNav li#nav01 a.active { background: url(/jp/ja/product/images/category/nav_other.gif) -18px -96px no-repeat; } #pageCategory .skinOther #subNav li#nav02 a:hover, #pageCategory .skinOther #subNav li#nav02 a.active { background: url(/jp/ja/product/images/category/nav_other.gif) -174px -96px no-repeat; } #pageCategory .skinOther #subNav li#nav03 a:hover, #pageCategory .skinOther #subNav li#nav03 a.active { background: url(/jp/ja/product/images/category/nav_other.gif) -330px -96px no-repeat; } #pageCategory .skinOther #subNav li#nav04 a:hover, #pageCategory .skinOther #subNav li#nav04 a.active { background: url(/jp/ja/product/images/category/nav_other.gif) -486px -96px no-repeat; } /* product List -------------------------------------------------------------*/ /* title */ /* #pageCategory .title-lv2 { margin-bottom: 6px; background: url(/jp/ja/product/images/common/bg_title-lv2_single.gif) 0 0 no-repeat; }*/ #pageCategory .title-lv2 h3 { float: left; width: 400px; line-height: 37px; } #pageCategory .title-lv2 .sorter { float: right; margin: 9px 0 4px; width: 332px; } #pageCategory .title-lv2 .sorter dt { float: left; width: 92px; line-height: 0; } #pageCategory .title-lv2 .sorter dd { float: left; width: 240px; height: 19px; overflow: hidden; line-height: 1.0; } #pageCategory .title-lv2 .sorter ul { width: 240px; background: url(/jp/ja/product/images/common/nav_sort.gif) 0 0 no-repeat; } #pageCategory .title-lv2 .sorter ul li { float: left; text-indent: -9999px; } #pageCategory .title-lv2 .sorter ul li#recent { width: 83px; } #pageCategory .title-lv2 .sorter ul li#high { width: 83px; } #pageCategory .title-lv2 .sorter ul li#low { width: 74px; } #pageCategory .title-lv2 .sorter ul li a { display: block; width: 74px; height: 19px; } #pageCategory .title-lv2 .sorter ul li#recent a:hover, #pageCategory .title-lv2 .sorter ul li#recent a.active { background: url(/jp/ja/product/images/common/nav_sort.gif) 0 -19px; } #pageCategory .title-lv2 .sorter ul li#high a:hover, #pageCategory .title-lv2 .sorter ul li#high a.active { background: url(/jp/ja/product/images/common/nav_sort.gif) -83px -19px; } #pageCategory .title-lv2 .sorter ul li#low a:hover, #pageCategory .title-lv2 .sorter ul li#low a.active { background: url(/jp/ja/product/images/common/nav_sort.gif) -166px -19px; } /* list */ #pageCategory .productList { position: relative; width: 926px; overflow: hidden; } #pageCategory .productList ul { clear: both; width: 930px; } #pageCategory .productList ul.last-child li { margin-bottom: -3px; } #pageCategory .productList ul li { float: left; width: 155px; background: url(/jp/ja/product/images/category/list.gif) right bottom repeat-y; } #pageCategory .productList ul li dl { margin: 10px 0 15px 0; padding: 0 5px; } #pageCategory .productList ul li dt { position: relative; display: block; height: 100px; margin-bottom: 3px; text-align: center; } #pageCategory .productList ul li dt img { position: absolute; top: 0; left: 23px; z-index: 1; } #pageCategory .productList ul li dt .new { position: absolute; top: 0; left: 0; z-index: 2; } #pageCategory .productList ul li dd { padding: 0 8px; text-align: center; font-size: 85%; line-height: 1.3; } #pageCategory .sectionInner .notice { padding: 10px 5px 5px 5px ; color: #8099bb; font-size: 85%; }