@charset "utf-8";


/* 左ナビ */

#nv-box{
	border-bottom: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-right: solid 1px #BBB;
	margin-bottom: 20px;
}

#nv-box a{
	background-repeat: no-repeat;
	display: block;
	color: #333;
}

#nv-box h2{
	border-top: solid 1px #BBB;
}

#nv-box h2 a{
	background-image: url(../images/navi/nv-link.png);
	background-position: 190px center;
	color: #333;
	font-size: 117%;
	font-weight: bold;
	padding: 20px 12px;
}

#nv-box h2 a.current{
	background-image: url(../images/navi/nv-link_on.png);
}

#nv-box a:hover,
#nv-box a.current{
	background-color: #FAFBF1;
	color: #267852;
}

#nv-box ul{
	border-top: solid 1px #BBB;
	font-size: 109%;
}

#nv-box ul li a{
	background-image: url(../images/navi/nv-link02.png);
	background-position: 200px center;
	border-bottom: dotted 1px #BBB;
	padding: 10px 12px;
}

#nv-box ul li a.current{
	background-image: url(../images/navi/nv-link02_on.png);
}

.arrow a{
	background-image: url(../images/navi/nv-arrow.png) !important;
}

#nv-box ul li:last-child a{
	border: none;
}

#nv-box ul li ul{
	background-color: #FAFBF1;
	border-bottom: dotted 1px #BBB;
	border-top: none;
	font-size: 93%;
}




#nv-box ul li ul li a{
	background-image: none;
	border: none;
	padding: 10px 20px;
}

#nv-box ul li ul li a.current{
	background-image: none;
	text-decoration: underline;
}

@media screen and (max-width:767px){
	.isRsp #nv-box {
		display: none;
	}
}


/* breadCrumb */

#breadCrumb{
	margin: 0 auto;
	width: 1000px;
}

#breadCrumb li{
	display: inline;
}

#breadCrumb li a{
	display: inline-block;
}

@media screen and (max-width:767px){
	.isRsp #breadCrumb{
		width: auto;
		font-size: 12px;
		padding-right: 10px;
		padding-left: 10px;
		line-height: 1.6;
	}
	.isRsp #breadCrumb li a {
		display: inline;
	}
}




/* 右記事 */

#article p{
	font-size: 134%;
}

h1{
    margin-bottom: 20px;
}

#article h2{
	font-size: 140%;
	font-weight: bold;
	margin: 50px 0 20px;
}

@media screen and (max-width:767px){
	.isRsp #article p{
		font-size: 100%;
	}
	.isRsp h1 {
		margin-bottom: 15px;
	}
	.isRsp #article h2 {
		margin: 30px 0 10px;
	}
}

.h2-type a{
	background-image: url(../images/second/link.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	border-bottom: solid 1px #BBB;
	border-left: solid 4px #277852;
	border-right: solid 1px #BBB;
	border-top: solid 1px #BBB;
	color: #333;
	display: block;
	font-size: 134%;
	font-weight: bold;
	padding: 17px 19px;
	text-decoration: none !important;
}

.h2-type02{
	background-color: #FAF8F3;
	background-image: url(../images/beeswax/bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #CCC;
	color: #488EB2;
	font-size: 134%;
	font-weight: bold;
	padding: 5px 20px;
}

#article h3{
	margin: 40px 0 20px;
	font-weight: bold;
	font-size: 125%;
}



#article h4{
	font-size: 150%;
	font-weight: bold;
	margin: 40px 0 10px;
}

.btn-buy a{
	background-image: url(../images/second/buy.jpg);
	display: block;
	height: 44px;
	width: 172px;
}

.btn-buy-stop a{
	background-image: url(../images/second/buy-stop.jpg);
	display: block;
	height: 44px;
	width: 172px;
}

.btn-buy02 a{
	background-image: url(../images/second/buy02.jpg);
	display: block;
	height: 61px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-buy03 a{
	background-image: url(../images/second/buy03.jpg);
	display: block;
	height: 44px;
	margin: 0 auto;
	width: 150px;
}


.btn-buy-summary a{
	background-image: url(../bottle/images/buy-summary.jpg);
	display: block;
	height: 42px;
	margin: -45px 0 0 360px;
	width: 200px;
}

#btn-knowledge a{
	background-image: url(../images/second/knowledge.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

#btn-use a{
	background-image: url(../images/second/use.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

#btn-encyclopedia a{
	background-image: url(../images/second/encyclopedia.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

#btn-bottle a{
	background-image: url(../images/second/bottle.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-gift a{
	background-image: url(../images/second/gift.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-shopping a{
	background-image: url(../images/second/shopping.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-bottle02 a{
	background-image: url(../images/second/bottle02.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-carrieroiljiten a{
	background-image: url(../images/second/carrieroiljiten.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-quality a{
	background-image: url(../images/second/quality.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-carrieroilpro a{
	background-image: url(../images/second/carrieroilpro.jpg);
	display: block;
	height: 42px;
	margin-bottom: 10px;
	width: 300px;
}

.btn-story a{
	background-image: url(../shampoo/images/story.jpg);
	display: block;
	height: 248px;
	width: 748px;
}

.btn-order a{
	background-image: url(../shampoo/images/order.gif);
	display: block;
	height: 56px;
	margin: 30px auto;
	width: 235px;
}

.btn-order02 a{
	background-image: url(../skincare/images/skinlotion/btn02.jpg);
	display: block;
	height: 64px;
	margin: 30px auto;
	width: 323px;
}

.btn-teiki a{
	background-image: url(../shampoo/images/teiki.gif);
	display: block;
	height: 233px;
	margin-bottom: 30px;
}

#btn-voice a{
	background-image: url(../shampoo/images/voice.jpg);
	display: block;
	height: 200px;
}

.btn-present a{
	background-image: url(../images/second/present.jpg);
	display: block;
	height: 114px;
	margin: 30px 0;
}

.btn-textbook a{
	background-image: url(../images/mouette/textbook.jpg);
	display: block;
	height: 94px;
	margin: 30px auto;
	width: 572px;
}

.btn-tukurou a{
	background-image: url(../images/beeswax/tukurou.jpg);
	display: block;
	height: 42px;
	width: 300px;
}

.btn-interval_change a{
	background-repeat: no-repeat;
	background-image: url(../teiki/images/btn.jpg);
	display: block;
	height: 42px;
	margin: 10px auto;
	width: 240px;
}

.btn-delivery_change a{
	background-repeat: no-repeat;
	background-image: url(../teiki/images/btn02.jpg);
	display: block;
	height: 42px;
	margin: 10px auto;
	width: 240px;
}

.btn-kaihatsu a{
	background-image: url(../skincare/images/skinlotion/btn.jpg);
	display: block;
	height: 50px;
	margin-bottom: 10px;
	width: 720px;
}

.btn-kaihatsu02 a{
	background-image: url(../skincare/images/skinlotion/btn03.jpg);
	display: block;
	height: 113px;
	margin: 20px 0;
}

.btn-kaihatsu03 a{
	background-image: url(../skincare/images/skinlotion/btn04.jpg);
	display: block;
	height: 56px;
	margin-top: 20px;
}

#btn-kaihatsu04 a{
	background-image: url(../skincare/soap/images/btn.jpg);
	display: block;
	height: 214px;
	margin: 30px auto;
	width: 696px;
}

#btn-kaihatsu05 a{
	background-image: url(../amino/images/good/kaihastu.jpg);
	display: block;
	height: 248px;
	margin-bottom: 100px;
}

.btn-roseotto a{
	background-image: url(../skincare/images/skinlotion/btn05.jpg);
	display: block;
	height: 56px;
	margin: 20px auto;
	width: 274px;
}



.link-mark{
	background-image: url(../images/second/link.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
    padding-left: 25px;
}
	
.box-type{
	background-image: url(../images/second/box-type-bg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	border: solid 1px #CCC;
	clear: both;
	margin: 40px 0 20px;
	overflow: hidden;
	padding: 10px 0;
	width: 746px;
}

.box-title{
	background-repeat: no-repeat;
	background-position: 20px center;
	color: #999;
	float: left;
	text-align: right;
	width: 573px;
}

#title-a{
	background-image: url(../images/second/title-a.gif);
}

#title-ka{
	background-image: url(../images/second/title-ka.gif);
}

#title-sa{
	background-image: url(../images/second/title-sa.gif);
}

#title-ta{
	background-image: url(../images/second/title-ta.gif);
}

#title-na{
	background-image: url(../images/second/title-na.gif);
}

#title-ha{
	background-image: url(../images/second/title-ha.gif);
}

#title-ma{
	background-image: url(../images/second/title-ma.gif);
}

#title-ya{
	background-image: url(../images/second/title-ya.gif);
}

#title-ra{
	background-image: url(../images/second/title-ra.gif);
}

#title-bottle{
	background-image: url(../bottle/images/title-bottle.gif);
	height: 18px;
}

#title-bottle_wt{
	background-image: url(../bottle/images/title-bottle_wt.gif);
	height: 18px;
}

#title-spray_bottle{
	background-image: url(../bottle/images/title-spray_bottle.gif);
	height: 18px;
}

#title-pump_bottle{
	background-image: url(../bottle/images/title-pump_bottle.gif);
	height: 18px;
}

#title-spuit_bottle{
	background-image: url(../bottle/images/title-spuit_bottle.gif);
	height: 18px;
}

#title-asagao{
	background-image: url(../bottle/images/title-asagao.gif);
	height: 18px;
}

#title-blue_bottle{
	background-image: url(../bottle/images/title-blue_bottle.gif);
	height: 18px;
}

#title-blue_bottle_wt{
	background-image: url(../bottle/images/title-blue_bottle_wt.gif);
	height: 18px;
}

#title-blue_spray{
	background-image: url(../bottle/images/title-blue_spray.gif);
	height: 18px;
}

#title-blue_pump{
	background-image: url(../bottle/images/title-blue_pump.gif);
	height: 18px;
}

#title-cream{
	background-image: url(../bottle/images/title-cream.gif);
	height: 18px;
}

#title-white_bottle{
	background-image: url(../bottle/images/title-white_bottle.gif);
	height: 18px;
}

#title-cap{
	background-image: url(../bottle/images/title-cap.gif);
	height: 18px;
}

#title-cap-spraycap{
	background-image: url(../bottle/images/title-cap-spraycap.gif);
	height: 18px;
}

