@charset "utf-8";

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {		background:url(./images/bg-all-green.gif) repeat;
  			text-align: center; /* center on ie */
   			width: 100%; margin:0px; paddgin:0px;
			color:#292C24; font-size:15px; line-height:1.1em;
}

a:link			{ color: #469999; text-decoration:none;}
a:visited		{ color: #9966CC; text-decoration:none;}
a:hover,a:active 	{ color: #097979; text-decoration:underline;}



a.Menu_Button {
		height:32px;
		background-position:left top;
		background-repeat:no-repeat;
		float:left;
}

a.Menu_Button:hover {
		background-position:left bottom;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
		float: right;
		margin: 0 0 10px 10px;
}

.imgL {
		float: left;
		margin: 0 10px 10px 0;
}

.btn {
		text-align: center;
}

/*
	clearfix
*/
.clearfix:after {
		content: url(images/pixel.gif);
		display: block; clear: both;
		height: 0;
}

/*Hides from IE5-mac \*/
* html ul {
    height: 1%;
}
ul {
    display: block;
}
*+html body ul {
    zoom: 1;
}
/*End hide from IE5-mac */

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
	    width: 664px; height:auto;
		background:url(./images/bg-wrapper.gif) repeat-y;
		margin-left:auto; margin-right:auto; text-align:justify;
}

#container {
		width:640px; height:auto;
	    margin: 0 auto; /* center on everything else */
		text-align: left;
		border-left:1px solid #A9B889;
		border-right:1px solid #A9B889;		
		/*background-color:#E8ECD1;*/
		
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
		width:640px; height:83px;
		background:url(./images/bg-header.gif) no-repeat;
}
#header #header-menu {
		width:auto; height:32px;
}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#fl-block {
		width:640px; height:336px;
		padding-top:13px;
		background:url(./images/bg-fl-frame.gif) no-repeat;
}
.top-seibigan {
		background:url(./images/bg-top-seibigan.jpg) no-repeat;
		width:640px; height:240px;
}
.main {
		width:614px; height:auto;
		margin-left:auto; margin-right:auto; text-align:justify;
}
#topics {
		width:400px; height:auto;
		margin-right:14px;
		float:left;
}
#news {
		width:200px; height:auto;
		float:right;
		background-color:#F8F9EC;
}
#news dd{
		margin-bottom:10px;
}
.topics_font {
		font-size:13px;
}

.shop-lineup	{
	height:auto;
	width:auto;
	margin-top:20px;
	border:1px solid #dee2c9;
	padding:15px;
	clear:both;
}

.left_photo	{
		float:left;
		width:190px;
}

.right_text	{
		float:right;
		width:392px;
}

.shop-box-a	{
	background:url(./images/shopbox-a.gif) no-repeat;
	width:414px; height:19px;
}

.shop-box-b	{
	background-color:#FBFBEE;
	width:384px; height:auto;
	padding:0px 15px;
	font-size:14px;
}

.shop-box-c	{
	background:url(./images/shopbox-c.gif) no-repeat;
	width:414px; height:19px;
}

.bodycare-etc {
	border:1px solid #99CCCC;
	width:auto; height:auto;
	background-color:#EFFAFA;
	padding:10px;
	margin-bottom:5px;
}
/*----------------------------------------------------
	#footer
		フッター
----------------------------------------------------*/
#footer {
		width:614px; 
		margin-top:30px;
		border-top:1px solid #666666;
}

#footer p{
		text-align:right;
		margin:5px 0px 0px 0px;
		font-size:13px;
}

/* -----------------------------------------------------------
	#H
		見出し小見出し
----------------------------------------------------------- */
h1 {
		width:300px; height:20px;
		padding:15px 0px 0px 10px;
		margin:0px;
}
h2 {
		margin:0px; padding:0px;
}
h3 {
	padding:0px; margin:0px;
	background-color:#E8ECD1;	
}
h4 {
	width:394px;
	margin:0px 0px 15px 0px;
	float:right;
	font-size:18px;
	border-bottom:1px solid #DDDDDD;
	line-height:1.5em;
	color:#FF5326;	
}

h5 {
	font-size:15px;
	line-height:1.5em;
	color:#FF5326;
	margin:0px;
}
.selection {
	font-weight:bold;
	font-size:15px;
	padding:0px; margin:20px 0px;
	border-bottom:1px solid #DDDDDD;
	color:#FF1E73;
}

/* -----------------------------------------------------------
	#List
		リスト
----------------------------------------------------------- */

#news dd,#news dt{
		margin-left:10px; padding:0px;
		margin-right:10px;
}

