@charset "Shift_JIS";

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}



body {
   margin:0px;
   padding:0px;
   text-align:center;
　　color:#ffffff;
}

.sitBack{
margin: 0px;
padding: 0px;
background-image:url(../img/01.gif);
}

.clear{
margin: 0px;
padding: 0px;
clear: both;
}
	
#wrapper{
	margin:0px auto;
	padding:0px;
	width:780px;
	text-align:left;
	background: #ffffff;
	position: relative;
}


#entertitle{
	margin: auto;
	padding: 0px;
	margin-top: 30px;
	background-image:url(../img/bien-etreLogo3.jpg);
	background-repeat: no-repeat;
	width:780px;
	height:180px;
	text-align: center;
}

#welcome{
margin: 0px;
margin-top: 30px;
margin-bottom: 30px;
padding: 0px;
width:780px;
text-align: center;
}

.nesh{
margin: 0px;
padding:0px;
font-size: 1.3em;
color: #333333;
font-weight: bold;
}

#mariaBluBut{
margin: 0px;
padding: 0px;
display: inline;
text-align: center;
}

#laFarandoleBut{
margin: 0px;
padding: 0px;
display: inline;
text-align: center;
}



.picLabel{
margin: 0px;
padding: 0px;
padding-top: 10px;
font-size: 10pt;
color: #333333;
}

.picLabel_2{
margin: 0px;
padding: 0px;
font-size: 8pt;
color: #333333;
}

.marBut a {
margin: 0px;
padding: 0px;
display:block; 
width:256px; 
height:156px;
background-image: url(../img/maria-bluLink.jpg);
background-repeat: no-repeat;
}

.marBut a:hover { 
background-image: url(../img/maria-bluLinkOver.jpg);
background-repeat: no-repeat;
}

.laFaraBut a {
margin: 0px;
padding: 0px;
display:block; 
width:256px; 
height:156px;
background-image: url(../img/la-farandoleLink.jpg);
background-repeat: no-repeat;
}

.laFaraBut a:hover { 
background-image: url(../img/la-farandoleLinkOver.jpg);
background-repeat: no-repeat;
}




#indwrap{
margin: 0px auto;
padding: 0px;
width:878px;
text-align:center;
position: relative;
background:#000000 url(../img/back-white.gif) repeat-y 50% 0;
}

#top{
margin: 0px;
padding: 0px;
width:780px;
height:274px;
background-image: url(../img/top-banner.jpg);
background-repeat: no-repeat;
}

#entBut{
margin: auto;
padding: 0px;
width:780px;
height:150px;
position: relative;
left: 0px;
top:30px;
text-align:center;
}

.enterBut a {
margin: 0px;
padding: 0px;
display:block; 
width:116px; 
height:41px;
background-image: url(../img/enter-button.jpg);
background-repeat: no-repeat;
position:relative;
left:335px;
}

.enterBut a {
/left:0px;
l/eft:335px;
}

.enterBut a:hover { 
background-image: url(../img/enter-buttonOver.jpg);
background-repeat: no-repeat;
}

.count{
margin: 0px;
padding: 0px;
padding-bottom: 55px;
}

#pageCap{
margin: 0px;
padding: 0px;
width: 878px;
height: 49px;
background-image: url(../img/backCap.gif);
background-repeat: no-repeat;
}

#pageBtm{
margin: 0px;
padding: 0px;
width: 878px;
height: 49px;
background-image: url(../img/backBtm.gif);
background-repeat: no-repeat;
}

#cont{
margin: 0px auto;
padding: 0px;
padding-bottom:30px;
width:780px;
text-align: left;
}

#mariaMenu{
margin: 0px;
padding: 0px;
width: 780px;
height:55px;
background-image: url(../img/maria-blue-Menu.gif);
background-repeat: no-repeat;
}

#navcontainer{
margin: 0px;
padding: 0px;
width:380px;
position:relative;
top:8px;
left:400px;
}

#navcontainer ul { 
margin: 0px;
padding: 0px;
list-style-type: none; 
text-align: center;
}

#navcontainer ul li { 
display: inline; 
font-style: normal;
font-size: 1em;
color: #fff;
}

#navcontainer ul li a { 
text-decoration: none; 
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 1em;
color: #fff;
}

