@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
	font-size:14px;
	background:#dcdddd;
	color:#666;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
h1,h2,h3,h4,p{
	margin:0;
}
img{
border:0;
}
.first{
	clear:left;
}
.clear{
	clear:both;
}
.bold{
	font-weight:bold;
}
.xsmall{
	font-size:12px;
}
.small{
	font-size:12px;
}
.large{
	font-size:16px;
}
.xlarge{
	font-size:20px;
}
.mincho{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:italic;
}
.txt_only{
	text-align:left;
	line-height:1.6em;
	margin:0 auto;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.mb10{
	margin:0 auto 10px;	
}
.mb20{
	margin:0 auto 20px;	
}
.gray_back{
	background:#EEE;
}
.red{
	color:#F00;
}
.murasaki{
	color:#993399;
}
.midashi{
	background:#993399;
	color:#FFF;
	font-size:18px;
	line-height:30px;
	padding:0.5em 1em;
	margin:0 0 20px 0;
}
.gray_border{
	border:1px solid #666;	
}
/*角丸*/
.rc{
	border-radius: 4px;/* CSS3草案 */
	-webkit-border-radius: 4px;/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;/* Firefox用 */
}
/*角丸ここまで*/


/**NEWレイアウト**/
#wrap{
	width:800px;
	margin:0 auto;
	background:#FFFFFF;	
}
#header{
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #eee;
}
#header h1{
	margin:0;	
}


/**コンテンツ**/
#main{
	width:560px;
	float:right;
	padding:1em 0 0;
}
.content_wrap{
	width:530px;
	overflow:hidden;
	margin:0 auto 60px;
}
.full_block{
width:530px;
margin:0 auto 2em;
overflow:hidden;
clear:both;
}
.half_block{
width:255px;
margin-top:0;
margin-left:20px;
margin-bottom:20px;
overflow:hidden;
float:left;
}
.half_block_first{
margin-left:0;
clear:left;
}
.inner{
	padding:1em;
}
.inner img{
	max-width:100%;
}
/**コンテンツここまで**/

/**サイドバー**/
#side{
	width:220px;
	float:left;
}
#side ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#CFE5F8;
}
#side li{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#side li a{
	display:block;
	width:90%;
	height:40px;
	margin:5px auto 0;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	text-indent:0.5em;
	border-left:#81A1B5 6px solid;
	text-shadow: 
1px 1px 1px rgba(0, 0, 0, 0.3),
-1px -1px 1px rgba(255, 255, 255, 0.5);
}
/**サイドバーここまで**/

/**サイドバー2**/
#side_bar{
	width:220px;
	float:left;
}
#side_bar ul{
	width:196px;
	margin:10px auto 0;
	padding:0;
	list-style:none;
	font-size:0;
	//background:#e8f5fd;
}
#side_bar li{
	margin:0;
	padding:0;
}

/**サイドバー2ここまで**/

#footer{
	clear:both;
	background:#006699;
	padding:1em;
	text-align:center;
	color:#FFF;
}




/**NEWレイアウト**/

p.rahuile_pagetop{
width:540px;
margin:0 auto 20px;
font-size:12px;
text-align:right;
}
h2#rahuile_index{
margin:20px auto;
text-align:center;
}
div.rahuile_block{
width:260px;
border:1px solid #666666;
text-align:center;
font-size:12px;
float:left;
margin:0 10px 20px;
}
div.rahuile_block_header{
	padding:0 0 22px;	
}
div.rahuile_block h3{
margin:0;
padding:10px 0 0;
text-align:center;
}
div.rahuile_block p{
margin:10px auto ;
text-align:center;
line-height:1em;
}
div.rahuile_block div{
margin:0 auto 10px;
text-align:center;
}

/*精油ページ*/
#rahuile_oil{
width:580px;
text-align:center;
vertical-align:top;
background:#FFFFFF;
font-size:12px;
color:#555555;
}
#rahuile_oil h1{
text-align:left;
width:580px;
margin:20px auto 30px;
}
#rahuile_oil h3{
width:550px;
height:36px;
background:url(img/oil_h3back.jpg) no-repeat;
margin:0 auto 14px;
line-height:36px;
text-indent:22px;
font-size:14px;
color:#FFFFFF;
text-align:left;
}
p.rahuile_noimg1{
text-align:center;
margin:0 0 30px;
}
p.rahuile_noimg2{
text-align:center;
margin:0 0 14px;
}
p.rahuile_noimg3{
text-align:left;
margin:0 20px 14px;
line-height:200%;
}
p.rahuile_noimg3 img{
vertical-align:middle;
}
p.rahuile_noimg4{
text-align:left;
margin:0 30px 20px;
line-height:180%;
}
p.rahuile_pagetop{
clear:both;
text-align:right;
margin:0 20px 40px;
}


