@charset "Shift_JIS";
/* CSS Document */

body {
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	overflow: hidden;
}
#root {
	width: 950px;
	margin: 0 auto;
}
#root, #sierraWrapper {
	position: relative;
}
#contentsArea {
	width: 100%;
	margin-bottom: 0;
	overflow: hidden;
}
#sierraWrapper a {
	color: #341109;
	text-decoration: none;
}
#sierraWrapper a:hover {
	color: #341109;
	text-decoration: underline;
}
#sierraWrapper a:visited {
	color: #341109;
	text-decoration: none;
}
#sierraWrapper {
	width: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.4;
	font-size: 12px;
	color: #3d0e04;
	margin: 0;
}
_::content, _:future, #sierraWrapper:not(*:root) {
 font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#sierraHeader {
	background: #f5ede4;
	width: 100%;
	height: 98px;
	margin: 0 auto;
	border-top: 2px solid #e5ddd5;
}
#sierraHeader #headerContents {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#sierraHeader #headerContents h1.sierraLogo {
	width: 137px;
	height: 98px;
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
}
#sierraHeader #headerContents ul.sierraNavi {}
#sierraHeader #headerContents ul.sierraNavi li {
	float: left;
	margin: 0;
	padding: 0;
}
#sierraHeader #headerContents p.priceLink {
	position: absolute;
	top: 10px;
	right: 0;
}
#sierraHeader.PosA {
	position: absolute;
}
#sierraHeader.PosB {
	position: fixed;
}
#sierraHeader.PosA,
#sierraHeader.PosB {
	top: 0;
	left: 0;
	z-index: 10;
}
#sierraContents {
    padding-top: 98px;
}

/*** index ***/
#topMainVisual {
	position: relative;
	height: 620px;
	margin: 0;
	z-index: 1;
/*	overflow: hidden;*/
}
#topMainVisual div {
/*    background: #100702 center top no-repeat;*/
	background: #ffffff center top no-repeat;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
/*	min-width:1200px;*/
	width:100%;
	height:620px;
}
#topMainVisual div a {
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
/*	min-width:1200px;*/
	height: 620px;
	overflow: hidden;
	position: relative;
}
/*#topMainVisual div p.txt {
	background: #ffffff;
	position: relative;
	width: 1200px;
	height: 620px;
	margin: 0 auto;
	overflow: hidden;
}*/
#topMainVisual div p.txt strong {
	display: block;
	margin-top: -9999px;
}
#topMainVisual div .btn {
	position: absolute;
	display: block;
	text-decoration: none;
	-moz-transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	filter: alpha(opacity=100);
	opacity: 1;
}
#topMainVisual:hover div .btn {
	text-decoration: underline;
	-moz-transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
