@charset "UTF-8";

/*初期化*/
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

em{
color: #FF0000;
font-style: normal;
font-weight: bold;
}

ul.tokuten{
 margin: 0; padding: 17px;
}

ul.tokuten li{
	list-style-type: disc
}

a {
  border: none;
  text-decoration: none;
}

img {
	margin: 0;
  	padding: 0;
	border: none;
	vertical-align: bottom;
}


ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}

body {
  background: #EBF3E4;
  font-family: MS UI Gothic sans-serif;
  font-size: 12px;
  color: #666666;
  line-height:1.6em;
  
} 

* html body { /* for IE6 */
  font-size: small;
}
  
*:first-child+html body { /* for IE7 */
  font-size: small;
}
 
a { 
	color: #666666; 
} 
a:visited { 
	color: #666666;  
	text-decoration: none; 
} 
a:hover { 
	color: #666666; 
	text-decoration: underline; 
} 


#container { 
	width:820px; margin:0px auto; text-align:left;
}
  
#header{
	width:820px;
}

#tagline{
	height:25px;
	padding-top:10px;
} 

/******共通で使用******/
h2{
	font-weight:bold;
	font-size: 14px;
        color:#7BA28F;
}

/*太字*/
.com_bold{
	font-weight:bold;
}

/*赤字*/
.com_red{
	color:#FF0000;
}

/*青字*/
.com_green{
	color:#7BA28F;
}

/*ククイナッツオイルとは等で使用*/
.com_text_padding{
	padding:10px 0 20px 0;
}

.com_text_padding02{
	padding:0 0 20px 0;
}

   
/*メニューとトップイメージの枠*/
#title{
	/*height:248px;*/
	height:246px;
	background-color:#FFFFFF;	
} 

#menu{
	float:left;
	width:324px;
	/*height:247px;*/
	height:245px;
	background-color:#FFFFFF;
}

#menu ul li a{
	display:block;
	background:url(images/menu.gif) no-repeat;
	vertical-align:bottom;
}

#menu ul li span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#menu ul li#menu_1 a{
	height:23px;
}

#menu ul li#menu_1 a:hover {
	background-position:-324px 0px;
}

#menu ul li#menu_2 a{
	height:23px;
	background-position:0px -23px;
}

#menu ul li#menu_2 a:hover {
	background-position:-324px -23px;
}

#menu ul li#menu_3 a{
	height:23px;
	background-position:0 -46px;
}

#menu ul li#menu_3 a:hover {
	background-position:-324px -46px;
}

#menu ul li#menu_4 a{
	height:23px;
	background-position:0 -69px;
}

#menu ul li#menu_4 a:hover {
	background-position:-324px -69px;
}

#menu ul li#menu_5 a{
	height:23px;
	background-position:0 -92px;
}

#menu ul li#menu_5 a:hover {
	background-position:-324px -92px;
}

#menu ul li#menu_6 a{
	height:23px;
	background-position:0px -115px;
}

#menu ul li#menu_6 a:hover {
	background-position:-324px -115px;
}


#logo{
	float:left;
	width:496px;
	height:244px;
	background:url(images/oilesofaloha.jpg) no-repeat;
}

#logo_kaimono{
	float:left;
	width:496px;
	height:244px;
	background:url(images/oilesofaloha-kaimono.jpg) no-repeat;
}

#logo span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#logo_kaimono span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

/*グローバルナビ*/
#navi{
	clear:both;
	height:18px;
	padding-top:3px;
	color:#FFFFFF;
	background: #B2A168;
	text-align:right;	
}

#navi ul li{
	line-height:1.3em;
	padding:0 10px;
	border-left:1px solid #FFFFFF;
	display:inline; 
}

#navi ul li.first{
	border:none;
}

#navi ul li a{
	color: #FFFFFF; 
}

#navi ul li a:hover{
	color:#003333;
	text-decoration:none;
}

/*コンテンツ部分*/
#content{
	clear:both;
	width:820px;
	padding-top:3px;
	background:url(images/space.gif) 0 top no-repeat;
	background-color:#FFFFFF;
	
}  

/*サイドバー*/ 
#sicebar{
	float:left;
	width:202px;
	padding-right:4px;
	background-color:#FFFFFF;
	background:url(images/side_back.gif) repeat-y;
} 

