@charset "utf-8"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	color:#7e6b5a;
	outline:none;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
}

img {border:0px;}

body {
  background-color:#fff; /* 背景 */
  text-align:left; /* IE5.5以前用中央揃え */
  font-size: 75%; /* 基本のフォントサイズ */
  line-height: 150%; /* 基本の行間 */
  margin:5px 0px 0px 10px;
  letter-spacing: 0;
}

#wrapper {
  width: 910px; /* 基本ページ幅 */
  color: #333333; /* 基本文字色 */
  background-color: tansperent;
}


/* リンク
---------------------------------------------------- */
a:link {
  color: #7e6b5a; /* リンクの色 */
  background: transparent; /* 背景透明 */
}
a:visited {
  color: #7e6b5a; /* 訪問済みリンクの色 */
  background: transparent; /* 背景透明 */
}
a:hover, a:active {
  color: #7e6b5a; /* マウスオーバー、アクティブリンクの色 */
  background: transparent; /* 背景透明 */
}

/* ヘッダ
---------------------------------------------------- */
#header {
	text-align:left;
	height:98px;
}
h1 {
  font-size:75%;
  line-height:normal;
  font-weight:normal;
  padding-left:5px;
  padding-bottom:8px;
  color:#7e6b5a;
}

#header #logo {
	width:190px;
	float:left;
}

#header #banner {
	width:468px;
	float:right;
	padding-top:5px;
}

/* メインレイアウト
---------------------------------------------------- */

#pagebody {
	width: 910px; /* ■IE用バグ対策 */
}

#pagebody-letf {
	float:left;
	width:760px;
}

#pagebody-right {
	float:right;
	width:135px;
	margin-bottom:15px;
}


/* ナビゲーション
---------------------------------------------------- */
#main-navigation ul{
	list-style:none;
}

#main-navigation li{
	float:left;
	height:20px;
	overflow:hidden;
}


#main-navigation .navi01{width:112px; border-right:3px solid #fff;}
#main-navigation .navi02{width:105px; border-right:3px solid #fff;}
#main-navigation .navi03{width:105px; border-right:3px solid #fff;}
#main-navigation .navi04{width:105px; border-right:3px solid #fff;}
#main-navigation .navi05{width:105px; border-right:3px solid #fff;}
#main-navigation .navi06{width:212px;}

.input-t50{width:50px; height:20px; border:1px solid #ccc; background-color:#fff;}
.input-t100{width:100px; height:20px; border:1px solid #ccc; background-color:#fff;}
.input-t150{width:150px; height:20px; border:1px solid #ccc; background-color:#fff;}
.input-t200{width:200px; height:20px; border:1px solid #ccc; background-color:#fff;}
.input-t300{width:300px; height:20px; border:1px solid #ccc; background-color:#fff;}
.input-t100p{width:98%; height:20px; border:1px solid #ccc; background-color:#fff;}
.input-ccc{background-color:#ccc;}

input.btn{
   color:#619b63;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   /*border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;*/
   border-top-color:#fff;
   border-left-color:#fff;
   border-right-color:#fff;
   border-bottom-color:#fff;
	background-color:#cec;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaddaa');
}

button.btn{
   color:#619b63;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   /*border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;*/
   border-top-color:#fff;
   border-left-color:#fff;
   border-right-color:#fff;
   border-bottom-color:#fff;
	background-color:#cec;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaddaa');
}


/* コンテンツ
---------------------------------------------------- */

#mini-pr {
	height:33px;
	line-height:33px;
	font-size:85%;
	clear:both;
}

#mini-pr img{
	margin-right:5px;
}

.f-small {
	font-size:80%;
	line-height:150%;
}

hr {visibility:hidden; height:15px; clear:both;}


#content {
	width: 760px; /* コンテンツ部分の横幅 */
	background:url(../images/content-bottom.gif) no-repeat bottom;
	padding-bottom:65px;
	
}
#content p {padding-top:10px;}


/* フッタ
---------------------------------------------------- */

#footerall #allcontents {
	padding-top:12px;
	border-top:1px solid #f5914f;
	text-justify:inter-ideograph;
	text-align:justify;
}

#footerall #allcontents strong{
	font-size:90%;
	color:#6ca26d;
}

#footerall #allcontents p{
	font-size:80%;
	line-height:150%;
	padding-bottom:12px;
}

#footer p{
	padding-top:10px;
	padding-bottom:10px;
	height:15px;
	border-bottom:2px solid #cbdcca;
	border-top:1px solid #f5914f;
	font-size:80%;
	line-height:15px;
	text-align:center;
}