#title-cap-pumpcap{
	background-image: url(../bottle/images/title-cap-pumpcap.gif);
	height: 18px;
}

#title-beaker{
	background-image: url(../bottle/images/title-beaker.gif);
	height: 18px;
}

#title-suyakipot{
	background-image: url(../bottle/images/title-suyakipot.gif);
	height: 18px;
}

#title-others{
	background-image: url(../bottle/images/title-others.gif);
	height: 18px;
}

#title-bottle02{
	background-image: url(../bottle/images/title-bottle02.gif);
	height: 18px;
}

#title-bottle_wt02{
	background-image: url(../bottle/images/title-bottle_wt02.gif);
	height: 18px;
}

#title-spray_bottle02{
	background-image: url(../bottle/images/title-spray_bottle02.gif);
	height: 18px;
}

#title-pump_bottle02{
	background-image: url(../bottle/images/title-pump_bottle02.gif);
	height: 18px;
}

#title-spuit_bottle02{
	background-image: url(../bottle/images/title-spuit_bottle02.gif);
	height: 18px;
}

#title-asagao02{
	background-image: url(../bottle/images/title-asagao02.gif);
	height: 18px;
}

#title-blue_bottle02{
	background-image: url(../bottle/images/title-blue_bottle02.gif);
	height: 18px;
}

#title-blue_bottle_wt02{
	background-image: url(../bottle/images/title-blue_bottle_wt02.gif);
	height: 18px;
}

#title-blue_spray02{
	background-image: url(../bottle/images/title-blue_spray02.gif);
	height: 18px;
}

#title-blue_pump02{
	background-image: url(../bottle/images/title-blue_pump02.gif);
	height: 18px;
}

#title-cream02{
	background-image: url(../bottle/images/title-cream.gif);
	height: 18px;
}

#title-white_bottle02{
	background-image: url(../bottle/images/title-white_bottle02.gif);
	height: 18px;
}

#title-cap02{
	background-image: url(../bottle/images/title-cap02.gif);
	height: 18px;
}

#title-cap-spraycap02{
	background-image: url(../bottle/images/title-cap-spraycap02.gif);
	height: 18px;
}

#title-cap-pumpcap02{
	background-image: url(../bottle/images/title-cap-pumpcap02.gif);
	height: 18px;
}

.box-jump a{
	background-image: url(../images/second/jump.jpg);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 12px;
	margin-top: 5px;
	padding-right: 10px;
	width: 127px;
}

.box-recommend{
	background-image: url(../bottle/images/title.jpg);
	height: 65px;
	margin: 40px 0 20px;
}

#box-summary{
	background-image: url(../bottle/images/summary.gif);
	height: 214px;
	margin: 30px 0;
}

.rec-colum{
    width: 350px;
}

.rec-colum a{
	color: #267852;
	font-weight: bold;
}

.off-box{
	height: 82px;
	margin-bottom: 20px;
}

#off-10{
	background-image: url(../bottle/images/title-off10.gif);
}

#off-20{
	background-image: url(../bottle/images/title-off20.gif);
}

#off-30{
	background-image: url(../bottle/images/title-off30.gif);
}

#off-40{
	background-image: url(../bottle/images/title-off40.gif);
}

#off-50{
	background-image: url(../bottle/images/title-off50.gif);
}

.border-box{
	border-bottom: solid 1px #BBB;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.dot-box{
	border-bottom: dotted 1px #BBB;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#tel-box{
	background-image: url(../inquiry/images/tel.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 67px;
	margin-top: 40px;
}

.off-green{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #468C00), color-stop(0.00, #B8DF48));
	background: -webkit-linear-gradient(#B8DF48, #468C00);
	background: -moz-linear-gradient(#B8DF48, #468C00);
	background: -o-linear-gradient(#B8DF48, #468C00);
	background: -ms-linear-gradient(#B8DF48, #468C00);
	background: linear-gradient(#B8DF48, #468C00);
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.off-red{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E8807D), color-stop(0.00, #F7D4D2));
    background: -webkit-linear-gradient(#F7D4D2, #E8807D);
    background: -moz-linear-gradient(#F7D4D2, #E8807D);
    background: -o-linear-gradient(#F7D4D2, #E8807D);
    background: -ms-linear-gradient(#F7D4D2, #E8807D);
    background: linear-gradient(#F7D4D2, #E8807D);
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.mark-free{
	background-image: url(../teiki/images/free.gif);
	background-repeat: no-repeat;
	background-position: center 0%;
	height: 60px;
	margin: 10px 0;
}

.mark-free-obtained{
	background-image: url(../teiki/images/free-obtained.gif);
	background-repeat: no-repeat;
	background-position: center 0%;
	height: 60px;
	margin: 10px 0;
}

.arrow-box{
	background-image: url(../teiki/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 50px;
	padding-bottom: 100px;
}

.customers-box{
	border: solid 1px #CCC;
	margin-bottom: 3px;
	padding: 20px;
	display: block;
}


.box-type02{
    clear: both;
	overflow: hidden;
	width: 100%;
}

.box-type02-content{
	float: left;
	width: 300px;
}

.box-type02-content img{
    margin-bottom: 20px;
}

.price{
	background-image: url(../images/second/price.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 122% !important;
	margin-bottom: 20px;
	padding: 2px 0 5px 80px;
}

.price-green{
	color: #00B200;
	font-weight: bold;
}
.box-type02-detail{
	float: right;
	width: 420px;
}

#box-type03{
	background-image: url(../shampoo/images/point.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 175px;
	margin: 30px 0 40px;
}

#box-type04{
	background-image: url(../shampoo/images/txt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 62px;
	margin-bottom: 20px;
}

#box-type05{
	background-image: url(../shampoo/images/table.gif);
	height: 646px;
	margin: 30px 0;
}

.box-type06{
    clear: both;
	overflow: hidden;
	width: 345px;
}

.box-type06-title{
	float: left;
	width: 90px;
	
}

.box-type06-link{
	float: right;
	width: 255px;
}

#box-type07{
	background-image: url(../shampoo/images/txt02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	margin-bottom: 20px;
}

#box-type08{
	background-image: url(../shampoo/images/02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 130px;
	width: 498px;
}

.box-type09{
	background-image: url(../shampoo/images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
	overflow: hidden;
	padding: 30px 0;
	width: 100%;
}

.box-type09-img{
	float: left;
	width: 300px;
}

.box-type09-detail{
    float: right;
	width: 418px;
}

.box-type09-detail img{
    margin-bottom: 10px;
}

#box-type10{
	background-image: url(../skincare/images/kaihatsu/kaihatsu_1.jpg);
	height: 140px;
	margin-bottom: 20px;
}

.box-type11{
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	border: solid 1px #BBB;
}

.box-type11-txt{
    border-top: dotted 1px #BBB;
	padding: 15px;
}

.box-type12{
    clear: both;
	overflow: hidden;
	width: 758px;/* 748px */
}

#box-type13{
	background-image: url(../suyakipot/images/txt.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 122px;
	margin-bottom: 50px;
}

#box-type14{
	background-image: url(../images/mouette/main.jpg);
	height: 130px;
	margin-bottom: 30px;
}

#box-type15{
	background-image: url(../images/mouette/txt.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	margin: 30px 0;
}

.box-type16{
	background-image: url(../images/second/dot.gif);
	border: solid 1px #CCC;
	color: #DD670C;
	margin: 30px 0;
	padding: 20px;
}

#box-type17{
	background-image: url(../images/beeswax/main.jpg);
	height: 100px;
	margin-bottom: 10px;
}

.box-type18{
	border-bottom: solid 1px #BBB;
    clear: both;
	margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
}

.box-type18-detail{
    float: left;
	width: 300px;
}

.box-type18-buy{
    float: right;
	margin-top: 30px;
	width: 300px;
}

#box-type19{
	background-image: url(../images/beeswax/classroom.gif);
	height: 98px;
}

.box-type20{
	border-radius: 15px;        /* CSS3草案 */
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	background-color: #F6F2E6;
	margin: 10px 0;
	padding: 2px 5px;
	text-align: center;
}

.box-type21{
    clear: both;
	overflow: hidden;
	width: 100%;
}

.box-type21-txt{
    float: left;
	width: 500px;
}

.box-type21-img{
    float: right;
}

.box-type22{
    clear: both;
	overflow: hidden;
	width: 100%;
}

.box-type22-img{
    float: left;
}

.box-type22-detail{
    float: right;
	width: 200px;
}

#box-type23{
	background-image: url(../images/quality/read.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 65px;
	margin: 30px 0;
}

#box-type24{
	background-image: url(../teiki/images/read.gif);
	height: 193px;
}

#box-type25{
	background-image: url(../teiki/images/read02.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 130px;
	margin: 30px 0;
}

#box-type26{
	background-image: url(../teiki/images/01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 173px;
	margin: 30px 0;
}

#box-type27{
	background-image: url(../teiki/images/order.jpg);
	height: 66px;
	margin: 30px 0;
}

#box-type28{
	background-image: url(../teiki/images/flow.gif);
	height: 251px;
	margin: 0 auto;
	width: 681px;
}

#box-type29{
	background-image: url(../teiki/images/stop/read.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 43px;
	margin: 30px 0;
}

#box-type30{
	background-image: url(../shopping/images/shopping/01.gif);
	background-repeat: no-repeat;
	height: 100px;
	margin: 30px 0;
}

#box-type31{
	width: 210px;
	margin-left: 538px;
}

#box-type32{
	background-image: url(../skincare/images/skinlotion/read.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 163px;
	margin: 20px 0;
}

#box-type33{
	background-image: url(../skincare/images/skinlotion/read02.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 78px;
	margin: 20px 0;
}

.box-type34{
    border: solid 5px #C3EBED;
	padding: 13px 8px;
}

#box-type35{
	background-image: url(../skincare/images/skinlotion/read03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	margin-bottom: 20px;
}

#box-type36{
	background-image: url(../skincare/images/skinlotion/read04.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 63px;
	margin-bottom: 20px;
}

#box-type37{
	background-image: url(../skincare/images/skinlotion/read05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:62px;
	margin-bottom: 20px;
}

#box-type38{
	background-image: url(../skincare/images/skinlotion/read06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:27px;
	margin-bottom: 20px;
}

#box-type39{
	background-image: url(../skincare/images/skinlotion/51.jpg);
	height: 380px;
	margin: 30px 0;
}

#box-type40{
	background-image: url(../skincare/images/skinlotion/read07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 116px;
	margin: 30px 0;
}

#box-type41{
	background-image: url(../skincare/images/skinlotion/read08.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 108px;
	margin: 30px 0;
}

#box-type42{
	background-image: url(../shampoo/images/hairoil/read.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	margin: 30px 0;
}

#box-type43{
	background-image: url(../shampoo/images/hairoil/read02.jpg);
	height: 200px;
	margin: 30px 0;
}

#box-type44{
	background-image: url(../shampoo/images/treatment/read.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 388px;
	margin: 30px 0;
}

#box-type45{
	background-image: url(../shampoo/images/treatment/read02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	margin: 30px 0;
}

#box-type46{
	background-image: url(../shampoo/images/treatment/read03.jpg);
	height: 260px;
	margin: 30px 0;
}

#box-type47{
	background-image: url(../shampoo/images/treatment/h1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 87px;
	margin: 30px 0;
}

#box-type48{
	background-image: url(../shampoo/images/treatment/read04.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin: 30px 0;
}

#box-type49{
	background-image: url(../skincare/soap/images/read.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 408px;
	margin: 30px 0;
}

#box-type50{
	background-image: url(../skincare/soap/images/read02.gif);
	height: 93px;
	margin: 30px 0;
}

#box-type51{
	background-image: url(../skincare/soap/images/read03.jpg);
	height: 200px;
	margin: 30px 0;
}

#box-type52{
	background-image: url(../skincare/soap/images/read04.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 27px;
	margin: 30px 0;
}

#box-type53{
	background-image: url(../amino/images/good/txt.gif);
	height: 110px;
	margin-bottom: 30px;
}

