/* --
ビームオンページ( 100827 )
---------------------------- */
div#beamon{
}
div#beamon img{
  margin:10px auto;
  text-align:center;
  display:block;
}
div#beamon h4{
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  font-size:18px;
  color:#595757;
  height:24px;
  line-height:24px;
  background-image:url(http://www.dc-luppy.com/img/beamon/b-h4.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  text-indent:10px;
  letter-spacing:0.06em;
  margin:10px auto;
}
div#beamon .pageTop{
  font-size:12px;
  color:#363636;
  padding:0px 0px 6px 0px;
  margin:20px 0px 10px 0px;
  border-bottom:1px dashed #999999;
  text-align:right;
}
div#beamon .pageTop a{
  display:block;
  height:21px;
  line-height:21px;
  color:#363636;
  background-image:url(http://www.dc-luppy.com/img/beamon/pagetop-icon.png);
  background-position:right top;
  background-repeat:no-repeat;
  padding-right:30px;
}

/* --- LEDライトの効果 --- */

div#led{
  width:530px;
}
div.led01,
div.led02,
div.led03{
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto 10px auto;
  position:relative;
}
div.led01{ width:530px; height:121px;background-image:url(http://www.dc-luppy.com/img/beamon/led01_bg.png); }
div.led02{ width:530px; height:120px;background-image:url(http://www.dc-luppy.com/img/beamon/led02_bg.png); }
div.led03{ width:530px; height:121px;background-image:url(http://www.dc-luppy.com/img/beamon/led03_bg.png); }

div.led-txt{
  display:block;
  width:410px;
  position:absolute;
  top:20px;
  right:0px;
  color:#ffffff;
}
div.led-txt span.led-title{
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  display:block;
  width:95%;
  font-size:18px;
  letter-spacing:0.1em;
  font-weight:bold;
  padding-bottom:4px;
  margin-bottom:6px;
  border-bottom:1px solid #ededed;
}
div.led-txt p{
  color:#ffffff;
}

/* --- 近赤外線の効果 ---  */
div#red-beam{
  width:531px;
  height:365px;
  margin:20px auto 10px auto;
  padding:54px 0px 0px 10px;
  background-image:url(http://www.dc-luppy.com/img/beamon/red-beam_bg.jpg);
  background-position:right top;
  background-repeat:no-repeat;
}

/* --- 下テキスト --- */
div.sub-txt{
  padding:10px;
}
div.sub-txt p{
  display:block;
  width:530px;
  height:89px;
  font-size:16px;
  color:#E96380;
  font-weight:bold;
  letter-spacing:0.1em;
  text-indent:-9999px;
  background-image:url(http://www.dc-luppy.com/img/beamon/sub-txt.png);
  background-position:left top;
  background-repeat:no-repeat;
}

/* --- リップトリートメント --- */
div#lipTreatment{
}
div.lip01,
div.lip02,
div.lip03{
  margin:0px auto 10px auto;
  background-position:left top;
  background-repeat:no-repeat;
}

div.lip01{
  width:541px;
  height:130px;
  background-image:url(http://www.dc-luppy.com/img/beamon/lip01_bg.jpg);
}
div#lipTreatment div.lip01 p{
  display:block;
  padding-top:54px;
  padding-left:30px;
}

/* -- リップピーリング＋リップトリートメント -- */
div.lip02{
  width:541px;
  height:303px;
  background-image:url(http://www.dc-luppy.com/img/beamon/lip02_bg.jpg);
  position:relative;
}
div.lip02 p.txt01,
div.lip02 p.txt02,
div.lip02 p.txt03{
  position:absolute;
}
div.lip02 p.txt01{ top:80px;left:34px; }
div.lip02 p.txt02{ bottom:67px;right:30px;font-weight:bold;line-height:120%;text-align:right; }
div.lip02 p.txt03{ bottom:20px;right:40px; }

/* -- 近赤外線リフトアップ -- */
div.lip03{
  width:541px;
  height:144px;
  background-image:url(http://www.dc-luppy.com/img/beamon/lip03_bg.jpg);
}
div#lipTreatment div.lip03 p{
  padding-top:52px;
  padding-left:30px;
}

/* --- ビームオンによるフェイシャル新メニュー --- */
div#facial-menu{
  width:541px;
  height:825px;
  background-image:url(http://www.dc-luppy.com/img/beamon/facial-menu_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  position:relative;
}
div.facialbox01,
div.facialbox02,
div.facialbox03,
div.facialbox04{
  display:block;
  position:absolute;
  left:26px;
  padding:5px;
  width:480px;
}
div.facialbox01 p,
div.facialbox02 p,
div.facialbox03 p,
div.facialbox04 p{
  color:#ffffff;
}

div.facialbox01{  height:70px;top:212px; }
div.facialbox02{  height:56px;top:308px; }
div.facialbox03{  height:88px;top:386px; }
div.facialbox04{  height:75px;top:504px; }

span.facialbox-title{
  display:block;
  width:216px;
  height:38px;
  line-height:38px;
  margin-right:10px;
  float:left;
  text-indent:24px;
  font-weight:bold;
  font-size:20px;
}
span.facialbox-title p{ margin:0px; }

div#facial-menu p.txt02,
div#facial-menu p.txt03{
  position:absolute;
}
div#facial-menu p.txt02{ bottom:54px;right:30px;font-weight:bold;line-height:120%;text-align:right; }
div#facial-menu p.txt03{ bottom:7px;right:40px; }

/* --- オプション --- */
div#optionbox{
  display:block;
  width:314px;
  height:174px;
  border:1px solid #F28092;
  position:absolute;
  bottom:10px;
  left:10px;
  padding:10px;
  
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
div#optionbox span.optiontitle{
  display:block;
  width:85px;
  height:22px;
  line-height:22px;
  font-size:13px;
  font-weight:bold;
  color:#ffffff;
  text-align:center;
  background-color:#F28092;
  border:1px solid #F28092;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

div#optionbox p{
  color:#666666;
  margin-bottom:0px;
}
span.caution{
  font-size:12px;
  color:#131313;
}

div#optionbox div.optionmenu{
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  font-size:16px;
  padding-top:4px;
  padding-bottom:4px;
  font-weight:bold;
  letter-spacing:0.1em;
}

div.optionmenu span.yen{
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size:24px;
  color:#cc0000;
}

/* --
体験者の声
-------------------------------------------- */
div#e-voicebox{
  margin:20px auto;
  padding:10px;
  border:2px solid #0683cc;

  /* --- CSS3 border-radius --- */
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;

  /* --- CSS3 gradient --- */
  background: -moz-linear-gradient(top, #ceebfa, #80c0e5);
  background: -webkit-gradient(linear, left top, left bottom, from(#ceebfa), to(#80c0e5));
}
div#e-voicebox img{
  text-align:left;
}

div.voice01{
  clear:both;
  background-color:#edf7fd;
  padding:10px;
  margin:0px auto 10px auto;

  /* --- CSS3 border-radius --- */
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;

  /* --- CSS3 box-shadow --- */
  box-shadow:0px 1px 2px #2894D3;
  -moz-box-shadow:0px 1px 2px #2894D3;
  -webkit-box-shadow:0px 1px 2px #2894D3;
}
span.voicetitle{
  display:block;
  color:#0080CA;
  padding-bottom:4px;
  margin-bottom:6px;
  font-weight:bold;
  border-bottom:1px dashed #999999;

  /* --- CSS3 text-shadow --- */
  text-shadow:0px 1px 2px #cccccc;
  -moz-text-shadow:0px 1px 2px #cccccc;
  -webkit-text-shadow:0px 1px 2px #cccccc;
}

img.right{ float:right; }
div.width350{ width:330px;float:left;clear:left; }