#footlink {
	clear:both;
	font-size:80%;
	text-align:center;
}

#footer address {font-size:80%; text-align:center; font-style:normal;}


/* その他拡張
---------------------------------------------------- */
.clear {
	clear: both;　/* フロートの解除 */
}
.img-left {float:left;}
.img-right {float:right;} 

/* clarins_navi
---------------------------------------------------- */
#clnavi{
  width:760px;
  height:50px;
  font-size:12px;
  line-height:normal;
}

#clnavi ul {
  list-style: none; /* リストを消す */
}


#clnavi li {
  height:50px;  /* ナビボタン縦幅 */
  display:block;
  float:left;   /* 横並び */

}

#clnavi li a {
  text-decoration: none; /* ■Firefox等で線が表示されないようにする */
  display: block;
  height:50px;  /* ナビボタン縦幅 */
  background-repeat:no-repeat;
  text-indent:-9999px;
}



#clnavi #navi1 a{background-image:url(../images/navi01.gif); width:172px;}
#clnavi #navi2 a{background-image:url(../images/navi02.gif); width:140px;}
#clnavi #navi3 a{background-image:url(../images/navi03.gif); width:125px;}
#clnavi #navi4 a{background-image:url(../images/navi04.gif); width:156px;}
#clnavi #navi5 a{background-image:url(../images/navi05.gif); width:167px;}



#clnavi #navi1-on a{background-image:url(../images/navi01_r.gif); width:172px;}
#clnavi #navi2-on a{background-image:url(../images/navi02_r.gif); width:140px;}
#clnavi #navi3-on a{background-image:url(../images/navi03_r.gif); width:125px;}
#clnavi #navi4-on a{background-image:url(../images/navi04_r.gif); width:156px;}
#clnavi #navi5-on a{background-image:url(../images/navi05_r.gif); width:167px;}



#clnavi #navi1 a:hover{background:url(../images/navi01_r.gif)}
#clnavi #navi2 a:hover{background:url(../images/navi02_r.gif)}
#clnavi #navi3 a:hover{background:url(../images/navi03_r.gif)}
#clnavi #navi4 a:hover{background:url(../images/navi04_r.gif)}
#clnavi #navi5 a:hover{background:url(../images/navi05_r.gif)}


/* clarins_contens
---------------------------------------------------- */
div.sample{
    position:relative;
    width:760px;
    height:187px;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/spacer.gif);
}

.w390left {float:left; width:390px;}
.w390right {float:right; width:390px;}

#the-salon {background:url(../images/thesalon.gif) no-repeat; width:760px; height:32px; text-indent:-9999px;}

#clback{background:url(../images/content-back.gif); padding:0px 50px;}
#clback2{background:url(../images/content-back.gif); padding:15px 50px 0px 50px;}

.tenten {padding:15px 0px;}
.tenten2 { padding-bottom:15px;}
.tenten3 { padding-top:14px;}

