@charset "EUC-JP";

*{margin:0; padding:0;}

body {
 	background: url("/~herbalnote-co-jp/shopping/img/common/bg.gif");
	background-repeat: repeat;
	margin: 0px; padding: 0px;
	font-family: "MS PGothic", sans-serif;
} 

A:link	{ color: #000066; }
A:visited	{ color: #663300; }

#inbox {
	color: #333300;
 	background: url("/~herbalnote-co-jp/shopping/img/common/wrapper_bg.gif");
	background-repeat: repeat-y;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 750px;
}
#header {
	width:100%;
	height: 95px;
 	background: url("/~herbalnote-co-jp/shopping/img/common/header_bg.gif") no-repeat;
	border: 0px;	
}
#header h1 { float: left; clear: left; position:absolute; top:0px; margin:0px;}
#header img { border: 0px; margin:0px;}

#header2 {
	height: 25px;
 	background: url("/~herbalnote-co-jp/shopping/img/common/header2_bg.gif") no-repeat;
	border: 0px;
}
#header2 #topic_path {
	margin-left:17px;
	text-align:left;
	font-size: 12px;	
	line-height:24px;
}

#headnavi { float: right; margin-right: 5px; display: inline; }
@media print { div#headnavi { display: none; } }

.simples {
	margin-left: 250px;
	margin-bottom: 25px;
	border: 0;
	width: 175px;
	height: 30px;
	overflow: hidden;
}
.simples img { visibility: hidden; }
.simples a,
.simples a:link,
.simples a:visited { background-position: 0px 0px; float:left; }
.simples a:focus,
.simples a:hover,
.simples a:active { background-position: 0px 30px; float:left; }
.simples .link a { background-image: url(/~herbalnote-co-jp/shopping/img/common/simples_link.gif); }

.m-bar {
	margin-left: 190px;
	border: 0;
	width: 250px;
	height: 35px;
	overflow: hidden;
}
.m-bar img { visibility: hidden; }
.m-bar a,
.m-bar a:link,
.m-bar a:visited { background-position: 0px 0px; float:left; }
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active { background-position: 0px 35px; float:left; }
.m-bar .m-cago a { background-image: url(/~herbalnote-co-jp/shopping/img/common/m-cago.gif); }
.m-bar .m-howto a { background-image: url(/~herbalnote-co-jp/shopping/img/common/m-howto.gif); }

/* -------------------- footer -------------------- */
#footer {
 	background: url("/~herbalnote-co-jp/shopping/img/common/footer.gif") no-repeat;
	width: 750px;
	clear: both;
	margin: 0px;
	height: 30px;
}
#footer span{ display: none; }
#footer a { text-decoration: none; }


/* -------------------- global -------------------- */
#leftpane { float:left; width:530px;}
#rightpane { float:left; margin:25px 5px; padding:10px;}


/* -------------------- index -------------------- */
#top_img{
	margin:35px 0px 5px 20px;
}

#top_memo{
	width:490px;
	font-size:0.8em;
	line-height:1.5em;
	margin-left:20px;
	margin-bottom:20px;
}

#whats_new{
	margin-left:20px;
}
#whats_new h4{
	width:490px;
	height:30px;
	background:url("/~herbalnote-co-jp/shopping/img/index/whatsnew_title.gif") no-repeat;
}
#whats_new table{
	background:url("/~herbalnote-co-jp/shopping/img/index/whatsnew_bg.gif") repeat-y;
	width:490px;
	font-size:80%;
}

#whats_new .date{
	padding-left:10px;
	padding-right:0.5em;
	vertical-align:top;
}
#whats_new td{
	padding-top:0.3em;
	padding-right:1em;
}
#whats_bottom{
	font-size:0.8em;
	text-align:right;
	margin-bottom:20px;
	width:490px;
	height:20px;
	background:url("/~herbalnote-co-jp/shopping/img/index/whatsnew_bottom.gif") no-repeat;
}
/* -------------------- entry -------------------- */
.entry_body {
	margin: 0px 20px;
	}
	