/*#sicebar #shop_banner{
	background: #E0DFD1;
	height:61px;
	background:url(images/shop_img.gif) no-repeat;
}*/
#sicebar #shop_banner a{
	display:block;
	background: #E0DFD1;
	height:61px;
	background:url(images/shop_img.gif) no-repeat;
	vertical-align:bottom;
}




#sicebar #shop_banner span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#sicebar #touroku_button{
	padding:18px 0 0 6px;
}

#sicebar #touroku_button a{
	display:block;
	background:url(images/touroku_button.gif) no-repeat;
	vertical-align:bottom;
	height:194px;
}

#sicebar #touroku_button a:hover {
	background-position:0px -194px;
}

#sicebar #touroku_button span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}


#sicebar #kukul a{
	display:block;
	height:142px;
	background: url(images/kukul.gif) 24px 19px no-repeat;
	vertical-align:bottom;	
}



#sicebar #kukul span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#sicebar #side_menu{
	padding:22px 0 36px 16px;
}

#sicebar #side_menu li {
	line-height:2em
}

#sicebar #side_menu a {
	color:#BAAA77;
	text-decoration:underline;
}

#sicebar #side_menu a:hover {
	color:#A31919;
	text-decoration:underline;
}

#sicebar .mark {
	height:69px;
	padding:0 0 21px 16px;
}

#sicebar .mark ul li {
	float:left;
	padding-right:10px;
}

#sicebar .banner {
	clear:both;
	width:149px;
	padding:0 0 10px 16px;
}


/*コンテンツ内容部分*/
#main{
	float:left;
	width:614px;
	background-color:#FFFFFF;
}

/*トップ画面*/
#top_msg{
	margin:15px 19px 0px 19px;
}

#news{
	width:526px;
	margin:0px 19px 12px 19px;
	padding:14px 24px 14px 24px;
	border:1px solid #ECE9DD;
	position:relative;
}

#title_news{
	padding-top:14px;
	padding-bottom:6px;
	background:url(images/title_news.gif) 13px 0 no-repeat;
	border-bottom:1px solid #666666;
	
}

#news dl img{
	padding-left:20px;
}

#news .rss{
	position:absolute;
	top:10px;
	left:526px;
}

#news dl{
	padding:14px 0 0 13px;
}

#news dt{
	font-weight:bold;
}

#news dd{
	padding-bottom:14px;
}

#news .more{
	text-align:right;
}

#info{
	width:526px;
	margin:0px 19px 12px 19px;
	padding:14px 24px 14px 24px;
	border:1px solid #ECE9DD;
}

#title_info{
	padding-top:14px;
	padding-bottom:6px;
	background:url(images/title_info.gif) 13px 0 no-repeat;
	border-bottom:1px solid #666666;
}

#info_1{
	float:left;
	width:241px;
	padding-right:22px;
}

#info_2{
	float:left;
	width:241px;
	padding-left:22px;
}

.info_dl dt{
	padding-top:11px;
	font-weight:bold;
}

#title_topmsg{
	padding-top:30px;
	padding-bottom:6px;
	background:url(images/title_info2.gif) 13px 0 no-repeat;
	border-bottom:1px solid #666666;
}

#title_topmsg span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.topmsg_border{
	border-bottom:1px solid #999999;
}

.topmsg_img{
	width:150px;
	float:left;
}

.topmsg_box1{
	padding:10px 0px;
}

.topmsg_box2{
	float:right;
	width:366px;
}

.topmsg_box3{
	padding-top:10px;
}

.topmsg_link{
	clear:both;
	text-align:right;
}	


/*その他のページ*/
.page {
	width:526px;
	margin:0px 19px 12px 19px;
	padding:23px 24px 14px 24px;
}

.page h1{
	margin-bottom:32px;
}

.page .archive dt{
	font-weight:bold;
}

.page .archive dd{
	margin-bottom:10px;
}

/*商品一覧ページ*/
.products_table {
	padding:0 0 10px 30px;	
}



/*商品詳細ページ*/
.syouhin_box01{
	margin-top:5px;
	border:1px solid #D6D6D6;
}

.breadcrumb {
	margin-bottom:5px;
	border:1px solid #red;
}