#news dl{
		margin:5px 0px; padding:0px;
		color:#292C24; font-size:13px; line-height:1.1em;
}
#news dt{
		color:#FF562A;
}

#news dt{
		color:#FF562A;
}

.aboutus {
		margin:0; padding:0;
}
.aboutus li{
		list-style:none;
		margin-bottom:5px;
}

/* -----------------------------------------------------------
	#etc
		その他
----------------------------------------------------------- */

a.topics-h3:link			{ color: #292C24; text-decoration:underline; font-weight:bold; font-size:15px;}
a.topics-h3:visited		{ color: #292C24; text-decoration:none; font-weight:bold; font-size:15px;}
a.topics-h3:hover,a.topics-h3:active 	{ color: #292C24; text-decoration:underline; font-weight:bold; font-size:15px;}

a.toplink:link			{ color: #54A4A5; text-decoration:underline; font-size:13px; font-weight:bold;}
a.toplink:visited		{ color: #54A4A5; text-decoration:underline; font-size:13px; font-weight:bold;}
a.toplink:hover,a.toplink:active 	{ color: #54A4A5; text-decoration:underline; font-size:13px; font-weight:bold;}

.shop-border	{
		border-top:1px solid #E8ECD1;
}

.bodycare-border	{
		border-bottom:1px solid #CCCCCC;
		
}

/* -----------------------------------------------------------
	#gallery
		ギャラリー
----------------------------------------------------------- */
	.gallerylist {
		margin:20px 0px 0px 4px;
	}	

	.templete1 {
		width:100px; height:auto;
		background:url(images/gallerylist_backimg.gif) no-repeat;
	}

	.templete1 p{
		font-size:11px;
		margin:0px;
	}	
	.gallerylist_left {float:left;}

/* -----------------------------------------------------------
	#facial
		
----------------------------------------------------------- */
.facialbox {
width:610px;
margin-bottom:20px;
}
.facialbox:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.facialbox1,.facialbox2{
float:left;
}
.facialbox1 {
width:200px; margin-right:10px;
padding-top:10px;
}
.facialbox2 {
width:400px;
}
.facialbox2 h6 {
margin:10px 0 10px 0;
font-size:18px;
border-bottom:1px solid #DDDDDD;
line-height:1.3em;
color:#FF5326;	
display:block;
}
.facialbox2 h6 span{
font-size:16px;
}
.facialbox2 p {
margin:0 0 25px 0; padding:0;

}

/* -----------------------------------------------------------
	#shopping
----------------------------------------------------------- */

.shop-lineup h6{
margin:5px 0 10px 0;
font-size:18px;
border-bottom:1px solid #dee2c9;
line-height:1.3em;
display:block;
}
.shop-lineup h6 span{
font-size:15px;
}
.shop-lineup .copy {
color:#30b6aa; font-weight:bold; line-height:180%;
}
	
/* -----------------------------------------------------------
	#etc
		その他
----------------------------------------------------------- */
.mt-10 			{ margin-top:10px;}
.mt-30 			{ margin-top:30px;}
.mb-10 			{ margin-bottom:10px;}
.mb-20 			{ margin-bottom:20px;}
.mb-30 			{ margin-bottom:30px;}
.ml-10 			{ margin-left:10px;}
.ml-20 			{ margin-left:20px;}
.ml-30 			{ margin-left:30px;}
.ml-40 			{ margin-left:40px;}

.mr-10 			{ margin-right:10px;}
.mr-20 			{ margin-right:20px;}
.pl-30 			{ padding-left:30px;}
.bold			{ font-weight:bold;}

.orange			{ color:#FF8400;}
.red			{ color:#CC1800;}
.red1			{ color:#ff1e73;}
.red2			{ color:#FF5326;}
.pink			{ color:#e82987;}
.aquablue		{ color:#00BBD6;}
.green1 		{ color:#98C500;}
.green2 		{ color:#526A38;}
.brown			{ color:#C26000;}
.blue1			{ color:#167ddd;}
.blue-b			{ color:#0005C9; font-weight:bold;}
.green			{ color:#30b6aa;}
.gray1			{ color:#555555;}


.p12			{font-size:12px;}
.p14			{font-size:14px;}
.p16			{font-size:16px;}
.p24			{font-size:24px;}

.clear 			{ clear:both;}
.f-left 		{ float:left;}
.f-right 		{ float:right;}

.footer-left	{
		margin:10px 0;
		float:left;
		background:url(images/icon-arrow.gif) no-repeat;
		background-position:0 3px;
		width:200px;
		padding-left:15px;

}
.footer-right	{
		margin:10px 0;
		float:right;
		width:auto;
}


