/*初期設定*/



body {

	margin:0;

	padding:0;

	font-size:12px;

	background-color:#FFCCFF;

}



body img{border:0;}





#main{

	width:780px;

	font-size: 12px;

	padding:5px 2px 0px 2px;

	margin:0 auto;

	background-color:#FFFFFF;

}



#head{

	padding:0;

	margin:0;

	background-color:#FFFFFF;

}



/*左メニュー*/

#left{

	float:left;

	width:190px;

	padding:0 0 20px 0;

	margin:0;

	background-color:#FFFFFF;

}



#left ul{

/*余白と本来あるマークを消します*/

margin:0;

padding:0;

list-style:none;

}

#left li{

padding-left:25px;

font-size:12px;

background: url(image/menuicon.gif) no-repeat 5px 0.5em;

line-height:30px;

} 







/*ヘッドメニュー*/





.top{

	display:block;

	padding:140px 0px 0px 5px;

	}



/*フッター*/



#foot {

 width:100%;

 clear:left;

 background-color:#FFDDFF;

 text-align:center;

 font-size:10px;

 padding:5px 0px 5px 0px;

}



#foot ul {margin:8px; padding:0; text-align:center;}



#foot li {

	display:inline;

	list-style-type:none;

	margin-right:10px;

	padding-left:10px;

	border-left:1px solid #000;

}







/*コンテンツ*/

#con{

	float:left;

	width:560px;

	margin:0px;

	padding:0px 0px 20px 20px;

	line-height:18px;

	background-color:#FFFFFF;

}



.sample{

	float:left;

	margin:1px;

	padding:2px;

	font-size:12px;

	color: #FF3366;

	font-weight: bold;

	text-align:right;

	background-color: #FFEEFF;

	line-height: 17px;

}

dl{

font-size:12px;

margin-left:20px;

}



dl.step dt {

  clear: left;

  float: left;

  margin: 0 0 0.8em;

  width: 7em;

  border-left: solid 8px #663399;

  padding-left: 5px;

  color: #663399;

}



dd {

  margin-bottom: 0.8em;

  margin-left: 5em;

}



.new{margin:1px; width:180px; height:200px; padding:0; background-color:#FFCCCC; text-align:center;}



.border{border:3px solid #FFCCCC; margin:5px 0 5px 0;}



/*メニューページ*/

.list{

	background-image:url(image/menubg.gif);

	background-repeat:no-repeat;

	background-position:top right;

}



/*ショップページ*/

.shop{

	display:block;

	background-image:url(image/shop.jpg);

	background-repeat:no-repeat;

	background-position:top right;

	width:530px;

	font-size:14px;

	line-height: 20px;

}



/*バイオジェルページ*/



.biotext{

	font-size:12px;

	line-height:15px;

	padding:10px;

	}

	

.menu a{

  display:block;

  width:140px;

  height:30px;

　border-bottom:dotted 1px #CCCCCC;

　padding:10px 10px 10px 20px

  }



.menu a:hover{

  color: #B72126;

  background-image:url(image/left-menu.gif);

  background-repeat:no-repeat;

  }





/*文字設定*/



h1 {

	font-size: 12px;

	font-weight:bold;

	color: #FF00CC;

	margin:0px;

	text-align:center;



}



h2{

	background-image:url(image/tab.gif);

	background-repeat:no-repeat;

	font-size:16px;

	color: #FFFFFF;

	padding:10px 0px 8px 40px;

	margin: 0px;

	font-weight: bold;

}



h3{

	font-size:12px;

	background-color:#FF6666;

	width:100%;

	height:20px;

	color:#FFFFFF;

	font-weight:bold;

}



h4 {

	font-size: 14px;

	font-weight:bold;

	color: #FF00CC;

	margin: 5px;

	text-align:center;



}



p{

	font-size:14px;

	color: #FF0066;

	line-height: 20px;

	padding:0px;

	margin:3px;

}



.p2{

	font-size:14px;

	line-height: 20px;

	float:left;

}



.point{

	font-size:12px;

	line-height: 15px;

	color:#999999;

	}



.order{

background-color:#990033;

color:#FFFFFF;

font-weight:bold;

width:500px;

padding:5px;

margin:5px;



}



/*標準リンク設定*/



a{

	color:#CC0000;

	text-decoration:none;

 }



a:hover{

	color:#CC3366;

	text-decoration:underline;

  }

  

a:hover img{  



filter: alpha(opacity=90);  

opacity:0.9;  

background: #fff;  

} 





table li{

	list-style-type:none;

	display:inline;

	margin-right:5px;

	padding-left:5px;

	border-left:1px solid #CC0033;

	font-size:12px;

}



.style1 {

font-size: 12px;

line-height:15px;

}



.style2 {

font-size: 10px;

line-height:14px;

}



.clear{clear:left;}



.img_left{float:left; margin-right:10px;}