#box-type54{
	background-image: url(../amino/images/good/txt02.gif);
	height: 240px;
}

#box-type55{
	background-image: url(../amino/images/good/txt03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	margin-bottom: 20px;
}

#box-type56{
	background-image: url(../amino/images/good/txt04.gif);
	height: 280px;
	margin-bottom: 20px;
}

#box-type57{
	background-image: url(../amino/images/good/txt05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-bottom: 20px;
}

#box-type58{
	background-image: url(../amino/images/good/txt06.gif);
	height: 240px;
	margin-bottom: 50px;
}

#box-type59{
	background-image: url(../amino/images/good/txt07.gif);
	height: 110px;
	margin-bottom: 20px;
}

#box-type60{
	background-image: url(../amino/images/good/txt08.gif);
	height: 180px;
	margin-bottom: 30px;
}

#box-type61{
	background-image: url(../amino/images/good/txt09.gif);
	height: 120px;
	margin-bottom: 20px;
}

#box-type62{
	background-image: url(../amino/images/good/switch.png);
	height: 85px;
	margin-bottom: 20px;
	width: 239px;
}

#box-type63{
	background-image: url(../amino/images/good/dd.png);
	height: 301px;
}

.box-type64{
    border: solid 1px #ECA448;
	padding: 20px;
	margin: 20px 0;
}

@media screen and (max-width:767px){
	.isRsp .arrow-box{
		margin-bottom: 30px;
		padding-bottom: 70px;
	}

	.isRsp #box-type05,
	.isRsp #box-type53,
	.isRsp #box-type54,
	.isRsp #box-type55,
	.isRsp #box-type56,
	.isRsp #box-type57,
	.isRsp #box-type29,
	.isRsp #box-type59,
	.isRsp #box-type60,
	.isRsp #box-type61,
	.isRsp #box-type63,
	.isRsp #btn-kaihatsu05 a,
	.isRsp #box-type58 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-repeat: no-repeat;
		height: 0;
	}
	.isRsp #box-type05 {
		padding-top: 86.363%;
	}
	.isRsp #box-type53 {
		padding-top: 14.706%;
		margin-bottom: 0;
	}
	.isRsp #box-type54 {
		padding-top: 32.086%;
	}
	.isRsp #box-type55 {
		padding-top: 4.303%;
	}
	.isRsp #box-type56 {
		padding-top: 37.433%;
	}
	.isRsp #box-type57 {
		padding-top: 9.031%;
	}
	.isRsp #box-type29 {
		padding-top: 7.191%;
		margin: 20px 0;
	}
	.isRsp #box-type58 {
		padding-top: 32.086%;
	}

	.isRsp .adjTeiki {
		margin-right: calc((100% - 681px) / 5);
	}
	.isRsp #box-type59 {
		padding-top: 14.706%;
	}
	.isRsp #box-type60 {
		padding-top: 24.065%;
		margin-bottom: 20px;
	}
	.isRsp #box-type61 {
		padding-top: 16.043%;
		margin-bottom: 13px;
	}
	.isRsp #box-type62 {
		width: 190px;
		height: 70px;
		margin-top: -10px;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-repeat: no-repeat;
		margin-bottom: 15px;
	}
	.isRsp #box-type63 {
		padding-top: 46.451%;
		margin-top: -10px;
	}
	.isRsp #btn-kaihatsu05 a {
		padding-top: 33.155%;
		margin-bottom: 40px;
	}
	.isRsp .box-type64{
		padding: 15px 10px 15px 15p;
	}
}

@media screen and (max-width:718px){
	.isRsp #box-type28 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-repeat: no-repeat;
		height: 0;
	}
	.isRsp #box-type28 {
		width: 100%;
		padding-top: 36.858%;
	}
}


/* リスト */
.cautionList {
	margin: 0 0 0 128px;
}
.cautionCenter {
	width: 600px;
	margin: 0 auto 20px;
	font-size: 14px !important;
}

.ul-box{
	font-size: 134%;
    margin-bottom: 10px;
}

.ul-box li {
	background-image: url(../images/second/list01.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 17px;
}

.ul-box ul li{
	background-image: url(../images/second/list02.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 15px !important;
}

.ul-box02{
    clear: both;
	overflow: hidden;
	width: 758px;/* 748px */
}

.ul-box02 li{
    float: left;
	height: 60px;
	padding: 0 10px 10px 0;
}

.ul-box03{
    clear: both;
	overflow: hidden;
	width: 782px;/* 748px */
}

.ul-box03 li{
	background-image: url(../images/second/link02.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	font-size: 117%;
	padding: 0 34px 10px 15px;
	width: 210px;/* 225px */
}

.ul-box04{
    clear: both;
	overflow: hidden;
	width: 748px;
}

.ul-box04 li{
	float: left;
}

.ul-box04 li a{
	display: block;
	height: 40px;
	width: 83px;
}

#li-a a{
	background-image: url(../images/second/a.gif);
	width: 84px;
}

#li-a a{
	background-image: url(../images/second/a.gif);
}

#li-ka a{
	background-image: url(../images/second/ka.gif);
}

#li-sa a{
	background-image: url(../images/second/sa.gif);
}

#li-ta a{
	background-image: url(../images/second/ta.gif);
}

#li-na a{
	background-image: url(../images/second/na.gif);
}

#li-ha a{
	background-image: url(../images/second/ha.gif);
}

#li-ma a{
	background-image: url(../images/second/ma.gif);
}

#li-ya a{
	background-image: url(../images/second/ya.gif);
}

#li-ra a{
	background-image: url(../images/second/ra.gif);
}

.ul-box05{
     clear: both;
	 margin: 10px 0 30px;
	 overflow: hidden;
	 width: 100%;
}

.ul-box05 li{
	height: 72px;
	width: 145px;
}

.li-free{
	background-image: url(../images/second/free.gif);
	float: left;
}

.li-quick{
	background-image: url(../images/second/quick.gif);
	float: right;
}

.ul-box06{
    clear: both;
	overflow: hidden;
	margin-top: 10px;
	width: 720px;/* 690px */
}

.ul-box06 li{
	background-image: url(../images/second/link02.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	padding: 0 24px 10px 15px;
	width: 200px;
}

.box-type09-detail ul{
    border-top: solid 1px #DDD;
	clear: both;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 20px;
	width: 100%;
}

.li-buy{
	float: left;
}

.li-look{
	float: right;
}

#ul-box07{
    clear: both;
	margin: 50px 0 30px;
	overflow: hidden;
	width: 100%;
}

#ul-box07 li a{
	background-repeat: no-repeat;
	color: #333;
	display: block;
	font-size: 134%;
	text-decoration: underline;
}

#li-arrow-back a,
#li-arrow-back01 a,
#li-arrow-back02 a,
#li-arrow-back03 a{
	background-position: left 3px;
	float: left;
	padding-left: 30px;
}

#li-arrow-next a,
#li-arrow-next02 a,
#li-arrow-next03 a{
	background-position: right 3px;
	float: right;
	padding-right: 30px;
}

#li-arrow-back a{
	background-image: url(../skincare/images/kaihatsu/arrow-back.gif);
}

#li-arrow-next a{
	background-image: url(../skincare/images/kaihatsu/arrow-next.gif);
}

#li-arrow-back02 a{
	background-image: url(../shampoo/images/kaihatsu/arrow-back.gif);
}

#li-arrow-next02 a{
	background-image: url(../shampoo/images/kaihatsu/arrow-next.gif);
}

#li-arrow-back03 a{
	background-image: url(../skincare/soap/images/arrow-back.gif);
}

#li-arrow-next03 a{
	background-image: url(../skincare/soap/images/arrow-next.gif);
}

#dl-box13 dd ul li{
	margin-bottom: 10px;
}

#dl-box13 dd ul li a{
	color: #333;
	font-size: 134%;
}

.box-type11 ul{
    margin: 15px;
}

#ul-box08{
    clear: both;
	overflow: hidden;
	width: 100%;
}

#ul-box08 li a{
	display: block;
	height: 60px;
	width: 369px;
}

#li-tukurou a{
	background-image: url(../images/beeswax/tukurou.gif);
	float: left;
}

#li-nani a{
	background-image: url(../images/beeswax/nani.gif);
	float: right;
}

.ul-box09 li{
	background-image: url(../images/second/list03.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	color: #00B200;
	padding-left: 17px;
}

.ul-box10{
	text-align: right;
}

.ul-box10 li{
	display: inline-block;
	height: 50px;
	margin-left: 10px;
	width: 255px;
}

.li-free02{
	background-image: url(../images/second/free02.gif);
}

.li-quick02{
	background-image: url(../images/second/quick02.gif);
}

.ul-box11{
	padding: 0 22px;
}

.ul-box11 li{
	background-image: url(../images/second/list04.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	font-size: 134%;
	padding-left: 20px;
}

.ul-box12 li{
	border-bottom: dotted 1px #CCC;
	font-size: 134%;
	padding: 10px 22px;
}

.ul-box12 li:last-child{
	border: none;
}

#ul-box13{
    clear: both;
	margin: 40px auto;
	overflow: hidden;
	width: 634px;
}

#ul-box13 li a{
	display: block;
}

