@charset "shift_jis";

/* BASIC ========================================= */
/*
*{margin: 0px; padding: 0px;}

body {
   background-color: #FFFFFF;

   font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

div{border:solid 0px red;}
*/


/* A ============================================ */
/*
a {
   text-decoration: none;
}

a:link {
   color: #19146C;
}

a:visited {
   color: #19146C;
}

a:active {
   color: #19146C;
}

a:hover{
   color: #19146C;
   text-decoration: underline;
}
*/


/*
#container {
   width: 750px;
   text-align: left;

   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
}
*/


/* IN HEADER ================================= */
/*
#header {
   width: 750px;
   height: 110px;
   margin: 0px;
   clear: both;
}
*/


/* IN MAIN =================================== */
/*
#main {
   width: 740px;
   margin-top: 0px;
   border-left: solid 9px #19146C;
   border-right: solid 1px #D2E6E6;
   padding: 10px 0;
}
*/


/* IN FLASH ================================= */
/*
#flash {
   width: 365px;

   margin-top: 10px;
   padding-bottom: 10px;
   margin-right: 30px;
   float: left;
}
#mainImg {
   width: 365px;
   margin-top: 1px;
   padding-bottom: 0px;
   margin-right: 30px;
   float: left;
}
*/


/* IN CONTENTS ============================== */
/*
#contents {
   width: 315px;
   margin-top: 0px;
   margin-bottom: 0px;
   float: left;
}

#contents h1{
	color: #333333;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 3px;
	line-height: 13px;
}

#contents h2{
	color: #333333;
	font-size: 11px;
	text-align: left;
	line-height: 11px;
	margin: 0px;
	padding: 0px 0px 12px;
}

#contents img.bloc {
   float: left;
   padding-top: 0px;
   padding-bottom: 10px;
   padding-right: 0px;
   padding-left: 0px;
   margin-top: 0px;
}
#contents .mB9 {
	margin-bottom: 9px;
}
#contents .mB10 {
	margin-bottom: 10px;
}

#contents_pix {
   width: 40px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   float: left;
}

#contents_info {
	font-size: 10px;
	padding-top: 4px;
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(images_index/bv_info.gif) no-repeat;
	height: 30px;
	width: 315px;
	position: relative;
}

#contents_box {
	background: url(images_index/bv_bg.gif) no-repeat;
	height: 96px;
	width: 315px;
	position: relative;
}
#contents_box p {
	font-size: 12px;
	line-height: 19px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
#contents_box p a {
	color: #19146C;
}
#contents_img {
	margin-left: 238px;
	position: absolute;
	margin-top: 7px;
}
#contents_txt {
   width: 270px;
   margin-top: 0px;
   margin-bottom: 8px;
   float: right;
}

#contents_txt .title {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
   padding-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   float: right;
}

#contents_txt p {
   color: #333333;
   font-size: 12px;
   line-height:16px ;
   line-break:normal ;
   text-align: left;
   padding-top: 0px;
   padding-bottom: 10px;
   _padding-bottom: 5px;
   padding-right: 0px;
   padding-left: 10px;
   margin-bottom: 0px;
   float: left;
}
*/


/* IN FOOTER ================================== */
/*
#footer {
   width: 750px;
   height: 150px;
   clear: both;
}
*/

/* guerlain.co.jp */
.co{
font-size: 12px;
}

/* DISPLAY HACK */
#main:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

*html #main{height:1%;}
#main{display:block;}




/* ===================================================================
   リニューアルに伴う　スタイル追加　2007.10
====================================================================== */
/* ====================================================
■リンク設定
=======================================================*/
a:link{
text-decoration: underline;
color:#993300;
}

a:visited{
text-decoration: underline;
}

a:hover{
color:#CC0000;
text-decoration: underline;
}

a:active{
color:#993300;
text-decoration: underline;
}



/* ====================================================
■体験フォーム(salon)と資料請求フォーム(shiryo)で使用
=======================================================*/
select,
input{
font-size: 12px;
line-height: 15px;
}