#topMainVisual #kv01bg {
	background: url(../img/mainA.jpg) no-repeat center center;
	background-size: cover;
	display: block;
}
#topMainVisual #kv01txt {
	background-image: url(../img/mainTxt01.png);
}
#topMainVisual #kv01txt .btn {
	top: 0px; left: 0px;
}
#topMainVisual #kv02bg {
	background: url(../img/mainB.jpg) no-repeat center center;
	background-size: cover;
}
#topMainVisual #kv02txt {
	background-image: url(../img/mainTxt02.png);
}
#topMainVisual #kv02txt .btn {
	top: 0px; left: 0px;
}
#topMainVisual #kv03bg {
	background: url(../img/mainC.jpg) no-repeat center center;
	background-size: cover;
}
#topMainVisual #kv03txt {
	background-image: url(../img/mainTxt03.png);
}
#topMainVisual #kv03txt .btn {
	top: 0px; left: 0px;
}
#topMainVisual #kv04bg {
	background: url(../img/mainD.jpg) no-repeat center center;
	background-size: cover;
}
#topMainVisual #kv04txt {
	background-image: url(../img/mainTxt04.png);
}
#topMainVisual #kv04txt .btn {
	top: 0px; left: 0px;
}
#topMainVisual #kv05bg {
	background: url(../img/mainE.jpg) no-repeat center center;
	background-size: cover;
}
#topMainVisual #kv05txt {
	background-image: url(../img/mainTxt05.png);
}
#topMainVisual #kv05txt .btn {
	top: 0px; left: 0px;
}
#topMainVisual div.current {
	z-index: 2;
}
#topMainVisual div a {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
/*	height: 100%;
	width: 100%;
	top: 200px;*/
}
#topMainVisual .kvlogo {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 11;
}
#topMainVisual .slideShowPager {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 10;
}
#topMainVisual .slideShowPager li {
	display: inline-block;
	margin: 0 0 0 10px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	color: #ffffff;
	font-size: 14px;
}
#topMainVisual .slideShowPager li.current {
	color: #a47a37;
}
#contentFrameWide.topBg {
	background: url(../img/topBg.png) no-repeat center bottom;
	background-size: cover;
}
#contentFrameWide .topConcept {
	text-align: center;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 150px;
}
#contentFrameWide .topConcept p.topSierraTitle {
	background: url(../img/topSierraLogo.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 164px;
	height: 104px;
	margin: 50px auto 0;
}
#contentFrameWide .topConcept h2.topSierraLead01 {
	background: url(../img/topBrandTxt.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 614px;
	height: 145px;
	margin: 50px auto 0;
}
#contentFrameWide .topConcept p.topIceaLogo {
	background: url(../img/topIceaLogo.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 156px;
	height: 76px;
	margin: 30px auto 0;
}
#contentFrameWide .topConcept h3.topSierraLead02 {
	background: url(../img/topIceaTxt.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 397px;
	height: 81px;
	margin: 20px auto 0;
}
#contentFrameWide .topConcept p.topDetailBtn {
	width: 300px;
	height: 40px;
	margin: 30px auto 0;
}
.topProducts {
	width: 952px;
	margin: 0 auto;
}
.topProducts p.topProductsTitle {
	background: url(../img/topHeadProducts.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 138px;
	height: 84px;
	margin: 0 auto;
}
.topProducts ul.topProductsList {
	width: 972px;
	margin: 24px -20px 0 0;
	overflow: hidden;
}
.topProducts ul.topProductsList li {
	width: 466px;
	height: 256px;
	margin: 0 20px 20px 0;
	float: left;
}
.topBtnArea {
	width: 912px;
	margin: 0 auto;
	padding-top: 80px;
	position: relative;
}
.topProducts .topBtnArea ul.topBtnList {
	width: 944px;
	marign-right: -32px;
	overflow: hidden;
}
.topProducts .topBtnArea ul.topBtnList li {
	width: 440px;
	height: 60px;
	margin-right: 32px;
	float: left;
}
.topBtnArea p.allItem5 {
	width: 220px;
	height: 35px;
	position: absolute;
	top: 26px;
	left: 585px;
}
p.topBnr01 {
	text-align: center;
	width: 840px;
	height: 120px;
	margin: 30px auto;
}
p.topBnr02 {
	text-align: center;
	width: 840px;
	height: 120px;
	margin: 60px auto;
}
p.topBnr03 {
	text-align: center;
	width: 800px;
	height: 140px;
	margin: 50px auto;
}
#topFooterMenu {
	width: 100%;
	border-top: 1px solid #ddc383;
}
#topFooterMenu.bgMotif {
	background: url(../img/bgMotif.png) no-repeat center 0;
    background-size: cover;
    padding: 90px 0;
}
#topFooterMenu .footerMenuInner {
	width: 893px;
	margin: 0 auto;
}
#topFooterMenu .footerMenuInner ul {
	width: 948px;
	margin-right: -55px;
	overflow: hidden;
}
#topFooterMenu .footerMenuInner ul li {
	margin-right: 55px;
	float: left;
}
#topFooterMenu .footerMenuInner ul li p {
	text-align: center;
	margin-top: 20px;
}
.carouselInner {
	*position: relative;
}
.carouselInner,
.carouselInner .itemWrap {
	overflow: hidden;
	zoom: 1;
}
.carouselInner .itemWrap {
	float: left;
}
.carouselInner .itemBox {
	float: left;
	position: relative;
}
.carouselLayout {
	width: 880px;
	margin: 80px auto;
	position: relative;
}
.btnl,
.btnr {
    position: absolute;
    cursor: pointer;
}
.carouselLayout .carouselInner .itemWrap {
	width: 880px;
}	
.carouselLayout .carouselInner .itemBox {
	width: 200px;
	margin: 10px;
	padding: 0;
}
.carouselLayout .carouselInner .itemBox p.itemImg {
	background: #ffffff;
	width: 198px;
	height: 198px;
	border: 1px solid #e1ccb1;
}
.carouselLayout .carouselInner .itemBox p.itemImg img {
	width: 198px;
	height: 149px;
	padding-top: 25px;
}
.carouselLayout .carouselInner .itemBox .name {
	font-size: 14px;
	margin-top: 20px;
}
.carouselLayout .carouselInner .itemBox .name span {
	color: #bba295;
}
.carouselLayout .btnl,
.carouselLayout .btnr {
	left: -59px;
	top: 70px;
}
.carouselLayout .btnr {
	left: auto;
	right: -59px;
}
/*** /index ***/

/*** Concept ***/
#mainConcept {
	background: url(../img/mainConcept.jpg) no-repeat center center;
	background-size: cover;
	display: table;
	width: 100%;
	height: 410px;
}
#mainConcept p.mainConceptImage {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	width: 332px;
	height: 209px;
	margin: 0 auto;	
}
#contentFrame {
	width: 1000px;
	margin: 50px auto 0;
	padding: 0;
}
#contentFrame p.conceptTitle{
	background: url(../img/headConcept.png) no-repeat center center;
	text-indent: -9999px;
	width: 122px;
	height: 84px;
	margin: 0 auto;
}
#contentFrame h2.conceptLead {
	background: url(../img/aboutConcept.png) no-repeat center center;
	text-indent: -9999px;
	width: 640px;
	height: 126px;
	margin: 50px auto 0;
}
#contentFrame p.conceptRightTxt {
	text-align: right;
	width: 500px;
	margin: 0 auto;
}
#contentFrame .movieArea {
	width: 800px;
	height: 450px;
	margin: 80px auto;
}
/*** /Concept ***/

