@charset "utf-8";
/* CSS Document */

/*----- メインコンテンツの背景を設定 -----*/

#main{
  background:url(../images/biyou_bg.jpg);
  background-repeat:no-repeat;
  margin:20px 10px 10px 20px;
  padding-top:7px;
  padding-left:35px;
}

/*----- 上部バナーエリア -----*/
div.top_banner_area{
  width:870px;
  float:left;
}

div.top_banner_area ul{
  list-style:none;
}

div.top_banner_area ul li{
  float:left;
  margin-right:25px;
  margin-bottom:5px;
  display:block;
}
/*----- メインコンテンツ -----*/
div.biyou_syousai{
  width:815px;
  clear:both;
}

.top_bg{
  background:url(../images/biyou_bg_top.png);
  background-repeat:no-repeat;
  padding-top:50px;
  width:854px;
  padding-bottom:300px;
  margin-bottom:-290px;
}

.bg_white{
  margin-bottom:40px;
  padding-bottom:30px;
  width:815px;
}

div.biyou_syousai h3{
  font-size:1.5em;
  color:#ED7E93;
  margin-left:20px;
  padding-bottom:10px;
  font-weight:normal;
  width:740px;
  border-bottom:dashed 1px #ED7E93;
  vertical-align:middle;
}

div.biyou_syousai img{
  vertical-align:middle;
  margin-top:-5px;
  margin-right:5px;
}

div.biyou_syousai p{
  color:#717071;
  width:730px;
  margin-top:15px;
  margin-left:30px;
  font-size:1.03em;
  line-height:1.5;
}

div.title{
  background:url(../images/biyou_title_bar_001.jpg);
  background-repeat:no-repeat;
  margin-left:20px;
  margin-top:20px;
  padding-top:17px;
  float:left;
  width:736px;
}

div.title .care{
  width:40px;
  color:#FFFFFF;
  margin-left:20px;
  margin-top:3px;
  font-size:0.9em;
  float:left;
}

div.title .img1{
  float:left;
  margin-top:-18px;
}

.spec{
  color:#FFE3E3;
  float:left;
  font-size:1.4em;
  margin-top:7px;
  margin-right:10px;
}

.kaizen{
  color:#FFE3E3;
  float:left;
  font-size:1.3em;
  margin-top:7px;
  margin-left:5px;
}

.title .line{
  float:left;
  margin-top:-17px;
}

.biyou_syousai_contents ul{
  margin-left:30px;
  margin-top:15px;
}

.biyou_syousai_contents ul li{
  display:inline;
  margin-left:18px;
  color:#ED7E93;
  font-size:1.35em;
}

div.biyou_syousai_contents p{
  color:#717071;
  width:730px;
  margin-top:15px;
  margin-left:30px;
  margin-bottom:20px;
  font-size:1.03em;
  line-height:1.5;
}

.rootlo{
  color:#EBF0AD;
  float:left;
  font-size:1.4em;
  margin-top:7px;
  margin-right:10px;
}

.dual{
  color:#FFFFFF;
  float:left;
  font-size:1.4em;
  margin-top:7px;
  margin-right:10px;
}

.biyou_syousai_contents .syousai_bun2{
  margin-top:30px;
}

.txt_ind_1em{
  text-indent:1em;
}

.biyou_syousai_contents .no_margin{
  margin-top:0;
  margin-bottom:0;
}

.biyou_syousai_contents .no_margin_bottom{
  margin-bottom:0;
}
/*-----注意書き---*/
.caution{
  margin-left:40px;
  color:#8171B3;
  line-height:1.6;
  font-size:0.8em;
 }
 
 /*-----治療前 治療後 -----*/
 /*毛穴縮小+タイトニング*/
.before_after1{
  width:720px;
  height:280px;
  background-color:#F6F4F9;
  padding-top:25px;
  margin-left:40px;
  margin-top:30px;
}

.before_after1 h4{
  height:23px;
  background:url(../images/biyou_title_bar_002.jpg);
  background-repeat:no-repeat;
  color:#FFFFFF;
  padding-top:7px;
  padding-left:30px;
}

.before_after1 .leftbox{
  float:left;
  margin-top:20px;
  margin-left:30px;
}

.before_after1 .leftbox p{
  text-align:right;
  color:#717071;
  margin-top:5px;
}

