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

* 共通設定
* アロマトリートメントの基本
* 脚のむくみ解消トリートメント
--------------------------*/

/* 共通設定
----------------------------------------------------------*/

#navigator {
    background: url(../../../img_common/background_002.gif) no-repeat scroll left top transparent;
    height: 79px;
    padding: 12px 0 0 12px;
    width: 633px;
}

#navigator p{
	float: left;
    width: 68px;
	margin-top:0px;
 
}

#navigator div p {
    font-size: 11px;
    margin-top: 3px;
    padding-left: 2px;
    width: 540px;
}

#navigator_right{
	float:right;
    font-size: 12px;
    margin: 0px;
    padding-left: 2px;
	padding-right:10px;
    width: 540px;
 
}

#navigator h3 {
    float: right;
	margin:0px;
}


#cange-box1 h4,
#cange-box2 h4{
clear:both;
margin:11px 0;
}

#cange-box1 #texture ul li.long-bar,
#cange-box2 #texture ul li.long-bar{
margin-bottom:5px;
padding-bottom:5px;
background:url(../img/bar_002.gif) left bottom no-repeat;
}

#cange-box1 #texture ul li.short-bar,
#cange-box2 #texture ul li.short-bar{
margin-bottom:5px;
padding-bottom:5px;
background:url(../img/bar_001.gif) left bottom no-repeat;
}

/* テクスチャーの部分
-----------------------*/

#texture{
width:645px;
margin-top:14px;
background:url(../img/treatment_background_001.jpg) left top repeat;
}

* html #texture{
margin-top:2px;
}

#midashi-1{
padding-top:27px;
margin:0px 0 10px 26px;
}

#midashi-2{
padding-top:10px;
margin:0px 0 10px 26px;
}

#midashi-3{
padding-top:22px;
margin:0px 0 14px 26px;
}

#texture ul{
margin-left:26px;
}

#texture ul li{
padding-left:1px;
margin-bottom:5px;
padding-bottom:5px;
background:url(../img/bar_002.gif) left bottom no-repeat;
}

#texture ol{
margin-left:26px;
}

#texture ol li{
padding-left:1px;
margin-bottom:5px;
padding-bottom:9px;
list-style:inside;
}

#texture ul li.nobar{
margin:0 0 0 0;
padding:2px 0 0 0;
background:none;
}

#texture ul li ul{
margin-top:9px;
margin-bottom:2px;
}

*:first-child+html #texture ul li ul{
margin-top:-3px;
}

* html #texture ul li ul{
margin-top:-3px;
}

#texture ul li ul li{
margin:0 0 1px 74px;
padding:0 0 0 0;
background:none;
}

#texture table td{
vertical-align:bottom;
}


/* 商品の設定
-----------------------*/

.itembox{
clear:both;
}

.tp20{
margin-top:20px;
}

.itembox-left{
float:left;
width:315px;
}

.itembox-right{
float:right;
width:315px;
}

.item-table{
font-size:100%;
}

.item-table th{
text-align:left;
width:110px;
padding-right:14px;
vertical-align:top;
}

.item-table td{
vertical-align:top;
}

.itemphoto{
padding-bottom:11px;
}

.itemname{
font-weight:bold;
margin-top:-2px;
margin-bottom:4px;
}

.itemname2{
font-weight:bold;
margin-top:2px;
margin-bottom:6px;
}

.itemprice{
font-weight:bold;
margin-bottom:9px;
}

.itemprice2{
font-weight:bold;
margin-bottom:20px;
}

.itemtext{
letter-spacing:normal;
margin-bottom:11px;
}

.kategory{
font-size:11px;
padding-top:5px;
}

.small2{
font-size:10px;
font-weight:normal;

}

