@charset "EUC-JP";

/*--------------------
	wrapper
--------------------*/
div#wrap {
	margin: 0 auto;
	width: 840px;
	text-align: center;
	background: #fff url("../img/navi/bg820.jpg") repeat-y top left;
}
/*Netscape用*/
#wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #wrap {height: 1em;overflow: visible;}
/**/

/*--------------------
	header
--------------------*/
div#header {
	margin: auto;
	width: 820px;
	height: 72px;
	position: relative;
}

/* ロゴと基本的なリンク */
div#header div#logo {
	position: absolute;
	top:6px;
	left : 20px ; 
}

div#header div#kabushiki {
	position: absolute;
	top: 5px;
	left : 190px ; 
}


div#header div#ssl ul li#members,
div#header div#ssl ul li#cart{
	position: absolute;
	top: 13px;
	height : 25px  ;
}

div#header div#ssl ul li#members a,
div#header div#ssl ul li#cart a {
	height: 25px;
	display: block;
	text-indent: -99999px;
}

div#header div#ssl ul li#members {
	background: url(../img/navi/members.gif) no-repeat 0 0;
	left : 640px ; 
	width : 76px ;
}

div#header div#ssl ul li#cart {
	background: url(../img/navi/cart.gif) no-repeat 0 0;
	left : 720px ; 
	width : 84px ;
}


/* 基本メニュー */
div#header div#navi_basic {
	position:absolute;
	top:27px;
	left:190px;
}
div#header div#navi_basic ul li#kabushiki,
div#header div#navi_basic ul li#for_first,
div#header div#navi_basic ul li#faq,
div#header div#navi_basic ul li#ask,
div#header div#navi_basic ul li#sitemap {
	float:left;
	height : 20px  ;
}

div#header div#navi_basic ul li#for_first {
	background: url(../img/navi/for_first.gif) no-repeat 0 0;
	width : 160px ;
}
div#header div#navi_basic ul li#faq {
	background: url(../img/navi/faq.gif) no-repeat 0 0;
	width : 99px ;
}
div#header div#navi_basic ul li#ask {
	background: url(../img/navi/ask.gif) no-repeat 0 0;
	width : 65px ;
}
div#header div#navi_basic ul li#sitemap {
	background: url(../img/navi/sitemap.gif) no-repeat 0 0;
	width : 86px ;
}

div#header div#navi_basic ul li#for_first a,
div#header div#navi_basic ul li#faq a,
div#header div#navi_basic ul li#ask a,
div#header div#navi_basic ul li#sitemap a {
	height: 20px;
	display: block;
	text-indent: -99999px;
}

div#header div#navi_basic ul li#for_first a:hover{
	background: url(../img/navi/for_first.gif) no-repeat 0 -20px;
}
div#header div#navi_basic ul li#faq a:hover{
	background: url(../img/navi/faq.gif) no-repeat 0 -20px;
}
div#header div#navi_basic ul li#ask a:hover{
	background: url(../img/navi/ask.gif) no-repeat 0 -20px;
}
div#header div#navi_basic ul li#sitemap a:hover{
	background: url(../img/navi/sitemap.gif) no-repeat 0 -20px;
}


/* カテゴリーメニュー */
div#header div#navi_bar {
	position:absolute;
	top:48px;
	left:0px;
}
div#header div#navi_bar ul li#right,
div#header div#navi_bar ul li#left{
	float:left;
	width : 20px ; 
	height : 24px  ;
}

div#header div#navi_bar ul li#left {
	background: url("../img/navi/bar_bg.jpg") ;
}
div#header div#navi_bar ul li#right {
	background: url("../img/navi/bar_bg.jpg") ;
}



div#header div#navi_bar ul li#aura-soma,
div#header div#navi_bar ul li#gem,
div#header div#navi_bar ul li#unio,
div#header div#navi_bar ul li#aora,
div#header div#navi_bar ul li#henna {
	float:left;
	width : 120px ; 
	height : 24px  ;
}

div#header div#navi_bar ul li#home,
div#header div#navi_bar ul li#cd,
div#header div#navi_bar ul li#hon {
	float:left;
	width : 60px ; 
	height : 24px  ;
}