.entry_body p{
	line-height:1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size:0.8em;
	margin-bottom:1em;
}
.entry_body ul,
.entry_body ol{
	line-height:1.5em;
	font-size:0.8em;
	margin-bottom:1em;
}
.aroma ul{
	font-size:1em;
	list-style-type:none;
}
p.exp_cat{
	font-size:0.9em;
	margin:20px;
}
.product_exp{
	margin:0px;
	padding:8px;
	border: 1px solid #AAA;
	background: #F5F4ED;
	line-height:1.5em;
	font-size:0.8em;
	margin:1em 0em;
}

.pict { 
	background-color: #fff;
	border-width: 1px;
	margin-bottom:5px;
	padding: 7px;
	border-style: solid;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
	}
.pictbox {
	border: 1px solid #C1C1C1;
}
.pict-l{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.pict-r{
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}
	

.entry_body ul{margin-left:1em; margin-bottom:1em;}
.entry_body li{margin-bottom:0.5em;}

.entry_body h3 {
	text-align:right;
	color: #625B1E;
	margin-top:-1em;
	margin-bottom:1em;
	font-size:90%;
}
/* -------------------- Titles -------------------- */
h2.title{
	margin: 20px 20px;
	height:30px;
	padding-left:25px;
	line-height:30px;
	font-size:100%;
	color:#442;
	text-align:left;
}
h2.title_prana{
	margin: 20px 0px;
	height:80px;
	padding-left:20px;
	line-height:30px;
	font-size:100%;
	color:#442;
	text-align:left;
}

/* -------------------- Titles for Entries-------------------- */
h2.idx_2,
h2.idx_13,
h2.idx_25,
h2.idx_4,
h2.idx_5,
h2.idx_16,
h2.idx_6,
h2.idx_21,
h2.idx_23,
h2.idx_24,
h2.idx_7,
h2.idx_9,
h2.idx_1,
h2.idx_10,
h2.idx_20,
h2.idx_27,
h2.idx_28,
h2.idx_29{
	padding-left:5px;
	background: url("/shopping/img/index/title_green.gif") no-repeat;
	}

/* --- Recommend --- */
h2.idx_0{
	color: #625B1E;
	padding-left:50px;
	background: url("/shopping/img/index/title_recommend.gif") no-repeat;
}

/* --- books --- */

h2.cat_13,
h2.cat_25{
	color: #625B1E;
	padding-left:50px;
	background: url("/shopping/img/index/title_books.gif") no-repeat;
}
/* --- Essential Oils --- */

h2.cat_4,
h2.cat_5,
h2.cat_29{
	color: #625B1E;
	background: url("/shopping/img/index/title_prana.gif") no-repeat;
}
/* --- Herb Water --- */
h2.cat_16{
	color: #625B1E;
	background: url("/shopping/img/index/title_water.gif") no-repeat;
}
/* --- Carrier Oils --- */

h2.cat_6,
h2.cat_7{
	color: #625B1E;
	background: url("/shopping/img/index/title_co.gif") no-repeat;
}
/* --- Bath --- */
h2.cat_21{
	color: #625B1E;
	padding-left:45px;
	background: url("/shopping/img/index/title_bath.gif") no-repeat;
}
/* --- Fragrance --- */
h2.cat_9{
	color: #625B1E;
	padding-left:40px;
	background: url("/shopping/img/index/title_fragrance.gif") no-repeat;
}

/* --- Tea --- */
h2.cat_1,
h2.cat_10,
h2.cat_28{
	color: #625B1E;
	padding-left:40px;
	background: url("/shopping/img/index/title_tea.gif") no-repeat;
}

/* --- Base(aroma) --- */
h2.cat_23{
	color: #625B1E;
	padding-left:40px;
	background: url("/shopping/img/index/title_base.gif") no-repeat;
}

/* --- container(aroma) --- */
h2.cat_24{
	color: #625B1E;
	padding-left:35px;
	background: url("/shopping/img/index/title_container.gif") no-repeat;
}

/* --- diffuser(aroma) --- */
h2.cat_11{
	color: #625B1E;
	padding-left:40px;
	background: url("/shopping/img/index/title_diffuser.gif") no-repeat;
}

/* --- bodycare(aroma) --- */
h2.cat_20{
	color: #625B1E;
	padding-left:45px;
	background: url("/shopping/img/index/title_bodycare.gif") no-repeat;
}


/* --- Guide --- */
h2.cat_19,
h2.cat_27{
	color: #625B1E;
	padding-left:55px;
	background: url("/shopping/img/index/title_guide.gif") no-repeat;
}

/* -------------------- Tables for Entries-------------------- */
.entry_body table {
	width:100%;
	margin-bottom:1em;
	border-collapse: collapse;
	color: #333;
	background:#FFF;
}
.entry_body td {
	border: 1px solid #AAA;
	text-align:left;
	padding:5px;
}
.entry_body th {
	background:#F5F4ED;
	border: 1px solid #AAA;
	text-align:center;
	padding:5px;
	font-weight:normal;
}
.entry_body th.odd ,
.entry_body td.odd{ background: #EEE;}


/* -------------------- Lists for Entries-------------------- */

.entry_body ul.exp{
	list-style-type:none;
	margin-left:0;
	clear:both;
}

div.entry_body ol { padding-left:20px;}
div.entry_body ol li { margin-bottom:1em;}
div.entry_body dl dt { font-weight:bold; }
div.entry_body dl dd { margin-bottom:1em; }

#cat_entry_list{
	margin:20px;
	list-style-type:none;
	line-height:1.4em;
	font-size:90%;
}

.e_list{margin-bottom:10px;}

/* -------------------- Product Area -------------------- */
.product_area{padding:20px;}
.product_area table {
width:100%;
  border-collapse: collapse;
  border: 1px solid #996;
  font-size:80%;
  color: #333;
  background: #fffff0;
}
.product_area td, 
.product_area th {
  border: 1px solid #cc9;
  padding: .2em;
  height:32px;
  vertical-align: middle;
}
.product_area thead th,
.product_area tfoot th
 {
  border: 1px solid #cc9;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  color: #444;
  background: #dbd9c0;
  }
.product_area tbody th,
.product_area tbody td {
  vertical-align: middle;
  text-align: left;
}

tr.odd { color: #333; background: #f7f5dc;}



/* -------------- MENU ------------- */

#rightpane a{ text-decoration:none; }
#rightpane a:link{color:#222C44;}
#rightpane a:hover{text-decoration:underline;}
#rightpane a:visited{color:#222C44;}

.menu_hd {width:184px; height:30px; background:url("/~herbalnote-co-jp/shopping/img/common/menu_hd.gif") no-repeat;}
.menu_list{padding:10px 10px; background:url("/~herbalnote-co-jp/shopping/img/common/menu_bg.gif") repeat-y;}
.menu_block { font-size:80%; padding: 0px;}
.menu_block li{font-weight:bold; list-style-type:none; margin-left:0; margin-bottom:1.2em;}
.menu_block li li{list-style-type:none; padding-left:0.5em; margin-top:0.8em; margin-bottom:0;}
.menu_block li li li{font-weight:normal; margin-left:0.5em; list-style-type:none; background:url("/~herbalnote-co-jp/shopping/img/common/arrow.gif") no-repeat center left; }


/* ---------- button ---------- */
button.reset {
	margin: 0px;
	padding: 0px;
	border:none;
	cursor: pointer;
	width:64px;
	height:28px;
	background:transparent;
}

button.add_cart {
	margin: 0px;
	padding: 0px;
	border:none;
	cursor: pointer;
	width:116px;
	height:28px;
	background:transparent;
}