@charset "UTF-8";
/* CSS Document */
body{
	font: 12px "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	background: url(../img/bg.jpg) repeat scroll center top;
	color:#333333;
}

a:link {
	color: #A54E70;
	text-decoration: none;
}
a:visited {
	color: #A54E70;
	text-decoration: none;
}
a:hover {
	color:#A54E70;
	text-decoration: underline;
}
a:active {
	color: #A54E70;
	text-decoration: none;
}
p {
	color:#333333;
	font-size:12px;
	line-height:150%;
	font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	margin:15px 0;
}
strong{
	font-weight:bold;
	color:#D2A6B7;
}
/*--------------------------------------------ベース------------------------------------------------------*/
#wrapper{
	width:800px;
	padding:25px;
	margin:20px auto;
	background:#FFFFFF url(../img/ribon.gif) no-repeat left top;
	border:1px solid #CCCCCC;
}

#head{
	width:800px;
	margin-bottom:10px;
	padding:0;
	position:relative;
}
#logo{
	width:163px;
	height:54px;
	margin:0 0;
	padding:0;
}
#discription{
	font-size:10px;
	position:absolute;
	top:23px;
	left:180px;
	color: #A54E70;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 236px;
}
#reserve{
	position:absolute;
	top:0px;
	right:0px;
}
#gnavi{
	height:26px;
}
#gnavi ul{
	margin-bottom:10px;
}
#gnavi ul li{
	float:left;
	padding:0;
	margin:0;
}
#pankuzu{
	margin-bottom:10px;
	margin-top:10px;
	clear:both;
}
#pankuzu ul{
	padding:8px 8px;
	background:url(../img/pankuzu.gif) no-repeat;
	background-position:0 50%;
}
#pankuzu ul li{
	font-size:10px;
	color:#999999;
	margin-right:5px;
	display:inline;
}
#topFlash{
	position:relative;
	width:600px;
	margin-bottom:10px;
	background-color: #FFFFFF;
}
#topSubMenu{
	position:absolute;
	top:0px;
	left:610px;
	width:190px;
	height:300px;
	background-color: #CCCCCC;
}
#topSubMenu{
	line-height:0px;
}
#topLeftContent{
	width:590px;
	float:left;
	margin-bottom:10px;
}
#topRightContent{
	width:200px;
	float:right;
	margin-bottom:10px;
}
#topRightContent ul{
}
.toppage ul li{
	display:block;
	line-height:130%;
	margin:0px 0px 0px 10px;
	padding:10px 20px 10px 20px;
	border-bottom:1px #CCCCCC dotted;
	background:url(../img/qIcon.jpg) no-repeat;
	background-position:0 50%;
}
.toppage ul {
	margin-bottom:10px;
}

#footer{
	clear:both;
	padding:10px 0;
	text-align:center;
	}
#footer ul li{
	display:inline;
	margin:10px 15px 10px 0px;
	font-size:10px;
	padding-left:10px;
	background: url(../img/icon.gif) no-repeat;
	background-position:2px 2px;

}
#copyright{
	text-align:center;
	margin-top:60px;
	font-size:9px;
	color: #A54E70;
}
.hr{
margin-bottom:10px;
}
#topLeftContent ul li{
	display:inline;
}
#topLeftContent ul{
	margin:10px 0;	
}
#qrcode{
	margin:20px 45px;
}
.sideBanner{
	margin:5px 0;
}

/*--------------------------------------------美容知識------------------------------------------------------*/
.knowledgetitle h2{
	font-size:16px;
	font-weight:bold;
	color:#D2A6B7;
	margin-top:10px;
	padding:7px 0 7px 34px;
	background: url(../img/knowIcon.gif) no-repeat;
	background-position:0px 50%;
	text-decoration:none;
	
}
/*--------------------------------------------IHB------------------------------------------------------*/
.ihbqa{
	font-size:14px;
	font-weight:bold;
	padding:3px 0px 5px 25px ;
	background:url(../img/ihbIconQ.gif) no-repeat;
	background-position:0px 5px;
	margin-bottom:10px;
	color:#333333;
}
.ihbanswer{
	font-size:12px;
	padding:3px 0px 5px 25px ;
	background:url(../img/ihbIconA.gif) no-repeat;
	background-position:0px 3px;
	color:#666666;
}
#ihbLeft{
	width:560px;
	margin-bottom:20px;
	float:left;
}
#ihbRight{
	width:200px;
	margin-bottom:20px;
	float:right;
}
#ihbRight ul{
	margin:0;
	padding:0;
	font-size:0;