/*** Products ***/
#contentFrame p.productsTitle{
	background: url(../img/headProducts.png) no-repeat center center;
	text-indent: -9999px;
	width: 129px;
	height: 84px;
	margin: 0 auto;
}
h2.productsLead01 {
	background: url(../img/productsTitle01.png) no-repeat center center;
	text-indent: -9999px;
	width: 1000px;
	height: 108px;
	margin: 40px auto 0;
}
#mainProducts01,
#mainProducts02,
#mainProducts03 {
	width: 100%;
	height: 600px;
}
#mainProducts01 {
	background: url(../img/mainProducts01.jpg) no-repeat center center;
	background-size: cover;
	margin-top: 45px;
}
#mainProducts01 .productsTitle {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#mainProducts01 .productsTitle img {
	position: absolute;
	top: 50px;
	right: -10px;
}
#mainProducts02 {
	background: url(../img/mainProducts02.jpg) no-repeat center center;
	background-size: cover;
}
#mainProducts02 .productsTitle {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#mainProducts02 .productsTitle img {
	position: absolute;
	top: 70px;
	left: -10px;
}
#mainProducts03 {
	background: url(../img/mainProducts03.jpg) no-repeat center center;
	background-size: cover;
}
#mainProducts03 .productsTitle {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#mainProducts03 .productsTitle img {
	position: absolute;
	top: 45px;
	right: 0px;
}
#bergamotArea {
	background: #f6f2e9;
	width: 100%;
	padding: 45px 0;
}
#bergamotArea h3.bergamotTitle {
	background: url(../img/titleBergamot.png) no-repeat 0 bottom;
	text-indent: -9999px;
	width: 1000px;
	height: 124px;
	margin: -100px auto 0;
	padding-top: 100px;
}
#roseArea {
	background: #faf1f3;
	width: 100%;
	padding: 45px 0;
}
#roseArea h3.roseTitle {
	background: url(../img/titleRose.png) no-repeat 0 bottom;
	text-indent: -9999px;
	width: 1000px;
	height: 121px;
	margin: -100px auto 0;
	padding-top: 100px;
}
ul.productsItem li.rose01 {
	background: url(../img/roseShampoo.png) no-repeat 0 0;
	float: left;
}
ul.productsItem li.rose02 {
	background: url(../img/roseTreatment.png) no-repeat 0 0;
	float: right;
}
#lavenderArea {
	background: #f7f5fc;
	width: 100%;
	padding: 45px 0;
}
#lavenderArea h3.lavenderTitle {
	background: url(../img/titleLavender.png) no-repeat 0 bottom;
	text-indent: -9999px;
	width: 1000px;
	height: 123px;
	margin: -100px auto 0;
	padding-top: 100px;
}
ul.productsItem li.lavender01 {
	background: url(../img/lavenderShampoo.png) no-repeat 0 0;
	float: left;
}
ul.productsItem li.lavender02 {
	background: url(../img/lavenderTreatment.png) no-repeat 0 0;
	float: right;
}
ul.productsItem {
	width: 922px;
	height: 600px;
	margin: 0 auto;
}
ul.productsItem li {
	width: 422px;
	height: 600px;
	position: relative;
}
ul.productsItem li.bergamot01 {
	background: url(../img/bergamotShampoo.png) no-repeat 0 0;
	float: left;
}
ul.productsItem li.bergamot02 {
	background: url(../img/bergamotTreatment.png) no-repeat 0 0;
	float: right;
}
ul.productsItem li p {
	position: absolute;
}
ul.productsItem li p.itemTitle {
	font-size: 18px;
	color: #937027;
	top: 350px;
	left: 22px;
}
ul.productsItem li p.itemTitle span {
	font-size: 14px;
}
ul.productsItem li .component {
	position: absolute;
	top: 415px;
	left: 22px;
}
ul.productsItem li .component p {
	width: 390px;
	margin-bottom: 10px;
	padding-left: 1em;
	text-indent: -1em;
	position: static;
}
ul.productsItem li .component p:before {
	content: "●";
}
ul.productsItem li p.productsPrice {
	font-size: 14px;
	top: 535px;
	left: 24px;
}
p.productsBtn {
	width: 400px;
	height: 50px;
	margin: 0 auto;
}
p.iceaST {
	width: 1000px;
	height: 270px;
	margin: 50px auto 0;
}
h2.productsLead02 {
	background: url(../img/productsTitle02.png) no-repeat center center;
	text-indent: -9999px;
	width: 1000px;
	height: 58px;
	margin: 90px auto 190px;
}
#outbathArea {
	background: url(../img/bgOutbath.png) repeat 0 bottom;
	width: 890px;
	padding: 55px;
	margin: 30px auto 50px;
    margin-top: -100px;
    padding-top: 100px;
}
#outbathArea h3 {
	text-indent: -9999px;
	width: 890px;
	height: 60px;
	margin: 0 auto;
}
#outbathArea .arrowImg {
	width: 45px;
	height: 27px;
	margin: 20px auto;
}
#outbathArea h3.outbathTitle {
	background: url(../img/outbathTitle.png) no-repeat 0 0;
}
#outbathArea h3.waxTitle {
	background: url(../img/waxTitle.png) no-repeat 0 0;
}
#outbathArea .hairoilArea {
	background: url(../img/hairoilArea.png) no-repeat 0 0;
	width: 890px;
	height: 460px;
	position: relative;
}
#outbathArea .hairoilArea p {
	position: absolute;
}
p.hairoilTitle {
	font-size: 18px;
	font-weight: bold;
	color: #d15f50;
	top: 200px;
	left: 200px;
}
p.hairoilTitle span {
	font-size: 12px;
	font-weight: normal;
}
p.hairoilAbout {
	width: 440px;
	top: 260px;
	left: 200px;
}
p.hairoilPrice {
	top: 320px;
	left: 200px;
}
p.hairoilBtn {
	top: 370px;
	left: 245px;
}
#outbathArea .cuticleArea {
	background: url(../img/cuticleArea.png) no-repeat 0 0;
	width: 890px;
	height: 1160px;
	position: relative;
}
#outbathArea .cuticleArea p {
	position: absolute;
}
p.cuticleTitle01 {
	font-size: 18px;
	font-weight: bold;
	color: #d15f50;
	top: 195px;
	left: 200px;
}
p.cuticleAbout01 {
	width: 440px;
	top: 285px;
	left: 200px;
}
p.cuticlePrice01 {
	top: 330px;
	left: 200px;
}
p.cuticleBtn01 {
	top: 370px;
	left: 245px;
}
p.cuticleTitle02 {
	font-size: 18px;
	font-weight: bold;
	color: #d15f50;
	top: 530px;
	left: 200px;
}
p.cuticleAbout02 {
	width: 440px;
	top: 620px;
	left: 200px;
}
p.cuticlePrice02 {
	top: 670px;
	left: 200px;
}
p.cuticleBtn02 {
	top: 710px;
	left: 245px;
}
p.cuticleTitle03 {
	font-size: 18px;
	font-weight: bold;
	color: #d15f50;
	top: 880px;
	left: 200px;
}
p.cuticleAbout03 {
	width: 440px;
	top: 970px;
	left: 200px;
}
p.cuticlePrice03 {
	top: 1020px;
	left: 200px;
}
p.cuticleBtn03 {
	top: 1060px;
	left: 245px;
}
p.cuticleTitle01 span,
p.cuticleTitle02 span,
p.cuticleTitle03 span {
	font-size: 12px;
	font-weight: normal;
}
#outbathArea .mistArea {
	background: url(../img/mistArea.png) no-repeat 0 bottom;
	width: 890px;
	height: 470px;
	position: relative;
	padding-top: 100px;
	margin-top: -100px;
}
#outbathArea .mistArea p {
	position: absolute;
}
p.mistTitle {
	font-size: 18px;
	font-weight: bold;
	color: #3b6c99;
	top: 312px;
	left: 200px;
}
p.mistTitle span {
	font-size: 12px;
	font-weight: normal;
}
p.mistAbout {
	width: 440px;
	top: 370px;
	left: 200px;
}
p.mistPrice {
	top: 430px;
	left: 200px;
}
p.mistBtn {
	top: 470px;
	left: 245px;
}
#outbathArea .waxArea {
	background: url(../img/waxArea.png) no-repeat 0 bottom;
	width: 890px;
	height: 900px;
	position: relative;
    margin-top: -100px;
    padding-top: 100px;
}
#outbathArea .waxArea p {
	position: absolute;
}
p.waxTitle01 {
	font-size: 18px;
	font-weight: bold;
	color: #35732e;
	top: 370px;
	left: 200px;
}
p.waxAbout01 {
	width: 440px;
	top: 460px;
	left: 200px;
}
p.waxPrice01 {
	top: 520px;
	left: 200px;
}
p.waxBtn01 {
	top: 550px;
	left: 245px;
}
p.waxTitle02 {
	font-size: 18px;
	font-weight: bold;
	color: #35732e;
	top: 710px;
	left: 200px;
}
p.waxAbout02 {
	width: 440px;
	top: 800px;
	left: 200px;
}
p.waxPrice02 {
	top: 870px;
	left: 200px;
}
p.waxBtn02 {
	top: 900px;
	left: 245px;
}
p.waxTitle01 span,
p.waxTitle02 span {
	font-size: 12px;
	font-weight: normal;
}
/*** /Products ***/