.before_after1 .centerbox{
  float:left;
  margin-top:85px;
  margin-left:10px;
  margin-right:20px;
}

.before_after1 .rightbox{
  float:left;
  margin-top:20px;
}

.before_after1 .rightbox p{
  text-align:right;
  color:#717071;
  margin-top:5px;
}

/*毛穴縮小+鼻の黒ずみ改善例*/
.before_after2{
  width:720px;
  height:235px;
  background-color:#F6F4F9;
  padding-top:25px;
  margin-left:40px;
  margin-top:30px;
}

.before_after2 h4{
  height:23px;
  background:url(../images/biyou_title_bar_003.jpg);
  background-repeat:no-repeat;
  color:#FFFFFF;
  padding-top:7px;
  padding-left:30px;
}

.before_after2 .leftbox{
  float:left;
  margin-top:20px;
  margin-left:30px;
}

.before_after2 .leftbox p{
  text-align:right;
  color:#717071;
  margin-top:5px;
}

.before_after2 .centerbox{
  float:left;
  margin-top:60px;
  margin-left:10px;
  margin-right:20px;
}

.before_after2 .rightbox{
  float:left;
  margin-top:20px;
}

.before_after2 .rightbox p{
  text-align:right;
  color:#717071;
  margin-top:5px;
}

/*ニキビ症例*/
.before_after3{
  width:720px;
  height:310px;
  background-color:#F6F4F9;
  padding-top:25px;
  margin-left:40px;
  margin-top:30px;
  margin-bottom:10px;
}

.before_after3 h4{
  height:23px;
  background:url(../images/biyou_title_bar004.jpg);
  background-repeat:no-repeat;
  color:#FFFFFF;
  padding-top:7px;
  padding-left:30px;
}

.before_after3 .leftbox{
  float:left;
  margin-top:20px;
  margin-left:30px;
}

.before_after3 .leftbox p{
  text-align:right;
  color:#717071;
  margin-top:5px;
}

.before_after3 .centerbox_left{
  float:left;
  margin-top:90px;
}

.before_after3 .centerbox_middle{
  float:left;
  margin-right:5px;
  margin-top:20px;
}

.before_after3 .centerbox_middle p{
  text-align:right;
  color:#717071;
  margin-top:5px;
}


.before_after3 .centerbox_right{
  float:left;
  margin-right:5px;
  margin-top:80px;
}

.before_after3 .rightbox{
  float:left;
  margin-top:20px;
}

.before_after3 .rightbox p{
  text-align:right;
  color:#717071;
  margin-top:5px;
}

/*----- 料金表 -----*/

.fee{
  padding-top:10px;
  margin-left:40px;
}

.fee .symbol{
  vertical-align:middle;
  float:left;
}

.fee h3{
  color:#8171B3;
  font-size:1.2em;
  width:700px;
  border-bottom:dashed 1px #8171B3;
  padding-bottom:7px;
  margin-top:7px;
  margin-bottom:15px;
  float:left;
}

/*----- テーブルのスタイル -----*/

.menu,.menu2{
  color:#8171B3;
  border:solid 1px #C0B8D9;
  background-color:#F6F4F9;
  width:362px;
  height:177px;
  text-align:center;
  vertical-align:middle;
}

.menu{
  font-size:1.3em;
}

.menu2{
  font-size:1.2em;
}

.use{
  color:#8171B3;
  border:solid 1px #C0B8D9;
  background-color:#ECEAF4;
  width:163px;
  padding-left:20px;
  height:177px;
  text-align:left;
  vertical-align:middle;
  font-size:1.125em;
  line-height:1.2;
}

.region,.region2{
  width:75px;
  height:36px;
  border-top:solid 1px #C0B8D9;
  vertical-align:middle;
  text-align:center;
  color:#8171B3;
  font-size:0.9em;
}

.region2{
  border-bottom:solid 1px #C0B8D9;
}

.ryoukin,.ryoukin2{
  width:112px;
  height:36px;
  font-size:0.9em;
  vertical-align:middle;
  text-align:center;
  border-top:solid 1px #C0B8D9;
  border-left:solid 1px #C0B8D9;
  border-right:solid 1px #C0B8D9;
  color:#8171B3;
}

.ryoukin2{
  border-bottom:solid 1px #C0B8D9;
}

.caution2{
  color:#8171B3;
  margin-top:10px;
}