line-height:0;
}

#ihbRight a{
	margin:0;
	padding:0;
}
.ihbSelection{
	margin:30px 0;
	clear:both;
}
.imgleft{
	float:left;
	margin-right:15px;
}
.imgText{
	float:left;
	margin-right:15px;
	
}
.imgright{
	float:right;
	margin-left:15px;
}
.clearFloat{
	clear:both;
}
.ihbSelection h3{
	margin-bottom:10px;
}
.ihbSelection p{
	line-height:145%;
	margin-top:10px;
}
p.textCenter{
	padding:10px;
}
p.textRight{
	float:right;
}
.ihbSelection strong{
	font-weight:bold;
	color:#000000;
}
.supriWrap{
	float:left;
}
.supriSelection{
	width:175px;
	height:200px;
	float:right;
	padding:10px 5px
}
/*--------------------------------------------ブログ------------------------------------------------------*/
#blogheadline ul li{
	display:block;
	width:540px;
	padding:7px 0px 7px 50px;
	border-bottom:#CCCCCC dotted 1px;
	background:url(../img/blogIcon.gif) no-repeat;
	background-position:0px 50%;
}
#blogcontent{
	padding:0px 20px 10px 20px;
}
#blogpost{
	margin-bottom:10px;
}
.blogtitle h2{
	font-size:16px;
	font-weight:bold;
	color:#D2A6B7;
	margin-top:10px;
	padding:5px 0 6px 34px;
	background:url(../img/blogTitimeIcon.gif) no-repeat;
	background-position:0px 50%;
	text-decoration:none;
}
.blogtime{
	font-size:10px;
	color: #999999;
	margin:0;
	padding:0;
}
.blogcoment{
	margin:5px 0 10px 0;
}
.blogtrackback{
	margin:5px 0 40px 0;
	text-align:center;
	color:#999999;
	border:#CCCCCC 1px dotted;
}
.blogpagenav{
	margin:20px 0;
	text-align:center;
}
#blogcategory{
	margin:10px 0 10px 0;
}
#blogrecentposts{
	margin:10px 0 10px 0;
}
#blogarchives{
	margin:10px 0 10px 0;
}
.blogpage ul li{
	display:block;
	line-height:120%;
	padding:10px 0px 10px 19px;
	background:url(../img/sideIcon.gif) no-repeat;
	background-position:0px 50%;
	border-bottom:#CCCCCC 1px dotted;
}
.blogpage ul{
	padding:0px 20px 10px 20px;
}
.bloglast{
	margin:10px 0;
}
/*--------------------------------------------美容知識------------------------------------------------------*/

