@charset "utf-8"; /*////////////////////////////// * Essential Lift様用スタイル /////////////////////////////*/ /*------------- * 共通 * ------------*/ .toTop{float:right;background:url(../../img/top/topofpage.jpg) no-repeat left center;width:105px;height:18px;} .ftTitle1{background:url(../../img/top/common1_1.jpg) no-repeat left top;width:175px;height:15px;margin-bottom:10px;} .ftTitle2{background:url(../../img/top/common2_1.jpg) no-repeat left top;width:175px;height:15px;margin-bottom:10px;} .ftTitle3{background:url(../../img/top/common3_1.jpg) no-repeat left top;width:175px;height:15px;margin-bottom:10px;} .ftTitle4{background:url(../../img/top/common4_1.jpg) no-repeat left top;width:175px;height:15px;margin-bottom:10px;} /*開閉ボックス*/ .switchOn{background:url(../../img/organic/organic_contents4_point2.jpg) no-repeat 10px center;padding-left:35px;color:#666699;} .nowOpen{background:url(../../img/organic/organic_contents4_point1.jpg) no-repeat 10px center;} .switchDetail{padding:10px 0px;} .switchDetail p{padding:20px 15px;background:#dee6e3;width:672px;} /*------------- * トップページ(htm) * ------------*/ .topListUp{display:block;position:relative;padding:10px;width:215px;float:left;background:#fff;border-top:5px solid #e2d9cf; height: 320px;} .topListUp .new1{display:block;background:url(../../img/top/top_contents1_new1.png) no-repeat left top;width:83px;height:46px;position:absolute;top:-5px;left:0px;text-indent:-9999px;} .topListUp .new2{display:block;background:url(../../img/top/top_contents1_new2.png) no-repeat left top;width:83px;height:46px;position:absolute;top:-5px;left:0px;text-indent:-9999px;} .topListUp .new3{display:block;background:url(../../img/top/top_contents1_new3.png) no-repeat left top;width:83px;height:46px;position:absolute;top:-5px;left:0px;text-indent:-9999px;} #top .h3Title1{background:url(../../img/top/top_contents1_5.jpg) no-repeat left top;width:215px;height:35px;margin:10px auto;} #top .h3Title2{background:url(../../img/top/top_contents1_6.jpg) no-repeat left top;width:215px;height:35px;margin:10px auto;} #top .h3Title3{background:url(../../img/top/top_contents1_7.jpg) no-repeat left top;width:159x;height:29px;margin:10px auto;} #top .h3Title4{background:url(../../img/top/top_contents1_8.jpg) no-repeat left top;width:215px;height:35px;margin:10px auto;} #keyVisual {margin-bottom: 40px; background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #FFFFFF; box-shadow: 0 0 5px #CCCCCC; position: relative; left: -5px; overflow: hidden;} .btnClick {position: absolute; bottom: 10px; right: 10px; text-align: right;} /*------------- * エッセンシャルリフトの秘密 * ------------*/ #quality .pageTitle{background:url(../../img/secret/secret_pagetitle.jpg) no-repeat left top;width:702px;height:170px;margin-bottom:20px;} #quality section{margin-bottom:30px;} #quality .h4Title1{background:url(../../img/secret/secret_contents1_1.png) no-repeat left top;width:702px;height:76px;margin-bottom:10px;} #quality .h4Title2{background:url(../../img/secret/secret_contents2_1.png) no-repeat left top;width:702px;height:76px;margin-bottom:10px;} #quality .h4Title3{background:url(../../img/secret/secret_contents3_1.png) no-repeat left top;width:702px;height:76px;margin-bottom:10px;} #quality .h4Title4{background:url(../../img/secret/secret_contents4_1.png) no-repeat left top;width:702px;height:76px;margin-bottom:10px;} #quality .btmList{width:100%;border-top:1px solid #4e3d2d;padding-top:20px;} #quality .btmList .box{float:left;position:relative;background:#fff;width:223px;height:290px;border:1px solid #eee9e3;} #quality .btmList .box h5{font-weight:normal;padding:5px 10px;} #quality .btmList .box p{padding:0px 10px;font-size:11px;} #quality .btmList .box .h5color1{color:#60864e;} #quality .btmList .box .h5color2{color:#795d90;} #quality .btmList .box .h5color3{color:#514335;} /*------------- * オーガニックについて * ------------*/ #organic .pageTitle{background:url(../../img/organic/organic_pagetitle.jpg) no-repeat left top;width:702px;height:170px;margin-bottom:20px;} #organic section{margin-bottom:40px;} #organic .h4Title1{background:url(../../img/organic/organic_contents1_1.png) no-repeat left top;width:702px;height:56px;margin-bottom:15px;} #organic .h4Title2{background:url(../../img/organic/organic_contents2_1.png) no-repeat left top;width:702px;height:56px;margin-bottom:15px;} #organic .h4Title3{background:url(../../img/organic/organic_contents3_1.png) no-repeat left top;width:702px;height:56px;margin-bottom:15px;} #organic .h4Title4{background:url(../../img/organic/organic_contents4_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #organic .h5Title1{background:url(../../img/organic/organic_contents2_2.png) no-repeat left top;width:702px;height:30px;margin-bottom:10px;} #organic .contents2Img{background:url(../../img/organic/organic_contents2_3.jpg) no-repeat left top;width:600px;height:415px;} #organic .contents3Img{background:url(../../img/organic/organic_box.jpg) no-repeat left top;width:702px;height:473px;position:relative;} #organic .contents3Button{position:absolute;bottom:110px;right:150px;} /*------------- * エッセンシャルオイルについて * ------------*/ #essentialoil .pageTitle{background:url(../../img/essentialoil/essentialoil_pagetitle.jpg) no-repeat left top;width:702px;height:170px;margin-bottom:20px;} #essentialoil section{margin-bottom:40px;} #essentialoil .h4Title1{background:url(../../img/essentialoil/essentialoil_contents1_1.png) no-repeat left top;width:702px;height:56px;margin-bottom:15px;} #essentialoil .h4Title2{background:url(../../img/essentialoil/essentialoil_contents2_1.png) no-repeat left top;width:702px;height:56px;margin-bottom:15px;} #essentialoil .h4Title3{background:url(../../img/essentialoil/essentialoil_contents3_1.png) no-repeat left top;width:702px;height:56px;margin-bottom:15px;} #essentialoil .h4Title4{background:url(../../img/essentialoil/essentialoil_contents4_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #essentialoil .contents3Detail{float:right;width:630px;} #essentialoil .contents3Detail h5{font-weight:normal;color:#cb104e;margin-bottom:5px;} #essentialoil .contents3Img{background:url(../../img/organic/organic_box.jpg) no-repeat left top;width:702px;height:473px;position:relative;} #essentialoil .contents3Button{position:absolute;bottom:110px;right:150px;} /*------------- * 開発ストーリー * ------------*/ #story .pageTitle{background:url(../../img/story/story_pagetitle.jpg) no-repeat left top;width:702px;height:170px;margin-bottom:20px;} #story section{margin-bottom:40px;} #story .h4Title1{background:url(../../img/story/story_contents1_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #story .h4Title2{background:url(../../img/story/story_contents2_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #story .h4Title3{background:url(../../img/story/story_contents3_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #story .h4Title4{background:url(../../img/story/story_contents4_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #story .contents3Img{background:url(../../img/organic/organic_box.jpg) no-repeat left top;width:702px;height:473px;position:relative;} #story .contents3Button{position:absolute;bottom:110px;right:150px;} /*------------- * アロマエイジングケアとは * ------------*/ #aromaaging .pageTitle{background:url(../../img/aromaaging/aromaaging_pagetitle.jpg) no-repeat left top;width:702px;height:170px;margin-bottom:20px;} #aromaaging section{margin-bottom:40px;} #aromaaging .h4Title1{background:url(../../img/aromaaging/aromaaging_contents1_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #aromaaging .h4Title2{background:url(../../img/aromaaging/aromaaging_contents2_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #aromaaging .h4Title3{background:url(../../img/aromaaging/aromaaging_contents3_1.png) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #aromaaging .h4Title4{background:url(../../img/aromaaging/aromaaging_contents4_1.jpg) no-repeat left top;width:702px;height:30px;margin-bottom:15px;} #aromaaging .column{width:330px;padding:10px 5px;border-bottom:1px solid #c9c7c5;} #aromaaging .column a{display:block;background:url(../../img/aromaaging/aromaaging_contents4_point.jpg) no-repeat left center;padding-left:20px;margin-bottom:5px;} #aromaaging .toList{padding:10px 5px;width:330px;text-align:right;color:#ef694a;font-size:11px;} #aromaaging .toList a{color:#ef694a;font-size:11px;} /*------------- * アンチエイジングケアについて * ------------*/ #antiaging .pageTitle{background:url(../../img/antiaging/antiaging_pagetitle.jpg) no-repeat left top;width:702px;height:170px;margin-bottom:20px;} #antiaging .h5Title1{background:url(../../img/antiaging/antiaging_contents1_1.jpg) no-repeat left top;width:496px;height:148px;margin-bottom:15px;} #antiaging .h5Title2{background:url(../../img/antiaging/antiaging_contents2_1.jpg) no-repeat left top;width:496px;height:22px;margin-bottom:10px;} #antiaging .h5Title3{background:url(../../img/antiaging/antiaging_column.jpg) no-repeat left top;width:180px;height:42px;margin-bottom:5px;} .border_b_4e3d2d{border-bottom:1px solid #4e3d2d;} #antiaging .columnLeft{width:180px;float:left;} #antiaging .columnRight{width:496px;float:right;} #antiaging .columnRight .h4Title1{font-size:20px;padding:5px 10px;width:476px;border-bottom:1px dotted #4e3d2d;margin-bottom:10px;} #antiaging .columnRight ul{padding:0px 10px 0px 20px;margin-bottom:30px;} #antiaging .columnRight ul li a{color:#d41e5b;} #antiaging .columnRight .pageNav{background:#eeeae7;padding:5px 10px;width:476px;} #antiaging .columnRight .pageNav table{width:100%;border-collapse:collapse;border-spacing:1px;} #antiaging .columnRight .pageNav table td.left{width:80px;text-align:left;} #antiaging .columnRight .pageNav table td.mid{width:316px;text-align:center;color:#847971;} #antiaging .columnRight .pageNav table td.right{width:80px;text-align:right;} #antiaging .columnRight .pageNav table td span{padding:0px 5px;} #antiaging .columnRight .pageNav table td a{color:#d41e5b;} #antiaging .columnLeft table{width:170px;border-collapse:collapse;border-spacing:1px;} #antiaging .columnLeft table th{padding:10px 0px;width:15px;font-weight:normal;border-top:1px solid #ded8d2;border-bottom:1px solid #ded8d2;text-align:center;vertical-align:top;} #antiaging .columnLeft table td{padding:10px 0px;width:165px;font-weight:normal;border-top:1px solid #ded8d2;border-bottom:1px solid #ded8d2;text-align:left;vertical-align:top;} /*------------- * アロマセラピーとは * ------------*/ #aromatherapy .pageTitle{background:url(../../img/aromatherapy/aromatherapy_pagetitle.jpg) no-repeat left top;width:702px;height:170px;margin-bottom:20px;} #aromatherapy .h5Title1{background:url(../../img/aromatherapy/aromatherapy_contents1_1.jpg) no-repeat left top;width:496px;height:148px;margin-bottom:15px;} #aromatherapy .h5Title2{background:url(../../img/aromatherapy/aromatherapy_contents2_1.jpg) no-repeat left top;width:496px;height:22px;margin-bottom:10px;} #aromatherapy .h5Title3{background:url(../../img/aromatherapy/aromatherapy_column.jpg) no-repeat left top;width:180px;height:42px;margin-bottom:5px;} .border_b_4e3d2d{border-bottom:1px solid #ded8d2;} /*#aromatherapy .columnLeft{width:180px;float:left;} #aromatherapy .columnRight{width:496px;float:right;} #aromatherapy .columnRight .h4Title1{font-size:20px;padding:5px 10px;width:476px;border-bottom:1px dotted #4e3d2d;margin-bottom:10px;} #aromatherapy .columnRight ul{padding:0px 10px 0px 20px;margin-bottom:30px;} #aromatherapy .columnRight ul li a{color:#d66011;} #aromatherapy .columnRight .pageNav{background:#eeeae7;padding:5px 10px;width:476px;} #aromatherapy .columnRight .pageNav table{width:100%;border-collapse:collapse;border-spacing:1px;} #aromatherapy .columnRight .pageNav table td.left{width:80px;text-align:left;} #aromatherapy .columnRight .pageNav table td.mid{width:316px;text-align:center;color:#847971;} #aromatherapy .columnRight .pageNav table td.right{width:80px;text-align:right;} #aromatherapy .columnRight .pageNav table td span{padding:0px 5px;} #aromatherapy .columnRight .pageNav table td a{color:#d66011;} #aromatherapy .columnLeft table{width:170px;border-collapse:collapse;border-spacing:1px;} #aromatherapy .columnLeft table th{padding:10px 0px;width:15px;font-weight:normal;border-top:1px solid #ded8d2;border-bottom:1px solid #ded8d2;text-align:center;vertical-align:top;} #aromatherapy .columnLeft table td{padding:10px 0px;width:165px;font-weight:normal;border-top:1px solid #ded8d2;border-bottom:1px solid #ded8d2;text-align:left;vertical-align:top;}*/ #aromatherapy .h4Title1{background:url(../../img/aromatherapy/aromatherapy_contents1_1.png) no-repeat left top;width:700px;padding-top:27px;margin-bottom:15px;} #aromatherapy .h4Title2{background:url(../../img/aromatherapy/aromatherapy_contents2_1.png) no-repeat left top;width:700px;padding-top:27px;margin-bottom:15px;} #aromatherapy h4 {height: 0; overflow: hidden;} .mgB65 {margin-bottom: 65px;} /*------------- * ページ内商品一覧 * ------------*/ .series_box { background: url(../../img/series/series_back.jpg) no-repeat left top; width: 684px; height: 403px; padding: 70px 9px 0 9px; } .seriesTit { background: url(../../img/series/series_title.png) no-repeat left top; height: 0; width: 319px; padding-top: 25px; overflow: hidden; margin: 0 auto 60px; } .series_box a .mright { margin-right: 8px; } /*------------- * メディア掲載情報 * ------------*/ #media .pageTitle {background:url(../../img/media/media_pagetitle.jpg) no-repeat left top;width:702px;height:80px;margin-bottom:20px;} #media h4 {height: 0; overflow: hidden; padding-top: 27px} #media .h4Title1 {background:url(../../img/media/media_contents1_1.png) no-repeat left top;width:700px;margin-bottom:15px;} #media .h4Title2 {background:url(../../img/media/media_contents2_1.png) no-repeat left top;width:700px;margin-bottom:15px;} #media .h4Title3 {background:url(../../img/media/media_contents3_1.png) no-repeat left top;width:700px;margin-bottom:15px;} #media .inneerWrap {width: 702px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #dbdbdc; margin-bottom: 20px;} #media .leftImg {float: left; width: 225px;} #media .leftImg img {width: 100px; vertical-align: top;} #media .rightTxt {float: right; width: 460px;} #media .rightTxt .title,#media dt {background: url(../../img/media/icon_media.png) no-repeat left 7px; padding: 0 0 0 10px; font-size: 13px; font-weight: bold; color: #29060c; margin-bottom: 20px;} #media .rightTxt .txt {margin-bottom: 15px;} #media .rightTxt a {color: #b53172;} #media dl {padding: 0 10px; margin-bottom: 70px;} #media dt {margin-bottom: 10px;} #media dd {margin-bottom: 40px;} #media dd a {color: #b53172;} #media .borNo {border: none;} #media .mediaTab { margin-bottom: 30px; overflow: hidden; } #media .mediaTab a { display: block; width: 228px; float: left; text-decoration: none; margin-right: 5px; padding: 10px; color: #cccbff; text-align: center; font-weight: bold; } #media .mediaTab .inbox { background-color: #ffffff; border: 1px dotted #645547; } #media .mediaTab .view { background-color: #cccbff; border: 1px dotted #66659b; color: #66659b; } /*#media .mediaTab .inbox p { text-align: center; font-weight: bold; color: #cccbff; margin: 10px 0; } #media .mediaTab .view p { text-align: center; font-weight: bold; color: #66659b; margin: 10px 0; }*/ #media .mediaTab a:hover { background-color: #cccbff; border: 1px dotted #66659b; color: #66659b !important; } /*------------- * 商品の紹介 * ------------*/ #products .pageTitle{ background: url(../../img/lineup/products_pagetitle.png) no-repeat left top; padding-top: 20px; height: 0; width: 101px; overflow: hidden; margin-bottom:20px; } #products .pageTopLink{width:100%;margin-bottom:50px;} #products .pageTopLink .linkBlock{float:left;display:block;width:214px;height:220px;background:#fff;border:1px solid #d9d4cf;position:relative;padding:5px;} #products .pageTopLink .linkBlock .click{position:absolute;bottom:5px;right:5px;} #products section{margin-bottom:40px;} #products .h4Title1{background:#cfe5ec;padding:5px 15px;width:672px;margin-bottom:15px;font-size:20px;} #products .h4Title2{background:#f4d3de;padding:5px 15px;width:672px;margin-bottom:15px;font-size:20px;} #products .h4Title3{background:#e8efd9;padding:5px 15px;width:672px;margin-bottom:15px;font-size:20px;} #products .h5Title1{font-size:14px;padding:3px 10px;width:682px;border-bottom:1px solid #d9d5d0;margin-bottom:15px;} #products .itemContents1{width:100%;margin-bottom:20px;} #products .itemContents1 .item{float:left;width:202px;padding:0px 16px 5px;} #products .itemContents1 a{display:block;margin-bottom:5px;font-size:13px;color:#689a28;} #products .itemContents1 a:hover{color:#689a28;} #products .itemContents1 p{font-size:11px;margin-bottom:5px;} #products .itemContents2{width:100%;margin-bottom:20px;} #products .itemContents2 .item{float:left;width:202px;padding:0px 16px 5px;} #products .itemContents2 a{display:block;margin-bottom:5px;font-size:13px;color:#BCBAEB;} #products .itemContents2 a:hover{color:#BCBAEB;} #products .itemContents2 p{font-size:11px;margin-bottom:5px;} #products .itemContents3{width:100%;margin-bottom:20px;} #products .itemContents3 .item{float:left;width:202px;padding:0px 16px 5px;} #products .itemContents3 a{display:block;margin-bottom:5px;font-size:13px;color:#689a28;} #products .itemContents3 a:hover{color:#689a28;} #products .itemContents3 p{font-size:11px;margin-bottom:5px;} /*------------- * 取扱店舗情報 * ------------*/ #aboutshop .pageTitle{ background: url(../../img/shop/shop_pagetitle.png) no-repeat left top; padding-top: 20px; height: 0; width: 123px; overflow: hidden; margin-bottom:20px;} #aboutshop .shopLink{width:100%;margin-bottom:20px;} #aboutshop .shopLink a{display:block;float:left;border-right:1px solid #fff;background:#ded8d3;padding:5px 40px;text-decoration:none;} #aboutshop .shopLink a:hover{background:#d1cbc5;text-decoration:none;} #aboutshop .shopLink a.end{display:block;float:left;border-right:0px;background:#ded8d3;padding:5px 28px;} #aboutshop table{border-collapse:collapse;border-spacing:1px;width:100%;} #aboutshop th{border-top:1px solid #d2cfca;border-bottom:1px solid #d2cfca;padding:20px;width:100px;font-weight:normal;text-align:left;vertical-align:top;} #aboutshop td{border-top:1px solid #d2cfca;border-bottom:1px solid #d2cfca;padding:20px 25px;background:url(../../img/shop/shopinfo_arrow.jpg) no-repeat 10px 25px;text-align:left;vertical-align:top;} /*------------- * ご利用ガイド * ------------*/ #guide h3,#company h3,#policy h3,#bussines h3 {background-color: #bdbebe; padding: 5px; font-weight: bold; font-size: 16px; color: #FFF; margin-bottom: 20px;} #guide dl,#policy dl {padding: 0 10px;} #guide dl dt,#policy dl dt,#bussines h4 {font-size: 14px; font-weight: bold; border-bottom: 1px dotted #666666; padding: 0 0 5px 5px; margin-bottom: 10px;} #guide dl dd,#policy dl dd {margin-bottom: 20px;} /*------------- * 会社情報 * ------------*/ #company table,#bussines table {width: 100%; margin: 0; padding: 0;} #company table td, #company table th, #bussines table td, #bussines table th {border-bottom: 1px solid #DDDEDE; padding: 15px;} #company table th, #bussines table th {text-align: center; vertical-align: middle; background-color: #9C9BBD; color: #FFF; border-right: 1px dotted #9C9BB;} #company table td a, #bussines table td a, #company table td a:hover #bussines table td a:hover {color: #f470f6;} /*------------- * 個人情報保護方針 * ------------*/ #policy ul {margin-top: 15px;} #policy ul li {list-style: none;} /*------------- * 特定商取引法に関する表示 * ------------*/ #bussines table {margin-bottom: 20px;} /*------------- * Droppy * ------------*/ /* Basic code - don't modify */ #nav {width:958px;display: block; margin: 0; padding: 0; position: relative;z-index:999;} #nav ul li {display: block;background:url(../../img/top/nav_drop_bg1.png) repeat-y -5px top;width:241px;padding:2px;margin-bottom:0px;} #nav ul a {display: block;width:205px;padding:8px 13px;background:url(../../img/top/nav_drop_arrow.png) no-repeat 215px center;} #nav ul li.end{margin:0px;} #nav ul li.end a { display: block;width:205px;padding:8px 13px;background:#ededf1;border-bottom:0px;margin-bottom:0px;} #nav ul li.end span{color:#f3265b;font-size:11px;margin-bottom:0px;} #nav ul li.dropEnd {background:url(../../img/top/nav_drop_bg2.png) no-repeat -5px -5px;width:245px;height:5px;padding:0px;margin:0px;} #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a { zoom: 1; } /* IE6/7 fix */ #nav ul li { float: none; } #nav ul ul { top: 0; } /* Essentials - configure this */ #nav ul {width: 245px; } /*#nav ul.navW227, #nav ul.navW227 li, #nav ul.navW227 li a {width: 227px !important;} #nav ul.navW148, #nav ul.navW148 li, #nav ul.navW148 li a {width: 148px !important;}*/ /* Everything else is theming */ #nav *:hover { background-color: none; } #nav ul a {color:#666666; font-size:12px;} #nav ul { top: 49px; } #nav ul a.hover {background:url(../../img/top/nav_drop_arrow.png) no-repeat 215px center;text-decoration:none; } #nav ul a {border-bottom: 1px dotted #90806f;} #nav ul a.last {border-bottom: 0px dotted #4e3d2d;} /* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */ *+html #nav ul li.dropEnd {margin-top:-18px;}