@charset "UTF-8";
/* CSS Document */

/* 切らないVS切るメイン */

#topwrapper #contents {
  position: relative;
}

/*#topwrapper #contents h2 {
  position: absolute;
  left: 320px;
  top: 14px;
}*/

#topwrapper #contents #roundIllust {
  position: absolute;
  left: 0px;
  top: 0px;
}
#topwrapper #contents h2 {
  padding-left: 29px;
  padding-top: 22px;
}
#topwrapper #contents h2.center {
  display: none;
}
#vs {
  padding-top: 4px;
  width: 724px;
  margin-left: 29px;
  margin-bottom: 30px;
  padding-bottom: 18px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#vs #boxKazariBtm {
  width: 418px;
  margin-left: 285px;
  margin-top: 6px;
  background: url(./img/images/round-bg-btm.png) no-repeat left bottom;
  padding-bottom: 9px;
}
#vs #boxKazariTop {
  background: url(./img/images/round-bg-top.gif) no-repeat left top;
  padding-top: 9px;
}
#vs #boxKazari {
  background: url(./img/images/round-bg-inr.gif) repeat-y left top;
  padding-bottom: 10px;
}
#vs #boxKazari dl {
  width: 382px;
  margin-right: auto;
  margin-left: auto;
}
#vs #boxKazari #textArea dt {
  padding-top: 4px;
}
#vs #boxKazari #textArea dd {
  font-size:13px;
  font-weight:bold;
  margin-top: 8px;
}
#vs #boxKazari .roundArea {
  width: 382px;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px dashed #c9ac5c;
}
#vs #boxKazari #round1 {
  margin-top: 0px;
  border-style: none;
  padding-top: 16px;
}
#vs #boxKazari .roundArea dt {
  float:left;
  width:89px;
  height:56px;
  padding-right: 12px;
}
#vs #boxKazari .roundArea dd {
  width:281px;
  font-size:13px;
  float:left;
  line-height: 200%;
}
#vs #boxKazari .roundArea dd a {
  color:#454545;
}
#vs #boxKazari .roundArea dd a:hover {
  color:#8e8e8e;
}
#vs p.btn {
  margin-top: 18px;
  margin-left: 296px;
}


/* 口コミランキング */

#ranking {
  padding:0 0 30px 19px;
}

#ranking h3 {
  margin:0 0 2px;
}

#ranking .nocut {
  float:left;
  width:362px;
  padding:0 0 0 3px;
}

#ranking .cut {
  float:right;
  width:362px;
  padding:0 9px 0 0;
}

#ranking .list {
  width:342px;
  margin:0 auto 0 8px;
  padding:15px 5px 14px;
}

#ranking .nocut .list {
  border:1px solid #52c1ed;
}

#ranking .cut .list {
  border:1px solid #fad7aa;
}

#ranking .list div {
  width:322px;
  min-height:118px;
  height:auto !important;
  height:118px;
  overflow:visible;
  margin:0 auto;
  padding:0 0 24px;
  background:url(./img/images/ranking-line.gif) bottom no-repeat;
}

#ranking .list .third {
  margin:0 auto 10px;
  background:none;
}

#ranking .list .second {
  padding:0 0 14px;
}

#ranking .nocut .list div {
  background-color:#f3fbfe;
}

#ranking .cut .list div {
  background-color:#faf0e2;
}

#ranking .list h5 {
  float:left;
}

#ranking .list .first h5 {
  margin:-10px 0 0 0;
}

#ranking dl {
  float:right;
  width:150px;
  padding:0 2px 0 0;
}

#ranking dt {
  font-size:14px;
  line-height:16px;
  font-weight:bold;
  margin:0 0 4px;
}

#ranking .nocut dt {
  color:#0096ed;
}

#ranking .cut dt {
  color:#9d792b;
}

#ranking dd {
  color:#454545;
  font-size:12px;
  line-height:16px;
}

