﻿@charset "utf-8";

/* ▼############### 基本レイアウト ###############▼ */
* {
 margin: 0;
 padding: 0;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: "ＭＳ Ｐゴシック" , Arial, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 140%;
}
img {
  border: none;
  /* IEの画像下余白をなくすcss */
  vertical-align: bottom;
  /* IEの画像下余白をなくすcss */
}
h1,
h2,
h3,
p,
ul,
li {
  color: #5c5c5c;
}
a {
  color: #5c5c5c;
}
a:hover {
  color: #35c10f;
  text-decoration: none;
}
a.Green {
  color: #35c10f;
  text-decoration: none;
}
a:hover.Green {
  color: #35c10f;
  text-decoration: underline;
}
.Float_Left {
  float:left;
}
.Float_Right {
  float:right;
}
#Contents {
  background: #ffffff url(../img/top_line.gif) repeat-x top;
  margin-left: auto;
  margin-right: auto;
}
#ContentsHead {
  width: 900px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}
#ContentsBottom {
  background: #ffffff url(../img/bottom_line.gif) repeat-x top;
  margin-top: 30px;
  /* IE6 */
  _margin-top: 0px;
  /* IE6 */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
*:first-child+html #ContentsBottom {
  /* IE7 */
  background: #ffffff url(../img/bottom_line.gif) repeat-x top;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /* IE7 */
}
#ContentsBottom_BackImage {
  background: #ffffff url(../img/bottom_line.gif) repeat-x top;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#LogoImage {
  text-align: center;
}
.Display_No {
  display: none;
}
p.Pagetop {
  text-align: right;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* ▲############### 基本レイアウト ###############▲ */



/* ▼############### メニュー部分 ###############▼ */
#Menu {
  width: 542px;
  /* IE6 */
  _width: 545px;
  /* IE6 */
  margin-left: auto;
  margin-right: auto;
}
/* ▼##### トップメニュー部分 #####▼ */
#GlobalNavi_Top, #GlobalNavi_Top ul {
  position: relative;
  top: -452px;
  left: 0px;
}
#GlobalNavi_Top, #GlobalNavi_Top ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
#GlobalNavi_Top li  {
  float: left;
  position: relative;
}
#GlobalNavi_Top ul {
  width: 175px;
  position: absolute;
  top: 30px;
  left: 0px;
  color: #5c5c5c;
}
#GlobalNavi_Top ul li a {
  width: 100px;
  display: block;
  background: #35c10f /*url(../img/icon.gif) no-repeat*/;
  padding: 7px 5px 8px 27px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
  color: #ffffff;
  text-decoration: none;
}
#GlobalNavi_Top ul li a:hover {
  background: #4ed829 /*url(../img/icon_on.gif) no-repeat*/;
  color: #ffffff;
}
#GlobalNavi_Top ul li.first a {
  background: #35c10f /*url(../img/bg_navi.gif) no-repeat*/;
  padding: 16px 5px 7px 27px;
  border-top: 1px solid #ffffff;
}
#GlobalNavi_Top ul li.first a:hover {
  background: #35c10f /*url(../img/bg_navi_on.gif) no-repeat*/;
}
/* ▲##### トップメニュー部分 #####▲ */

#GlobalNavi, #GlobalNavi ul {
  position: relative;
  top: 0px;
  left: 0px;
}
#GlobalNavi, #GlobalNavi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
#GlobalNavi li  {
  float: left;
  position: relative;
}
#GlobalNavi ul {
  width: 175px;
  position: absolute;
  top: 30px;
  left: 0px;
  color: #5c5c5c;
}
#GlobalNavi ul li a {
  width: 100px;
  display: block;
  background: #35c10f /*url(../img/icon.gif) no-repeat*/;
  padding: 7px 5px 8px 27px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
  color: #ffffff;
  text-decoration: none;
}
#GlobalNavi ul li a:hover {
  background: #4ed829 /*url(../img/icon_on.gif) no-repeat*/;
  color: #ffffff;
}
#GlobalNavi ul li.first a {
  background: #35c10f /*url(../img/bg_navi.gif) no-repeat*/;
  padding: 16px 5px 7px 27px;
  border-top: 1px solid #ffffff;
}
#GlobalNavi ul li.first a:hover {
  background: #35c10f /*url(../img/bg_navi_on.gif) no-repeat*/;
}
#BottomGlobalNavi {
  width: 900px;
  height: 20px;
  margin-top: 10px;
  /* IE6 */
  _margin-top: 15px;
  /* IE6 */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: #ffffff url(../img/copyright_2011.gif) no-repeat right;
}
#BottomGlobalNavi li  {
  color: #0fc163;
  list-style-type: none;
  float: left;
  position: relative;
}
/* ▲############### メニュー部分 ###############▲ */