/* 入力項目見出し */
.formTitle{
margin: 10px 0px 5px 0px;
padding: 2px;
background: #2E6BAE;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
line-height: 1.4;
}

/* 入力項目１ブロック（Table１つ分） */
table.formBlock{
margin-bottom: 20px;
}

table.formBlock th{
padding: 4px;
color: #333333;
background: #E0E0E0;
font-size: 12px;
line-height: 15px;
text-align: left;
}

table.formBlock td{
padding: 4px;
color: #555555;
background: #EEF9FF;
font-size: 12px;
line-height: 15px;
}

/* formBlock指定があるtableのtdにtableを入れ子にする場合に使用 */
table.formInnerBlock{
margin: 0;
}

table.formInnerBlock th{
padding: 0px;
color: #333333;
background: #EEF9FF;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: left;
}

table.formInnerBlock td{
padding: 0px;
border: none;
color: #555555;
font-size: 12px;
line-height: 15px;
}


/* formBlock指定があるtableのtdにtableを入れ子にする場合に使用2 未使用 
table.formInnerBlock2{
margin: 0;
}

table.formInnerBlock2 th{
padding: 4px;
color: #333333;
background: transparent;
font-size: 12px;
line-height: 15px;
text-align: left;
}

table.formInnerBlock2 td{
padding: 4px;
color: #555555;
background: transparent;
font-size: 12px;
line-height: 15px;
}
*/

/* formBlock指定があるtableのthにtableを入れ子にする場合に使用 */
table.formInnerBlock3{
margin: 0;
}

table.formInnerBlock3 th{
padding: 0px;
color: #333333;
background: transparent;
font-size: 12px;
line-height: 15px;
text-align: left;
}

table.formInnerBlock3 td{
padding: 0px;
color: #333333;
background: transparent;
font-size: 12px;
line-height: 15px;
text-align: right;
}


/* フォーム内記入例等の小さな文字用 */
.formExample{
margin: 3px 0;
font-size: 10px;
line-height: 13px;
}

/* フォーム内の説明文用文字指定 */
.textStyle01{
margin: 0px 0px 3px 0px;
font-size: 12px;
line-height: 15px;
}

/* フォーム内の文字指定 */
body {
	padding: 0px;
	margin: 0px;
	color: #4D4D4D;
	font-size: 80%;
	line-height: 150%;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	background: #ffffff;
	line-height: 130%;
	text-align:left;
}

.textSmall {
	font-size: 100%;
}

.textMiddle {
	font-size: 120%;
}

.textBig-more {
	font-size: 160%;
	line-height: 1.4;
}

.textBold {
	font-weight: bold;
}


/* 赤字 */
.red{
color: #CC0000;
}

/* コンファームに使用 */
p.inde {
	margin:10px;
	padding:0;
	}

table.allert {
	margin:1px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
	color:##CC0000;
	}
	
th.blue{
background-color:#cce5ff;
font-weight:bold;
}

td.blue{
background-color:#cce5ff;
margin:0;
padding:0;
}


/* ===========================================
■HOMEで使用
============================================== */

/* ヘッダーメニュー下テキスト */
.textStyle02{
margn: 0;
color: #666666;
font-size: 12px;
line-height: 15px;
}

h1.textStyle02{
margin: 0;
padding: 0;
color: #666666;
font-size: 12px;
font-weight: normal;
line-height: 15px;
}

.textStyle03{
margn: 0;
color: #666666;
font-size: 11px;
line-height: 20px;
}

h1.textStyle03{
margn: 0;
padding: 0;
color: #666666;
font-size: 11px;
font-weight: normal;
line-height: 20px;
}


/* 最新情報テキスト */
.whatsnew{
color: #333333;
font-size: 12px;
line-height: 15px;
}

/* 最新情報日付テキスト */
.whatsnewDate{
font-size: 10px;
}