#ranking .first dt {
  padding:8px 0 0 0;
}

#ranking .second dt,
#ranking .third dt {
  padding:7px 0 0 0;
}

#ranking p.more {
  padding:0 0 0 230px;
}

/* 部位別脂肪吸引 */
#topparts {
  width:724px;
  margin:0 0 28px 30px;
  padding:0 0 15px;
  border:1px solid #ccc;
  background:url(./img/images/parts-bg.jpg) 400px 70px no-repeat;
}

#topparts p.catch {
  width:360px;
}

#topparts p.lead {
  width:378px;
  margin:0 0 60px 23px;
}

#topparts .list {
  width:678px;
  margin:0 auto;
}

#topparts .box {
  float:left;
  width:156px;
  height:290px;
  margin:0 15px 8px 0;
  padding:12px 0 10px 0;
  background:url(./img/images/parts-box.gif) top no-repeat;
  border:1px solid #a4d8f5;
}

#topparts .last {
  float:right;
  margin:0;
}

#topparts .box h4 {
  margin:0 0 4px;
  text-align:center;
  font-size:12px;
  color:#0096ed;
  line-height:14px;
}

#topparts .box h4 span {
  font-size:15px;
  font-weight:bold;
  letter-spacing:-1px;
}

#topparts .box h4 img {
  margin:0 0 10px;
}

#topparts .box h4 a:hover img {
  filter: alpha(opacity=80);
    opacity:0.80;
    -moz-opacity:0.80;
}

#topparts .box p {
  width:144px;
  height:90px;
  margin:0 auto 8px;
  font-size:12px;
  line-height:18px;
}

#topparts .box p.btn {
  width:104px;
  height:25px;
  margin:0 auto;
}

/* 切らない脂肪吸引法 */

#topnotcut {
  width:724px;
  margin:0 0 28px 30px;
  padding:0 0 15px;
  border:1px solid #ccc;
  background:url(./img/images/notcut-bg.gif) 10px 90px no-repeat;
}

#topnotcut p.catch {
  margin:0 0 16px 350px;
}

#topnotcut p.lead {
  width:360px;
  margin:0 0 58px 350px;
}

#topnotcut .box {
  width:632px;
  height:182px;
  margin:0 auto 20px;
  padding:11px 23px;
  background:url(./img/images/notcut-box.gif) no-repeat;
}

#topnotcut .box h4 {
  padding:0 0 28px 7px;
  font-size:18px;
  font-weight:bold;
  line-height:1em;
}

#topnotcut .box .image {
  float:left;
  width:220px;
}

#topnotcut .box .detail {
  float:right;
  width:412px;
}

#topnotcut .box p.boxcatch {
  margin:0 0 16px 0;
  padding:1px 0 0 12px;
  color:#0096ed;
  font-size:16px;
  font-weight:bold;
  line-height:1.2em;
  background:url(./images/catch-line_blue.gif) left 0 no-repeat;
}

#topnotcut .box p {
  font-size:12px;
  line-height:18px;
}

#topnotcut .box .btn {
  padding:0 0 0 310px;
}

/* 切る脂肪吸引方法 */

/* 切らない脂肪吸引法 */

#topcut {
  width:724px;
  margin:0 0 0 30px;
  padding:0 0 15px;
  border:1px solid #ccc;
  background:url(./img/images/cut-bg.gif) 380px 70px no-repeat;
}

#topcut p.catch {
  margin:0 0 16px 23px;
}

#topcut p.lead {
  width:360px;
  margin:0 0 48px 23px;
}

#topcut .box {
  width:632px;
  height:182px;
  margin:0 auto 20px;
  padding:11px 23px;
  background:url(./img/images/cut-box.gif);
}

#topcut .box h4 {
  padding:0 0 28px 7px;
  font-size:18px;
  font-weight:bold;
  line-height:1em;
}

#topcut .box .image {
  float:left;
  width:220px;
}

