@charset "Shift_JIS";

/* ===================================
	AROMA THERAPY（アロマテラピー）2010/10
=================================== */

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

div#aromatherapy{
	width:800px;
	margin:1em auto 2em;
}

div#aromatherapy div#aromatherapyIn{
	background:#fff url(../img/bg_repeat.jpg) repeat-y;
	border-bottom:21px solid #80a0cd;
	width:752px;
	padding:30px 24px 0 24px;
	line-height:150%;
	color:#fff;
}

/*--------------------------------------
  globalNavi
--------------------------------------*/

div#aromatherapy div#globalNavi{
	background:#80a0cd url(../img/bg_repeat.jpg) repeat-y;
	height: 85px;
	width: 752px;
	margin:0;
	padding:0 24px;
}

div#aromatherapy div#globalNavi ul{
	background:#fff;
	height: 85px;
	width: 658px;
	padding-left:94px;
}

/*div#aromatherapy div#globalNavi ul{
	background:#fff url(../img/globalnavi_bg.jpg)  bottom no-repeat;
	height: 85px;
	width: 658px;
	padding-left:94px;
}*/

div#aromatherapy div#globalNavi ul li{
	float: left;
	width: auto;
	height: 85px;
}

div#aromatherapy div#globalNavi ul li a {
	text-indent: -9999px;
	display: block;
	height: 85px;
	/*\*/
		overflow: hidden;
	/**/
}

div#aromatherapy div#globalNavi ul li#gnv01 a {
	width: 123px;
	height: 85px;
	display: block;
	background: url(../img/btn_globalnavi_01.jpg) no-repeat top left;
	text-indent: -9999px;
	margin-right:24px;
}

div#aromatherapy div#globalNavi ul li#gnv01 a:hover,
div#aromatherapy div#globalNavi ul li#gnv01 a:focus {
	background: url(../img/btn_globalnavi_01.jpg) no-repeat bottom left;
}

div#aromatherapy div#globalNavi ul li#gnv02 a {
	width: 123px;
	height: 85px;
	display: block;
	background: url(../img/btn_globalnavi_02.jpg) no-repeat top left;
	text-indent: -9999px;
	margin-right:24px;
}

div#aromatherapy div#globalNavi ul li#gnv02 a:hover,
div#aromatherapy div#globalNavi ul li#gnv02 a:focus {
	background: url(../img/btn_globalnavi_02.jpg) no-repeat bottom left;
}

div#aromatherapy div#globalNavi ul li#gnv03 a {
	width: 123px;
	height: 85px;
	display: block;
	background: url(../img/btn_globalnavi_03.jpg) no-repeat top left;
	text-indent: -9999px;
	margin-right:24px;
}

div#aromatherapy div#globalNavi ul li#gnv03 a:hover,
div#aromatherapy div#globalNavi ul li#gnv03 a:focus {
	background: url(../img/btn_globalnavi_03.jpg) no-repeat bottom left;
}

div#aromatherapy div#globalNavi ul li#gnv04 a {
	width: 123px;
	height: 85px;
	display: block;
	background: url(../img/btn_globalnavi_04.jpg) no-repeat top left;
	text-indent: -9999px;
}

div#aromatherapy div#globalNavi ul li#gnv04 a:hover,
div#aromatherapy div#globalNavi ul li#gnv04 a:focus {
	background: url(../img/btn_globalnavi_04.jpg) no-repeat bottom left;
}


/*--------------------------------------
  heading
--------------------------------------*/

div#aromatherapy h1{
padding-bottom:10px;
background:#80a0cd url(../img/bg_repeat.jpg) repeat-y;
}
div#aromatherapy div#aromatherapyIn h2{
margin:0;
padding:0;
}
div#aromatherapy div#aromatherapyIn .fl{
float:left;
_display:inline;
}
div#aromatherapy div#aromatherapyIn .fr{
float:right;
_display:inline;
}


/*--------------------------------------
  essentialoil(parts01)
--------------------------------------*/

