@charset "UTF-8";



/* ========================================================
	aroma style
======================================================== */
.aroma{ width: 545px; margin: 0 auto; padding: 0px;}

.aroma h2.bar01{ width: 545px; height:28px; text-indent: -5555px; margin: 25px auto 0; padding: 0px; background:url(img/aroma_bar01.gif) no-repeat; clear: both;}
.aroma h3.bar02{ width: 194px; height:28px; text-indent: -5555px; margin: 0px 0px 0px 0px; padding: 0px; background:url(img/aroma_bar02.gif) no-repeat; clear: both;}
.aroma h2.bar03{ width: 545px; height:28px; text-indent: -5555px; margin: 25px auto 0; padding: 0px; background:url(img/aroma_bar03.gif) no-repeat; clear: both;}
.aroma h2.bar04{ width: 545px; height:61px; text-indent: -5555px; margin: 25px auto 0; padding: 0px; background:url(img/aroma_bar04.gif) no-repeat; clear: both;}
.aroma .joy .joy01 h3.bar05{ width: 200px; height: 34px; text-indent: -5555px; margin: 0px auto 0; padding: 0px; background:url(img/aroma_bar05.gif) no-repeat; clear: both; float:left;}
.aroma .joy .joy02 h3.bar06{ width: 200px; height: 34px; text-indent: -5555px; margin: 0px auto 0px; padding: 0px; background:url(img/aroma_bar06.gif) no-repeat; clear: both; float:left;}
.aroma .joy .joy02 .text h4.bar07{ margin: 15px 0px 5px 0px; padding: 0px 0px 0px 17px; background:url(img/aroma_lista_01.gif) no-repeat left; clear: both; color: #005600; font-weight: bold; font-size: 12px; clear: both;}
.aroma .joy .joy02 .text h4.bar08{ margin: 15px 0px 5px 0px; padding: 0px 0px 0px 17px; background:url(img/aroma_lista_02.gif) no-repeat left; clear: both; color: #005600; font-weight: bold; font-size: 12px;}
.aroma .joy .joy02 .text h4.bar09{ margin: 15px 0px 5px 0px; padding: 0px 0px 0px 17px; background:url(img/aroma_lista_03.gif) no-repeat left; clear: both; color: #005600; font-weight: bold; font-size: 12px;}
.aroma .treatment h3.bar10{ width: 544px; height: 32px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:url(img/aroma_bar07.gif) no-repeat; text-indent: -5555px;}


.aroma .block01{ width: 545px; margin: 20px auto 0;}
.aroma .block01 .left{ width: 323px; margin: 0px 24px 0px 0px; padding: 0px; float: left; }
.aroma .block01 .left .copy01{ width: 323px; height: 46px; margin: 0px 0px 0px 0px; padding: 0px; background: url(img/aroma_copy01.gif) no-repeat; text-indent: -5555px;}
.aroma .block01 .left p { width: 323px; margin: 14px 0px 0px 0px; padding: 0px 0px 0px 5px; line-height: 150%;}
.aroma .block01 .right{ width: 182px; margin: 0px 0px 10px 0px; padding: 0px; float: left; }
.aroma .block01 .copy02{ width: 529px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px; background: url(img/aroma_copy02.gif) no-repeat; text-indent: -5555px; clear: both;}


/*** 定義box ***/
.aroma .box{ width: 511px; margin: 18px auto 25px; padding: 0px;}
.aroma .box .top{ width: 511px; height: 14px; margin: 0 auto 0; padding: 0px; background: url(img/aroma_box_top.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.aroma .box .body{ width: 511px; margin: 0 ; padding: 8px 0px 0px 0px; background: url(img/aroma_box_body.gif) repeat-y; }
.aroma .box .body .copy01{ width: 459px; height: 14px; margin: 0 auto; padding: 0px; background: url(img/aroma_copy03.gif) no-repeat; text-indent: -5555px;}
.aroma .box .body .copy02{ width: 471px; height: 14px; margin: 0 auto; padding: 0px; background: url(img/aroma_copy04.gif) no-repeat; text-indent: -5555px;}
.aroma .box .body p.p01{ width: 459px; margin: 10px auto 10px; padding: 0px 0px 0px 2px; line-height: 150%; }
.aroma .box .body p.p02{ width: 459px; margin: 10px auto 0px; padding: 0px 0px 10px 0px; line-height: 150%; background: url(img/aroma_logo.gif) no-repeat right; }


.aroma .box .body ul{ width: 459px; margin: 0 auto; padding: 0px 0px 5px 0; background: url(img/aroma_logo.gif) no-repeat right bottom; }
.aroma .box .body li{ /* width: 459px; */ margin: 0; padding: 0px; list-style:none; line-height: 160%; color:#005600; font-weight: bold;}
.aroma .box .body li.list01{ /* width: 100%; */ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 18px; background: url(img/aroma_lista_01.gif) no-repeat left;}
.aroma .box .body li.list02{ /* width: 100%; */ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 18px; background: url(img/aroma_lista_02.gif) no-repeat left;}
.aroma .box .body li.list03{ /* width: 100%; */ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 18px; background: url(img/aroma_lista_03.gif) no-repeat left;}
.aroma .box .body li.list04{ /* width: 100%; */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; background: url(img/aroma_lista_04.gif) no-repeat left;}
.aroma .box .bottom{ width: 511px; height: 14px; margin: 0 auto 0; padding: 0px; background: url(img/aroma_box_bottom.gif) no-repeat; text-indent: -5555px; font-size: 1px;}

.aroma .block02{ width: 533px; margin: 10px auto 0; padding: 0px; }
.aroma .block02 p{ width: 320px; margin: 0px 25px 0px 0px; padding: 0px; float :left; line-height: 150%;}
.aroma .block02 img{ width: 182px; margin: 0; padding: 0px; float :left; }

.aroma .green { width:545px; height: 43px; margin: 25px auto 0; padding: 0px; background: url(img/aroma_image04.jpg) no-repeat center; clear: both;}

.aroma .bt01{ width: 545px; text-align: right; margin: 0px 0px 0px 0px;}

.aroma .joy{ width: 532px; margin: 20px auto 10px; padding: 10px 0px 18px 10px; background: #F6FAEF;}
.aroma .joy .joy01{ width: 516px; margin: 0 auto 0; padding: 0px 0px 10px 0px; background: url(img/aroma_dot.gif) repeat-x bottom;}
.aroma .joy .joy01 ul{ width: 336px; margin: 12px 0px 0px 5px; padding: 0px; float:left;}
.aroma .joy .joy01 li{ width: 100%; margin: 0px 0px 5px 0px ; padding: 0px; list-style: none; line-height: 150%;}
.aroma .joy .joy01 li.list01{ background: url(img/aroma_lista_01.gif) no-repeat left; padding: 0px 0px 0px 25px;}
.aroma .joy .joy01 li.list02{ background: url(img/aroma_lista_02.gif) no-repeat left; padding: 0px 0px 0px 25px;}
.aroma .joy .joy01 img{ width: 124px; height: 85px; margin: 0px 18px 0px 0px; padding: 0px; float: right;}

.aroma .joy .joy02{ width: 516px; margin: 15px auto 0; padding: 0px 0px 10px 0px; background: url(img/aroma_dot.gif) repeat-x bottom; clear: both;}
.aroma .joy .joy02 .text{ width: 350px; margin: 0; padding: 0px 0px 0px 10px; float: left; clear: both;}
.aroma .joy .joy02 .text p{ line-height: 140%; padding: 0px 10px 0px 0px;}
.aroma .joy .joy02 .image{ width: 124px; float: right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.aroma .joy .joy02 .image ul{ padding: 20px 0px 0px 0px; margin: 20px 18px 0px 0px;}
.aroma .joy .joy02 .image li{ padding: 0px 0px 0px 0px; margin: 0px 0px 35px 0px; list-style: none;}

.aroma .joy .attention { width: 505px; margin: 10px auto 0px; padding: 0px; font-size: 10px; clear:both;}
.aroma .joy .attention strong{ color: #FF6633;}
.aroma .joy .attention p{line-height: 130%; margin: 5px 0px 0px 0px}

.aroma .treatment{ width:544px; margin: 20px auto 0; padding: 0px; }
.aroma .treatment .body{ width:531px; margin: 0 auto; padding: 13px 0px 5px 13px; background: url(img/aroma_treatment_body.gif) repeat-y;}
.aroma .treatment .body p{ width:330px; margin: 0px 0px 0px 0px; padding: 0px; float: left; line-height: 140%;}
.aroma .treatment .body .image{ width:161px; height: 117px; margin: 0px 15px 0px 0px; padding: 0px; float: right; }
.aroma .treatment .body .bt{ width:236px; height: 26px; margin: 10px 0px 0px 0px; padding: 0px; float: left; }
.aroma .treatment .bottom{ width:544px; height: 6px; margin: 0 auto; padding: 0px; background: url(img/aroma_treatment_bottom.gif) no-repeat; font-size: 1px;}