/* ▼############### トップページ ###############▼ */
#PhotoTop {
  width: 900px;
  height: 452px;
  position: relative;
  top: 30px;
  left: 0px;
  clear: both;
}
div.AlphaBox{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
div.AlphaBox{
  padding: 15px;
  width: 20em;
  height: 4em;
  position: relative;
  top: -300px;
  left: -220px;
  background:#fff;
  border: 1px solid #ddd;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  text-align: left;
}
div.AlphaBox .News{
  font-size: 100%;
  line-height: 1.5em;
  color: #5c5c5c;
}

div.AlphaBox h2 {
  font-size: 100%;
  color: #35c10f;
}
/* ▲############### トップページ ###############▲ */



/* ▼############### コンテンツ ###############▼ */
#Main_Content {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/back_image.jpg) no-repeat right bottom;
  clear: both;
}
#Main_Content_No {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#Main_Content_Collection {
  width: 900px;
  height: 520px;
  /* IE6 */
  _height: 570px;
  /* IE6 */
  margin-left: auto;
  margin-right: auto;
  background: url(../img/back_image_collection.jpg) no-repeat right bottom;
  clear: both;
}
*:first-child+html #Main_Content_Collection {
  /* IE7 */
  width: 900px;
  height: 570px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/back_image_collection.jpg) no-repeat right bottom;
  clear: both;
  /* IE7 */
}
#Main_Content_Esthetic {
  width: 900px;
  height: 580px;
  /* IE6 */
  _height: 630px;
  /* IE6 */
  margin-left: auto;
  margin-right: auto;
  background: url(../img/back_image_Esthetic.jpg) no-repeat right bottom;
  clear: both;
}
*:first-child+html #Main_Content_Esthetic {
  /* IE7 */
  width: 900px;
  height: 630px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/back_image_Esthetic.jpg) no-repeat right bottom;
  clear: both;
  /* IE7 */
}
#Main_Content_Greetings {
  width: 900px;
  height: 500px;
  /* IE6 */
  _height: 550px;
  /* IE6 */
  margin-left: auto;
  margin-right: auto;
  background: url(../img/back_image_greetings.jpg) no-repeat right bottom;
  clear: both;
}
*:first-child+html #Main_Content_Greetings {
  /* IE7 */
  width: 900px;
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/back_image_greetings.jpg) no-repeat right bottom;
  clear: both;
  /* IE7 */
}
#Main_Content_Margin {
  margin-top: 80px;
  /* IE6 */
  _margin-top: 50px;
  /* IE6 */
  margin-left: 100px;
  margin-right: 100px;
  clear: both;
}
*:first-child+html #Main_Content_Margin {
  /* IE7 */
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
  clear: both;
  /* IE7 */
}
#Main_Content_Margin_Event {
  margin-top: 80px;
  /* IE6 */
  _margin-top: 50px;
  /* IE6 */
  margin-left: 150px;
  margin-right: 150px;
  clear: both;
}
*:first-child+html #Main_Content_Margin_Event {
  /* IE7 */
  margin-top: 50px;
  margin-left: 150px;
  margin-right: 150px;
  clear: both;
  /* IE7 */
}
#Main_Content_Margin_Beauty {
  margin-top: 80px;
  /* IE6 */
  _margin-top: 50px;
  /* IE6 */
  margin-left: 140px;
  margin-right: 140px;
  clear: both;
}
*:first-child+html #Main_Content_Margin_Beauty {
  /* IE7 */
  margin-top: 50px;
  margin-left: 140px;
  margin-right: 140px;
  clear: both;
  /* IE7 */
}
.Collection {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.Collection .Center {
  width: 460px;
  /* IE6 */
  _width: 470px;
  /* IE6 */
  margin-left: auto;
  margin-right: auto;
}
.Collection_Block {
  width: 200px;
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 10px;
  /* IE6 */
  _margin-left: 15px;
  _margin-right: 10px;
  /* IE6 */
  float: left;
}
.Collection_Block li {
  list-style-type: none;
}
.Collection_Block li .Spec {
  font-size: 90%;
  list-style-type: none;
  float: left;
}
.Collection_Block li .Spec_NoLeft {
  font-size: 90%;
  list-style-type: none;
}
.sp_50 {
  margin: 50px;
  clear: both;
}
.sp_100 {
  margin: 100px;
  clear: both;
}
.sp_200 {
  margin: 200px;
  clear: both;
}
.sp_300 {
  margin: 300px;
  clear: both;
}
.Company {
  margin-top: 20px;
}
.Text_No {
  text-indent:-9999px;
}
.Company .Left_Block {
  margin-top: 60px;
  float: left;
}
.Company .Right_Block {
  margin-left: 320px;
  /* IE6 */
  _margin-left: 300px;
  /* IE6 */
}
.Right_Block dl {
  width:380px;
  margin-top: 20px;
  border-bottom:1px solid #999;
  color: #5c5c5c;
}
.Right_Block dt {
  width:80px;
  padding:5px 0 5px 10px;
  font-size: 100%;
  line-height: 2em;
  color: #5c5c5c;
  float:left;
}
.Right_Block dd {
  width:270px;
  margin-left:90px;
  padding:5px 5px 5px 10px;
  font-size: 100%;
  line-height: 2em;
  color: #5c5c5c;
}
.Event {
  margin-left: 50px;
  margin-right: 50px;
}
.Event dl {
  width:500px;
  margin-top: 30px;
  border-bottom:1px solid #999;
  color: #5c5c5c;
}
.Event dt {
  width:150px;
  font-size: 120%;
  line-height: 2em;
  color: #5c5c5c;
  float:left;
}
.Event dd {
  width:350px;
  /* IE6 */
  _width:330px;
  /* IE6 */
  margin-left: 150px;
  font-size: 120%;
  line-height: 2em;
  color: #5c5c5c;
}
.Event2 {
  margin-left: 0px;
  margin-right: 0px;
}
.Event2 .Title {
  font-size: 130%;
  font-weight: bold;
  line-height: 2em;
  margin-top: 20px;
  margin-bottom: 30px;
}
.Event2 p {
  font-size: 100%;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.Event2 .Right_Name {
  margin-left: 5px;
  margin-bottom: 5px;
  float: right;
}
.Event2 .Right {
  margin-left: 5px;
  margin-bottom: 5px;
  border: 2px solid #80d469;
  float: right;
}
.Event2 .Left {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
}
* html .Right {
behavior: expression(IEPNGFIX.fix(this));
}
.Contact,
.Sitepolicy,
.Privacypolicy {
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 40px;
}
.Beauty {
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 0px;
}
.Sitemap {
  width: 600px;
  margin-top: 30px;
  /* 中央に見せるため */
  margin-left: 50px;
  /* 中央に見せるため */
}
.Beauty .Bg01 {
  height: 380px;
  background: url(../beauty/img/beauty01.jpg) no-repeat right bottom;
  clear: both;
}
.Beauty .Bg02 {
  height: 280px;
  background: url(../beauty/img/beauty02.jpg) no-repeat right bottom;
  clear: both;
}
.Beauty .Bg03 {
  clear: both;
}
.Contact p,
.Sitepolicy p,
.Privacypolicy p,
.Sitemap p,
.Beauty p {
  line-height: 2em;
}
.Contact .Border_Bottom {
  line-height: 2em;
  border-bottom:1px solid #999;
}
.Contact .Border_Top {
  padding-top: 10px;
  line-height: 2em;
  border-top:1px solid #999;
}
.Contact .Top_Sp {
  margin-top: 20px;
}
.Contact .Finish {
  font-size: 120%;
}
.Sitepolicy .Bottom_boder,
.Privacypolicy .Bottom_boder {
  border-bottom:1px solid #999;
}
.Beauty .Bottom_boder {
  margin-bottom: 15px;
  border-bottom:1px solid #999;
}
.Sitepolicy .Sp_Bottom_boder,
.Privacypolicy .Sp_Bottom_boder {
  margin-top: 30px;
  border-bottom:1px solid #999;
}
.Beauty .Sp_Bottom_boder {
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom:1px solid #999;
}
.Sitepolicy ul {
  line-height: 2em;
}
.Sitepolicy li {
  line-height: 2em;
  list-style-type: none;
}
.Privacypolicy ul {
  margin-left: 15px;
  line-height: 2em;
}
.Privacypolicy li {
  margin-left: 15px;
  line-height: 2em;
  list-style-type: decimal;
}
.Beauty li {
  margin-left: 15px;
  line-height: 2em;
  list-style-type: square;
}
.Beauty li.No_type {
  margin-left: 15px;
  line-height: 2em;
  list-style-type: none;
}
.Privacypolicy .Contact_Block {
  margin-top: 30px;
  padding: 10px;
  border:1px dashed #3c3c3c;
}
.Privacypolicy .Contact_Block p {
  line-height: 1.5em;
}
.Sitemap .Block {
  width: 200px;
  margin-bottom: 50px;
  float:left;
}
.Sitemap li {
  font-size: 110%;
  font-weight: bold;
  line-height: 2em;
  list-style-type: none;
}
.Sitemap li img {
  /* マーク中央に見せるため */
  margin-right: 5px;
  padding: 0.5em 0;
　vertical-align:middle;
  /* マーク中央に見せるため */
}
.Sitemap li.Title {
  margin-left: 30px;
  font-size: 90%;
  font-weight: normal;
  line-height: 2em;
  list-style-type: circle;
}
/* ▲############### コンテンツ ###############▲ */
