/*----------------------------------------------------
	                 C O M M O N
----------------------------------------------------*/
html {    height:100%;  background:#000;  }
body{  background-repeat: no-repeat;    font: 13px/22px arial, helvetica, sans-serif;  margin:0 auto; padding:0 auto;}
#wrap {   width:1120px;   height:784px;   color:#3e2d18;    background:url(img/bg.jpg) no-repeat;  margin:20px auto;   position:relative;    overflow:hidden;} 
::-moz-selection{ background:#000;color:#FFF; }
::selection { background:#000; color:#FFF; }
/*scrollbar*/
::-webkit-scrollbar {  background: #997e5b; height: 8px; width: 4px; margin-left:10px;  }
::-webkit-scrollbar-thumb { background: #997e5b ; border: 4px solid #000; border-radius:5px; width: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
::-webkit-scrollbar-corner {  background:#997e5b; border-radius:8px; width: 4px; -moz-border-radius: 2px; -webkit-border-radius: 4px; }
a { text-decoration:none; font-weight:bold;   color:#800000 }
a:hover {  text-decoration:none;  color:#400000;  }
h1{    font-size: 15px; }
p {margin:0 0 10px;  } 
li { list-style:none; }
#content {    width:700px;   height:530px;   position:absolute;   left:210px;  top:160px;  z-index:2;  background:url(img/content-bg.jpg) no-repeat;}
#content_index {    width:700px;   height:530px;   position:absolute;   left:210px;  top:160px;  z-index:2;  background:url(img/index-bg.jpg) no-repeat;}
img {border:none}
a img {border:none}
img a {border:none}

/* H E A D E R
----------------------------------------------------*/
#nav-index {	height: 50px;	width: 644px;	position:absolute;	top:38px; left:243px;	background: url( img/nav-index-hover.png) no-repeat ; overflow: hidden; list-style: none; 	padding:0;   margin: 0;  z-index:18;}
#nav-index a {	width:644px; height: 50px;   text-align:left;    display:block;    line-height:50px;  height:50px;    position:relative;background:url(img/nav-index.png) }
#nav-index a span{    display: none;}
#nav-wrap {	height: 51px;	width: 1020px;	position:absolute;	top:91px; left:50px;	display: table;	margin: 0 auto;  padding:0;  z-index:18;}
.navigation li{  padding:0;   margin: 0;  display:block;    float:left;    height:47px;   list-style: none;}
.navigation{    background: url( img/nav_hover.jpg) no-repeat ; overflow: hidden; list-style: none; 	padding:0;   margin: 0;  }
.navigation a{   text-align:left;    display:block;    line-height:47px;    background:url(img/nav.jpg) no-repeat;  height:47px;    position:relative; }
.navigation .selected{   background: url( img/nav_hover.jpg) no-repeat ; }
.navigation a span{    display: none;}
.navigation li.menu_about a, .navigation li.menu_about a.selected{    width:211px;    background-position:0px 0px;}
.navigation li.menu_news a, .navigation li.menu_news a.selected{    background-position:-211px 0px;    width:197px;}
.navigation li.menu_product a, .navigation li.menu_product a.selected{    background-position:-408px 0px;    width:208px;}
.navigation li.menu_shopping a, .navigation li.menu_shopping a.selected{    background-position:-616px 0px;    width:206px;  background-position/*\**/: -615px 0px\9;}
.navigation li.menu_contact a, .navigation li.menu_contact a.selected{    background-position:-822px 0px;    width:198px;}

/* F O O T E R
-------------------------------------------- */
#footer {width:100%;font-size:11px;text-align:right;	position:absolute;  top: 730px; right:40px;color: #C6C4AB;  height:20px;  font: 12px/18px arial, helvetica, sans-serif; z-index:20;}
#footer a {color: #DDDBC7 }
#footer a:hover {  color:#FFF;  }

/*----------------------------------------------------
	             M A I N   I M A G E
----------------------------------------------------*/
.content {    position: absolute;    top: 50%;    left: 50%;    margin-top: -2000px;    margin-left: -500px;     width:1000px;   height:530px;    opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00);  z-index:5;}
#main_img {    position: absolute;    top: 0;    left: 50%;     margin-left: -460px;    width: 800px;    height: 200px; z-index:2; }
.page_title {    position: absolute;    top: 30px;    left: 130px;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0); }


.menu_icon {   position:absolute; float:left; cursor:auto;   }
.menu_icon a{    -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;  opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);    }
.menu_icon a:hover{   opacity : 1.0;     -moz-opacity : 1.0;     -ms-filter: "alpha(opacity=100)";    filter : alpha(opacity=100);   -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;  }
#brand_menu {   background-image: url(img/about/b01.png);  left:135px;  top:205px;  width:210px;    height: 309px;  opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);  }
#concept_menu {   background-image: url(img/about/c01.png)  ;   left:200px;  top:60px; width:257px;    height: 195px;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}
#material_menu {   background-image: url(img/about/m01.png);     left:400px;  top:360px; width:352px;    height: 133px;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}
#package_menu {   background-image: url(img/about/p01.png);	  left:590px;  top:70px; width:183px;    height:285px;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}
#artwork_menu {   background-image: url(img/about/a01.png);	  left:345px;  top:200px; width:235px;    height:173x;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}

.menu_product_icon {   position:absolute; float:left; cursor:auto;   }
.menu_product_icon:hover {    }
#lotion_menu {   background-image: url(img/product/l01.png);  left:180px;  top:150px;  width:125px;    height: 288px;  opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);  }
#cleansing_menu {   background-image: url(img/product/c01.png)  ;  left:320px;  top:150px; width:108px;    height: 288px;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}
#essence_menu {   background-image: url(img/product/e01.png);  left:500px;  top:150px; width:80px;    height: 288px;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}
#oil_menu {   background-image: url(img/product/o01.png);  left:640px;  top:150px; width:78px;    height:288px;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}
#lotion_menu a { position:absolute;  top:70px; left:8px;  }
#cleansing_menu a { position:absolute;  top:80px; left:10px;  }
#essence_menu a { position:absolute;  top:70px; left:5px;  }
#oil_menu a { position:absolute;  top:100px; left:8px;  }

.animation_gif {opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0); }   
#cleansing_bel {width:80px; height:80px;top:129px;left:166px; position:absolute; }   
#cleansing_moon {width:80px; height:80px;top:147px;left:472px; position:absolute;  }   
#cleansing_hane  {width:200px; height:470px;top:20px;left:287px; position:absolute; }  
#cleansing_mayakashi  {width:75px; height:20px;top:130px;left:240px; position:absolute; }  
#lotion_wa  {width:200px; height:200px;top:157px;left:182px; position:absolute; }   
#lotion_hana  {width:216px; height:260px;top:19px;left:378px; position:absolute; }   
#lotion_dappi  {width:30px; height:20px;top:220px;left:210px; position:absolute; }   
#essence_pen  {width:350px; height:300px;top:32px;left:298px; position:absolute; }   
#essence_kagami  {width:120px; height:200px;top:226px;left:483px; position:absolute;}   
#essence_ikiru  {width:75px; height:20px;top:235px;left:405px; position:absolute;}   
#oil_suna  {width:100px; height:160px;top:72px;left:431px; position:absolute; }   
#oil_kusa  {width:100px; height:150px;top:158px;left:312px; position:absolute; } 
#oil_mushou  {width:55px; height:20px;top:390px;left:328px; position:absolute; } 

.detail_menu a{    -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;  opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);    }
.detail_menu a:hover{   opacity : 1.0;     -moz-opacity : 1.0;     -ms-filter: "alpha(opacity=100)";    filter : alpha(opacity=100);   -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;  }
.detail_menu { position:absolute;   left:500px;  top:61px; width:270px;    height:40px;  }
#essence_detail {   background-image: url(img/product/essence_detail.png);  z-index:2;}
#oil_detail {   background-image: url(img/product/oil_detail.png);  z-index:2;}
#lotion_detail {   background-image: url(img/product/lotion_detail.png);  z-index:2;}
#cleansing_detail {   background-image: url(img/product/cleansing_detail.png);  z-index:2;}
#back_menu {  background-image: url(img/product/back01.png); left:697px;  top:110px; width:69px;    height:16px;   z-index:2;}



/* I N D E X
-------------------------------------------- */
#wrap_index {   width:1120px;   height:784px;   color:#3e2d18;    background:url(img/bg.jpg) no-repeat;  margin:20px auto;   position:relative;    overflow:hidden;   opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);} 
#index_main {   width:700px;    height:530px; position:absolute;  top:0px; left:0px;   }
#index_main a {    display:inline-block;   position:relative;  text-decoration:none;      text-indent:0;   cursor:pointer; } 
.index_menu_icon a { opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);}
.index_menu_icon a:hover,.index_menu_icon a.selected { opacity : 1;     -moz-opacity : 1;     -ms-filter: "alpha(opacity=100)";    filter : alpha(opacity=100);}
#index_main #nav-one a {width:104px; height:152px;top:27px;left:117px; position:absolute;  background:url(img/index/lotion.jpg) no-repeat 0 bottom; }   
#index_main #nav-two a {width:15px;height:57px;top: 69px;left:274px; position:absolute;  background:url(img/index/secret.jpg) no-repeat 0 bottom;}   
#index_main #nav-three a {width:61px;height:121px;top: 46px;left:520px; position:absolute;  background:url(img/index/essence.jpg) no-repeat 0 bottom; }   
#index_main #nav-four a {width:190px;height:78px;top: 236px;left:250px; position:absolute;  background:url(img/index/logo.jpg) no-repeat 0 bottom;}   
#index_main #nav-five a {width:77px;height:77px;top: 337px;left:108px; position:absolute;  background:url(img/index/oil.jpg) no-repeat 0 bottom;}   
#index_main #nav-six a {width:48px;height:47px;top: 327px;left:307px; position:absolute; background:url(img/index/concept.jpg) no-repeat 0 bottom; }   
#index_main #nav-seven a {width:22px;height:24px;top: 346px;left:613px; position:absolute;  background:url(img/index/contact.jpg) no-repeat 0 bottom;}   
#index_main #nav-eight a {width:79px;height:93px;top: 276px;left:483px; position:absolute;  background:url(img/index/cleansing.png) no-repeat 0 bottom;}   
#index_main #nav-nine a {width:61px;height:77px;top: 85px;left:580px; position:absolute; background:url(img/index/artwork.png) no-repeat 0 bottom; }   
#audiomp3 {display:none}

/*----------------------------------------------------
	        S I M P L E    C O N T E N T
----------------------------------------------------*/
.s-page_title {    position: absolute;    top: 30px;    left: 130px; opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00); }
.simple_content {    position: absolute;    top: 50%;    left: 50%;    margin-left: -245px;  margin-top: -30px;     width:620px;   height:530px;   z-index:5;  opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00);}
.simple_content .table{width:600px;margin-bottom: 30px; line-height:30px;font-size:12px;text-align:left; padding:0;}
.simple_content h2 {    font-size: 14px;    line-height: 22px;  margin:10px 0; color:#000; }
.simple_content h3{ margin:20px 0 ;  font-family: "ＭＳ Ｐ明朝",細明朝体,serif ;  font-weight: bold;   font-size: 15px;    line-height: 25px; color:#330000; }
.simple_content  p{    font-size: 13px;    line-height: 22px;  margin-bottom:10px; color:#000; }
.simple_content  h5{    font-size: 13px;    line-height: 22px;  margin:10px 0 20px 0; color:#000; }
.simple_content  h6{    font-size: 11px;    line-height: 12px;  margin: 0 ;  padding:0;  color:#800000; font-weight:normal; }
.table td { padding-left:20px; color:#111;  font-size:13px; line-height:22px;}
.table td, .table th { border-bottom:1px dotted  rgba(0,0,0,0.2); }

#scrollWrapper { margin-top:30px; }
#scrollPane {  width: 580px;  height: 350px; padding: 0 30px 0 0; margin:10px 0; overflow: auto;  overflow-x: hidden;  overflow-y: scroll;}
#scrollPane h3{ margin:5px 0;}

#news_nav a { position:absolute; top:0px; right:10px; }
#news_nav a:hover { opacity:0.8; }

.shop-left { float:left; width:280px; margin:0;}
.simple_content .shop-left p{    font-size: 12px;    line-height: 22px;  margin-bottom:10px; color:#000; }
.shop-right { float:right; width:280px; margin:0; }
.simple_content .shop-right p{    font-size: 12px;    line-height: 22px;  margin-bottom:10px; color:#000; }
#shop-area { background:#40220F; color:#fff; padding:0 5px; font-weight:bold;  }

/*----------------------------------------------------
	                 S H O P P I N G
----------------------------------------------------*/
.simple_content h4{ margin-top:40px ; font-weight: bold;   font-size: 11px;    line-height: 25px; color:#000; }
p.kakaku_250 { background:url(img/shopping/250ml.png) no-repeat left; padding-left:40px;  width:190px; height:15px; font-weight: bold;   font-size: 12px;    line-height: 15px }
p.kakaku_200 { background:url(img/shopping/200ml.png) no-repeat left; padding-left:40px;  width:190px; height:15px; font-weight: bold;   font-size: 12px;    line-height: 15px }
p.kakaku-30 { background:url(img/shopping/30ml.png) no-repeat left; padding-left:40px;  width:190px; height:15px; font-weight: bold;   font-size: 12px;    line-height: 15px }
.simple_col01{ float:left; width:190px; height:160px; background:url(img/shopping/s_lo.png) no-repeat left; margin-bottom:10px; margin-top:10px; padding-left:120px;}
.simple_col02{ float:left;  width:190px; height:160px;background:url(img/shopping/s_cl.png) no-repeat left;   margin-bottom:10px; margin-top:10px;  padding-left:120px}
.simple_col03{ float:left;  width:190px; height:160px; background:url(img/shopping/s_es.png) no-repeat left;  padding-left:120px }
.simple_col04{ float:left;  width:190px; height:160px; background:url(img/shopping/s_oi.png) no-repeat left;   padding-left:120px  }
.col_grid{ margin: 30px 0 38px 0; display:block; }
a.shopping_shousai { width:90px; height:18px; background:url(img/shopping/link_product.png) no-repeat top left;  margin:0 0 5px; padding: 0; display:block; float:left;}
a.shopping_shousai:hover { background:url(img/shopping/link_product.png) no-repeat bottom left; }
a.shopping_kounyu { width:90px; height:18px; background:url(img/shopping/link_contact.png) no-repeat top left;  margin:0 0; padding: 0; display:block; float:left;}
a.shopping_kounyu:hover { background:url(img/shopping/link_contact.png) no-repeat bottom left; }
.simple_col05{ float:left;  width:600px; height:300px; margin-top:10px; padding:10px 0 ; border-top:1px solid #000;   }
.simple_col05 p {  font-size: 11px;    line-height: 15px; margin:0;   }

/*----------------------------------------------------
	        P O P U P   C O N T E N T
----------------------------------------------------*/
.content_inner {   position: absolute; float: left;  left: 50px;  top:60px;  width: 900px;    height: 430px; }
.desc{  position: absolute;  width: 900px;  text-align: left;   }
.desc h3{   font-family: "ＭＳ Ｐ明朝",細明朝体,serif ;  font-weight: bold;   font-size: 16px;    line-height: 25px;  text-align:center; color:#40220F;}
.desc h4{    font-size: 13px;    line-height: 22px; font-weight:normal;  margin-bottom:20px; margin-top:0; color:#000; text-align:center;}
.desc p{    font-size: 13px;    line-height: 22px;  margin-bottom:10px; color:#000; }
.desc p span {  font-size: 12px;    line-height: 20px;  }
.desc p a { color:#333; border-bottom: 1px dotted #fff; }
.desc p a:hover {   }
.desc .desc_left { width: 440px;  float:left; text-align:left; }
.desc .desc_left h3{   text-align:left; font-size: 14px;    line-height: 14px; border-left:14px solid #40220F; padding-left:5px;}
.desc .desc_left h5{   text-align:left; font-size: 14px;    line-height: 14px;  margin:0 0 10px 0; padding:0 0 0 19px; font-family: "ＭＳ Ｐ明朝",細明朝体,serif ;  font-weight: bold; color:#40220F;}
.desc .desc_right { width: 440px;  float:right; text-align:left; }
.desc .desc_right img {  float:left; margin: 10px 10px 13px 0 ; }

p.concept_one { width:710px; height:100px; padding:10px 0 0 190px; background: url(img/about/concept_one.png) no-repeat left ; font-size: 12px; }
p.concept_two span, p.concept_three span { font-weight:bold; color:#40220F;  }
p.concept_two { width:710px; height:130px; padding:0 0 0 190px; background: url(img/about/concept_two.png) no-repeat left ; font-size: 12px; }
p.concept_three { width:340px; height:100px; padding:10px 370px 0 190px; background: url(img/about/concept_three.png) no-repeat left ; font-size: 12px; }
p.package_one { width:720px; height:100px; padding:10px 180px 0 0 ; background: url(img/about/package_one.png) no-repeat right ; font-size: 12px; }

p.material_one { width:710px; height:80px; padding:30px 0 0 190px; margin-bottom:45px; background: url(img/about/material_one.png) no-repeat left ; font-size: 12px; }
p.material_two { width:180px; height:210px; padding:0 0 0 110px; background: url(img/about/material_two.png) no-repeat left top ; font-size: 12px; float:left;}
p.material_three { width:170px; height:210px; padding:0 0 0 110px; margin-left:15px;  background: url(img/about/material_three.png) no-repeat left top ; font-size: 12px; float:left; }
p.material_four { width:170px; height:210px; padding:0 0 0 110px; margin-left:15px;  background: url(img/about/material_four.png) no-repeat left top ; font-size: 12px; float:left; }
p.material_five { width:710px; height:110px; padding:0 0 0 190px; margin-bottom:5px; background: url(img/about/material_five.png) no-repeat left ; font-size: 12px; }

.desc_bottom{  position: absolute;  width: 890px;  top:200px;  text-align: left;   }
.desc_bottom .desc_left { width: 510px;    float:left; text-align:left; }
.desc_bottom .desc_left ul { float:left; margin: 0; padding:0; }
.desc_bottom .desc_left li { float:left; margin:0 7px 5px 0; padding:0; }
.desc_bottom .desc_left li a {   opacity : 0.6;     -moz-opacity : 0.6;     -ms-filter: "alpha(opacity=60)";    filter : alpha(opacity=60);   }
.desc_bottom .desc_left li a:hover, .desc_bottom .desc_left li a.selected { opacity : 1.0;     -moz-opacity : 1.0;     -ms-filter: "alpha(opacity=100)";    filter : alpha(opacity=100);   }

.desc_bottom .desc_right  { width: 380px;  float:right; text-align:left;  }
.desc_bottom .desc_right .esbox  { position: absolute; width: 380px;  height: 240px;   background:#FFF; }
.desc_bottom .desc_right h4 {  background:  url(img/product/desc_h4.png); margin:10px 10px 5px 10px; text-align:center;  font-weight:normal;  font-size: 13px; color:#fff; }
.desc_bottom .desc_right h5 {  border-bottom:2px solid #40220F;  margin:0 10px 5px 10px; padding:7px;  font-size: 13px; color:#40220F;  text-align:center;}
.desc_bottom .desc_right p { font-size: 12px;    line-height: 22px;  margin: 0 10px;  color:#000; }
#esbox01  { }
#esbox02  { opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0); }
#esbox03  { opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0); }
#esbox04  { opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0); }

/* S E L E C T O R
-------------------------------------------- */
#colfour_first {  }
#colfour_second { opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0); }
#colfour_third { opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);  }
#colfour_fourth { opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);  }
#col_illustrator { opacity : 0.0;     -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0); }
.col_nav {    top: 420px;   left:50%;  margin-left:-380px;   width: 890px;    height:41px;    position: absolute;   z-index:10;  text-align:center; }
.col_nav li{  float:left;   list-style:none;   padding: 2px 30px;   line-height: 23px;   font-size: 13px;  font-weight: bold;  background : url(img/cal_nav.png) no-repeat left ;  }
.col_nav li .selected {  color:#111; }
.desc_bottom_nav {    width: 890px;    height:34px;  border-bottom:3px solid #40220F;  overflow: hidden; list-style: none; position: absolute;  top: 145px; }
.desc_bottom_nav li.menu_es01 {  position: absolute; left: 0 ;  }
.desc_bottom_nav li.menu_es02 {  position: absolute; left: 120px ;  }
.desc_bottom_nav li a {   opacity : 0.7;     -moz-opacity : 0.7;     -ms-filter: "alpha(opacity=70)";    filter : alpha(opacity=70);   }
.desc_bottom_nav li a:hover, .desc_bottom_nav li a.selected { opacity : 1.0;     -moz-opacity : 1.0;     -ms-filter: "alpha(opacity=100)";    filter : alpha(opacity=100);   }

.close_bottun {   position:absolute;  cursor:auto;   background-image: url(img/close.png);  right:5px;  top:-30px; width:44px; height:44px; }
.close_bottun a{    -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;  opacity : 0;     -moz-opacity : 0;     -ms-filter: "alpha(opacity=0)";    filter : alpha(opacity=0);    }
.close_bottun a:hover{   opacity : 1.0;     -moz-opacity : 1.0;     -ms-filter: "alpha(opacity=100)";    filter : alpha(opacity=100);   -webkit-transition: all .4s;    -moz-transition: all .4s;    -o-transition: all .4s;    transition: all .4s;  }


/* T I T L E
-------------------------------------------- */
#concept_title {    margin-top: 0px;    right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/concept_title.png); }
#brand_title {    margin-top: 0px;     right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/brand_title.png); }
#package_title {    margin-top: 0px;    right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/package_title.png); }
#material_title {    margin-top: 0px;    right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/material_title.png); }
#lotion_title {    margin-top: 0px;    right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/lotion_title.png); }
#cleansing_title {    margin-top: 0px;    right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/cleansing_title.png); }
#essence_title {    margin-top: 0px;    right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/essence_title.png); }
#oil_title {    margin-top: 0px;    right: 50px;  top: 10px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/oil_title.png); }
#artwork_title {    margin-top: 0px;    left: 50px;  top: 0px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/artwork_title.png); }
#illustrator_title {    margin-top: 0px;    left: 50px;  top: 0px;    width: 900px;    height:35px;    position: absolute;   z-index:10;  background-image: url(img/title/illustrator_title.png); }


/* F I L T E R
-------------------------------------------- */
#filter {    position: fixed;    left: -3000px;  background:#FFF; width: 100%;    height: 100%;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00); z-index:1;}
#filter00 {    position: absolute;    left: -3155px;  top:-20px; background:url(img/filter.png);   width: 1012px;    height: 580px;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00); z-index:3;  }


#filter_lotion {    position: absolute;    left: 0px;  top:0px; background: url(img/product/lotion.png);    width: 700px;    height: 530px;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00);  z-index:1;  }
#filter_cleansing {    position: absolute;    left: 0px;  top:0px; background: url(img/product/cleansing.png);    width: 700px;    height: 530px;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00);  z-index:1;  }
#filter_essence {    position: absolute;    left: 0px;  top:0px; background: url(img/product/essence.png);    width: 700px;    height: 530px;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00);  z-index:1;  }
#filter_oil {    position: absolute;    left: 0px;  top:0px; background: url(img/product/oil.png);    width: 700px;    height: 530px;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00);  z-index:1;  }


/* ARTWORK
-------------------------------------------- */
.artcontent_inner {   position: absolute; float: left;  left: 50px;  top:60px;  width: 900px;    height: 430px; }
#filter01 {    position: absolute;    left: -3155px;  top:-20px; background:url(img/filter.png);   width: 1012px;    height: 580px;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00); z-index:3;  }
#filter_artwork {    position: absolute;    left: -22px;  top:0px; background: url(img/artwork/artwork.png);    width: 730px;    height: 530px;   opacity : 0.0;    -moz-opacity : 0.0;     -ms-filter: "alpha(opacity=00)";    filter : alpha(opacity=00);  z-index:1;  }
.desc .illust_left { width: 200px;  float:left; text-align:left; }
.desc .illust_left img {   text-align:left;  padding:20px 0 20px 0;}
.desc .illust_left p {   text-align:left; margin-left:40px;}
.desc .illust_right { width: 700px;  float:right; text-align:left; }
.desc .illust_right h3 {  text-align:left;  margin: 20px 0 5px 0;}
.artcol_nav {    top: 485px;   left:50%;  margin-left:-180px;   width: 890px;    height:41px;    position: absolute;   z-index:10;  text-align:center; }
.artcol_nav li{  float:left;   list-style:none;   padding: 2px 30px;   line-height: 23px;   font-size: 13px;  font-weight: bold;  background : url(img/cal_nav.png) no-repeat left ;  }
.artcol_nav li .selected {  color:#111; }
.artwork_one { width:700px; height:330px; padding:0 0 0 200px; background: url(img/artwork/artwork_one.png) no-repeat left ; }
.artwork_one p {  font-size: 12px; }
.artwork_one span { font-weight:bold; color: #40220F; margin:5px 0;}
.artwork_one h4 { text-align:left; font-size: 14px;    line-height: 14px;  margin:0;  font-family: "ＭＳ Ｐ明朝",細明朝体,serif ;  font-weight: bold; color:#40220F; }

/****  CONTACT  ****/
div.wpcf7 {    margin: 0;    padding: 0;}
div.wpcf7-response-output {    margin: 2em 0.5em 1em;    padding: 0.2em 1em;}
div.wpcf7-mail-sent-ng {    border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {    border: 2px solid #ffa500;}
div.wpcf7-validation-errors {    border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {    position: relative;}
span.wpcf7-not-valid-tip {    position: absolute;    top: 20%;    left: 20%;    z-index: 100;    background: #fff;    border: 1px solid #ff0000;    font-size: 10pt;    width: 280px;    padding: 2px;}
span.wpcf7-not-valid-tip-no-ajax {    color: #f00;    font-size: 10pt;    display: block;}
span.wpcf7-list-item {    margin-left: 0.5em;}
.wpcf7-display-none {    display: none;}
img.ajax-loader {    border: none;    vertical-align: middle;}
legend {font-size:13px; color:#fff;}
label {float:left; padding:0 0 3px 0;}
input {width: 270px; color:#333; line-height:15px; background:rgba(255,255,255,0.5);  border: none ; padding: 3px;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  }
input.number {width: 15px; height: 15px; padding: 3px;}
input.long_eria {width: 565px; height: 15px; padding: 3px;}
input.med, textarea.wpcf7-validates-as-required {width: 565px; height: 150px; font-size:12px; color:#333; line-height:15px; background:rgba(255,255,255,0.5); border: none;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  }
input:focus, textarea:focus, input.submit:focus { background:rgba(255,255,255,0.8); outline: none;}
.wpcf7-submit { display:inline-block; width:100px; background:#fff; padding:0 10px; height:48px; font-size:11px; line-height:48px; color:#666; border: none; margin-bottom:0;  -webkit-transition: 0.4s;}
.wpcf7-submit:hover {  background:#000;  color:#FFF;   -webkit-transition: 0.4s;}

.wpcf7 p {margin-top: 3px; color:#000;  font-size:12px;  line-height:18px;}
#contactform_l {width: 280px; float:left;  }
#contactform_r {width: 280px; float:right;  }
#contactform_m {width: 590px; float:left;  }

.wpcf7-mail-sent-ok {   position: absolute; float: left;  left: -5px;  top:-30px;  width: 583px;   line-height:25px;  height:25px; background: #000; color:#fff;border:none; z-index:5;} 

/********************* I N T R O *****************/
#fond_site{	position: absolute;	top: 50%;	left: 50%;	margin-top: -280px;	margin-left: -350px;	width: 700px;	height: 500px;}
#content_intro{	position: absolute;	top: 0px;	left:0px;	width: 100%;	height: 100%;	background-color: #000; z-index:300;} 
#logo_intro{	position: absolute;	top: 50%;	left: 50%;	margin-left: -90px;	margin-top: -40px;	width: 180px;	height: 130px;}
#logo_img{	float: left;	width: 180px;	height: 70px;	background-image: url(img/logoiii.png);}
#loading{	position: absolute;	margin-left: 80px;	margin-top: 100px;	width: 31px;	height: 31px;}
.bouton_entrer{	margin-top: 80px;	color:#333;	text-align: center;	height: 30px;}
.bouton_entrer a{	padding-top: 20px;	color:#333;	text-align: center;	text-decoration: none;	height: 30px;	\\	-webkit-transition: all .4s;	-moz-transition: all .4s;	-o-transition: all .4s;	transition: all .4s;    opacity : 1.0;     -moz-opacity : 1.0;     -ms-filter: "alpha(opacity=100)";    filter : alpha(opacity=100);}
.bouton_entrer a:hover{	padding-top: 20px;	color:#333;	text-align: center;	text-decoration: none;	height: 30px;    opacity : 0.5;     -moz-opacity : 0.5;     -ms-filter: "alpha(opacity=50)";    filter : alpha(opacity=50);}

#intro_bg div { position:absolute; top:20px; z-index:290; left:50%; margin-left:-560px;  }