#li-mail a{
	background-image: url(../inquiry/images/mail.gif);
	float: left;
	height: 29px;
	width: 321px;
}

#li-fax a{
	background-image: url(../inquiry/images/fax.gif);
	float: right;
	height: 54px;
	width: 271px;
}

#ul-box14{
	clear: both;
	overflow: hidden;
	width: 758px;/* 定義リスト */
}

#ul-box14 li{
	float: left;
	padding: 0 10px 10px 0;
	width: 369px;
}
#ul-box14 li.odd {
	clear: left;
}



#ul-box15{
    clear: both;
	overflow: hidden;
	width: 748px;
}

#ul-box15 li{
	background-repeat: no-repeat;
    float: left;
	height: 140px;
	width: 248px;
}

#ul-box15 li a{
	display: block;
	height: 140px;
}

#li-shopping-mail a{
	background-image: url(../shopping/images/faxnado/mail.gif);
}

#li-shopping-fax a{
	background-image: url(../shopping/images/faxnado/fax.gif);
}

#li-shopping-tel{
	background-image: url(../shopping/images/faxnado/tel.gif);
}

@media screen and (max-width:767px){
	.isRsp #article h4{
		font-size: 16px;
		margin: 30px 0 10px;
	}

	.isRsp .cautionList {
		margin: 0;
	}
	.isRsp .cautionCenter {
		width: 92%;
		margin: 0 auto 20px;
	}
	.isRsp .ul-box{
		font-size: 14px;
		width: 100%;
	}
	.isRsp .ul-box li{
		background-size: 8px;
		background-position: left 5px;
		margin-bottom: 5px;
		padding-left: 15px;
	}
	.isRsp #ul-box14 {
		width: auto;
		max-width: 370px;
		margin: 0 auto;
	}
	.isRsp #ul-box14 li {
		width: auto;
		height: auto;
		float: none;
		padding: 0 0 10px 0;
	}
	.isRsp #ul-box14 li:last-child {
		padding-bottom: 0;
	}
	.isRsp #ul-box14 li a {
		display: block;
		width: 100%;
		text-align: center;
	}
	.isRsp #ul-box14 li p {
		padding: 10px 0 !important;
	}
	.isRsp #ul-box14 li p.empty {
		padding: 0 !important;
	}
}


/* 定義リスト */

.dl-box,
.dl-box02{
    border: solid 1px #CCC;
	margin: 20px 0;
}

.dl-box dt{
	background-color: #FAF8F3;
    border-bottom: solid 1px #CCC;
	padding: 22px 22px 18px 22px;
}

.dl-box dd{
	font-size: 134%;
	padding: 22px 22px 18px 22px;
}

.dl-box02 dt{
	background-image: url(../images/second/dt02-bg.gif);
    border-bottom: solid 1px #CCC;
	padding: 22px 22px 18px 22px;
}

.dl-box02 dd{
	padding: 22px 22px 18px 22px;
}

.dl-box03{
    clear: both;
	overflow: hidden;
	width: 768px;/* 748px */
}

.dl-box03 dl{
    float: left;
	padding: 0 20px 20px 0;
	width: 172px;
}

.dl-box03 dl dt{
	color: #277852;
	font-weight: bold;
	font-size: 134%;
}


.dl-box03 dl dt a{
	color: #277852;
	display: block;
}

.dl-box03 dl dd{
	color: #888;
	font-size: 75%;
}


.box-type02-detail dl dt{
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	margin-bottom: 10px;
}

.box-type02-detail dl dd{
	background-image: url(../images/second/dd.gif);
	background-position: left top;
	font-size: 134%;
	padding: 20px 0 30px;
	background-repeat: no-repeat;
}

#dt-point{
	background-image: url(../images/second/dt-point.gif);
}

#dt-plant{
	background-image: url(../images/second/dt-plant.gif);
}

#dt-episode{
	background-image: url(../images/second/dt-episode.gif);
}

#dt-blend{
	background-image: url(../images/second/dt-blend.gif);
}

#dt-diffuser01{
	background-image: url(../images/diffuser/dt01.gif);
}

#dt-diffuser02{
	background-image: url(../images/diffuser/dt02.gif);
}

#dt-diffuser03{
	background-image: url(../images/diffuser/dt03.gif);
}

.dl-box04{
	background-image: url(../shampoo/images/01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto 40px;
	width: 682px;
}

.dl-box04 dl{
    border: solid 1px #CCC;
	width: 548px;
}

.dl-box04 dt{
	background-image: url(../images/second/dt02-bg.gif);
    border-bottom: solid 1px #CCC;
	padding: 15px 22px 11px 22px;
}

.dl-box04 dd{
	padding: 15px 22px 11px 22px;
}


.dl-box05{
    border: solid 1px #CCC;
	margin: 20px auto 40px;
	width: 698px;
}
.dl-box05 dt{
	background-image: url(../images/second/dt02-bg.gif);
    border-bottom: solid 1px #CCC;
	padding: 22px 22px 18px 22px;
}

.dl-box05 dd{
	padding: 22px 22px 18px 22px;
}

.dl-box06{
	margin: 20px auto;
	width: 708px;
}

.dl-box06 dt{
	background-color: #D08D85;
	color: #FFF;
	font-weight: bold;
	font-size: 134%;
	margin-bottom: 10px;
	padding: 5px 28px;
}

.dl-box06 dd{
	border: solid 1px #CCC;
	padding: 0 1px;
}

.dl-box07{
    clear: both;
    overflow: hidden;
    width: 345px;
}

.dl-box08 dt,
.dl-box10 dt,
.dl-box11 dt{
	background-repeat: no-repeat;
	background-position: left 10px;
	font-weight: bold;
	font-size: 167%;
	padding-left: 20px;
}

.dl-box08 dt{
	background-image: url(../shampoo/images/dt.gif);
	color: #D08D85;
}

.dl-box08 dd,
.dl-box10 dd,
.dl-box11 dd{
	font-size: 134%;
    margin: 10px 0 40px;
}

.dl-box09{
	border: solid 1px #CCC;
	margin: 20px auto;
	width: 698px;
}

.dl-box09 dt{
	color: #A0860A;
	font-size: 134%;
	padding:10px;
}

.dl-box09 dd{
	border-bottom: dotted 1px #CCC;
	padding: 0 45px 30px;
	color: #878787;
}

.dl-box09 dd:last-child{
	border: none;
}

.dl-box10 dt{
	background-image: url(../shampoo/images/dt02.gif);
	color: #83B410;
}

.dl-box11 dt{
	background-image: url(../shampoo/images/dt03.gif);
	color: #EE839A;
}

.dl-box12{
	background-image: url(../shampoo/images/04.jpg);
	background-repeat: no-repeat;
	background-position: 560px 23px;
	border: solid 1px #CCC;
	margin-bottom: 20px;
	padding: 23px 23px 40px;
}

.dl-box12 dt{
	background-image: url(../shampoo/images/txt03.gif);
	height: 21px;
	margin: 10px 0 30px;
	width: 282px;
}

.dl-box12 dd{
	font-size: 134%;
    width: 500px;
}

#dl-box13 dt a{
	display: block;
	height: 160px;
}

#dt-skincare a{
	background-image: url(../skincare/images/kaihatsu/dt.jpg);
}

#dt-shampoo a{
	background-image: url(../shampoo/images/kaihatsu/dt.jpg);
}

#dt-soap a{
	background-image: url(../skincare/soap/images/dt.jpg);
}

#dl-box13 dd{
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	padding: 30px;
}

.dl-box14{
	border-bottom: solid 1px #BBB;
	clear: both;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}

.dl-box14 dt{
    float: left;
	height: 153px; /* （西尾が112 > 153pxへ変更） */
	width: 152px;
}

.dl-box14 dd{
	float: right;
	width: 577px;
}

#off10{
	background-image: url(../bottle/images/off10.gif);
}

#off20{
	background-image: url(../bottle/images/off20.gif);
}

#off30{
	background-image: url(../bottle/images/off30.gif);
}

#off40{
	background-image: url(../bottle/images/off40.gif);
}

#off50{
	background-image: url(../bottle/images/off50.gif);
}

.box-type12-inner{
	float: left;
	padding: 0 10px 10px 0;
	width: 242px;
}

