* {border:none; margin:0; padding:0; outline:none;}

html, body {
	background:#fff url('imgs/bg.gif') repeat;
	color:#666; 
	font:normal 12px/20px Verdana, Serif; 
	outline:none;
	text-align:center;
}

img, img a { border:none; outline:none; }

ul { list-style: none outside; position: relative; z-index:30;}

a, a:hover {outline:none; text-decoration:none;}

a { border-bottom:#2f121e dotted thin; color:#2f121e; }

a:hover { border-bottom:#ccc dotted thin; color:#ccc;}

p {font:normal 12px/18px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', 'MS PGothic', Osaka, Verdana, sans-serif; }

.fL {float:left; overflow:hidden; width:auto;}
.fR {float:right; overflow:hidden; width:auto;}
.clear {clear:both;}

#wrapper {
	background:#fff url('imgs/shadow.gif') repeat-y center;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1008px;
}

/***********************************************************************************************************  typography1*/

h1, h2, h3, h5 { font-family: Verdana, sans-serif; font-weight:bold;}

h2 { font-size:18px; line-height:24px;}

h3 { font-size:14px; line-height:24px;}

h4 { font-size:14px; font-weight:normal;}

em { font-size:14px; font-style:normal;}

/**********************************************************************************************  color*/

.purple, .productColer {color:#2f121e;}
.gray, .j a:hover, .g a:hover, .le a:hover, .l a:hover, .e a:hover{color:#d9d9d9;}
.jasmine, .j a {color:#4bc1c3;}
.greentea, .g a {color:#669940;}
.lemon, .le a {color:#c1d850;}
.lotus, .l a {color:#814b81;}
.exotic, .e a {color:#f37d69;}

/**********************************************************************************************  header*/

#header {height:150px; position:relative; width:960px; padding: 0px 24px 24px;}
#logoBox {margin:28px 12px 0; position:relative; width:243px;}
h1#logo a, h1#logo a:hover {border:none;}
h1#logo a{ 
	background:url('imgs/logo.png') no-repeat; 
	display:block; 
	height:76px; 
	text-indent:-1000px; 
	width:150px;
}
#mainNav { position:relative; width:648px;}
#mainNav ul { display:block; width:648px;}
#mainNav li { float:left; font-size:14px;}
#mainNav img { vertical-align:text-bottom;}
#mainNav li a {border:none;  background-color:#fff; color:#a9a9a9; margin:0; padding: 24px 22px 0 0px;}
#mainNav li a:hover {border:none; color:#fff; margin:0; padding: 24px 22px 0px 0px;}
#mainNav li.home a:hover, #mainNav li#current a { background:#ededed url('imgs/home.gif') no-repeat center left;}
#mainNav li.about a:hover, #mainNav li#a_current a { background:#ededed url('imgs/about.gif') no-repeat center left; }
#mainNav li.product a:hover, #mainNav li#p_current a{ background:#ededed url('imgs/product.gif') no-repeat center left;}
#mainNav li.shop a:hover, #mainNav li#s_current a{ background:#ededed url('imgs/shop.gif') no-repeat center left;}
#mainNav li.reviews a:hover, #mainNav li#r_current a{ background:#ededed url('imgs/reviews.gif') no-repeat center left;}
#mainNav li.contact a:hover, #mainNav li#c_current a{ background:#ededed url('imgs/contact.gif') no-repeat center left;}

/**********************************************************************************************  content*/

.leftColumn { float:left; height:80px; padding:0 0 0 117px; width:152px;}
.rightColumn { float:right; width:739px;}

.content1 {
	background: url('imgs/bg.jpg') repeat-y left top;
	clear:both;
	overflow:hidden;
	padding:0 36px;
}

.content2 {
	background:url('imgs/bg.jpg') repeat-y left top;
	clear:both;
	margin:69px 0;
	overflow:hidden;
	padding:0 36px;
}

.contentLeft { float:left; width:324px;}
.contentRight { float:right; width:335px;}
/**********************************************************************************************  sidebar */
#sidebar h3 {color:#7d7d7d; font-size:18px; font-weight:normal; margin-top:-4px;}
#sidebar ul {font-size:14px; padding:0 0 45px;}
#sidebar li {padding:0 0 12px;}
/***********************************************************************************************************  sidebar anchor*/

#sidebar ul a { border:none; color:#6d6d6d; }
#sidebar a:hover, #sidebar .selected a {background: url('imgs/arrow.gif') no-repeat 0 5px; border:none; color:#000; padding:0 0 0 16px;}

/**********************************************************************************************  home */
#home {
	border-bottom:#aaa solid thin; 
	border-top:#ccc solid 4px; 
	margin:0 66px 150px; 
	padding:0; 
	width: 867px;
}

ul.indexSlide {
	border-top:#aaa solid 1px;
	position: relative;
	height:433px;
	width: 867px;
}

.indexSlide li {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	padding-bottom: 1px;
	list-style-type: none;
}

.indexSlide li h2 {
	font:normal 24px/26px georgia, serif; 
	position:absolute; 
	top:24px;
}

.indexSlide li em {
	color:#2f121e; 
	font:italic 24px/30px georgia, serif;
}
/**********************************************************************************************  about */
#about img {border-bottom:#2f121e solid 4px; border-top:#2f121e solid 4px; margin:0 0 0 100px;}
#about h2 { color:#6d6d6d; margin:0; padding:0 0 24px; line-height:18px;}
#about h3 { color:#2f121e; font-size:12px; margin:0; padding:12px 0 6px;}
#about p { letter-spacing:.07em; padding:0 0 12px;}
#about em { font-size:12px; font-style:italic;}
#about i { color:#2f121e; font-size:10px; font-style:italic;}

#innovator {background: url('imgs/akiko_endo.jpg') no-repeat 60px top; margin:0 0 81px;}
#innovator .contentLeft {border-top:#aaa solid 7px; color:#4d4d4d; padding:0 36px 0px 0; width:312px;}
#innovator h2 { padding:6px 0 12px; line-height:18px;}
#innovator p {letter-spacing:.1em; padding:0 0 18px;}
#innovator p.en {border-top:#ccc dotted 1px; margin:20px 0 0; padding:9px 0 18px;}
#innovator ul{font-size:10px; margin:12px 0 0;}
/**********************************************************************************************  product */
#concept {margin:0 0 24px;}
#concept .contentLeft { float:left; width:324px;}
#concept .contentRight {background:url('imgs/lalumpini_pk_1.jpg') no-repeat left top; height:300px; float:right; width:312px;}
#concept h2 { line-height:21px; padding:0 0 12px;}
#concept h4 { font:italic 14px/18px Georgia, serif; padding:0 0 12px;}
#concept p { line-height:18px; padding:0 0 12px;}
#concept em{color:#2f121e; font-size:14px; font-style:italic; line-height:18px; padding:0 0 12px;}
/**********************************************************************************************  product */
#aroma, #product {margin:0 0 45px;}
#aroma .contentLeft, #product .contentLeft{ float:left; width:300px;}
#aroma .contentRight,  #product .contentRight { float:right; width:324px; margin-right:12px;}
#aroma h2, #product h2 { line-height:24px; padding:0px 12px 12px; margin:-4px 0 0;}
#aroma h4, #product h4 { font:italic 14px/18px Georgia, serif; padding:0px 12px 12px;}
#aroma p, #product p { line-height:21px; margin:-3px 0 0; padding:0 0 18px;}
.jas {background:url('imgs/jas_bg.jpg') no-repeat center;}
.exo {background:url('imgs/exo_bg.jpg') no-repeat center;}
.lot {background:url('imgs/lot_bg.jpg') no-repeat center;}
.gre {background:url('imgs/gre_bg.jpg') no-repeat center;}
.lem {background:url('imgs/le_bg.jpg') no-repeat center;}
#aroma h4 {margin-bottom:40px;}
ul.aromaNav, ul.productNav {
	border-top: #ccc dotted 1px; 
	display:block;
	font-size:10px;
	height:69px;
	margin:12px 0 12px;
}

ul.aromaNav li, ul.productNav li { float:left;}
ul.productNav li {padding-left: 1px; padding-top:8px;}
ul.aromaNav li {padding-top:2px;}

.productThumbsE a {background:url('imgs/t_at.png') no-repeat top left; border:none; display:block; height:71px; width:45px;}
.productThumbsBL a {background:url('imgs/t_bl.png') no-repeat top left; border:none; display:block; height:71px; width:45px;}
.productThumbsGel a {background:url('imgs/t_gel.png') no-repeat top left; border:none; display:block; height:71px; padding:0 3px; width:45px;}
.productThumbsBS a {background:url('imgs/t_bs.png') no-repeat top left; border:none; display:block; height:71px; padding:0 3px; width:45px;}
.productThumbsCPS a {background:url('imgs/t_cps.png') no-repeat top left; border:none; display:block; height:71px; width:45px;}

.aromaThumbsJ a {background:url('imgs/t_jas.png') no-repeat top left; border:none; display:block; height:60px; width:60px;}
.aromaThumbsE a {background:url('imgs/t_exo.png') no-repeat top left; border:none; display:block; height:60px; width:60px;}
.aromaThumbsL a {background:url('imgs/t_lot.png') no-repeat top left; border:none; display:block; height:60px; width:60px;}
.aromaThumbsG a {background:url('imgs/t_gre.png') no-repeat top left; border:none; display:block; height:60px; width:60px;}
.aromaThumbsLG a {background:url('imgs/t_lem.png') no-repeat top left; border:none; display:block; height:60px; width:60px;}

#simpleTooltip {background: #777; color:#eee;  padding: 7px; text-align:center; width:135px; margin-left:-60px;}
/**********************************************************************************************  shop */

#shop {
	font-size:10px; 
	line-height:18px; 
	margin:0 0 81px;
}

.locationTitle { position:absolute;}

#lazySusanShop {
	color:#333;
	float:left;
	position:relative;
	width:660px;
	}
	
.shopBorder { border-bottom:#999 dotted 1px; height:75px;}
.shopBorder a {border:none; color:red; font-size:14px;}
.shopBorder a:hover {border:none; color:black; font-size:14px;}

.shopBox {
	color:#333;
	display:block;
	float:left;
	width:660px;
}

.col1 {border-top:#ccc solid 1px; float:left; margin:0 12px 0 162px; width:162px; padding:4px 0 20px;}
.shopBox h4{color:#2f121e; font-size:10px; font-weight:bold;}
.shopBoxRight{ border-top:#999 dotted 1px; float:right; margin:0 0 35px; padding:4px 0 0; width:324px;}
.col2{float:left; width:162px;}
.col3{float:right; width:162px;}
.col2 span, .col3 span {color:#666;}

/**********************************************************************************************  contact */

#reviews_wrapper {
	background: url('imgs/reviews_bg.png') repeat-y center top;
	overflow:hidden;
	padding:0;
	position:relative;
	width:1008px;
	color:#7d7d7d;
}

#reviews_wrapper strong {
	font:bold 14px/21px Georgia, Serif;
	display:block;
	padding:0 0 12px;
} 

#reviews_wrapper p {
	font:normal 12px/21px Verdana, Serif;
}

#reviews_wrapper li {
	padding:0 0 24px;
} 

#reviews_wrapper li.break {
	background: url('imgs/break.gif') no-repeat top center;
	padding:90px 0 30px 0;
}

#reviews_wrapper cite {
	font:italic 12px/21px Verdana, Serif;
	display:block;
	padding:12px 0;
}


#reviews_cps {
	background: url('imgs/bg.jpg') repeat-y left top;
	float:left;
	overflow:hidden;
	margin:0 0 69px;
	padding:0 24px 6px 36px;
	width:474px;
}

#reviews_bl {
	background: url('imgs/bg.jpg') repeat-y left top;
	clear:both;
	overflow:hidden;
	margin:0 0 69px;
	padding:0 24px 6px 36px;
	width:474px;
}

#reviews_et {
	background: url('imgs/bg.jpg') repeat-y left top;
	clear:both;
	overflow:hidden;
	margin:0 0 20px;
	padding:0 24px 6px 36px;
	width:474px;
}

/**********************************************************************************************  contact */

#contact_wrapper {
	background:url('imgs/lalumpini_pk_3.jpg') no-repeat 150px 180px; 
	height:600px;
	width:100%;
}