#navcontainer ul li a:hover
{
color: #FF00FF;
}

#bodyContain{
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:780px;
height: 485px;
background-image: url(../img/starBack.gif);
background-repeat: no-repeat;

}

#shopBodyContain{
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:780px;
height: 485px;
background-image: url(../img/shopStars.gif);
background-repeat: no-repeat;
}

#colourBodyContain{
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:780px;
height: 485px;
background-image: url(../img/colourStars.gif);
background-repeat: no-repeat;
}

#bottleBodyContain{
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:780px;
height: 485px;
background-image: url(../img/colourBottleStars.gif);
background-repeat: no-repeat;
}


#profileBodyContain{
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:780px;
height: 485px;
background-image: url(../img/profileStars.gif);
background-repeat: no-repeat;
}

#welcomeBox{
margin: 0px;
padding: 0px;
width:275px;
float: left;
display: inline;
position: relative;
top:124px;
left:58px;
}

#welcomeBox p{
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 1em;
color: #000;
line-height:1.4em;
}


#menuBox{
margin: 0px;
padding: 0px;
width:286px;
position: relative;
top:20px;
left:20px;
}

#menuBox ul{
margin: 0px;
padding: 0px;
list-style-type: none; 
}

#menuBox ul li{
margin: 0px;
padding: 0px;
padding-bottom:10px;
display: block; 
font-style: normal;
font-size: 1.3em;
font-weight:thin;
}

#menuBox ul li a{
margin: 0px;
padding: 0px;
color: #fff;
}

#menuBox ul li a:hover
{
color: #FF00FF;
}

#menubox li #col{
background: url(../img/colBut.jpg);
}
	



.colourBut a {
margin: 0px;
padding: 0px;
display:block; 
width:286px; 
height:56px;
background-image: url(../img/colBut.jpg);
background-repeat: no-repeat;
}

.colourBut a:hover { 
background-image: url(../img/colButOver.jpg);
background-repeat: no-repeat;
}

.aura a {
margin: 0px;
padding: 0px;
display:block; 
width:286px; 
height:56px;
background-image: url(../img/auraBut.jpg);
background-repeat: no-repeat;
}

.aura a:hover { 
background-image:url(../img/auraButOver.jpg);
background-repeat: no-repeat;
}

.shop a {
margin: 0px;
padding: 0px;
display:block; 
width:286px; 
height:56px;
background-image: url(../img/mariaBut.jpg);
background-repeat: no-repeat;
}

.shop a:hover { 
background-image: url(../img/mariaButOver.jpg);
background-repeat: no-repeat;
}


#happyMariaBox{
margin: 0px;
padding: 0px;
width:180px;
float: left;
display: inline;
position: relative;
top:120px;
left:55px;
}

#happyMariaBox p{
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 1em;
color: #000;
line-height:1.4em;
}

.shopThumb{
margin: 0px;
padding: 0px;
padding-right: 10px;
padding-bottom: 3px;
}

#shopBox{
margin: 0px;
padding: 0px;
width:455px;
float:right;
display: inline;
position: relative;
top:76px;
right:45px;
}

#scentBox{
margin: 0px;
padding: 0px;
width:390px;
float: left;
display: inline;
position: relative;
top:240px;
left:40px;
}

#scentBox p{
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #000;
line-height:1.4em;
}

#colourSideBox{
margin: 0px;
padding: 0px;
width:245px;
float:right;
display: inline;
position: relative;
top:110px;
right:40px;
}

#colourSideBox p{
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #000;
line-height:1.4em;
}

.botButn a {
margin: 0px;
padding: 0px;
display:block; 
width:116px; 
height:41px;
background-image: url(../img/botleLinkBut.jpg);
background-repeat: no-repeat;
position: relative;
left:280px;
top:0px;
}

.botButn a:hover { 
background-image: url(../img/botleLinkButOver.jpg);
background-repeat: no-repeat;
}



#profileBox{
margin: 0px;
padding: 0px;
width:350px;
position: relative;
top:169px;
left:220px;
text-align:center;
}

#profileBox p{
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 1.1em;
color: #000;
line-height:1.8em;
}

.email{
	margin:0px;
	padding:0px;
	position:relative;
	top:27px;
}