.box-type12-inner dl{
	background-image: url(../kizai/images/dl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
}

.box-type12-inner dt{
	margin: 0 auto;
	text-align: center;
	width: 200px;
}

.box-type12-inner dt span{
	background-image: url(../kizai/images/link.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	display: block;
	font-size: 134%;
	padding-left: 20px;
	text-align: left;
}

.box-type12-inner dd{
	background-image: url(../kizai/images/dd.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px;
}

.dl-box16 dd{
    margin: 10px 0 30px;
}

.dl-box16{
	background-image: url(../carrieroilpro/images/book.jpg);
	background-repeat: no-repeat;
	background-position: 580px 40px;
	border: solid 1px #CCC;
	margin-bottom: 20px;
	padding: 23px 23px 5px;
}

.dl-box16 dt{
	background-image: url(../shampoo/images/txt03.gif);
	height: 21px;
	margin: 10px 0 30px;
	width: 282px;
}

.dl-box16 dd{
	font-size: 134%;
    width: 500px;
}

.dl-box17{
    border: solid 1px #CCC;
	margin: 20px 0 40px;
	padding-bottom: 20px;
}

.dl-box17 dt{
	background-color: #FAF8F3;
    border-bottom: solid 1px #CCC;
	margin-bottom: 20px;
	padding: 22px 22px 18px 22px;
}

.dl-box17 dd p{
	padding: 0 22px;
}

.dl-box18{
    border: solid 1px #CCC;
	margin: 0 auto;
	width: 690px;
}

.dl-box18 dt{
	background-image: url(../images/second/dt02-bg.gif);
	border-bottom: solid 1px #CCC;
	padding: 22px 22px 18px 22px;
}

.dl-box18 dd p{
	padding: 10px 20px;
	font-size: 100% !important;
}

.dl-box19{
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	width: 693px;
	font-size: 110%;
}

.dl-box19 dt{
	border: none;
	float: left;
	width: 110px;
	background-color: #FFF !important;
	background-image: url(../images/second/list04.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding: 0 0 0 15px;
}

.dl-box19 dd{
    float: left;
	width: 568px;
}

.dl-box20 dt{
	background-image: url(../images/second/dt-present.jpg);
	height: 65px;
}

.dl-box20 dd{
	background-image: url(../images/second/dd-bg.gif);
	background-repeat: repeat-y;
	background-position: 440px top;
	border-bottom: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-right: solid 1px #BBB;
	clear: both;
	overflow: hidden;
	padding: 25px 0;
	width: 746px;
}

.box20-dd-detail{
	float: left;
	padding-left: 15px;
	width: 390px;
}

.box20-dd-buy{
    float: right;
	padding-right: 15px;
	width: 250px;
}

.box20-dd-buy form{
    margin-bottom: 20px;
}

.dl-box21{
	font-size: 134%;
}

.dl-box21 span{
	display: block;
}

/* 2015/1/6 追加　門前さんよりメール */

.dl-box21 span .style-red{
    display: inline;
}

.dl-box21 dt{
	background-image: url(../images/second/mark-q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:3px 0 0 50px;
}

.dl-box21 dd{
	background-image: url(../images/second/mark-a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 40px;
	padding:3px 0 0 50px
}

#dl-box22{
    clear: both;
	margin: 30px 0;
	overflow: hidden;
	width: 780px;/* 748px */
}

#dl-box22 dl{
    float: left;
	padding: 0 32px 32px 0;
	width: 358px;
}

#dl-box22 dl dt{
	background-repeat: no-repeat;
	height: 81px;
}

#dt-teiki01{
	background-image: url(../teiki/images/dt01.gif);
}

#dt-teiki02{
	background-image: url(../teiki/images/dt02.gif);
}

#dt-teiki03{
	background-image: url(../teiki/images/dt03.gif);
}

#dt-teiki04{
	background-image: url(../teiki/images/dt04.gif);
}

#dl-box22 dl dd{
	background-image: url(../teiki/images/dd.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px;
}

.dl-box23 dt{
	margin-bottom: 10px;
}

.dl-box23 dd{
	background-image: url(../skincare/images/skinlotion/dd.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 134%;
	padding-top: 20px;
}

.dl-box24{
    clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	width: 784px;/* 748px */
}

.dl-box24 dl{
	float: left;
	padding-right: 36px;
	width: 160px;
}

.dl-box24 dl dt{
	color: #EB7F00;
}

.dl-box25 dt{
	background-color: #DFB60E;
	color: #FFF;
	font-weight: bold;
	font-size: 134%;
	padding: 10px;
}

.dl-box25 dd{
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	padding: 10px;
}

.dl-box25-inner{
	clear: both;
	overflow: hidden;
	width: 726px;
}

.dl-box25-inner02{
	float: left;
	font-size: 75%;
	padding-right: 25px;
	width: 200px;
}

.dl-box26 dt{
	background-image: url(../shampoo/images/hairoil/dt.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	color: #83B310;
	font-weight: bold;
	font-size: 154%;
	padding-left: 20px;
}

.dl-box26 dd{
	font-size: 134%;
	padding: 10px 0 40px 20px;
}

#dl-box27 dt{
	background-image: url(../customers/images/customers/dt.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
	position: relative;
	z-index: 2;
}

#dl-box27 dd{
	background-image: url(../customers/images/customers/dd.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: -25px;
	padding: 50px 0;
	position: relative;
	z-index: 1;
	text-align: center;
}

#dl-box28{
	background-image: url(../amino/images/good/dl-bg.gif);
}

#dl-box28 dt{
	background-image: url(../amino/images/good/dt.gif);
	height: 180px;
}

#dl-box28 dd{
	margin: 0 auto;
	padding: 50px 0;
	width: 648px;
}



@media screen and (max-width:767px){
	.isRsp .dl-box02 dd {
		padding: 0 10px;
	}
	.isRsp .dl-box02 dd img {
		width: 110px;
		display: block;
		margin-top: 10px;
	}
	.isRsp .dl-box21 {
		font-size: 14px;
	}
	.isRsp .dl-box21 dt {
		background-size: 26px;
		padding: 3px 0 0 35px;
	}
	.isRsp .dl-box21 dd {
		background-size: 26px;
		margin: 10px 0 30px;
		padding: 3px 0 0 35px
	}

	.isRsp #dl-box22 {
		margin: 30px auto;
		width: 358px;
	}

	.isRsp #dl-box22 dl {
 		float: none;
 		display: block;
 		width: 358px;
		padding: 0 auto 30px;
	}

	.isRsp #dl-box28 dt {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-repeat: no-repeat;
		height: 0;
	}
	.isRsp #dl-box28 dd{
		padding: 5% 0;
		width: 100%;
		font-size: 12px;
	}
	.isRsp #dl-box28 dd .text-A {
		margin: 5%;
	}
	.isRsp #dl-box28 dt {
		padding-top: 24.065%;
	}
}

@media screen and (max-width:394px){
	.isRsp #dl-box22 {
		width: 100%;
	}
	.isRsp #dl-box22 dl {
 		width: 100%;
	}
	.isRsp #dl-box22 dl dt {
		height: 0;
		padding-top: 22.625%;
	}
	.isRsp #dl-box22 dl dt,
	.isRsp #dl-box22 dl dd {
		background-size: 100%;
	}

}



/* テーブル */

table{
	border-collapse: collapse;
	border:solid 1px #CCC;
	clear:both;
	line-height: 1.8;
	margin:0px 0px 30px 0px;
	text-align: left;
	width:100%;
}

th{
	background-image: url(../images/second/th-bg.gif);
	border: solid 1px #CCC;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
	text-align: left;
}



td{
	border:solid 1px #CCC !important;
	padding: 10px;
}


/* 西尾追記*/

th.teiki2{
	background-image: url(../images/second/th-bg.gif);
	border: solid 1px #CCC;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
	text-align: center;
}

td.teiki2{
	border:solid 1px #CCC !important;
	padding: 0px;
}


/* ここまで西尾追記*/

table caption{
	display: none;
}

.table_bg02{
	background-color: #EFF4EF;
}

.table_bg03{
	background-image: url(../images/second/dot02.gif) !important;
}

.table_bg04{
	background-image: none;
}

.table_bg05{
	background-color: #FFFCF7;
}

.w50{
    width:50%;
}

.w35{   /* 西尾追記*/
    width:35%;
}

.w30{
    width:30%;
}

.w25{
    width:25%;
}

.w20{
    width:20%;
}

.w15{
    width:15%;
}

@media screen and (max-width:767px){
	.isRsp .w15.wQuarter,
	.isRsp .w35.wQuarter {
		width:25%;
	}
}

.box-type02-content table{
	border: solid 1px #FFF;
}

.box-type02-content table th{
	background-image: none;
}

.box-type02-content table th,
.box-type02-content table tr,
.box-type02-content table td{
	border: none !important;
}

.box-type02-content table .odd{
	background-color: #EFF3E6;
}

.box-type02-content table .even{
    background-color: #FFF;
}

.dl-box06 table{
	border: solid 1px #FFF !important;
	margin-bottom: 0;
}

.dl-box06 table th{
	background-color: #FEF5F7;
	background-image: none;
	border: solid 2px #FFF !important;
	font-weight: normal;
}


.dl-box06 table tr,
.dl-box06 table td{
	border: none !important;
}

.box-table{
	background-image: url(../images/diffuser/dotted.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 30px 0;
}

.box-table table,
.box-table table th,
.box-table table tr{
	border: solid 1px #FFF;
}

.box-table table td{
	border-bottom: solid 1px #CCC !important;
	border-left: solid 1px #FFF !important;
	border-right: solid 1px #FFF !important;
	border-top: solid 1px #FFF !important;
}

.box-table th{
	background-image: none;
	background-color: #EEE;
	text-align: center;
}






/* 番号リスト */

ol{
}

ol li{
	list-style-position: outside;
	list-style-type: none;
}

.ol-box li{
	background-repeat: no-repeat;
	background-position: left 4px;
	border-bottom: dotted 1px #CCC;
	margin-bottom: 10px;
	padding: 0 0 10px 25px;
}

.ol-no01{
	background-image: url(../images/diffuser/no1.gif);
}

.ol-no02{
	background-image: url(../images/diffuser/no2.gif);
}

.ol-no03{
	background-image: url(../images/diffuser/no3.gif);
}

.ol-box02{
	margin: 0 auto;
    width: 683px;
}

.ol-box02 li{
	background-repeat: no-repeat;
	background-position: left 4px;
	font-size: 134%;
	margin-bottom: 20px;
	padding: 0 0 10px 25px;
}

.olbox02-01{
	background-image: url(../images/second/no01.gif);
}

.olbox02-02{
	background-image: url(../images/second/no02.gif);
}

.olbox02-03{
	background-image: url(../images/second/no03.gif);
}

.olbox02-04{
	background-image: url(../images/second/no04.gif);
}

.olbox02-05{
	background-image: url(../images/second/no05.gif);
}

.ol-box02 li img{
    margin-top: 20px;
}



/* キャプション */

.box01{
	clear: both;
	margin: 10px 0px 40px 0px;
	overflow: hidden;
	width: 100%;
}

.box03-left{
	float: left;
	padding-right: 20px;
}

.box03-right{
	float: right;
}

.box04{
    clear: both;
	overflow: hidden;
	width: 768px;/* 748px */
}

.box04-inner{
    float: left;
	padding: 0 20px 20px 0;
	width: 172px;
}

.box04-inner02{
    float: left;
	padding: 0 20px 20px 0;
	width: 160px;
}

.box04-inner03{
    float: left;
	width: 208px;
}

.text-A{
    width: 330px;
}

.text-B{
    width: 490px;
}

.text-C{
    width: 244px;
}

.text-D{
    width: 480px;
}

.text-E{
    width: 492px;
}

.text-F{
    width: 430px;
}

.text-G{
    width: 390px;
}


.caption,
.caption02,
.caption03{
	margin-top: 5px;
	font-size: 100% !important;
}

.caption02{
	width: 330px;
}

.caption03{
	width: 210px;
}

@media screen and (max-width:767px){
	.isRsp .box01 {
		margin-bottom: 20px;
	}
	.isRsp .text-A,
	.isRsp .text-B,
	.isRsp .text-C,
	.isRsp .text-D,
	.isRsp .text-E,
	.isRsp .text-F,
	.isRsp .text-G{
		width: auto;
	}

	.isRsp .text-B{
		margin-top: 20px;
	}
}


/* 西尾追記 */

.caption04{
	margin-top: 5px;
	font-size: 100% !important;
}

.caption04{
	width: 236px;
}


/* jump */

#jump{
	clear: both;
	margin: 50px auto 10px;
	overflow: hidden;
	width: 1000px;
}