.next {padding-bottom:15px; padding-top:15px; float:right;}
.red {color:#850f1a;}
.red-s {color:#850f1a; font-size:x-small;}

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pd20 {padding:20px;}
.pdb10 {padding-bottom:10px;}
.pdlr {padding:0px 10px;}

.link_clarins { background-color: tansperent; width:660px;}
.link_clarins img {padding:20px 10px 0px 0px;}

/* clarins_p1
---------------------------------------------------- */

#p1-1 {background:url(../images/p1-1.gif) no-repeat; width:760px; height:140px; text-indent:-9999px;}

#about {background:url(../images/about.gif) no-repeat; width:660px; height:120px; text-indent:-9999px; padding-bottom:10px;}



#title1p01{background:url(../images/title1p01.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}

#title1p02{background:url(../images/title1p02.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title1p03{background:url(../images/title1p03.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title1p04{background:url(../images/title1p04.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}


/* clarins_p2
---------------------------------------------------- */

#p2-1 {background:url(../images/p2-1.gif) no-repeat; width:760px; height:140px; text-indent:-9999px;}



#title2p01{background:url(../images/title2p01.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title2p02{background:url(../images/title2p02.gif) no-repeat; width:387px; height:50px; text-indent:-9999px;}

.box-list {
	width:630px;
	border-left:1px solid #c5b28b; 
	border-right:1px solid #c5b28b; 
	padding:14px; 
	background:#FFF
;}
.box-list2 {
	width:630px;
	border-left:1px solid #c5b28b; 
	border-right:1px solid #c5b28b; 
	padding:0px 14px 14px 14px; 
	background:#FFF
;}
.box-list3 {
	width:630px;
	border-left:1px solid #c5b28b; 
	border-right:1px solid #c5b28b; 
	border-bottom:1px solid #c5b28b;
	padding:0px 14px 14px 14px;
	background:#FFF;
;}
.box-r {width:455px; float:right;}

.table-l {border:1px solid #c5b28b; border-collapse:collapse; width:455px; font-size:x-small; caption-side:left;}
.table-l th,td { border-collapse:collapse; vertical-align:top; text-align:left; padding:2px;}
.table-l th {width:15%;}


#cosme01 { background:url(../images/cosme01.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}
#cosme02 { background:url(../images/cosme02.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}
#cosme03 { background:url(../images/cosme03.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}

#cosme04 { background:url(../images/cosme04.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}
#cosme05 { background:url(../images/cosme05.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}
#cosme06 { background:url(../images/cosme06.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}

#cosme07 { background:url(../images/cosme07.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}
#cosme08 { background:url(../images/cosme08.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}
#cosme09 { background:url(../images/cosme09.gif) no-repeat; width:455px; height:35px; text-indent:-9999px;}

#title2p03{background:url(../images/title2p03.gif) no-repeat; width:660px; height:27px; text-indent:-9999px;}
#title2p04{background:url(../images/title2p04.gif) no-repeat; width:660px; height:27px; text-indent:-9999px;}
#title2p05{background:url(../images/title2p05.gif) no-repeat; width:660px; height:27px; text-indent:-9999px;}



/* clarins_p3
---------------------------------------------------- */

#p3-1 {background:url(../images/p3-1.gif) no-repeat; width:760px; height:140px; text-indent:-9999px;}



#title3p01{background:url(../images/title3p01.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}

#title3p02{background:url(../images/title3p02.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title3p03{background:url(../images/title3p03.gif) no-repeat; width:660px; height:27px; text-indent:-9999px;}

.method_l { padding-top:15px; float:left;}
.method_r { padding-top:15px; float:right;}

/* clarins_p4
---------------------------------------------------- */

#p4-1 {background:url(../images/p4-1.gif) no-repeat; width:760px; height:140px; text-indent:-9999px;}



#title4p01{background:url(../images/title4p01.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}

#title4p02{background:url(../images/title4p02.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title4p03{background:url(../images/title4p03.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title4p04{background:url(../images/title4p04.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title4p05{background:url(../images/title4p05.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title4p06{background:url(../images/title4p06.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}





/* clarins_p5
---------------------------------------------------- */

#p5-1 {background:url(../images/p5-1.gif) no-repeat; width:760px; height:140px; text-indent:-9999px;}

#about-j {background:url(../images/about-j.gif) no-repeat; width:660px; height:60px; text-indent:-9999px;}

.font-big {font-size:19px; line-height:150%;}
#img-japan {float:right; padding:0px 0px 10px 15px;}


#title5p01{background:url(../images/title5p01.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}

#title5p02{background:url(../images/title5p02.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title5p03{background:url(../images/title5p03.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}
#title5p04{background:url(../images/title5p04.gif) no-repeat; width:387px; height:34px; text-indent:-9999px;}


/* clarins_taiken
---------------------------------------------------- */

#p6-1 {background:url(../images/p6-1.gif) no-repeat; width:760px; height:130px; text-indent:-9999px;}

#pro_back {background:#9C7D59 url(../images/pro_back1.gif) no-repeat top; padding:5px 10px 0px 15px; color:#FFFFFF;}
#pro_back p { color:#FFFFFF; line-height:150%;}
#pro_bottom { padding-bottom:9px;background:url(../images/pro_back2.gif) no-repeat bottom;}

#title6p01{background:url(../images/title6p01.gif) no-repeat; width:660px; height:60px; text-indent:-9999px;}

#pro01 {background:url(../images/img-pro01.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}
#pro02 {background:url(../images/img-pro02.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}
#pro03 {background:url(../images/img-pro03.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}

#title6p02{background:url(../images/title6p02.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title6p03{background:url(../images/title6p03.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title6p04{background:url(../images/title6p04.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title6p05{background:url(../images/title6p05.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}

.w330_l {width:330px; float:left;}
.w330_l p {padding:0px 10px;}
.w330_r {width:330px; float:right;}
.w330_r p {padding:0px 10px;}

#c-point{background:url(../images/point.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
.c-point{ color:#984242;}


.syasin-taiken1 {padding:0px 25px; float:left;}
.syasin-taiken2 {padding:0px 25px; float:right;}

#title6p06{background:url(../images/title6p06.gif) no-repeat; width:660px; height:27px; text-indent:-9999px;}

#voice {
background:#FFF url(../images/voice-back.jpg) no-repeat bottom;
width:488px;
border-bottom:1px solid #b9a295;
border-left:1px solid #b9a295;
border-right:1px solid #b9a295;
padding:15px 0 15px 170px;
margin-bottom:20px;
} 

#voice p {
padding-right:130px;
font-size:11px;
} 
#title6p07{background:url(../images/title6p07.gif) no-repeat; width:660px; height:27px; text-indent:-9999px;}

#homecare {
background:#FFF;
width:640px;
border-bottom:1px solid #b9a295;
border-left:1px solid #b9a295;
border-right:1px solid #b9a295;
padding:25px 9px;
margin-bottom:30px;
} 

.homecare01 {width:210px; float:left; }
.homecare01 img {float:left;}
.homecare02 {width:210px; float:left; padding-right:8px;}
.homecare02 img {float:left;}


/* clarins_taiken(face)
---------------------------------------------------- */

#p7-1 {background:url(../images/p7-1.gif) no-repeat; width:760px; height:130px; text-indent:-9999px;}

#title7p01{background:url(../images/title7p01.gif) no-repeat; width:660px; height:60px; text-indent:-9999px;}

#pro001 {background:url(../images/img-pro001.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}
#pro002 {background:url(../images/img-pro002.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}
#pro003 {background:url(../images/img-pro003.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}


#title7p02{background:url(../images/title7p02.gif) no-repeat; width:660px; height:65px; text-indent:-9999px;}

#title7p03{background:url(../images/title7p03.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title7p04{background:url(../images/title7p04.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title7p05{background:url(../images/title7p05.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title7p06{background:url(../images/title7p06.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}

#title7p07{background:url(../images/title7p07.gif) no-repeat; width:660px; height:65px; text-indent:-9999px;}

#title7p08{background:url(../images/title7p08.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title7p09{background:url(../images/title7p09.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}

#title7p10{background:url(../images/title7p10.gif) no-repeat; width:660px; height:27px; text-indent:-9999px;}

#voice2 {
background:#FFF url(../images/voice-back2.jpg) no-repeat bottom;
width:488px;
border-bottom:1px solid #b9a295;
border-left:1px solid #b9a295;
border-right:1px solid #b9a295;
padding:15px 0 15px 170px;
margin-bottom:20px;
} 