.address{
	margin:0px;
	padding:0px;
	position:relative;
	top:60px;
	right:12px;
}

#bottleBox{
margin: 0px;
padding: 0px;
width:370px;
float: left;
display: inline;
position: relative;
top:240px;
left:50px;
}

#bottleBox p{
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #000;
line-height:1.4em;
}

.backBut a {
margin: 0px;
padding: 0px;
display:block; 
width:59px; 
height:24px;
background-image: url(../img/backBut.jpg);
background-repeat: no-repeat;
position: relative;
left:150px;
top:10px;
}

.backBut a:hover { 
background-image: url(../img/backButOver.jpg);
background-repeat: no-repeat;
}


h3{
margin: 0px;
padding: 0px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 1.2em;
color: #000;
text-align: center;
}

h4{
margin: 0px;
padding:0px;
font-style: normal;
font-size: 1.6em;
color: #000;
text-align: center;
}

.name1{
margin: 0px;
padding:5px 0px 0px 0px;
font-style: normal;
font-size: 1em;
color: #000;
text-align: right;
}

.name2{
margin: 0px;
padding:5px 0px 0px 0px;
font-style: normal;
font-size: 1.2em;
color: #000;
text-align: right;
}

#counter{
margin:0px;
padding:0px;
width:780px;
height:40px;
text-align: center;
}

#footNavcontainer{
margin: 0px;
padding: 0px;
width:380px;
position:relative;
top:15px;
left:495px;
}

#footNavcontainer ul { 
margin: 0px;
padding: 0px;
list-style-type: none; 
text-align: center;
}

#footNavcontainer ul li { 
display: inline; 
font-style: normal;
font-size: 1em;
color: #fff;
}

#footNavcontainer ul li a { 
text-decoration: none; 
font-family: Helvetica, Verdana, Arial, sans-serif;
font-style: normal;
font-size: 1em;
color: #fff;
}

#footNavcontainer ul li a:hover
{
color: #FF00FF;
}



#footer{
margin: 0px;
padding: 0px;
width: 780px;
height:55px;
background-image: url(../img/footer.gif);
background-repeat: no-repeat;
}

#shop_products{
float:left; 
display:inline; 
width:170px; 
height:330px;
}

#shop_title{
color:#003399;
font-weight:bold;
height:36px;
}

#shop_price{
color:red; 
font-size:13pt; 
font-weight:bold; 
line-height:1.5em;
height:30px;
}

#shop_back{
float:left; 
display:inline; 
width:170px; 
height:20px; 
position:absolute; 
top:340px; 
left:0px;
}

#shop_cart{
float:right; 
display:inline;  
height:330px;
width:270px;
}






#menu4 {
	width: 186px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	float:right;
	display:inline;
position:relative;
top:20px;
right:22px;
	}
	
	#menu4 li {
		padding-top:5px;
	}
	
#menu4 li a {
  	height: 10px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 12px;
	text-decoration: none;
	color:#000000;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #333;
	display: block;
	padding: 19px 0 0 40px;
	text-decoration: none;
	}
	
#menu4 li a:hover {
	color: #222;
	padding: 19px 0 0 40px;
	text-decoration: none;
	}
	
#menu4 li a:active {
	color: #fff;
	padding: 19px 0 0 40px;
	text-decoration: none;
	}	



#menu4 li #col{
background: url(../img/colBut.jpg) no-repeat;
}

#menu4 li #aura {
background: url(../img/auraBut.jpg) no-repeat;
}

#menu4 li #hap {
background: url(../img/mariaBut.jpg) no-repeat;
}




#menu4 #col:hover{
background: url(../img/colButOver.jpg) no-repeat 0px;
}

#menu4 #aura:hover{
background: url(../img/auraButOver.jpg) no-repeat 0px;
}

#menu4 #hap:hover{
background: url(../img/mariaButOver.jpg) no-repeat 0px;
}





#menu4 #col:active{
background: url(../img/colButOver.jpg)  no-repeat 0px;
}

#menu4 #aura:active{
background: url(../img/auraButOver.jpg) no-repeat 0px;
}

#menu4 #hap:active{
background: url(../img/mariaButOver.jpg) no-repeat 0px;
}