#jump a{
	background-image: url(../images/second/jump.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 17px;
	width: 90px;
}

@media screen and (max-width:767px){
	.isRsp #jump {
		display: none;
	}
}



/* （↓ここから。すみません。西尾がテストするものです。） */
 /* 遮光瓶　単品とバルクの買い物カゴボタンを１ページに纏めたい */

.btn-buy-summary-2 a{
	background-image: url(../images/second/buy02.jpg);
	display: block;
	height: 61px;
	margin-bottom: 10px;
    margin: -45px 0 0 260px; /* （btn-buy02 にこの１行を追加） */
	width: 300px;
}

/* （↑ここまで。西尾がテストするものです。）） */


/* --------- 西尾追記 ---------- */


.ul-box20{

    clear: both;

              overflow: hidden;

              margin-top: 10px;

              width: 720px;/* 690px */

}

.ul-box20 li{

              background-image: url(../images/second/list01.png);

              background-repeat: no-repeat;

              background-position: left 8px;

              float: left;

              padding: 0 24px 10px 15px;

              width: 200px;

}

 

/* --------- 西尾追記 .ul-box21　22 はhowtouse用に作ったけど使わず（20141022)---------- */


.ul-box21{

    clear: both;

              overflow: hidden;

              margin-top: 10px;

              width: 720px;/* 690px */

}


.ul-box21 li{

              background-image: url(../images/second/list04.png);

              background-repeat: no-repeat;

              background-position: left 8px;

              float: left;

              padding: 0 24px 10px 15px;

              width: 200px;

}


.ul-box22{

    clear: both;

              overflow: hidden;

              margin-top: 10px;

              margin-left: 14px;

              width: 720px;/* 690px */

}


.ul-box22 li{

              background-image: url(../images/second/list01.png);

              background-repeat: no-repeat;

              background-position: left 8px;

              float: left;

              padding: 0 24px 10px 15px;

              width: 200px;

              font-size:16px;

}

.ul-box23{

    clear: both;

              overflow: hidden;

              margin-top: 10px;

              margin-left: 14px;

              width: 720px;/* 690px */

}

.ul-box23 li{

              background-image: url(../images/second/list04.png);

              background-repeat: no-repeat;

              background-position: left 8px;

              float: left;

              padding: 0 24px 10px 15px;

              width: 200px;

              font-size:16px;

}

 

/* --------- 西尾追記 .howtouse お勧めメニュー用（20141023)---------- */

.ul-box24{

    clear: both;
              /* overflow: hidden; */  
              margin-top: 10px;
              width: 720px;/* 690px */
}

.ul-box24 li{
              background-image: url(../images/second/link.gif);
              background-repeat: no-repeat;
              background-position: left 1px;
              float: left;
              padding: 0 4px 10px 25px; 
              width: 210px;
              font-size:16px; 
}


/* リスト　西尾追記 */


.ul-box25{
	font-size: 134%;
    margin-bottom: 10px;
}

.ul-box25 li{
	background-image: url(../images/second/link-arw03.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 17px;
}

.ul-box25 ul li{
	background-image: url(../images/second/list02.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 15px !important;
}


/* 定期便下の案内　西尾追記　http://c-brains.jp/blog/wsg/11/10/13-200523.php　 */

.case05 img {
display: inline-block;
vertical-align: middle;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}
.case05 .txt {
display: inline-block;
vertical-align: middle;
font-size: 134%;
width:400px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}



/* --------- 西尾追記 ここまで---------- */



/* h1 テキスト化 　下のgif*/

img.h1{
	margin-bottom: 20px;
}

/* nave オプション領域のサブ見出し*/

li.sub{
	background-image: url(../images/navi/link.gif);
	background-repeat: no-repeat;
	background-position: 5px center;	
	display: block;
	font-size: 109%;
	color: #333;
	border-bottom: dotted 1px #BBB;
	padding: 10px 14px;
	font-weight:bold;
}


span.list-price-grn{
		color: #00B200;
	font-weight: bold;
	font-size: 120%;
}

span.list-price-org{
	color: #FF9900;
	font-size: 115%;
}


/* --画像テキスト横並び-- */
div.centeringTest p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

/*for IE6 */
* html .centeringTest p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centeringTest p {
	display: inline;
	zoom: 1;
}

/* --ここまで　画像テキスト横並び-- */


/* ------- ここまで西尾追記 --------- */


/*:::::::::::::::::::::: ヨルノ追記分 ::::::::::::::::::::::*/

/*aroma_mushiyoke.htm*/
ul.mushiyoke_list{
	margin: 10px auto;
}
ul.mushiyoke_list li{
	list-style: none;
	display: inline;
	margin-left: 20px;
}
/*aromamassage.htm*/
/*aroma_mushiyoke.htm*/
.note_pink{
	color: #F951AA;
}

/*facialmassage.htm*/
/*3カラム対応*/
.dl-box-3col{
	width: 236px;
	height: 350px;
	border:1px #ccc solid;
	margin: 20px 0;
	float: left;
	margin-left: 10px;
}

.dl-box-3col dt{
	background-color: #FAF8F3;
    border-bottom: solid 1px #CCC;
	padding: 22px 22px 18px 22px;
}

.dl-box-3col dd{
	font-size: 134%;
	padding: 22px 22px 18px 22px;
}

.ul-box-3col ul{
    clear: both;
	overflow: hidden;
	margin-top: 10px;
	width: auto;
}

.ul-box-3col li{
	background-image: url(../images/second/list01.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	padding: 0 24px 10px 15px;
	width: 200px;
}

/*メインオイルと一緒に使うのがおすすめのキャリアオイル　旧レイアウトに合わせたもの（１カラム）*/
div.osusume_oil{
	border:1px #ccc solid;
	margin: 20px 0;
	padding: 0px 22px 0px 22px;
}
div.osusume_oil_wrap{
	margin-top: 10px;
}
.osusume_oil dt{
	background-color: #FAF8F3;
}

.osusume_oil dd{
	font-size: 134%;
	padding: 0px 22px 18px 22px;
}

.osusume_oil ul{
	margin-top: 10px;
	width: auto;
	overflow: hidden;
}

.osusume_oil li{
	background-image: url(../images/second/list01.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	padding: 0 24px 10px 15px;
	width: auto;
}

/*メインオイルと一緒に使うのがおすすめのキャリアオイル　新レイアウトに寄せたもの（横並び３カラム）
div.osusume_oil{
	border:1px #ccc solid;
	margin: 20px 0;
	padding: 0px 0px 18px 22px;
	overflow: hidden;
}
div.osusume_oil_wrap{
	margin-top: 10px;
}
.osusume_oil dl{
	border:1px #ccc solid;
	width: 225px;
	height: 350px;
	float: left;
	margin-right: 10px;
}
.osusume_oil dl:last-child{
	margin-right: 0;
}
.osusume_oil dt{
	background-color: #FAF8F3;
	padding: 22px 22px 18px 22px;
	border-bottom: 1px solid #ccc;
}

.osusume_oil dd{
	font-size: 134%;
	padding: 0px 22px 18px 22px;
}

.osusume_oil ul{
	margin-top: 10px;
	width: auto;
	overflow: hidden;
}

.osusume_oil li{
	background-image: url(../images/second/list01.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	padding: 0 0px 10px 15px;
	width: auto;
}
*/

/*タブナビゲーション(定期）*/
#teiki-nav-wrap{
	overflow: hidden;
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 1.5;

}
#teiki-nav ul{
	top: 1;
	border-bottom: 1px solid #277852;
	z-index: 10;
}
#teiki-nav li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-color: yellow;
	vertical-align: bottom;
}
#teiki-nav a{
	display: block;
	width: 84px;
	height: 45px;
	padding:4px 10px;
	border-top: #277852 1px solid;
	border-left: #277852 1px solid;
	border-right: #277852 1px solid;
	border-radius: 5px 5px 0px 0px;
	background-color: #ececec;
	vertical-align: bottom;
	text-decoration: none;
	color: #000;
}

#teiki-nav li a.last{
	width: 56px;
}
#teiki-nav li a.teiki{
	height: 50px;
	padding-top: 10px;
	padding-bottom: 0;
}
#teiki-nav li a:hover{
	background-color: #F90; /*西尾色変更　277852 から*/
	color: #fff;
}
#teiki-nav a.selected{ 
	background-color: #277852;
	color: #fff;
	font-weight: bold;
}
.teiki_tbl_btn {
	display: none;
}
@media screen and (max-width: 767px) {
	#teiki-nav-wrap {
		margin: 0 -5px 10px;
	}
	#teiki-nav ul {
		border-bottom: none;
		overflow: hidden;
	}
	#teiki-nav li {
		background: transparent;
		float: left;
		width: 33.33333%;
		box-sizing: border-box;
		padding: 0 2px;
		margin-bottom: 4px;
	}
	#teiki-nav a {
		border-radius: 5px;
		border-bottom: #277852 1px solid;
		width: auto !important;
		height: auto !important;
		font-size: 13px;
		padding: 6px 8px !important;
	}
	.teiki_tbl_wrap {
		overflow-x: auto;
		margin-bottom: 10px;
		margin-right: -10px;
	}
	.teiki_tbl_wrap::-webkit-scrollbar{
		height: 5px;
	}
	.teiki_tbl_wrap::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	.teiki_tbl_wrap::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	.teiki_tbl {
		width: 612px;
		margin-bottom: 5px;
	}
	.teiki_tbl th,
	.teiki_tbl td {
		padding: 10px 5px;
	}
	.teiki_tbl td {
		font-size: 11px;
	}
	.teiki_tbl tr:first-child th:first-child,
	.teiki_tbl tr:first-child th:last-child {
		width: 135px;
	}
	.teiki_tbl td:first-child .style-orange {
		font-size: 15px;
		font-weight: 700;
	}
	.teiki_tbl_btn {
		display: block;
		margin-top: 5px;
	}
}