/*** Certification ***/
#mainCertification {
	background: url(../img/mainCertification.jpg) no-repeat center center;
	background-size: cover;
	display: table;
	text-indent: -9999px;
	width: 100%;
	height: 410px;
}
#contentFrame p.certificationTitle{
	background: url(../img/headCertification.png) no-repeat center center;
	text-indent: -9999px;
	width: 186px;
	height: 84px;
	margin: 0 auto;
}
#contentFrame p.certificationMark {
	margin: 50px auto 0;
	text-align: center;
}
#contentFrame h2.certificationLead {
	background: url(../img/aboutCertification.png) no-repeat center center;
	text-indent: -9999px;
	width: 824px;
	height: 123px;
	margin: 50px auto 0;
}
#contentFrameWide {
	width: 100%;
}
#contentFrameWide.bgMotif {
	background: url(../img/bgMotif.png) no-repeat center 0;
	background-size: cover;
	padding: 90px 0;
}
#contentFrameWide p.csrTitle {
	background: url(../img/csrTitle.png) no-repeat 0 0;
	text-align: center;
	text-indent: -9999px;
	width: 640px;
	height: 84px;
	margin: 0 auto;
}
#contentFrameWide dl.csrActivities {
	width: 824px;
	margin: -8px auto 0;
	padding-top: 108px;
}
#contentFrameWide dl.csrActivities dt {
	width: 108px;
	height: 142px;
	float: left;
}
#contentFrameWide dl.csrActivities dd {
	width: 680px;
	float: right;
}
#contentFrameWide dl.csrActivities dd h3.areaTitle {
	font-size: 22px;
	font-weight: normal;
	color: #a07634;
	line-height: 2;
}
#contentFrameWide dl.csrActivities dd p.areaTxt {
	font-size: 14px;
	line-height: 1.8;
}
#contentFrameWide dl.csrActivities dd p.areaTxt span {
	font-size: 12px;
}
/*** /Certification ***/