#contact {
	background: url('imgs/bg.jpg') repeat-y left top;
	color:#6d6d6d;
	float:left;
	font:normal 14px/21px Verdana, Sans-serif;
	overflow:hidden;
	margin:0 0 243px;
	padding:0 24px 6px 36px;
	width:324px;
}

#contact h2 {font:bold 18px/12px Verdana, Serif; color:#2d2d2d; padding:0 0 4px;}
#contact address { font-style:normal;}
#contact h4 {color:#2d2d2d; font-weight:bold; margin-top:24px;}
#contact a {border:none;}

ul#faq {
	background:#eee url('imgs/faq_bg.jpg') bottom;
	color:#2f121e;
	float:left;
	font:normal 12px/21px Verdana, Serif;
	overflow:hidden;
	margin:-10px 0 69px;
	padding:0 0 24px;
	width:312px;
}

#faq h3 img {vertical-align:text-bottom;}
ul#faq h3 {background: url('imgs/faq_bg.jpg') top; color:#2f121e; padding:12px 16px;}

ul#faq a { 
	background: url('imgs/q_mark.gif') no-repeat left top; 
	border-bottom: none; 
	border-top:#2f121e dotted 1px; 
	display: block; 
	color: #2f121e; 
	margin: 0 12px 0 0; 
	padding:4px 0px 4px 30px;
}

ul#faq li.current_faq a { background:#fff url('imgs/q_mark.gif') no-repeat left top; border-top:#ccc dotted 1px; }
ul#faq a:hover { background:#fff url('imgs/q_mark.gif') no-repeat left top; border-top:#ccc dotted 1px; }
ul#faq li { display: block; line-height:24px; padding:0 12px 0 12px; }
ul#faq li ul{ display: none; font-weight:normal;}
ul#faq li ul li {background:url('imgs/a_mark.gif') no-repeat left top; padding:8px 24px 12px 30px;}
ul#faq li.current ul { display: block;}
#contact a, #footer a  {border:none;}
/**********************************************************************************************  footer */

#footer { 
	height:80px;
	margin:0 0 0 5px;
	padding:0 0 69px; 
	position:relative;
	width:996px;
}

p#copyright {
	background: url('imgs/bottom.gif') repeat-x top;
	color:#777; 
	font:normal 10px/14px 'Andale Mono', monospace;
	padding:20px 24px 0;
	width:950px;
}