/*payment_change.html*/
.alart{
	color: red;
	border:1px red solid;
	font-weight: bold;
	width: 80%;
	padding:10px;
	margin-bottom: 30px;
}


/*タブナビゲーション(ショッピングガイド西尾変更）*/
#shop-nav-wrap{
	overflow: hidden;
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 1.4;

}
#shop-nav ul{
	top: 1;
	border-bottom: 1px solid #277852;
	z-index: 10;
}
#shop-nav li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-color: yellow;
	vertical-align: bottom;
}
#shop-nav a{
	display: block;
	width: 86px;
	height: 56px;
	padding:4px 10px;
	border-top: #277852 1px solid;
	border-left: #277852 1px solid;
	border-right: #277852 1px solid;
	border-radius: 5px 5px 0px 0px;
	background-color: #ececec;
	vertical-align: bottom;
	text-decoration: none;
	color: #000;
}

#shop-nav li a.first{
	width: 145px;
	padding-top: 10px;
	padding-bottom: 0;

}
#shop-nav li a.narrow1{
	width: 48px;
}

#shop-nav li a.narrow2{
	width: 66px;
}
#shop-nav li a:hover{
	background-color: #F90; /*西尾色変更　277852 から*/
	color: #fff;
}
#shop-nav a.selected{ 
	background-color: #277852;
	color: #fff;
	font-weight: bold;
}

/*payment_change.html  (これはいらん？）
.alart{
	color: red;
	border:1px red solid;
	font-weight: bold;
	width: 80%;
	padding:10px;
	margin-bottom: 30px;  
}*/

/*ヨルノ追記分*/

/*ヨルノ追記分*/

#article h2.column{
	margin-top: 20px;
}

/*20150118-ヨルノ追記分*/

/*--香りの系統*/
div.kaori-cell{
	width: 154px;
	height: 500px;
	border:1px #ccc solid;
	text-align: center;
	float: left;
	font-size: 12px;
	margin:5px;
}
div.kaori-title{
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background-image: url(../images/second/th-bg.gif)
}
div.kaori-list{
	padding-top: 10px;
	padding-bottom: 10px;
}
div.kaori-leftarrow{
	clear: both;
	height: 30px;
}
div.kaori-cell-nodata{
	width: 182px;
	height: auto;
	text-align: center;
	float: left;
	font-size: 12px;
	margin:5px;
}


/*--キャリアオイル粘性チャート*/
.chart-title{
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding:22px 22px 18px 22px;
	font-size: 16px;
	font-weight: bold;
}
.chart-main{
	padding:22px 22px 18px 22px;
	position: relative;	
	height: 190px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;

}
.chart-main div{
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	text-align: center;
	border:1px solid #ccc;
	width: 80px;
	height: 33px;
	padding: 3px;
	padding-top:15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #ffc;
}
.n1{
	position: absolute;
	top: 20px;
}
.n2{
	position: absolute;
	top: 20px;
	left: 200px;
}
.n3{
	position: absolute;
	top: 20px;
	left: 400px;
}
.n4{
	position: absolute;
	top: 20px;
	left: 500px;
}
.n5{
	position: absolute;
	top: 20px;
	left: 630px;
}
.n6{
	position: absolute;
	top: 90px;
	left: 80px;
}
.n7{
	position: absolute;
	top: 90px;
	left: 300px;
}
.n8{
	position: absolute;
	top: 90px;
	left: 510px;
}
.n9{
	position: absolute;
	top: 160px;
	left:120px;
}
.n10{
	position: absolute;
	top: 160px;
	left: 240px;
}
.n11{
	position: absolute;
	top: 160px;
	left: 450px;
}
.n12{
	position: absolute;
	top: 160px;
	left: 640px;
}

.circle-orange2 li{
	background-image: url(../images/second/list04.png);
	background-repeat:no-repeat;
	background-position: 8px 8px;
	padding-left: 24px;
}



/****** 左ナビ-アイコン ******/
/*　楽天から　コピー　*/

.ico-s01 a{
	background: url(../images/navi/ico-s01.png) no-repeat 0 0 #fff !important;
}
.ico-s01 a:hover, .ico-s01 a.current{
	background: url(../images/navi/ico-s01.png) no-repeat 0 0 #FAFBF1 !important;
}