/*--------------------------------------------リンク-----------------------------------------------------*/
.linklist{
	clear:both;
}
#listLeftContent{
	width:590px;
	float:left;
	margin-bottom:10px;
}
#listMainContent{
	padding:0px 20px 10px 20px;
}
#listMainContent h2{
	font-size:16px;
	font-weight:bold;
	color:#D2A6B7;
	margin-top:10px;
	padding:7px 0 7px 25px;
	text-decoration:none;
	background:url(../img/subIcon.gif) no-repeat;
	background-position:0 50%;
}
#listMainContent ul li{
	line-height:150%;
	padding:10px 0 10px 20px;
	background:url(../img/linkIcon.gif) no-repeat;;
	background-position:0px 50%;
	border-bottom: #CCCCCC 1px  dotted;
}
/*--------------------------------------------キャンペーン-----------------------------------------------------*/
.campaigntitle h2{
	font-size:16px;
	font-weight:bold;
	color:#D2A6B7;
	margin-top:10px;
	padding:6px 0 6px 30px;
	background: url(../img/campTitleIcon.gif) no-repeat;
	background-position:0px 50%;
	text-decoration:none;
}
/*--------------------------------------------フェイシャルエステ-----------------------------------------------------*/
.esteMainContent{
padding:15px;
border:1px #CCCCCC solid;
}
.faceContent h3{
	margin-bottom:5px;
}
.faceContent{
	margin:15px 0;
}
.facePage h2{
	margin-bottom:20px;
}
.facePage{
padding:20px 10px 20px 20px;
}
.bannerMargin{
	margin:3px 0;
}
.price{
	text-align:right;
	font-size:18px;
	font-weight:bold;
	color:#D2A6B7;
}
/*--------------------------------------------よくあるご質問-----------------------------------------------------*/
.question1{
	font-size:14px;
	font-weight:bold;
	padding-left:25px;
	background:url(../img/qaIcon1.jpg) no-repeat;
	background-position:0 50%;
}
.question2{
	font-size:12px;

	padding-left:25px;
	background:url(../img/qaIcon2.jpg) no-repeat;
	background-position:0 0%;
}
.qaSelection{
	margin:20px 0;
}
/*--------------------------------------------シングルページ-----------------------------------------------------*/
#singlePages{
	padding:25px;
}
#singlePages h2{
	margin-bottom:20px;
}
.phoneNumver{
	font-size:16px;
	font-weight:bold;
	color:#990000;
}
.companySelection{
	padding:15px 0 15px 0;
	border-bottom:1px #CCCCCC dotted;
	position:relative;
}
.companyParam{
	padding:15px 0 15px 0;
	position:absolute;
	border:0px;
	top:0px;
	left:70px;
}
#sitemapMainContent h2{
		font-size:16px;
	font-weight:bold;
	color:#D2A6B7;
	margin-top:10px;
	padding:7px 0 7px 25px;
	text-decoration:none;
	background:url(../img/subIcon.gif) no-repeat;
	background-position:0 50%;
}
#sitemapMainContent ul{
	margin:15px 0px;
}
#sitemapMainContent ul li{
	padding:7px 0px 7px 18px;
	background:url(../img/sitemapIcon.gif) no-repeat;
	background-position:0 50%;
	border-bottom:#CCCCCC 1px dotted;
}
#headTItles{
	margin-top:10px;
	padding-bottom:5px;
	border-bottom:#cccccc 1px dotted;
}
#subContent h2{
		font-size:16px;
	font-weight:bold;
	color:#D2A6B7;
	margin-top:10px;
	padding:7px 0 7px 25px;
	text-decoration:none;
	background:url(../img/subIcon.gif) no-repeat;
	background-position:0 50%;
	margin-bottom:10px;
}
.accessSelection{
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
}
.newFeed{
	clear:both;
}


/*ハーバル*/
#harbalFlash{
	margin-bottom:10px;
}

.harbalContent{
	margin-bottom:20px;
}
#herbalHelthCare{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:20px;
}
#herbalGel{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:45px;
}

#herbalEssense{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:20px;
}
#herbalTea{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:30px;
}
#herbalReserve{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:30px;
}

#herbalReserve storong{
	color:#333333;
}

#herbNavi{
	height:51px;
}
#herbNavi ul{
	margin-bottom:10px;
}
#herbNavi ul li{
	float:left;
	padding:0;
	margin:0;
}
.essenseSelection{
	width:133px;
	float:left;
	margin:0 8px;
	border:#CCCCCC 1px solid;
	height:600px;
}
.essenseSelection ul{

}
.essenseSelection ul li{
	padding:5px 8px;
}
#herbTeaContent{
	width:460px;
	float:left;
	margin-right:20px;
}
#herbalContentPages{
	width:450px;
	margin-right:25px;
	float:left;
}
#wildHerb{
	margin-top:20px;
	padding-top:10px;
	border-top:#CCCCCC 1px dotted;
}
.wildHerbSelection{
	width:211px;
	float:left;
	margin:0px 20px;
}
.accessMap{
	margin-bottom:20px;
	padding:5px;
}
.accessMap img{
	border:#CCCCCC 1px solid;
	}
.clear_both {clear:both;}

.beforeAfter{
	margin:20px 0px;
	padding:15px 0px;
	border-top:#CCCCCC 1px dotted;
}