#voice2 p {
padding-right:130px;
font-size:11px;
} 



/* clarins_taiken(maternity)
---------------------------------------------------- */

#p8-1 {background:url(../images/p8-1.gif) no-repeat; width:760px; height:130px; text-indent:-9999px;}

#title8p01{background:url(../images/title8p01.gif) no-repeat; width:660px; height:60px; text-indent:-9999px;}

#pro0001 {background:url(../images/img-pro0001.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}
#pro0002 {background:url(../images/img-pro0002.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}
#pro0003 {background:url(../images/img-pro0003.jpg) no-repeat; width:220px; height:240px; text-indent:-9999px; float:left;}

#title8p02{background:url(../images/title8p02.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title8p03{background:url(../images/title8p03.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title8p04{background:url(../images/title8p04.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title8p05{background:url(../images/title8p05.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}
#title8p06{background:url(../images/title8p06.gif) no-repeat; width:330px; height:32px; text-indent:-9999px;}

#voice3 {
background:#FFF url(../images/voice-back3.jpg) no-repeat bottom;
width:488px;
border-bottom:1px solid #b9a295;
border-left:1px solid #b9a295;
border-right:1px solid #b9a295;
padding:15px 0 15px 170px;
margin-bottom:20px;
} 

#voice3 p {
padding-right:130px;
font-size:11px;
}