/*** Herbal method ***/
#mainHerbal {
	background: url(../img/mainHerbal.jpg) no-repeat center center;
	background-size: cover;
	display: table;
	text-indent: -9999px;
	width: 100%;
	height: 410px;
}
#contentFrame p.herbalTitle{
	background: url(../img/headHerbal.png) no-repeat center center;
	text-indent: -9999px;
	width: 226px;
	height: 84px;
	margin: 0 auto;
}
#contentFrame h2.herbalLead {
	background: url(../img/aboutHerbal.png) no-repeat center center;
	text-indent: -9999px;
	width: 824px;
	height: 123px;
	margin: 50px auto 0;
}
/*** /Herbal method ***/

/*** 12standards ***/
#mainStandards {
	background: url(../img/mainStandards.jpg) no-repeat center center;
	background-size: cover;
	text-indent: -9999px;
	width: 100%;
	height: 410px;
}
#contentFrame p.standardsTitle{
	background: url(../img/headStandards.png) no-repeat center center;
	text-indent: -9999px;
	width: 171px;
	height: 84px;
	margin: 0 auto;
}
#contentFrame h2.standardsLead {
	background: url(../img/aboutStandards.png) no-repeat center center;
	text-indent: -9999px;
	width: 682px;
	height: 33px;
	margin: 50px auto 0;
}
#standardFrame {
	background: url(../img/bgLogo.png) no-repeat center bottom;
	padding-bottom: 70px;
}
#standardFrame ul.standardsList {
	width: 640px;
	margin: 50px auto 0;
}
#standardFrame ul.standardsList li {
	font-size: 14px;
	color: #341109;
	line-height: 4;
	padding-left: 50px;
}
#standardFrame ul.standardsList li.listNum01 {
	background: url(../img/listNum01.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum02 {
	background: url(../img/listNum02.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum03 {
	background: url(../img/listNum03.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum04 {
	background: url(../img/listNum04.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum05 {
	background: url(../img/listNum05.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum06 {
	background: url(../img/listNum06.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum07 {
	background: url(../img/listNum07.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum08 {
	background: url(../img/listNum08.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum09 {
	background: url(../img/listNum09.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum10 {
	background: url(../img/listNum10.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum11 {
	background: url(../img/listNum11.png) no-repeat 0 center;
}
#standardFrame ul.standardsList li.listNum12 {
	background: url(../img/listNum12.png) no-repeat 0 center;
}
/*** /12standards ***/

/*** FAQ ***/
#mainFaq {
	background: url(../img/mainFaq.jpg) no-repeat center center;
	background-size: cover;
	text-indent: -9999px;
	width: 100%;
	height: 410px;
}
#contentFrame p.faqTitle{
	background: url(../img/headFaq.png) no-repeat center center;
	text-indent: -9999px;
	width: 90px;
	height: 84px;
	margin: 0 auto;
}
#contentFrame h2.faqLead {
	font-size: 20px;
	font-weight: normal;
	color: #a88248;
	text-align: center;
	margin: 60px auto;
}
#faqFrame {
	background: #f9f3e9;
	width: 100%;
}
#faqFrame.bgMotif {
	background: #f9f3e9 url(../img/bgMotif.png) no-repeat center 0;
	background-size: cover;
	padding: 40px 0;
}
#faqFrame #faqWrap {
	width:750px;
	margin:0 auto;
}
#faqFrame #faqWrap dl {
	margin-top:30px;
}
#faqFrame #faqWrap dl dt {
	font-size:14px;
	line-height: 32px;
	height: 32px;
	margin-bottom:10px;
	padding: 0 0 10px 70px;
	border-bottom:2px solid #ab854d;
	position:relative;
	cursor:pointer;
}
#faqFrame #faqWrap dl dt:after {
	width:19px;
	height:11px;
	content:" ";
	background:url(../img/arrow_down.gif) no-repeat;
	background-size:19px 11px;
	position:absolute;
	right:0;
	top:10px;
}
#faqFrame #faqWrap dl.open dt:after {
	background:url(../img/arrow_up.gif) no-repeat;
}
#faqFrame #faqWrap dl dt.q01 {
	background:url(../img/q01.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q02 {
	background:url(../img/q02.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q03 {
	background:url(../img/q03.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q04 {
	background:url(../img/q04.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q05 {
	background:url(../img/q05.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q06 {
	background:url(../img/q06.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q07 {
	background:url(../img/q07.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q08 {
	background:url(../img/q08.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q09 {
	background:url(../img/q09.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q10 {
	background:url(../img/q10.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q11 {
	background:url(../img/q11.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q12 {
	background:url(../img/q12.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q13 {
	background:url(../img/q13.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q14 {
	background:url(../img/q14.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q15 {
	background:url(../img/q15.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q16 {
	background:url(../img/q16.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q17 {
	background:url(../img/q17.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q18 {
	background:url(../img/q18.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q19 {
	background:url(../img/q19.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q20 {
	background:url(../img/q20.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dt.q21 {
	background:url(../img/q21.png) no-repeat 0 0;
}
#faqFrame #faqWrap dl dd {
	font-size: 14px;
	background:url(../img/answerIcon.png) no-repeat 20px 0;
	line-height: 1.8;
	padding-left: 70px;
}
/*** FAQ ***/

/*** Price ***/
p.priceTitle{
	background: url(../img/headPrice.png) no-repeat center center;
	text-indent: -9999px;
	width: 72px;
	height: 84px;
	margin: 50px auto;
}
h2.priceLead {
	background: url(../img/aboutPrice.png) no-repeat center center;
	text-indent: -9999px;
	width: 726px;
	height: 83px;
	margin: 40px auto 0;
}
#Series {
	width: 1000px;
	margin: 40px auto; 0
}
#Series .bbArea {
	background: url(../img/bbArea.png) no-repeat center bottom;
	display: block;
	width: 1000px;
	height: 456px;
	position: relative;
	padding-top: 100px;
	margin-top: -100px;
	z-index: 4;
}
#Series .bbArea ul.priceItemList {
	padding: 70px 0 0 270px;
}
#Series .drArea {
	background: url(../img/drArea.png) no-repeat center bottom;
	display: block;
	width: 1000px;
	height: 406px;
	position: relative;
	padding-top: 100px;
	margin-top: -100px;
	z-index: 3;
}
#Series .drArea ul.priceItemList {
	padding: 28px 0 0 270px;
}
#Series .ldArea {
	background: url(../img/ldArea.png) no-repeat center bottom;
	display: block;
	width: 1000px;
	height: 409px;
	position: relative;
	padding-top: 100px;
	margin-top: -100px;
	z-index: 2;
}
#Series .ldArea ul.priceItemList {
	padding: 30px 0 0 270px;
}
#Series .outbathArea {
	background: url(../img/outbathArea.png) no-repeat center bottom;
	display: block;
	width: 1000px;
	height: 416px;
	position: relative;
	padding-top: 100px;
	margin-top: -100px;
	z-index: 1;
}
#Series .outbathArea ul.priceItemList {
	padding: 30px 0 0 270px;
}
#Series .stylingArea {
	background: url(../img/stylingArea.png) no-repeat center bottom;
	display: block;
	width: 1000px;
	height: 486px;
	position: relative;
	padding-top: 100px;
	margin-top: -100px;
	z-index: 0;
}
#Series .stylingArea ul.priceItemList {
	padding: 30px 0 0 270px;
}
ul.priceItemList li {
	font-size: 14px;
	width: 150px;
	margin-right: 20px;
	float: left;
	position: relative;
}
#Series .popup {
	background: url(../img/popup_bg.png) no-repeat 5px 7px;
	width: 86px;
	height: 23px;
	padding: 7px 5px 17px;
	position: absolute;
	display: none;
	z-index: 5;
	left: -5px;
	bottom: 80px;
}
ul.priceItemList li p.priceItemImg {
	width: 150px;
	height: 150px;
}
ul.priceItemList li p.priceItemName {
	color: #937027;
	margin-top: 5px;
}
ul.priceItemList li p.priceItemName span {
	font-size: 12px;
}
ul.priceItemList li p.priceMaker {
	color: #58190c;
	margin: 0;
}
ul.priceItemList li p.priceBG {
	font-size: 16px;
	font-weight: bold;
	color: #58190c;
}
ul.priceItemList li p.detailBtnS {
	width: 150px;
	height: 32px;
	margin-top: 10px;
}
ul.priceItemList li p.cartBtnG {
	width: 150px;
	height: 40px;
	margin-top: 5px;
}
#setWrap {
	width: 1000px;
	margin: -20px auto 0;
	padding-top: 100px;
}
#setWrap h3.setTitle {
	background: url(../img/setTitle.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 626px;
	height: 32px;
	margin: 0 auto;
}
#setWrap .setContents {
	background: url(../img/setBg.png) repeat 0 0;
	width: 1000px;
	margin: 50px auto 0;
	padding: 20px 0;
}
#setWrap .setContents .setLeft {
	width: 500px;
	float: left;
}
#setWrap .setContents .setLeft p.lightTitle {
	background: url(../img/lightTitle.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 500px;
	height: 120px;
}
#setWrap .setContents .setLeft p.lightTxt {
	background: url(../img/lightTxt.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 500px;
	height: 32px;
}
#setWrap .setContents .setLeft .lightItem {
	background: url(../img/lightSet.png) no-repeat 0 0;
	width: 500px;
	height: 338px;
	position: relative;
}
#setWrap .setContents .setLeft .lightItem p {
	font-size: 14px;
	line-height: 1.5;
	top: 243px;
	left: 126px;
	position: absolute;
}
#setWrap .setContents .setLeft .lightSpecial {
	background: url(../img/lightSpecial.png) no-repeat 0 0;
	width: 500px;
	height: 500px;
	position: relative;
}
#setWrap .setContents .setLeft .lightSpecial p {
	font-size: 14px;
	color: #9b4246;
	position: absolute;
}
#setWrap .setContents .setLeft .lightSpecial p a {
	color: #cc797d;
}
#setWrap .setContents .setLeft .lightSpecial p span {
	font-size: 12px;
	color: #58190c;
}
#setWrap .setContents .setLeft .lightSpecial p.special01 {
	top: 157px;
	left: 120px;
}
#setWrap .setContents .setLeft .lightSpecial p.special02 {
	top: 226px;
	left: 120px;
}
#setWrap .setContents .setLeft .lightSpecial p.special03 {
	top: 347px;
	left: 120px;
}
#setWrap .setContents .setLeft .lightSpecial p.special04 {
	top: 407px;
	left: 120px;
}
#setWrap .setContents .setLeft .lightPrice {
	background: url(../img/lightPrice.png) no-repeat 0 0;
	height: 310px;
	position: relative;
}
#setWrap .setContents .setRight {
	width: 500px;
	float: right;
	position: relative;
}
#setWrap .setContents .setRight p.deluxeTitle {
	background: url(../img/deluxeTitle.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 500px;
	height: 120px;
}
#setWrap .setContents .setRight p.deluxeTxt {
	background: url(../img/deluxeTxt.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 500px;
	height: 32px;
}
#setWrap .setContents .setRight .deluxeItem {
	background: url(../img/deluxeSet.png) no-repeat 0 0;
	width: 500px;
	height: 338px;
	position: relative;
}
#setWrap .setContents .setRight .deluxeItem p {
	font-size: 14px;
	line-height: 1.5;
	top: 263px;
	left: 120px;
	position: absolute;
}
#setWrap .setContents .setRight .deluxeSpecial {
	background: url(../img/deluxeSpecial.png) no-repeat 0 0;
	width: 500px;
	height: 500px;
	position: relative;
}
#setWrap .setContents .setRight .deluxeSpecial p {
	font-size: 14px;
	color: #9b4246;
	position: absolute;
}
#setWrap .setContents .setRight .deluxeSpecial p a {
	color: #cc797d;
}
#setWrap .setContents .setRight .deluxeSpecial p span {
	font-size: 12px;
	color: #58190c;
}
#setWrap .setContents .setRight .deluxeSpecial p.special01 {
	top: 157px;
	left: 114px;
}
#setWrap .setContents .setRight .deluxeSpecial p.special02 {
	top: 219px;
	left: 114px;
}
#setWrap .setContents .setRight .deluxeSpecial p.special03 {
	top: 347px;
	left: 114px;
}
#setWrap .setContents .setRight .deluxeSpecial p.special04 {
	top: 407px;
	left: 114px;
}
#setWrap .setContents .setRight .deluxePrice {
	background: url(../img/deluxePrice.png) no-repeat 0 0;
	height: 310px;
	position: relative;
}
#setWrap .setContents .setLeft .lightPrice p.normalPrice,
#setWrap .setContents .setRight .deluxePrice p.normalPrice {
	font-size: 18px;
	position: absolute;
	top: 150px;
	left: 135px;
}
#setWrap .setContents .setLeft .lightPrice p.setPrice,
#setWrap .setContents .setRight .deluxePrice p.setPrice {
	font-size: 32px;
	font-weight: bold;
	color: #cb4a50;
	position: absolute;
	top: 170px;
	left: 125px;
}
#setWrap .setContents .setLeft .lightPrice p.setPrice span,
#setWrap .setContents .setRight .deluxePrice p.setPrice span {
	font-size: 24px;
	color: #3d0e04;
}
#setWrap .setContents .setLeft .lightPrice ul.lightBtn,
#setWrap .setContents .setRight .deluxePrice ul.deluxeBtn {
	position: absolute;
	top: 222px;
}
#setWrap .setContents .setLeft .lightPrice ul.lightBtn {
	left: 157px;
}
#setWrap .setContents .setRight .deluxePrice ul.deluxeBtn {
	left: 148px;
}
#setWrap .setContents .setLeft .lightPrice ul.lightBtn li,
#setWrap .setContents .setRight .deluxePrice ul.deluxeBtn li {
	height: 48px;
}
#setWrap .setContents .setLeft .lightPrice ul.lightBtn li p,
#setWrap .setContents .setRight .deluxePrice ul.deluxeBtn li p {
	width: 195px;
	height: 48px;
	margin-right: 10px;
	float: left;
}
#setWrap .popup {
	background: url(../img/popup_bg.png) no-repeat 5px 7px;
	width: 86px;
	height: 23px;
	padding: 7px 5px 17px;
	position: absolute;
	display: none;
	z-index: 5;
	left: 225px;
	bottom: 80px;
}
#promotionWrap {
	width: 1000px;
	margin: 80px auto;
}
#promotionWrap h3.promotionTitle {
	background: url(../img/promotionTitle.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 402px;
	height: 32px;
	margin: 0 auto;
}
#promotionWrap .promotionContents {
	background: url(../img/promotionBg.png) repeat 0 0;
	width: 1000px;
	margin: 50px auto 0;
	padding: 40px 0;
}
#promotionWrap .promotionContents p.promotionTxt {
	background: url(../img/promotionTxt.png) repeat 0 0;
	text-indent: -9999px;
	width: 1000px;
	height: 75px;
}
#promotionWrap .promotionContents .promotionLeft {
	width: 500px;
	float: left;
}
#promotionWrap .promotionContents .promotionLeft p.pamphletTitle {
	background: url(../img/pamphletTitle.png) no-repeat 0 0;
	text-indent: -9999px;
	height: 77px;
}
#promotionWrap .promotionContents .promotionLeft .pamphletContents {
	background: url(../img/pamphletContents.png) no-repeat 0 0;
	height: 320px;
	position: relative;
}
#promotionWrap .promotionContents .promotionLeft .pamphletContents p {
	font-size: 14px;
	width: 420px;
	position: absolute;
	top: 260px;
	left: 46px;
}
#promotionWrap .promotionContents .promotionLeft .pamphletPrice {
	background: url(../img/pamphletPrice.png) no-repeat 0 0;
	height: 246px;
	position: relative;
}
#promotionWrap .promotionContents .promotionRight {
	width: 500px;
	float: right;
}
#promotionWrap .promotionContents .promotionRight p.bagTitle {
	background: url(../img/bagTitle.png) no-repeat 0 0;
	text-indent: -9999px;
	height: 77px;
}
#promotionWrap .promotionContents .promotionRight .bagContents {
	background: url(../img/bagContents.png) no-repeat 0 0;
	height: 320px;
	position: relative;
}
#promotionWrap .promotionContents .promotionRight .bagContents p {
	font-size: 14px;
	width: 420px;
	position: absolute;
	top: 260px;
	left: 46px;
}
#promotionWrap .promotionContents .promotionRight .bagPrice {
	background: url(../img/bagPrice.png) no-repeat 0 0;
	height: 246px;
	position: relative;
}