div#header div#navi_bar ul li#home {
	background: url("../img/navi/home.gif") no-repeat 0 0;
}
div#header div#navi_bar ul li#aura-soma {
	background: url("../img/navi/aura-soma.gif") no-repeat 0 0;
}
div#header div#navi_bar ul li#unio {
	background: url("../img/navi/unio.gif") no-repeat 0 0;
}
div#header div#navi_bar ul li#gem {
	background: url("../img/navi/gem.gif") no-repeat 0 0;
}
div#header div#navi_bar ul li#aora {
	background: url("../img/navi/aora.gif") no-repeat 0 0;
}
div#header div#navi_bar ul li#cd {
	background: url("../img/navi/cd.gif") no-repeat 0 0;
}
div#header div#navi_bar ul li#hon {
	background: url("../img/navi/hon.gif") no-repeat 0 0;
}
div#header div#navi_bar ul li#henna {
	background: url("../img/navi/henna.gif") no-repeat 0 0;
}


div#header div#navi_bar ul li#aura-soma a,
div#header div#navi_bar ul li#gem a,
div#header div#navi_bar ul li#unio a,
div#header div#navi_bar ul li#aora a,
div#header div#navi_bar ul li#henna a {
	width: 120px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

div#header div#navi_bar ul li#home a,
div#header div#navi_bar ul li#cd a,
div#header div#navi_bar ul li#hon a {
	width: 60px;
	height: 24px;
	display: block;
	text-indent: -99999px;
}

div#header div#navi_bar ul li#home a:hover{
	background: url("../img/navi/home.gif") no-repeat 0 -26px;
}
div#header div#navi_bar ul li#aura-soma a:hover{
	background: url("../img/navi/aura-soma.gif") no-repeat 0 -26px;
}
div#header div#navi_bar ul li#unio a:hover{
	background: url("../img/navi/unio.gif") no-repeat 0 -26px;
}
div#header div#navi_bar ul li#gem a:hover{
	background: url("../img/navi/gem.gif") no-repeat 0 -26px;
}
div#header div#navi_bar ul li#aora a:hover{
	background: url("../img/navi/aora.gif") no-repeat 0 -26px;
}
div#header div#navi_bar ul li#cd a:hover{
	background: url("../img/navi/cd.gif") no-repeat 0 -26px;
}
div#header div#navi_bar ul li#hon a:hover{
	background: url("../img/navi/hon.gif") no-repeat 0 -26px;
}
div#header div#navi_bar ul li#henna a:hover{
	background: url("../img/navi/henna.gif") no-repeat 0 -26px;
}


/*--------------------
	最下部コピーライト表示
--------------------*/
#copyright {
	margin : auto;
	padding : 0 ;
	width: 820px ;
}


#copyright ul {
	height : 23px;
	width: 820px ;
		background-image : url("../img/navi/bar_bg.jpg");
	background-position : 0 0;
}

#copyright ul li {
	list-style-type : none;
	height : 18px;
	width: 820px ;
	margin-top : 5px ;
	font-size : 85% /*11px*/;
	color: #666666;
}


/*--------------------
	最下部フッター
--------------------*/
div#footer {
	clear: both ;
	margin: 0 auto;
	width: 840px;
	text-align: center;
	background: #fff url("../img/navi/bg820.jpg") repeat-y top left;
}
div#footer2 {
	padding:50px 0 10px 0;
}
div#footer2 s1{
	margin: 10px 0 0 10px;
	padding: 0;
	font-size : 93% /*12px*/ ;
	_font-size : 80% /*12px*/ ;
	line-height : 150% ;
	color: #666666 ;
}


#footer_link {
	margin : 0 auto 5px auto;
	padding : 0 ;
	width: 820px ;
	text-align : center;
}

#footer_link  a:link,
#footer_link  a:visited {
	margin : 0;
	padding : 5px 3px 3px 7px;
	text-align : left;
	text-decoration : none;
	border-left : solid 1px #bcbd9e;
	border-bottom : solid 1px #bcbd9e;
	font-size : 93% ;/*	font-size : 12px ;*/
	_font-size : 80% ;/*	font-size : 12px ;*/
	color : #009966;
	line-height : 200% ;
	}