/*左右画像共通*/
div.rahuile_right_img,
div.rahuile_left_img{
width:530px;
margin:0 auto;
overflow:hidden;
}

/*右画像*/
div.rahuile_right_img p{
width:270px;
text-align:left;
line-height:180%;
margin:0 20px 40px 0;
float:left;
}
div.rahuile_right_img div{
width:240px;
margin:0 0 40px;
float:right;
overflow:hidden;
}


/*左画像*/
div.rahuile_left_img_left{
width:200px;
margin:0 0 20px;
float:left;
overflow:hidden;
}
div.rahuile_left_img_left div{
margin:0 0 24px;
}
div.rahuile_left_img_right{
width:310px;
margin:0 0 20px;
float:right;
overflow:hidden;
}
div.rahuile_left_img_right div{
margin:20px 0;
}
div.rahuile_left_img_right p{
text-align:left;
line-height:180%;
margin:0 auto 12px;
}
div.rahuile_left_img_right table{
border-top:1px solid #666666;
border-left:1px solid #666666;
margin:0 0 20px;
}
div.rahuile_left_img_right td,
div.rahuile_left_img_right th{
border-bottom:1px solid #666666;
border-right:1px solid #666666;
padding:6px;
text-align:left;
}
div.rahuile_left_img_right h4{
text-align:left;
margin:0 0 10px;
font-size:14px;
color:#993366;
}


table.rahuile_item_table{
width:530px;
margin:0 auto 20px;
border-top:1px solid #666666;
border-left:1px solid #666666;
}
table.rahuile_item_table td,
table.rahuile_item_table th{
border-bottom:1px solid #666666;
border-right:1px solid #666666;
padding:10px;
font-weight:bold;
}
table.rahuile_item_table td a{
display:block;
width:122px;
height:32px;
line-height:30px;
background:url(img/oil_bunseki_btn.jpg) no-repeat 0 0;
text-decoration:none;
color:#FFFFFF;
}
table.rahuile_item_table td a:hover{
background:url(img/oil_bunseki_btn.jpg) no-repeat 0 -32px;
}

table.rahuile_label_table{
width:530px;
margin:0 auto 20px;
}
table.rahuile_label_table th,
table.rahuile_label_table td{
padding:10px;
text-align:left;
}
.rahuile_label_table_color{
color:#993366;
}


/*カプセルページ*/
#rahuile_capsule{
width:580px;
text-align:center;
vertical-align:top;
background:#FFFFFF;
font-size:14px;
color:#555555;
}
.rahuile_capsule_main{
	width:530px;
	text-align:left;
	margin:0 auto 40px;
	overflow:hidden;
}
#rahuile_capsule h1{
margin:30px auto;
text-align:left;
}
#rahuile_capsule h2{
margin:0 auto 10px;
}
#rahuile_capsule h3{
width:550px;
height:36px;
background:url(img/oil_h3back.jpg) no-repeat;
margin:0 auto 14px;
line-height:36px;
text-indent:22px;
font-size:14px;
color:#FFFFFF;
text-align:left;
}
#rahuile_capsule h4{
	margin:0 auto 1em;
}

div.rahuile_capsule_block{
width:530px;
margin:0 auto 2em;
overflow:hidden;
}
div.rahuile_capsule_block_left{
width:240px;
margin:0 auto 20px;
overflow:hidden;
float:left;
}
div.rahuile_capsule_block_right{
width:260px;
float:right;
margin:0 auto;
}
div.rahuile_capsule_block_right h4{
color:#993399;
font-size:16px;
text-align:left;
line-height:180%;
margin:0 auto 14px;
}
div.rahuile_capsule_block_right p{
text-align:left;
line-height:180%;
margin:0 auto 20px;
}
div.rahuile_capsule_block_right p span{
font-size:20px;
font-weight:bold;
}