#promotionWrap .promotionContents .promotionLeft .pamphletPrice p.bgPrice,
#promotionWrap .promotionContents .promotionRight .bagPrice p.bgPrice {
	font-size: 32px;
	font-weight: bold;
	color: #cb4a50;
	position: absolute;
	top: 100px;
	left: 150px;
}
#promotionWrap .promotionContents .promotionLeft .pamphletPrice p.bgPrice span,
#promotionWrap .promotionContents .promotionRight .bagPrice p.bgPrice span {
	font-size: 24px;
	color: #3d0e04;
}
#promotionWrap .promotionContents .promotionLeft .pamphletPrice ul.pamphletBtn,
#promotionWrap .promotionContents .promotionRight .bagPrice ul.bagBtn {
	position: absolute;
	top: 162px;
}
#promotionWrap .promotionContents .promotionLeft .pamphletPrice ul.pamphletBtn {
	left: 59px;
}
#promotionWrap .promotionContents .promotionRight .bagPrice ul.bagBtn {
	left: 41px;
}
#promotionWrap .promotionContents .promotionLeft .pamphletPrice ul.pamphletBtn li,
#promotionWrap .promotionContents .promotionRight .bagPrice ul.bagBtn li {
	height: 48px;
}
#promotionWrap .promotionContents .promotionLeft .pamphletPrice ul.pamphletBtn li p,
#promotionWrap .promotionContents .promotionRight .bagPrice ul.bagBtn li p {
	width: 195px;
	height: 48px;
	margin-right: 10px;
	float: left;
}
#promotionWrap .popup {
	background: url(../img/popup_bg.png) no-repeat 5px 7px;
	width: 86px;
	height: 23px;
	padding: 7px 5px 17px;
	position: absolute;
	display: none;
	z-index: 5;
	left: 225px;
	bottom: 80px;
}
/*** /Price ***/