.breadcrumb li{
	float:left;
	padding-right:10px;	
}

.clear {
	clear:both;
}

.syouhin_img{
	float:left;
	width:168px;
	margin-left:13px;
	margin-top:24px;
	margin-right:25px;
	display:inline;
}

.syouhin_setsumei{
	float:right;
	width:305px;
	padding-right:13px;
	margin-top:24px;
}

.syouhin_link li{
	float:left;
	padding-top:23px;
}

.syouhin_price_cream{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-moisturizing-cream.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_cream span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_lotion{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-moisturizing-lotion.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_lotion span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_shampoo{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-conditioning-shampoo.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_shampoo span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_oil{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-sunset-massage-oil4.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_oil span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_oil_16{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-sunset-massage-oil16.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_oil_16 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_cleanser{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-moisturizing-cleanser.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_cleanser span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_skinoil{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-skin-oil.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_skinoil span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_skinoil-free{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-skin-oil-free.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_skinoil-free span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_soap{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-glycerine-soap.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_soap span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_oilset{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-skin-oil-set-starter-set.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_oilset span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}


.syouhin_price_gift{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-glycerine-soap-gift-box.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_gift span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_lotion2{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-moisturizing-lotion2.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_lotion2 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_cleanser2{
	clear:both;
	height:64px;
	background:url(images/products/price_syouhin_price_cleanser2.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_cleanser2 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_oil2{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-sunset-massage-oil2.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_oil2 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_skinoil2{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-skin-oil2.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_skinoil2 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_skinoil-free16{
	clear:both;
	height:64px;
	background:url(images/products/price_kukui-skin-oil-free16.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_skinoil-free16 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_soap_tanpin{
	clear:both;
	height:181px;
	background:url(images/products/soap_2.gif) no-repeat;
	margin:25px 17px 7px 17px;
	border:2px solid #E7CF85;
	position:relative;
}

.syouhin_price_soap_tanpin span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

.syouhin_price_soap_tanpin_box{
	margin-top:70px;
}

.curt_buttom03{
	float:left;
	height:40px;
	width:145px;
	padding-left:12px;
	padding-bottom:12px;
}

.curt_buttom01{
	height:52px;
	width:189px;
	position:absolute;
	top:5px;
	left:282px;
}

.curt_buttom02{
	height:37px;
	width:188px;
	padding-left:338px;
	padding-bottom:10px;
}

.curt_buttom_under{
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}


.syouhin_border{
	height:3px;
	margin:0 13px;
	background:url(images/products/border.gif) repeat-x;
}

.syouhin_syousai{
	clear:both;
	padding-top:23px;
}

.syouhin_syousai dl{
	float:left;
	width:236px;
	padding:0 13px;

}

.syouhin_syousai dl dt{
	color:#4E4526;
	font-weight:bold;
	background:url(images/products/icon.gif) 0 4px no-repeat;
	padding-left:15px;
	padding-bottom:5px;
}

.syouhin_syousai dl dd{
	padding-bottom:23px;
}

.syouhin_syousai dl dd img {
	padding:0 20px 10px 0;
}

.syouhin_syousai ul li{
	text-indent:-8px;
	padding-left:10px;
}

.syouhin_box02{
	clear:both;
	border:1px solid #D6D6D6;
	padding:17px;
	margin:17px 0;
}

.syouhin_box02 h3{
	padding-bottom:5px;
	border-bottom:1px solid #666666;
}

.syouhin_box02 ul{
	padding-left:7px;
}

.syouhin_box02 ul li{
	text-indent:-7px;
}

.syouhin_box02 p{
	padding-top:14px;
}

.syouhin_box02 ul{
	padding-top:14px;
}

.syouhin_box02 a{
	text-decoration:underline;	
}

/*エッシェンシャルオイル*/
.syouhin_ess_img{
	float:left;
	width:202px;
	margin-left:13px;
	margin-top:24px;
	margin-right:25px;
	display:inline;
}

.syouhin_ess_setsumei{
	float:right;
	width:271px;
	padding-right:13px;
	margin-top:24px;
}

.syouhin_essential {
	clear:both;
	border:1px solid #D6D6D6;
	padding:17px;
	margin:17px 0;
}

.syouhin_essential h3{
font-size:14px;
	padding-bottom:5px;
	border-bottom:1px solid #666666;
}

.syouhin_ess_left{
	float:left;
	width:100px;
	padding:20px 0 0 0;
	text-align:center;
}

.syouhin_ess_right{
	float:right;
	width:380px;
	padding:10px 0 0 10px;
}

.syouhin_ess_right dt{
	clear:both;
	float:left;
	width:70px;
}

.syouhin_ess_text{
	clear:both;
	padding:5px 0;
}

.syouhin_ess_curt{
	text-align:right;
	padding-top:15px;
	background:url(images/products/essential-oil-border.gif) 0 5px no-repeat;
}

.syouhin_ess_curt a{
	display:block;
	background:url(images/products/curt2.gif) no-repeat;
	vertical-align:bottom;
	height:37px;
	width:189px;;
}

.syouhin_ess_curt a:hover {
	background-position:0px -37px;
}

.syouhin_ess_table{
	margin:20px 0 20px 20px;
}

.syouhin_ess_table td{
	text-align:center;
}

.syouhin_ess_border{
	height:30px;
	background:url(images/products/border.gif) bottom repeat-x;
}



/*投稿ページ*/
.single_time{
	font-weight:bold;
}


.single_title{
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}

/*投稿記事一覧ページ*/
.back_list {
	padding-top:20px;
	text-align:right;
}

/*お問い合せ*/ 
.wpcf7-form p{
	margin-bottom:20px;
}


/*企業概要*/
.kigyou_kaiin{
	border:1px solid #D6D6D6;
	padding:17px;
	margin:5px 0;
}

.kigyou_kaiin h3{
	padding-bottom:5px;
	border-bottom:1px solid #666666;
}

.kigyou_kaiin p{
	padding-top:14px;
}

.kigyou_table {
	margin:5px 0 20px 0px;
	border-left:1px solid #CCCCCE;
	border-right:1px solid #CCCCCE;		
}

.kigyou_table .first th{
	border-top:1px solid #CCCCCE;
	border-bottom:1px solid #CCCCCE;
	border-right:1px solid #CCCCCE;
	background-color:#F4F1EA;
	padding:13px;
	text-align:left;
}

.kigyou_table th{
	border-bottom:1px solid #CCCCCE;
	border-right:1px solid #CCCCCE;
	background-color:#F4F1EA;
	padding:13px;
	text-align:left;
}

.kigyou_table .first td{
	border-top:1px solid #CCCCCE;
	border-bottom:1px solid #CCCCCE;
	padding:13px;	
}

.kigyou_table td{
	border-bottom:1px solid #CCCCCE;
	padding:13px;		
}

/*個人情報*/
.privacy_box{
	border:1px solid #D6D6D6;
	padding:17px;
	margin:5px 0 20px 0;
}

.privacy_box h3{
	padding-bottom:5px;
	border-bottom:1px solid #666666;
}

.privacy_box p{
	padding-top:14px;
	padding-bottom:10px;
}

.privacy_box ul{
	padding-top:14px;
	padding-bottom:20px;
}

.privacy_box ul li{
	text-indent:-16px;
	padding-left:16px;
	padding-bottom:3px;
}

/*配送について*/
.shipping_table {
	margin-left:50px;
	border-top:1px solid #CBCBCB;
	border-left:1px solid #CBCBCB;
}

.shipping_table  td{
	text-align:center;
	height:36px;
	padding-top:5px;
	border-right:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
}

.shipping_h3{
	padding-top:10px;
}


/*フッター*/      
#footer{
	clear:both;
	height:97px;
	width:820px;
	padding-top:15px;
	text-align:center;
	background:url(images/footer_back.gif) repeat-x;
} 

#footer ul{
	text-align:center;
	margin-bottom:10px;
}

#footer ul li{
	line-height:1.3em;
	padding:0 5px;
	border-left:1px solid #666;
	display:inline; 
}

#footer ul li.first{
	border:none;
}

#copy_right{
	clear:both;
	height:30px;
	padding-top:10px;
	text-align:center;
  	background: #EBF3E4;
} 
 
  
.news{
	height:18px;
	width:38px;
	background:url(images/news_icon.gif) repeat-x;
}
  

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/