#footer_link  a:hover {
	margin : 0;
	text-decoration : none;
	background-color : #FFFFcc ;
	color : #ff6600;
	border-bottom : solid 1px #0000ff;	
	}
/*--------------------
	Buttons
--------------------*/
/* 買い物籠ボタン */
a.cart {
	width: 140px;
	height: 36px;
	display: block;
	text-indent: -99999px;
}
a.cart:link, a.cart:visited {
	background: url("../img/navi/tocart.jpg") no-repeat 0 0;
}
a.cart:hover {
	background: url("../img/navi/tocart.jpg") no-repeat 0 -38px;
}
/* 携帯に送るボタン */
a.mobile {
	width: 137px;
	height: 36px;
	display: block;
	text-indent: -99999px;
	float:left;
}
a.mobile:link, a.mobile:visited {
	background: url("../img/navi/tomobile.jpg") no-repeat 0 0;
}
a.mobile:hover {
	background: url("../img/navi/tomobile.jpg") no-repeat 0 -38px;
}
/* 体験談ボタン */
a.review {
	width: 112px;
	height: 36px;
	display: block;
	text-indent: -99999px;
	float:left;
}
a.review:link, a.review:visited {
	background: url("../img/navi/review.jpg") no-repeat 0 0;
}
a.review:hover {
	background: url("../img/navi/review.jpg") no-repeat 0 -38px;
}
/* 体験談ボタン */
a.point {
	width: 135px;
	height: 36px;
	display: block;
	text-indent: -99999px;
	float:left;
}
a.point:link, a.point:visited {
	background: url("../img/navi/get_point.jpg") no-repeat 0 0;
}
a.point:hover {
	background: url("../img/navi/get_point.jpg") no-repeat 0 -38px;
}
/****************************
Review
****************************/
div#review {
	width: 700px;
	padding: 0 0 0 50px;
	text-align : left ; 
	float:left;
	line-height : 150% ;
}
div#review table.hoshi {
	float:left;
	margin:0 20px 0 0;
	border-collapse:collapse;
}
div#review table.hoshi td {
	padding: 0 5px;
}
div#review table.hoshi td.graph {
	padding: 0;
	border:1px solid #fff;
	background-color:#eeeecc;
	width:100px;
	height:16px;
}
div#review h2 {
	margin : 20px 0 10px 0;
	padding : 5px;
	color : #666666;
	font-size: 123.1%;
	background-color: #ffffee;
	border-bottom : dotted 1px #bcbd9e;
	border-left : solid 5px #bcbd9e;
	font-weight : bold ;
/*	padding: 10px 0;
	font-size: 108%;
	color: #666;*/
}
div#review .s1 {
	font-size : 85% ;
	line-height : 130% ;
	color: #666666 ;
}
div#review .s2 {
	padding: 5px 0 0 0px;
	font-size : 85% ;
	line-height : 150% ;
	color: #666666 ;
}
div#review .m1 {
	padding: 5px 0 0 0;
	font-size : 93% ;
	line-height : 150% ;
	color: #666666 ;
}
div#review .l1 {
	padding: 5px 0 0 0;
	font-size : 100% ;
	line-height : 150% ;
	color: #666666 ;
}
div#review .l2 {
	padding: 5px 0 0 0;
	font-size : 108% ;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height : 150% ;
	color: #666666 ;
}
div#review .l2 a:link {
	border-bottom : solid 1px #bcbd9e;
	color : #6699FF;
}
div#review .l2 a:visited {
	border-bottom : solid 1px #bcbd9e;
	color : #009966;
}
div#review .l2 a:hover {
	background-color : #FFFFcc ;
	color : #ff6600;
	border-bottom : solid 1px #0000ff;
}
div#review .box {
	margin:10px 0;
	padding:10px;
	width:500px;
	border: dotted 2px #cccccc;
}
div#review .line {
	padding:0 10px;
	width:500px;
	height:5px;
	border:dotted 2px #cccccc;
	border-width:0 0 2px 0
}