div#aromatherapy div#aromatherapyIn .aromatherapy_parts_01{
	background: url(../img/essentialoil_bg_repeat.jpg) repeat 0 0;
	width:696px;
	padding:17px 28px;
	overflow:hidden;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_01 .box_01{
	margin:0 0 30px 0;
	width:414px;
	color:#252525;
	font-size:12px;
	line-height:24px;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_01 p.text{
	padding:5px 0;
	border-top:1px solid #80a0cd;
	border-bottom:1px solid #80a0cd;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_01 p.box_01_img{
	margin-left:35px;
	margin-bottom:30px;
	float:right;
}

/*--------------------------------------
  choose(parts02)
--------------------------------------*/

div#aromatherapy div#aromatherapyIn .aromatherapy_parts_02{
	background: url(../img/choose_bg_repeat.jpg) repeat 0 0;
	width:696px;
	padding:17px 28px;
	overflow:hidden;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_02 .box_01{
	margin:0 0 30px 0;
	width:414px;
	color:#252525;
	font-size:12px;
	line-height:24px;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_02 p.text{
	padding:5px 0;
	border-top:1px solid #80a0cd;
	border-bottom:1px solid #80a0cd;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_02 p.box_01_img{
	margin-left:35px;
	margin-bottom:30px;
	float:right;
}

#oil_tbl{
	width:694px;
	border:1px solid #fff;
	margin:15px 0 15px 0;
	background-color:#f4e6de;
	padding-bottom:15px;
}
div#btn_oil_tbl {
	margin-top:12px;
}

div#btn_oil_tbl a {
	width: 574px;
	height: 54px;
	display: block;
	background: url(../img/btn_oil_tbl.jpg) no-repeat top left;
	text-indent: -9999px;
}

div#btn_oil_tbl a:hover,
div#btn_oil_tbl a:focus {
	background: url(../img/btn_oil_tbl.jpg) no-repeat bottom left;
}

#oil_tbl .top{
	height:10px;
	background-color:#a477af;
}
#oil_tbl h3.title{
	width:574px;
	height:53px;
}
#oil_tbl table {
    border-spacing: 0px;
	border-collapse: collapse;
}
#oil_tbl table tr th {
	list-styletype:none;
	font-size:10px;
	background: #dec9e3;
	padding:20px 2px 2px 2px;
	width:24px;
	border-top:1px solid #7b4d85;
	border-left:1px solid #7b4d85;
	border-bottom:1px solid #7b4d85;
	vertical-align:top;
}
#oil_tbl table.brend tr th{
	background: #bbd4eb;
	padding:2px;
	line-height:1.2em;
}
#oil_tbl table.ess tr th{
	background: #dec9e3;
	padding:20px 2px 2px 2px;
}
#oil_tbl table tr td {
	list-styletype:none;
	font-size:10px;
	color:#000000;
	border:1px solid #7b4d85;
}
#oil_tbl table tr td.left {
	padding:2px;
	text-align:left;
	width:132px;
}
#oil_tbl table.brend tr td.left {
	background: #e8f1f9;
}
#oil_tbl table.ess tr td.left {
	background: #f6e8f9;
}
#oil_tbl table.brend tr td.left span.new1,
#oil_tbl table.ess tr td.left span.new1{
	display:block;
	width:26px;
	height:0px !important;
	height /**/:11px;
	padding-top:11px;
	overflow:hidden;
	background:url(../img/new_brend.gif) no-repeat;
}
#oil_tbl table tr td.left img {
	margin-right:4px;
	text-align:left;
	float:left;
	padding-left:4px;
}
#oil_tbl table tr td.right {
	background: none;
	padding:2px;
	vertical-align:middle;
	text-align:center;
	width:35px;
}
#oil_tbl table tr td a:link,
#oil_tbl table tr td a:visited{
	text-decoration: underline;
	color:#000000;
}
#oil_tbl table tr td a:hover,
#oil_tbl table tr td a:focus {
	text-decoration:none;
	color:#000000;
}
/*div#btn_choose_01 {
	margin-left: 141px;
	margin-bottom:15px;
}

div#btn_choose_01 a {
	width: 410px;
	height: 98px;
	display: block;
	background: url(../img/btn_choose_01.jpg) no-repeat top left;
	text-indent: -9999px;
}

div#btn_choose_01 a:hover,
div#btn_choose_01 a:focus {
	background: url(../img/btn_choose_01.jpg) no-repeat bottom left;
}*/
div#btn_choose_02 {
	margin:0 16px;
}