#topcut .box .detail {
  float:right;
  width:412px;
}

#topcut .box p.boxcatch {
  margin:0 0 16px 0;
  padding:1px 0 0 12px;
  color:#ad7b37;
  font-size:16px;
  font-weight:bold;
  line-height:1.2em;
  background:url(./images/catch-line_orange.gif) left 0 no-repeat;
}

#topcut .box p {
  font-size:12px;
  line-height:18px;
}

#topcut .box .btn {
  padding:0 0 0 310px;
}
.top_index p.btn a {
  border: none;
  padding: 0;
}
.clear {
  display: block;
}
.clearsp {
  display: none;
}
@media screen and (max-width: 599px) {
.clear {
  display: none;
}
#vs {
  width: 100%;
  margin: 0;
  border: none; 
}
#topwrapper #contents h2.center {
  display: block;
  padding: 20px 0 0px 0;
}
#vs #boxKazariBtm {
    width: 94%;
    margin: 6px 0 0 0;
    background: none;
    padding: 3%;
    border: 1px solid #ccc;
}
#vs #boxKazari dl {
  width: 100%;
}
#vs #boxKazari .roundArea dd {
  width: 100%;
  float: none;
}
#vs #boxKazari .roundArea dt {
    float: left;
    width: 89px;
    height: 56px;
    padding-right: 12px;
}
#vs #boxKazari,
#vs #boxKazariTop {
  background: none;
  padding: 0;
}
#vs #boxKazari .roundArea {
  width: 100%;
}
#vs p.btn {
  margin: 10px 0 0;
  text-align: center;
}
#vs p.btn img {
  width: 100%;
}
#ranking h3.top_sttype1 {
    display: block;
    color: #fff;
    background: #77cafa;
    padding: 6px 5px 5px 10px;
    margin: 0px 0px 10px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #abdcf8;
    -webkit-box-shadow: 0 10px 6px -6px #aaa;
    -moz-box-shadow: 0 10px 6px -6px #aaa;
    box-shadow: 0 10px 6px -6px #aaa;
}
#ranking {
  padding: 0;
}
#ranking .cut,
#ranking .nocut {
    float: none;
    width: 100%;
     padding: 0; 
}
#ranking .cut h4, #ranking .nocut h4 {
    width: 100%;
    text-align: center;
}
#ranking .cut h4 img, #ranking .nocut h4 img{
  width: 100%;
}
#ranking .cut .list div {
  width: 93%;
    background: none;
    padding: 8px 5px;
    margin: 10px 0 0 0;
  border: 5px solid #faeedf
}
#ranking .nocut .list div {
    width: 93%;
    background: none;
    border: 5px solid #c9e1ee;
    padding: 8px 5px;
    margin: 10px 0 0 0;
}
#ranking .list h5 {
    float: none;
    text-align: center;
}
#ranking dl {
    float: none;
    width: 100%;
}
#ranking .cut .list,
#ranking .nocut .list {
  border: none;
}
#ranking .list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#ranking dt {
  text-align: center;
}
a.gbtn3 {
    margin: 10px 0px;
    text-decoration: none;
    padding: 9px 24px 9px 12px;
    display: block;
    font-size: 13px;
    text-align: left;
    color: #555;
    font-weight: bold;
    border-radius: 3px;
    line-height: 1.3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e7e7e7), color-stop(0.15, #fff));
    background: -webkit-linear-gradient(top, #fff 15%, #e7e7e7 100%);
    background: -moz-linear-gradient(top, #fff 15%, #e7e7e7 100%);
    background: -o-linear-gradient(top, #fff 15%, #e7e7e7 100%);
    background: -ms-linear-gradient(top, #fff 15%, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fff 15%, #e7e7e7 100%);
    position: relative;
    border: 1px solid #ddd;
}
a.gbtn3::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #555;
    border-right: 2px solid #555;
}
#topparts {
    width: 100%;
    border: none;
    margin: 0 0 28px;
    background: none;
    padding: 0;
}
#ranking p.top_more {
  display: none;
}


/*............*/
.clear1 {
    clear: both;
    padding: 10px 0px 0px;
    margin: 0 20px;
}
.clearsp {
  display: block;
}
#topparts p.catch {
  width: 90%;
    margin: 10px 0 10px 0px;
    padding: 1px 0 1px 10px;
    color: #0096ed;
    font-size: 15px;
    font-weight: bold;
    border-left: 3px solid #0096ed;
    background: none;
}
#topparts p.lead {
    width: 100%;
    margin: 10px 0;
}
a.txt_grey_parts {
  margin: 10px auto;
}
#topparts .list {
  width: 100%;
}
#topparts .box {
  width: 93%;
  height: auto;
  float: none;
  padding: 3%;
  margin: 0 0 10px;
  background: url(./img/images/parts-box.gif) repeat-x top left;
}
#topparts .box h4 img {
  float: left;
  width: 110px;
  max-width: 100%;
  padding: 0 10px 0 0;
}
#topparts .box h4 {
  text-align: left;
}
#topparts .box p {
    width: 100%;
    height: auto;
}
#topparts .box h4 span a {
  color: #0096ed;
}
#topcut,
#topnotcut {
width: 100%;
margin: 0;
background: none;
border: none;
}
.sttype2, .sttype2o, .sttype4, .sttype4o {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 3px solid #90d4fb;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    margin: 0px 0px 10px;
}
#topcut p.catch {
  margin: 10px 0 10px 0px;
  padding: 1px 0 1px 10px;
  color: #ad7b37;
  font-size: 15px;
  background: none;
  border-left: 3px solid #ad7b37;
}
#topnotcut p.catch {
  margin: 0;
}
#topcut p.lead,
#topnotcut p.lead {
  width: 100%;
  margin: 0 0 10px;
}
#topcut p .sttype2o,
body .sttype2o, body .sttype4o {
    border-bottom: 3px solid #fac886;
}
#topnotcut p.catch,
.sttype3, .sttype3o {
    margin: 10px 0 10px 0px;
    padding: 1px 0 1px 10px;
    color: #0096ed;
    font-size: 15px;
    font-weight: bold;
    border-left: 3px solid #0096ed;
    background: none;
}
#topcut .box,
#topnotcut .box {
  width: 94%;
  height: auto;
  padding: 3%;
  background: #def0fa;
  margin: 0px 0px 10px;
  clear: both;
}
#topcut .box {
    background: #fff5e8;
}
a.txt_grey {
  float: none;
}
#topnotcut .box h4,
#toppage #topnotcut .box h4, #topnotcut .box h3, #topnotcut .box h2 {
    border-bottom: 2px solid #33abf1;
}
#topcut .box h4,
#topnotcut .box h4,
#toppage #topnotcut .box h4, #topnotcut .box h3, #toppage #topnotcut .box h3, #topnotcut .box h2, #toppage #topcut .box h4, #topcut .box h3, #toppage #topcut .box h3, #topcut .box h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    margin: 0px 0px 5px;
    background: #fff;
}
#topcut .box .image,
#topnotcut .box .image {
    float: right;
    width: 100px;
    margin-left: 10px;
}
#topcut .box .detail,
#topnotcut .box .detail {
    float: none;
    width: 100%;
}
#topcut .box p.boxcatch,
#topnotcut .box p.boxcatch {
  margin: 10px 0 10px 0px;
    padding: 1px 0 1px 10px;
    color: #0096ed;
    font-size: 15px;
    font-weight: bold;
    border-left: 3px solid #0096ed;
}
#topcut .box p.boxcatch {
  color: #ad7b37;
    border-left: 3px solid #ad7b37;
}
#topwrapper #contents {
  width: 100%;
  padding: 0;
}

}