/*** Footer ***/
#footerMenu {
	background: url(../img/bgFooterMenu.png) repeat 0 0;
	width: 100%;
	height: 187px;
	padding: 70px 0;
	border-top: 1px solid #ddc383;
}
#footerMenu .footerMenuInner {
	width: 977px;
	margin: 0 auto;
}
#footerMenu .footerMenuInner ul {
	width: 1002px;
	margin-right: -25px;
	overflow: hidden;
}
#footerMenu .footerMenuInner ul li {
	margin-right: 25px;
	float: left;
}
#mainFooter {
	width: 100%;
	background: url(../img/bgFooter.png) repeat 0 0;
}
#mainFooter .footerInner {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0;
}
#mainFooter .footerInner ul.btnArea {
	width: 1008px;
	height: 52px;
	margin: 0 -28px 40px 0;
	overflow: hidden;
}
#mainFooter .footerInner ul.btnArea li {
	margin-right: 28px;
	float: left;
}
#mainFooter .footerInner p.footerTxt {
	color: #341109;
}
#mainFooter .footerInner p.telNumber {
	font-size: 24px;
	font-weight: bold;
	color: #341109;
	background: url(../img/telIcon.png) no-repeat 0 0;
	line-height: 1;
	margin: 5px 0;
	padding-left: 20px;
}
#mainFooter .footerInner p.mailLink {
	font-size: 16px;
	background: url(../img/mailIcon.png) no-repeat 0 center;
	line-height: 1;
	margin: 5px 0;
	padding-left: 20px;
}
#mainFooter .footerInner .footerBottomLeft {
	width: 476px;
	float: left;
}
#mainFooter .footerInner .footerBottomLeft .telContact {
	float: left;
}
#mainFooter .footerInner .footerBottomLeft .mailContact {
	float: right;
}
#mainFooter .footerInner .footerBottomRight {
	width: 476px;
	float: right;
}
#mainFooter .footerInner .footerBottomRight p.brandLink {
	float: left;
}
#mainFooter .footerInner .footerBottomRight ul.linkIcon {
	float: right;
}
#mainFooter .footerInner .footerBottomRight ul.linkIcon li {
	margin-left: 8px;
	float: left;
}
/*** /Footer ***/

/*** Common ***/
p.centerTxt {
	font-size: 14px;
	text-align: center;
	line-height: 2;
	margin: 50px auto 0;
}
.areaBorder {
	width: 824px;
	height: 1px;
	margin: 70px auto 0;
}
p.attentionTxt {
	font-size: 12px;
	text-align: left;
	width: 630px;
	margin: 20px auto;
	padding-left: 90px;
}
#goTop {
	display: none;
}
#goTop.PosA {
    position: fixed;
}
#goTop.PosB {
    position: absolute;
}
#goTop.PosA,
#goTop.PosB {
    z-index: 11;
    right: 10px;
    bottom: 10px;
}
.shadow {
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 4px 0px;
}
/*** /Common ***/

#pagetop {
	margin: 20px auto;
}