div#btn_choose_02 a {
	width: 665px;
	height: 86px;
	display: block;
	background: url(../img/btn_choose_02.jpg) no-repeat top left;
	text-indent: -9999px;
}

div#btn_choose_02 a:hover,
div#btn_choose_02 a:focus {
	background: url(../img/btn_choose_02.jpg) no-repeat bottom left;
}


div#aromatherapy div#aromatherapyIn .aromatherapy_parts_02 div.oin_bnr{width:574px; margin:0 auto;}

div#aromatherapy div#aromatherapyIn .aromatherapy_parts_02 div.oin_bnr a{display:block; width:188px; height:56px; float:left; overflow:hidden;}

a:hover img.opa70{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}

/*--------------------------------------
  oil(parts03)
--------------------------------------*/

div#aromatherapy div#aromatherapyIn .aromatherapy_parts_03{
	background: url(../img/oil_bg_repeat.jpg) repeat 0 0;
	width:696px;
	padding:17px 28px;
	overflow:hidden;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_03 .box_01{
	margin:0 0 30px 0;
	width:414px;
	color:#252525;
	font-size:12px;
	line-height:24px;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_03 p.text{
	padding:5px 0;
	border-top:1px solid #80a0cd;
	border-bottom:1px solid #80a0cd;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_03 p.box_01_img{
	margin-left:35px;
	margin-bottom:30px;
	float:right;
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_03 p.oilbox{
	margin:21px;
}
div#btn_oil {
	margin: 7px 15px;
}
div#btn_oil	ul{
	width:666px;	
}
div#btn_oil	ul li{
	width:215px;
	float:left;
}
div#btn_oil	ul li.mr10{
	margin-right:10px;
}

/*--------------------------------------
  season(parts04)
--------------------------------------*/

div#aromatherapy div#aromatherapyIn .aromatherapy_parts_04{
	background: url(../img/season_pic_03.jpg) no-repeat bottom;
	width:752px;
	padding-bottom:72px;

}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts_04 img{
	margin:0;
	padding:0;
}

div#btn_season {
	margin: 10px 40px;
}

div#btn_season a {
	width: 665px;
	height: 86px;
	display: block;
	background: url(../img/btn_season.jpg) no-repeat top left;
	text-indent: -9999px;
}

div#btn_season a:hover,
div#btn_season a:focus {
	background: url(../img/btn_season.jpg) no-repeat bottom left;
}


/*--------------------------------------
  recipe(parts04) 2012/06/28
--------------------------------------*/

div#aromatherapy div#aromatherapyIn .blend_parts_04{
	background: url(../img/blend_bg_repeat.jpg) repeat 0 0;
	width:696px;
	padding:17px 28px;
	overflow:hidden;
}
div#aromatherapy div#aromatherapyIn .blend_parts_04 .box_01{
	margin:0 0 30px 0;
	width:414px;
	color:#252525;
	font-size:12px;
	line-height:24px;
}
div#aromatherapy div#aromatherapyIn .blend_parts_04 p.text{
	padding:5px 0;
	border-top:1px solid #80a0cd;
	border-bottom:1px solid #80a0cd;
}
div#aromatherapy div#aromatherapyIn .blend_parts_04 p.box_01_img{
	margin-left:35px;
	margin-bottom:30px;
	float:right;
}

div#aromatherapy div#aromatherapyIn p.recipe{
	background: url(../img/blend_bg_repeat.jpg) repeat 0 0;
	padding:0 0 20px 0;
}

/*--------------------------------------
  thickbox
--------------------------------------*/
div#aromatherapy div#aromatherapyIn .aromatherapy_parts .box_02 .thickbox {
	text-decoration:none;
	font-weight:nomal;
	/*font-size:10px;*/
	/*color:#FFCC66;*/
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts .box_02 .thickbox img {
}
div#aromatherapy div#aromatherapyIn .aromatherapy_parts .box_02 a:hover.thickbox {
	text-decoration:underline;
}



.tc {text-align:center;}
.ml26{margin-left:26px;}
.mtb5{margin:5px 0;}
.mtb3{margin:3px 0;}