.item-table .itemtext a			{color:#454545;text-decoration:underline;}			/*未訪問*/
.item-table .itemtext a:link 	{color:#454545;text-decoration:underline;}			/*未訪問*/
.item-table .itemtext a:visited	{color:#454545;}									/*訪問済*/
.item-table .itemtext a:hover 	{color:#454545;text-decoration:none;}			/*オンマウス*/
.item-table .itemtext a:active	{color:#454545;}								/*クリック時*/



/* アロマトリートメントの基本
----------------------------------------------------------*/
#cange-box1{
}

#cange-box1 h3{
clear:both;
}

#mar-t20{
margin-top:20px;
}

/* トリートメントのおすすめポイントは
--------------------------------------*/
#basic-box-1{
padding-top:8px;
padding-bottom:36px;
}

.list-box-1{
clear:both;
padding-top:17px;
padding-bottom:13px;
}

.list-box-2{
}

.list-box-1 .list-left,
.list-box-2 .list-left{
float:left;
width:300px;
margin-left:33px;
display:inline;
}

.list-box-1 .list-right,
.list-box-2 .list-right{
float:right;
width:288px;
}

.list-box-1 dt,
.list-box-2 dt{
padding-bottom:2px;
}


/* アロマトリートメントの方法
--------------------------------------*/
#basic-box-2{
padding-bottom:26px;
}

#basic-box-2 h3{
padding-bottom:20px;
}

#basic-box-2 p{
float:left;
width:185px;
padding:0 21px 0 33px ;
}

#basic-box-2 dl{
float:left;
width:403px;
}

#basic-box-2 dt{
padding-bottom:2px;
}

/* トリートメントオイルの作り方
--------------------------------------*/
#basic-box-3{
padding-bottom:19px;
}

#basic-box-3 table td{
vertical-align:top;
}


/* アロマトリートメントで使うオイルや精油について
--------------------------------------*/
#basic-box-4{
padding-bottom:12px;
}

#basic-box-4 h3{
padding-bottom:18px;
}

#basic-box-4 dl{
padding-left:33px;
}

#basic-box-4 dt{
padding-bottom:1px;
}

#basic-box-4 dd{
padding-bottom:13px;
}

#text-setting-1{
padding:8px 0 4px 33px;
}

#text-setting-2{
margin-left:33px;
}

.arrow{
padding-left:9px;
background:url(../img/arrow_img_001.gif) left 50% no-repeat;
}

/* バックグラウンド処理
--------------------------------------*/
#basic-box-5{
width:645px;
height:157px;
background:url(../img/basic_background_001.jpg) left top no-repeat;
}

#text-setting-3{
width:473px;
padding:29px 0 0 25px;
}

#text-setting-4{
margin:44px 0 0 352px;
padding-left:9px;
background:url(../img/arrow_img_001.gif) left 50% no-repeat;
}

#cange-box1 a			{color:#454545;text-decoration:underline;}			/*未訪問*/
#cange-box1 a:link 		{color:#454545;text-decoration:underline;}			/*未訪問*/
#cange-box1 a:visited	{color:#454545;}									/*訪問済*/
#cange-box1 a:hover 	{color:#454545;text-decoration:none;}			/*オンマウス*/
#cange-box1 a:active	{color:#454545;}								/*クリック時*/



/* 脚のむくみ解消トリートメント
----------------------------------------------------------*/
#cange-box2{
}

#cange-box2 #texture-text{
height:107px;
background:url(../img/treatment_background_002.jpg) left top no-repeat;
}

#cange-box2 #texture-text p{
width:430px;
font-size:12px;
padding:2px 0 0 50px;
}

#cange-box2 #text-setting-5{
margin-top:-7px;
margin-left:26px;
padding-left:9px;
background:url(../img/arrow_img_001.gif) left 50% no-repeat;
}

.small2{
font-size:10px;
font-weight:normal;
color:#ea68a2;

}

#cange-box2 .itemname{color:#ea68a2;}

#text-setting-5 a			{color:#454545;text-decoration:underline;}			/*未訪問*/
#text-setting-5 a:link 		{color:#454545;text-decoration:underline;}			/*未訪問*/
#text-setting-5 a:visited	{color:#454545;}									/*訪問済*/
#text-setting-5 a:hover 	{color:#454545;text-decoration:none;}			/*オンマウス*/
#text-setting-5 a:active	{color:#454545;}								/*クリック時*/

#cange-box2 .itemname a				{color:#ea68a2;}									/*未訪問*/
#cange-box2 .itemname a:link 		{color:#ea68a2;}									/*未訪問*/
#cange-box2 .itemname a:visited		{color:#ea68a2;}									/*訪問済*/
#cange-box2 .itemname a:hover 		{color:#ea68a2;text-decoration:underline;}			/*オンマウス*/
#cange-box2 .itemname a:active		{color:#ea68a2;}									/*クリック時*/