/* ===========================================
■サイトマップで使用
============================================== */
body#sitemap a:link{
color: #666666;
text-decoration: underline;
}

body#sitemap a:visited{
text-decoration: underline;
}

body#sitemap a:hover{
color: #993300;
text-decoration: underline;
}

body#sitemap a:active{
color: #993300;
text-decoration: underline;
}

.sitemapLink{
font-size: 12px;
line-height: 1.7;
}



/* ===========================================
■トリートメント関連で使用
============================================== */
/* トリートメントトップの一覧table */
table.treatIndex{
border-top: 1px solid #0D4590;
border-bottom: 1px solid #0D4590;
}

table.treatIndex th{
padding-left: 5px;
color: #0D4590;
background: #FFFFFF;
text-align: left;
vertical-align: middle;
font-size: 10px;
line-height: 13px;
font-weight: normal;
}

.treatName{
font-size: 12px;
line-height: 17px;
font-weight: bold;
}

.treatName a:link,
.treatName a:visited,
.treatName a:hover,
.treatName a:active{
color: #0D4590;
text-decoration: none;
}

td.treatIndex01,
td.treatIndex02,
td.treatIndex03,
td.treatIndex04{
padding-top: 5px;
padding-left: 5px;
border-top: 1px solid #0D4590;
color: #333333;
vertical-align: top;
font-size: 10px;
line-height: 13px;
}

/* 背景黄色 */
td.treatIndex01{
background: #FFFBED;
}

/* 背景緑色 */
td.treatIndex02{
background: #EBF5EC;
}

.treatgreen{
color: 4D9D7A;
}

/* 背景茶色 */
td.treatIndex03{
background: #F4EDE9;
}

.treatbrown{
color: #7B4521;
}

/* 背景水色 */
td.treatIndex04{
background: #EFF8FE;
}

/* ビューティステップ */
table.beautystep{
border: 1px solid #2D6AAE;
}



/* アンバーファーミングにて使用 */
.text2tall{
color: #666666;
font-size: 12px;
line-height: 1.7;
}

/*左寄せ*/
.left{
float: left;
padding-top: 10px;
padding-right: 10px;
}

/* 右寄せ */
.right{
float: right;
padding-bottom: 10px;
padding-left: 10px;
}

/* 回り込み解除 */
/* clearfixハック↓ここから
------------------------------------------------- */
/* IE以外のモダンWebブラウザ向けの指定 */
.clearfix:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

/* IE7およびMac版IE5向けの指定 */
.clearfix {
display:inline-block;
}

/* IE6以前向けの指定 */
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/* ----------------------------------------------
clearfixハック↑ここまで */




/* ----------------------------------------------
/* 2009.12.18*/

.textStyle04{
float: right;
margin: 0;
padding: 0;
text-align: right;
color: #666666;
font-size: 11px;
font-weight: normal;
line-height: 20px;
}

.logo_p {
margin-top: 0;
padding: 0;
/*width: 250px;*/
float: left;
}

.logo_p_2 {
margin: 0;
float:left;
/*padding-bottom:9px;*/
}

.back_top_p {
text-align: right;
margin-top: 39px;
padding: 0;
}

.ftnavi {
margin: 0 0 20px 0;
text-align: left;
}
.ftnavi ul {
margin-left: 7px;
}
.ftnavi ul li {
list-style-type: none;
border-left: 1px solid #BFBFBF;
display: inline;
margin-right: 10px;
padding-left: 10px;
font-size: 11px
}
.ftnavi ul li.end {
list-style-type: none;
border-left: 1px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
display: inline;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 11px
}
.ftnavi ul li a,a:visited {
text-decoration: none;
_text-decoration: none !important;
}

.txt_line {
width: 900px;
margin: 0;
margin-right: 8px;
padding: 0;
text-align: center;
font-size: 11.5px;
color: #666666;
}
.txt_line p {
text-align: right;
}
/* ----------------------------------------------