.ico-s02 a{
	background: url(../images/navi/ico-s02.png) no-repeat 0 0 #fff !important;
}
.ico-s02 a:hover, .ico-s02 a.current{
	background: url(../images/navi/ico-s02.png) no-repeat 0 0 #FAFBF1 !important;
}
.ico-s03 a{
	background: url(../images/navi/ico-s03.png) no-repeat 0 0 #fff !important;
}
.ico-s03 a:hover, .ico-s03 a.current{
	background: url(../images/navi/ico-s03.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s04 a{
	background: url(../images/navi/ico-s04.png) no-repeat 0 0 #fff !important;
}
.ico-s04 a:hover, .ico-s04 a.current{
	background: url(../images/navi/ico-s04.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s05 a{
	background: url(../images/navi/ico-s05.png) no-repeat 0 0 #fff !important;
}
.ico-s05 a:hover, .ico-s05 a.current{
	background: url(../images/navi/ico-s05.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s06 a{
	background: url(../images/navi/ico-s06.png) no-repeat 0 0 #fff !important;
}
.ico-s06 a:hover, .ico-s06 a.current{
	background: url(../images/navi/ico-s06.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s07 a{
	background: url(../images/navi/ico-s07.png) no-repeat 0 0 #fff !important;
}
.ico-s07 a:hover, .ico-s07 a.current{
	background: url(../images/navi/ico-s07.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s08 a{
	background: url(../images/navi/ico-s08.png) no-repeat 0 0 #fff !important;
}
.ico-s08 a:hover, .ico-s08 a.current{
	background: url(../images/navi/ico-s08.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s09 a{
	background: url(../images/navi/ico-s09.png) no-repeat 0 0 #fff !important;
}
.ico-s09 a:hover, .ico-s09 a.current{
	background: url(../images/navi/ico-s09.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s10 a{
	background: url(../images/navi/ico-s10.png) no-repeat 0 0 #fff !important;
}
.ico-s10 a:hover, .ico-s10 a.current{
	background: url(../images/navi/ico-s10.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s11 a{
	background: url(../images/navi/ico-s11.png) no-repeat 0 0 #fff !important;
}
.ico-s11 a:hover, .ico-s11 a.current{
	background: url(../images/navi/ico-s11.png) no-repeat 0 0 #FAFBF1 !important;
}


.ico-s12 a{
	background: url(../images/navi/ico-s12.png) no-repeat 0 0 #fff !important;
}
.ico-s12 a:hove, .ico-s12 a.current{
	background: url(../images/navi/ico-s12.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s13 a{
	background: url(../images/navi/ico-s13.png) no-repeat 0 0 #fff !important;
}
.ico-s13 a:hover, .ico-s13 a.current{
	background: url(../images/navi/ico-s13.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s14 a{
	background: url(../images/navi/ico-s14.png) no-repeat 0 0 #fff !important;
}
.ico-s14 a:hover, .ico-s14 a.current{
	background: url(../images/navi/ico-s14.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s15 a{
	background: url(../images/navi/ico-s15.png) no-repeat 0 0 #fff !important;
}
.ico-s15 a:hover, .ico-s15 a.current{
	background: url(../images/navi/ico-s15.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s16 a{
	background: url(../images/navi/ico-s16.png) no-repeat 0 0 #fff !important;
}
.ico-s16 a:hover, .ico-s16 a.current{
	background: url(../images/navi/ico-s16.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s17 a{
	background: url(../images/navi/ico-s17.png) no-repeat 0 0 #fff !important;
}
.ico-s17 a:hover, .ico-s17 a.current{
	background: url(../images/navi/ico-s17.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s18 a{
	background: url(../images/navi/ico-s18.png) no-repeat 0 0 #fff !important;
}
.ico-s18 a:hover, .ico-s18 a.current{
	background: url(../images/navi/ico-s18.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s19 a{
	background: url(../images/navi/ico-s19.png) no-repeat 0 0 #fff !important;
}
.ico-s19 a:hover{
	background: url(../images/navi/ico-s19.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s20 a{
	background: url(../images/navi/ico-s20.png) no-repeat 0 0 #fff !important;
}
.ico-s20 a:hover{
	background: url(../images/navi/ico-s20.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s21 a{
	background: url(../images/navi/ico-s21.png) no-repeat 0 0 #fff !important;
}
.ico-s21 a:hover{
	background: url(../images/navi/ico-s21.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s22 a{
	background: url(../images/navi/ico-s22.png) no-repeat 0 0 #fff !important;
}
.ico-s22 a:hover{
	background: url(../images/navi/ico-s22.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s23 a{
	background: url(../images/navi/ico-s23.png) no-repeat 0 0 #fff !important;
}
.ico-s23 a:hover{
	background: url(../images/navi/ico-s23.png) no-repeat 0 0 #FAFBF1 !important;
}

.ico-s24 a{
	background: url(../images/navi/ico-s24.png) no-repeat 0 0 #fff !important;
}
.ico-s24 a:hover{
	background: url(../images/navi/ico-s24.png) no-repeat 0 0 #FAFBF1 !important;
}

.nvplus2 a{
	border-bottom: dotted 1px #BBB;
	padding: 10px 12px 10px 67px !important;
}

.nvplus a{
	border-bottom: dotted 1px #BBB;
	padding: 20px 12px 20px 67px !important;
}

/*　楽天から　コピー(ここまで）　*/

/*　西尾追加　開発物語＋精油など商品名部分*/
.nvplus2-k a{
	border-bottom: dotted 1px #BBB;
	padding: 10px 12px 10px 27px !important;
}


.ico-s01-k a{
	background: no-repeat 0 0 #fff !important;
}
.ico-s01-k a:hover, .ico-s01-k a.current{
	background: no-repeat 0 0 #FAFBF1 !important;
}


/*　西尾追加 開発物語部分（ここまで）　*/

/****** 左ナビ-アイコン(ここまで）******/



/* ここから ------------------ 170305 */

.pcNone, .pcNone2 {
	display: none;
}

#photo3List {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 30px;
	font-size: 10px;
	line-height: 150%;
}
#photo3List li {
	width: 200px;
	float: left;
}
#photo3List li p {
	margin: 4px 5px 0;
}
#photo3List li:last-child p {
	text-align: center;
}

.imgR {
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}

.mgl40 {	margin-left: 40px;}
.mgl50 {	margin-left: 50px;}
.mgr180 {	margin-right: 180px;}
.mgb20 {	margin-bottom: 20px;}
.mgb30 {	margin-bottom: 30px;}
.mgb40 {	margin-bottom: 40px;}
.mgb50 {	margin-bottom: 50px;}
.mgb60 {	margin-bottom: 60px;}
.mgt10 {	margin-top: 10px;}
.mgt20 {	margin-top: 20px;}
.mgt30 {	margin-top: 30px;}
.mgt40 {	margin-top: 40px;}
.mgt50 {	margin-top: 50px;}

@media screen and (max-width:440px){
	.pcNone2 {
		display: inline;
	}
}

@media screen and (max-width:767px){
	.isRsp .pcNone {
		display: inline;
	}
	.isRsp .spNone {
		display: none;
	}

	.isRsp #photo3List {
		width: auto;
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0;
		font-size: 12px;
		line-height: 150%;
	}
	.isRsp #photo3List li {
		width: 31.3%;
		margin: 0 1% 12px;
		text-align: left;
	}
	.isRsp #photo3List li p {
		margin: 4px 0 0;
		font-size: 11px;
		line-height: 1.2;
	}
	.isRsp #photo3List li:last-child p {
		text-align: center;
	}

	.isRsp .imgR {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	.isRsp .imgR.mgb0 {
		margin: 0 auto 0;
	}
	.isRsp .mgl40 {
		margin-left: 20px;
		margin-right: 20px;
	}
	.isRsp .mgl50 {	margin-left: 20px;}
	.isRsp .mgr180 {	margin-right: 10px;}
	.isRsp .mgb30 {	margin-bottom: 20px;}
	.isRsp .mgb40 {	margin-bottom: 25px;}
	.isRsp .mgb50 {	margin-bottom: 30px;}
	.isRsp .mgb60 {	margin-bottom: 40px;}
	.isRsp .mgt30 {	margin-top: 20px;}
	.isRsp .mgt40 {	margin-top: 20px;}
	.isRsp .mgt50 {	margin-top: 30px;}


	.isRsp #ul-box07 {
		margin-top: 30px;
	}
	.isRsp #ul-box07,
	.isRsp #ul-box07 li a {
		font-size: 14px;
	}
	.isRsp #li-arrow-next02 {
		text-align: right;
	}
	.isRsp #li-arrow-back a,
	.isRsp #li-arrow-back02 a {
		background-size: 18px;
		padding-left: 25px;
		margin: 0 2em 1em 0;
	}
	.isRsp #li-arrow-next a,
	.isRsp #li-arrow-next02 a {
		background-size: 18px;
		padding-right: 25px;
		margin-left: 1em;
	}

	.isRsp #dl-box13 dt a {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-repeat: no-repeat;
		height: 0;
	}
	.isRsp #dt-shampoo a {
		border: 0.5px solid #ccc;
		padding-top: 21.391%;
	}
	.isRsp #dl-box13 dd ul li,
	.isRsp #dl-box13 dd ul li a {
		font-size: 14px;
	}
	.isRsp #dl-box13 dd {
		padding: 15px 15px 10px;
	}

	.isRsp .dl-box06 {
		margin: 20px auto;
		width: 100%;
	}
	.isRsp .dl-box06 dt {
		font-size: 14px;
	}
	.isRsp .dl-box06 dd {
		padding: 0;
	}
	.isRsp .dl-box06 .scrollTbl {
		font-size: 12px;
		border: solid 1px #CCC;
	}
}


@media screen and (max-width: 440px) {
	.isRsp #photo3List li:last-child p {
		text-align: left;
	}

	.isRsp .scrollTbl table {
		width: 748px;
		margin-bottom: 5px;
	}
	.isRsp .scrollTbl {
		overflow-x: auto;
		margin-bottom: 20px;
	}
	.isRsp .scrollTbl::-webkit-scrollbar{
		height: 5px;
	}
	.isRsp .scrollTbl::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	.isRsp .scrollTbl::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}


#interview_list li {
	margin: 0 20px 20px 0;
}
#interview_list li:nth-child(even) {
	margin-right: 0;
}
#interview dt {
	margin-right: 30px;
}
#interview dd {
	margin-bottom: 20px;
}
#interview dd p {
	font-size: 100%;
	margin-bottom: 1em;
}


@media screen and (max-width: 767px) {
	.isRsp #interview_list {
		margin-bottom: -20px;
	}
	.isRsp #interview_list li {
		float: none;
		margin: 0 0 30px 0;
		width: 100%;
		font-size: 14px;
	}
	.isRsp #interview_list li a.alnC {
		display: block;
		text-align: center;
	}
	.isRsp .fax_info.marginTop20 {
		margin-top: 0;
	}

	.isRsp #interview {
		font-size: 14px !important;
	}

	.isRsp #interview dt {
		float: none;
		margin: 0 0 10px 0;
		text-align: left;
	}
	.isRsp #interview dd {
		width: calc(100% - 1em);
		margin-bottom: 30px;
		margin-left: 1em;
		float: none;
	}
	.isRsp a.interview_btn {
		max-width: 100%;
		font-size: 16px;
	}
}

/* teiki */
#changeList01 {
	width: 500px;
	margin: 0 auto 30px;
}
#changeList01 li {
	float: left;
	width: 220px;
	margin: 0 60px 0 0;	
}
#changeList01 li:last-child {
	margin: 0;	
}


.case05 img {
	margin: 0 30px;
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}
.case05 .txt {
	display: inline-block;
	vertical-align: middle;
	font-size: 134%;
	width:400px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}


@media screen and (max-width: 767px) {
	.isRsp .case05 {
		padding: 0;
	}
	.isRsp .case05 img {
		width: 40%;
		margin: 0 2% 0 1%;
	}
	.isRsp .case05 .txt {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		width: 54%;
	}
}

@media screen and (max-width: 600px) {
	.isRsp #changeList01 {
		width: 95%;
		margin: 0 auto 20px;
	}
	.isRsp #changeList01 li {
		width: 44%;
		margin: 0 12% 0 0;	
	}
}


/* アミノ酸シャンプータイトル部分 */
#acidTitle {
	display: table;
	margin-bottom: 20px;
	width: 100%;
}
#acidTitle h1 {
	display: table-cell;
	margin: 0;
	vertical-align:middle;
}
#acidTitle a {
	display: table-cell;
	margin-bottom: 26px;
	text-align: right;
}
@media screen and (max-width: 767px) {
	.isRsp #acidTitle h1 .pcNone {
		border-left: 8px solid #098842;
		display: block;
		padding-left: 12px;
		font-weight: 700;
		font-size: 18px;
	}
}
@media screen and (max-width: 480px) {
	.isRsp #acidTitle h1 {
		display: block;
	}
	.isRsp #acidTitle a {
		display: block;
		margin-bottom: 0;
		text-align: center;
	}
}
.kaihatsu_tit span {
	display: none;
}
@media screen and (max-width: 767px) {
	.isRsp .kaihatsu_tit {
		margin-top: 0 !important;
	}
	.isRsp .kaihatsu_tit img {
		display: none;
	}
	.isRsp .kaihatsu_tit span {
		display: block;
		color: #f3317b;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.4;
		border-bottom: 1px dashed #ccc;
		padding-bottom: 7px;
		margin-bottom: 20px;
	}
	.isRsp img.grBoder {
		border: 1px solid #ccc;
	}

	.isRsp .teiki_tbl {
		width: 660px;
	}
	.isRsp .teiki_tbl_wrap .style-orange:first-child {
		font-size: 16px;
	}
	.isRsp .teiki_tbl_wrap .tdW100 {
		width: 100%;
		display: table;
	}
	.isRsp .teiki_tbl_wrap .itemLeft {
		display: table-cell;
		text-align:center;
		vertical-align: middle;
		width: 78px;
	}
	.isRsp .teiki_tbl_wrap .itemLeft img {
		max-width: 100%;
	}
	.isRsp .teiki_tbl_wrap .priceRight {
		display: table-cell;
		vertical-align: middle;
	}
	.isRsp .teiki_tbl_wrap .priceRight img:first-child {
		width: 80px;
	}
	.isRsp .teiki_tbl_wrap .priceRight img:last-child {
		width: 58px;
		margin-top: 2px;
	}
	.isRsp .teiki_tbl tr:first-child th:first-child,
	.isRsp .teiki_tbl tr:first-child th:last-child {
		width: 167px;
	}
}

.kaihatsuTbl thead th {
	font-weight: 300;
	background: #fff;
}
@media screen and (max-width: 767px) {
	.isRsp .kaihatsuTbl tbody td {
		vertical-align: top;
	}
}

@media screen and (max-width: 440px) {
	.isRsp .kaihatsuTbl tbody td {
		vertical-align: top;
	}
	.isRsp .kaihatsuTbl th,
	.isRsp .kaihatsuTbl td {
		padding: 5px;
		line-height: 1.3;
	}
}

.seibun_table {
	display: none;
}


@media screen and (max-width: 767px) {
	.isRsp #box-type05{
		background-image: none;
		height: auto;
		margin: 20px 0;
		padding-top: 0;
	}
	.isRsp .seibun_table{
		display: block;
		width: 100%;
		border-collapse: collapse;
		margin-right : auto;
		margin-left : auto;
		margin-bottom : 20px;
		border: none;
	}
	.isRsp .seibun_table th{
		width: 25%;
		padding: 0.1em;/*サンプルは 6px */
		text-align: center;
		vertical-align: top;
		color: #333;
		background-color: #eee;
		border: 1px solid #b9b9b9;
	}
	.isRsp .seibun_table td{
		padding: 0.5em; /*サンプルは 6px */
		background-color: #fff;
		border: 1px solid #b9b9b9;
		vertical-align:top;
		line-height:1.2;
	}
	.isRsp .seibun_table td span{
		line-height:1.2;
	}
	.isRsp td.orange{
		line-height:1.2;
		color:#F60;
		background-color:#FFC; 
	}
}


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

clearfix

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

/* Modern Browsers
------------------------------- */

.clearFix:after,
#photo3List:after,
#changeList01:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.clearFix,
#photo3List,
#changeList01 {
	*zoom: 1;
}