@charset "utf-8";

/* ---------------------------------------------------------
 キーパーラボ（サービス各種ページ要素定義）
 URL: http://www.keeperlabo.jp/
 c I-tac Giken. All Rights Reserved.
------------------------------------------------------------ */


/* ---------------------------------------------------------
 タブ
------------------------------------------------------------ */

#tabarea {
 margin-bottom:10px;
}
#tabarea nav li {
 width:116px;
 height:40px;
 display:inline-block;
 cursor:pointer;
 background-color:#ccc;
 border-radius:5px 5px/5px 5px 0 0;
 color:#000;
 box-sizing:border-box;
 text-align:center;
 font-size:12px;
 vertical-align:middle;
 font-weight:700;
 padding:10px;
    margin:0 0 -10px 2px;
}
#tabarea nav li.on,
#tabarea nav li:hover,
#tabarea nav li:active{
transform: translateY(-3px);
padding-bottom: 10px;
background-color: #d01027;
color:#fff;
text-decoration: none;
}
#tabarea nav li:first-child {
margin-left:0;
}
#tabarea nav li:nth-of-type(5){
padding-top:3px;
font-size: 11px;
}
#tabarea nav li a{
color: inherit;
text-decoration: none;
display: block;
height: 100%;
}
#tabarea div[id^="tab_body"]{
  width: 945px;
  position: relative;
  border: solid #cd142e 4px;
  box-sizing: border-box;
  background-color: #f9e6dd;
  text-align: center;
}
#tabarea div[id^="tab_body"] ul {
  margin: 20px;
}
#tabarea div[id^="tab_body"] ul li {
display: inline-block;
}
#tabarea div[id^="tab_body"] ul li:first-of-type {
margin-left: 0;
}

#tabnavArea {
 margin-bottom:10px;
}
#tabnav nav.tab ul {
  font-size: 0;
}
#tabnav nav.tab li {
    width:116px;
    height:40px;
    display:inline-block;
    cursor:pointer;
    background-color:#ccc;
    border-radius:5px 5px/5px 5px 0 0;
    color:#000;
    box-sizing:border-box;
    text-align:center;
    font-size:12px;
    vertical-align:middle;
    font-weight:700;
    padding:10px 0;
    margin:0 0 -10px 2px;
}
#tabnav nav li.on,
#tabnav nav li:hover,
#tabnav nav li:active{
transform: translateY(-3px);
padding-bottom: 10px;
background-color: #d01027;
color:#fff;
text-decoration: none;
}
#tabnav nav.tab li:first-child {
margin-left:0;
}
#tabnav nav.tab li:nth-of-type(5),
#tabnav nav.tab li:nth-of-type(9){
padding-top:3px;
font-size: 11px;
}
#tabnav nav.tab li:nth-of-type(7),
#tabnav nav.tab li:nth-of-type(8){
padding-top: 4px;
font-size: 11px;
}
#tabnav nav li a{
color: inherit;
text-decoration: none;
display: block;
height: 100%;
width: auto;
}
#tabnav .tab_body #tab_body03 {
  height: 170px;
  width: 945px;
  position: relative;
  border: solid #cd142e 4px;
  box-sizing: border-box;
  overflow: hidden;
  background-image: none;
  background-color: #f9e6dd;
}

#tabnav .tab_body #tab_body03 ul li:nth-of-type(5),
#tabnav .tab_body #tab_body03 ul li:nth-of-type(9) {
    margin: 15px 0 0;
}

#tabnav .tab_body #tab_body01,
#tabnav .tab_body #tab_body02,
#tabnav .tab_body #tab_body03,
#tabnav .tab_body #tab_body04,
#tabnav .tab_body #tab_body05,
#tabnav .tab_body #tab_body06,
#tabnav .tab_body #tab_body07,
#tabnav .tab_body #tab_body08,
#tabnav .tab_body #tab_body09,
#tabnav .tab_body #tab_body10,
#tabnav .tab_body #tab_body11 {
 background:url(../img/service/bg_tab02.png) no-repeat;
 height:170px;
 width:947px;
 position:relative;
}



#tabnav .tab_body #tab_body01 ul {
 padding:22px 0px 0;
  /* padding:16px 0px 0; */
 margin:0 auto;
}

#tabnav .tab_body #tab_body01 ul li {
 float:left;
 margin:0 0 0 0px;
}

#tabnav .tab_body #tab_body01 ul li:first-child {
 margin:0;
}
#tabnav .tab_body #tab_body01 ul li a img{
width:120%;
}

#tabnav .tab_body #tab_body01 ul li a img:hover{
opacity:70%;
}

#tabnav .tab_body #tab_body01 ul li.btn_full {
 position:absolute;
 float:none;
 bottom:25px;
 right:39px;
}

/* ------ tab_body02 ---------*/
#tabnav .tab_body #tab_body02 ul {
 /*padding:19px 0 0 42px;
 margin:0 auto;*/
  padding: 19px 0 0 106px;
  margin: 0px auto;
  overflow: hidden;
}
#tabnav .tab_body #tab_body02 ul li {
 /*float:left;
 margin:0 0 0 16px;*/
  float: left;
  margin: 0 0 0 50px;
}
#tabnav .tab_body #tab_body02 ul li:first-child {
 margin:0;
}
/* ------ tab_body03 ---------*/
#tabnav .tab_body #tab_body03 ul {
 padding:19px 0 0 45px;
 margin:0 auto;
}
#tabnav .tab_body #tab_body03 ul li {
display: inline-block;
 margin:0 0 0 17px;
}
#tabnav .tab_body #tab_body03 ul li:first-child {
 margin:0;
}

/* ------ tab_body04 ---------*/
#tabnav .tab_body #tab_body04 ul {
 padding:28px 0 0 43px;
 margin:0 auto;
}
#tabnav .tab_body #tab_body04 ul li {
 float:left;
 margin:0 0 0 8px;
}
#tabnav .tab_body #tab_body04 ul li:first-child {
 margin:0;
}
#tabnav .tab_body #tab_body04 ul li.new:before{
content: "";
background: url(../img/new.png) no-repeat center;
background-size:contain;
width: 28px;
height: 28px;
position: absolute;
top: 109px;
left: 26px;
display: block;
}
/* ------ tab_body05 ---------*/
#tabnav .tab_body #tab_body05 ul {
 padding:28px 0 0 43px;
 margin:0 auto;
}
#tabnav .tab_body #tab_body05 ul li {
 float:left;
 margin:0 0 0 10px;
}
#tabnav .tab_body #tab_body05 ul li:first-child {
 margin:0;
}
/* ------ tab_body06 ---------*/
#tabnav .tab_body #tab_body06 ul {
 padding:19px 0 0 42px;
 margin:0 auto;
}
#tabnav .tab_body #tab_body06 ul li {
 float:left;
 margin:0 0 0 26px;
}
#tabnav .tab_body #tab_body06 ul li:first-child {
 margin:0;
}
/* ------ tab_body07 ---------*/
#tabnav .tab_body #tab_body07 ul {
 padding:19px 0 0 40px;
 margin:0 auto;
}
#tabnav .tab_body #tab_body07 ul li {
 float:left;
 margin:0 0 0 26px;
}
#tabnav .tab_body #tab_body07 ul li:first-child {
 margin:0;
}
/* ------ tab_body08 ---------*/
#tabnav .tab_body #tab_body08 ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 94%;
    padding: 20px 2% 0 2%;
    margin: 0 auto;
}
#tabnav .tab_body #tab_body08 ul li {
    width: calc(90% / 5);
    a:hover {
        opacity: 0.7;
    }
    img {
        width: 100%;
        height: auto;
    }
}
#tabnav .tab_body #tab_body08 ul li:first-child {
    margin:0;
}
#tabnav .tab_body #tab_body08 ul li:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%;
}
#tabnav .tab_body #tab_body08 ul li:nth-child(3) { /* 20260408追加 */
    margin-right: 2%;
}
/* ------ tab_body09 ---------*/
#tabnav .tab_body #tab_body09 ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 94%;
    padding: 20px 2% 0 2%;
    margin: 0 auto;
}
#tabnav .tab_body #tab_body09 ul li {
    width: calc(90% / 5);
    a:hover {
        opacity: 0.7;
    }
    img {
        width: 100%;
        height: auto;
    }
}
#tabnav .tab_body #tab_body09 ul li:first-child {
    margin:0;
}
#tabnav .tab_body #tab_body09 ul li:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%;
}
/* ------ tab_body10 ---------*/
#tabnav .tab_body #tab_body10 ul {
 padding:19px 0 0 186px;
 margin:0 auto;
}
#tabnav .tab_body #tab_body10 ul li {
 float:left;
 margin:0 0 0 28px;
}
#tabnav .tab_body #tab_body10 ul li:first-child {
 margin:0;
}
/* ------ tab_body11 ---------*/
#tabnav .tab_body #tab_body11 ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 93%;
    align-items: center;
}
#tabnav .tab_body #tab_body11 ul li {
    width: 33%;
    a:hover {
        opacity: 0.7;
    }
    img {
        width: 100%;
        height: auto;
    }
}

#tabnav .tab_body #tab_body11 ul li:first-child {
    margin:0;
}
#tabnav .tab_body #tab_body11 ul li:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%;
}
#tab_body05wrap {
  background-color:#f9e7dd;
  border: 2px solid #d01026;
  height: 156px;
  width: 942px;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  }
  #tab_body05wrap::after {
  width: 14%;
  padding: 0.5rem;
  display: table;
  content:"";
  }
  #tab_body05wrap .item {
  width: 14%;
  padding: 0.5rem;
  display:table;
  }
  #wrap .item.bottom {
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  }
  #tab_body05wrap .item a,
  #tab_body05wrap .item a.small{
  font-weight: 600;
  display: table-cell;
  vertical-align: middle!important;
  width: 100%;
  height: 2rem;
  border: none;
  border-radius: 10px;
  color:#222;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddede));
  background: -webkit-linear-gradient(top, #fffff 0%, #dddede 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dddede 100%);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  vertical-align: baseline;
  text-align: center;
  text-decoration: none;
  }
  #tab_body05wrap .item a.small {
  line-height: 0.9rem;
  font-size: smaller;
  padding: 0 0.5rem;
  margin-top: -18px;
  }
  #tab_body05wrap .item a.small span {
  margin-top: -18px!important;
  }
  #tab_body05wrap .item a:hover {
  height: 100%;
  vertical-align: middle;
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #f1e767 0%, #ffffff 100%);
  }
  #tab_body05wrap .item span { /*右矢印*/

  position: absolute;
  margin-top: -12px;
  display: table-cell;
  margin-left: 11.5%;
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid;
  border-color: #073190 #073190 transparent transparent;
  transform: rotate(45deg);
}
/* nav 変更   */
#tabnav nav.tab.inner {
    width: 100%;
    height: auto;
    ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 946px;
        height: auto;
    }
    li {
        width: calc(94% / 10)!important;
        height: 40px;
        font-size: 0.55rem!important;
        margin: 0 0 -10px 0!important;
        padding: 10px 0 !important;
    }
    li.tab05,
    li.tab07 {
        padding-top: 5px!important;
    }
    li.tab08,
    li.tab09 {
        padding-top: 5px!important;
        width: calc(100% / 5);
    }
}
#tab_body07 img {
    height: 120px;
    width: auto;
}

/* ---------------------------------------------------------
 インデックスページ
------------------------------------------------------------ */
article.mainarea_ws *{
vertical-align: top;
box-sizing: border-box;
}
article.mainarea_ws {
background-color: #fff;
border: solid 1px #ccc;
box-shadow: -1px -1px 2px 0px #ccc, 1px 1px 2px 0px #ccc;
margin: 15px auto;
padding: 15px;
}
article.mainarea_ws > .block{
 margin:20px auto 30px;
 text-align: left;
}
/*service => top*/
#servicetop{
background: URL("https://keeperlabo.jp/img/service/chart_bg.jpg") 50% 135px no-repeat,#fff;
text-align: center;
position: relative;
}
#servicetop .box{
height: 1280px;
}
#servicetop ul{
width: 700px;
margin:45px auto;
}
#servicetop ul li{
display: inline-block;
height: 135px;
position: relative;
}
#servicetop ul li:nth-of-type(1){
width:160px;
padding-top: 20px;
}
#servicetop ul li:nth-of-type(2){
width:170px;
padding-top: 18px;
}
#servicetop ul li:nth-of-type(3){
width:180px;
padding-top: 10px;
}
#servicetop ul li:nth-of-type(4){
width:190px;
padding-top: 10px;
}
#servicetop ul li a{
display: block;
}
#servicetop ul li img{
transition: .3s ease-in-out;
}
#servicetop ul li a:hover{
}
#servicetop ul li a:hover img{
transform: scale(0.98);
transition: .3s ease-in-out;
}
#servicetop img.fixbox{
position: absolute;
top:279px;
left:133px;
}
#servicetop a.kirat {
display: inline-block;
position: relative;
transition: .2s ease-in-out;
overflow: hidden;
}
#servicetop a.kirat:before {
content: "";
width: 150%;
height: 150%;
background: rgba(255, 255, 255, .2);
transform: rotate(-45deg);
position: absolute;
top: -10%;
left: -180%;
transition: .3s ease-in-out;
}
#servicetop a.kirat:hover:before {
left: 80%;
}


.coating_list {
 width:901px;
 margin:0 auto;
}
.coating_list .intro,
.coating_list .btn_coating {
 float:left;
 /*border:1px solid #FF0000;*/
width:442px;
 height:217px;
}

.coating_list .btn_coating p {
 text-indent:-9999px;
}

.coating_list .btn_coating a {
 text-indent:-9999px;
 width:442px;
 height:217px;
 display:block;
}

.coating_list .aqua,
.coating_list .dpremium,
.coating_list .crystal,
.coating_list .dpremium_2,
.coating_list .crystal_2
{
 margin:0 16px 16px 0;
}

.coating_list .crystal a {
 background:url(../img/service/btn_crystal02.png) no-repeat;
}

.coating_list .crystal_2 a {
 background:url(../img/service/btn_crystal02_2.png) no-repeat;
}

.coating_list .diamond a {
 background:url(../img/service/btn_diamond02.png) no-repeat;
}

.coating_list .diamond_2 a {
 background:url(../img/service/btn_diamond02_2.png) no-repeat;
}

.coating_list .dpremium a {
 background:url(../img/service/btn_dpremium02.png) no-repeat;
}

.coating_list .dpremium_2 a {
 background:url(../img/service/btn_dpremium02_2.png) no-repeat;
}

.coating_list .pure a {
 background: url(../img/service/btn_pure02.png) no-repeat;
}

.coating_list .pure_2 a {
 background: url(../img/service/btn_pure02_2.png) no-repeat;
}

.coating_list .aqua a {
 background:url(../img/service/btn_aqua02.png) no-repeat;
}

.coating_list .intro h2 {
 font-weight:bold;
 font-size:14px;
 margin:1em 0 0.5em;
}

.coating_list .intro p {
 line-height:1.8;
}

/* ---------------------------------------------------------
 ページ下部関連情報
------------------------------------------------------------ */

#relateinfoArea {
 margin:0 0 15px;
 clear:both;
}

#relateinfoArea .relateinfo {
 background: url(../img/service/bg_relateinfo01.png) no-repeat;
 width:307px;
 height:261px;
 float:left;
 margin:0 0 0 10px;
 padding:20px 0 0;
}

#relateinfoArea .first {
 margin:0;
}

#relateinfoArea .relateinfo h3 {
 font-weight:bold;
 color:#D01126;
 border-left:4px solid #D01126;
 padding:0 0 0 9px;
 font-size:18px;
 width:257px;
 margin:0 auto 14px;
}

#relateinfoArea .relateinfo section {
 width:257px;
 margin:0 auto 16px;
}

#relateinfoArea .relateinfo section p {
 line-height:1.7;
 margin:0 auto 16px;
}

#relateinfoArea .relateinfo section ul li em {
 font-size:10px;
 display:block;
 margin:0 0 2px;
 line-height:1.2;
 font-style:normal;
}

#relateinfoArea .relateinfo section ul li a {
 font-size:13px;
 margin:0 0 10px;
 display:block;
}
/*------------------------------*/
/*common set*/
/*------------------------------*/
.boxred {
 width: 899px;
 margin: 0px auto 20px auto;
 background-image: url(../img/service/box_rc_head.png);
 padding-top: 10px;
 background-repeat: no-repeat;
}
.boxred .boxwrap {
 background-image: url(../img/service/box_rc_foot.png);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.boxred .boxwrap .boxinner{
 background-image: url(../img/service/box_rc_body.png);
 background-repeat: repeat-y;
 overflow:hidden;
}
.boxred .boxcontent,
.boxwhite .boxcontent {
 margin:0 auto;
 width:822px;
 padding:10px 0;
}
.boxred h2,
.boxwhite h2 {
 color: #000;
 margin-left: -20px;
}
.boxred p,
.boxwhite p {
 line-height:1.6;
}
.boxwhite {
 width: 899px;
 margin: 0px auto 20px auto;
 background-image: url(../img/service/box_rc_w_head.png);
 padding-top: 10px;
 background-repeat: no-repeat;
}
.boxwhite .boxwrap {
 background-image: url(../img/service/box_rc_w_foot.png);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.boxwhite .boxwrap .boxinner{
 background-image: url(../img/service/box_rc_w_body.png);
 background-repeat: repeat-y;
 overflow:hidden;
}
/* ---------------------------------------------------------
 レイアウト用CLASS	[各所で使用]
------------------------------------------------------------ */

/*------------------------------*/
/*TXT*/
/*------------------------------*/
.txt14 {
 font-size: 14px !important;
}
/*------------------------------*/
/*CREAR*/
/*------------------------------*/
.clear {
 clear: both !important;
}
/*------------------------------*/
/*Margin Padding */
/*------------------------------*/
.maL0{
 margin-left:0px !important;
}
.maL0_5{
 margin-left:5px !important;
}
.maL1{
 margin-left:10px !important;
}
.maL1_5{
 margin-left:15px !important;
}
.maL2{
 margin-left:10px !important;
}
.maL3{
 margin-left:0px !important;
}
.maT0{
 margin-top:0px !important;
}
.maT1{
 margin-top:10px !important;
}
.maT2{
 margin-top:20px !important;
}
.maT3{
 margin-top:30px !important;
}
.maR0{
 margin-right:0px !important;
}
.maR1{
 margin-right:10px !important;
}
.maR1_5{
 margin-right:15px !important;
}
.maR2{
 margin-right:20px !important;
}
.maR3{
 margin-right:30px !important;
}
.maU0{
margin-bottom:0px !important;
}
.maU1{
margin-bottom:10px !important;
}
.maU1_5{
margin-bottom:15px !important;
}
.maU2{
margin-bottom:20px !important;
}
.maU3{
margin-bottom:30px !important;
}
.paL0{
padding-left:0px !important;
}
.paL1{
padding-left:10px !important;
}
.paL2{
padding-left:20px !important;
}
.paL3{
padding-left:30px !important;
}
.paL4{
padding-left:40px !important;
}
.paT0{
padding-top:0px !important;
}
.paT0_5{
padding-top:5px !important;
}
.paT1{
padding-top:10px !important;
}
.paT2{
padding-top:20px !important;
}
.paT3{
padding-top:30px !important;
}
.paR0 {
padding-right:0px !important;
}
.paR1 {
padding-right:10px !important;
}
.paR2 {
padding-right:20px !important;
}
.paR3 {
padding-right:30px !important;
}
.paU0{
padding-bottom:0px !important;
}
.paU0_5{
padding-bottom:5px !important;
}
.paU1{
padding-bottom:10px !important;
}
.paU2{
padding-bottom:20px !important;
}
.paU3{
padding-bottom:30px !important;
}

/*------------------------------*/
/*for txt float  */
/*------------------------------*/
.floatOver{
 overflow:hidden !important;
 _zoom:1 !important;
}
/*------------------------------*/
/*ohters  */
/*------------------------------*/
.clearNone {
 clear:none !important;
 }
.wideAuto {
 width:auto !important;
 }
 .floatnone {
  float:none !important;
 }
 .bordernoe {
  border:none !important;
 }

/*ここから2014/08/12～制作リニューアル*/
.coating_list .ttl {
    margin: -5px 0 9px;
    text-align: center;
}
.crystal_body .block .block_body .point h4,
.crystal_body .block .block_body h4,
.diamond .block .block_body .point h4,
.diamond .block .block_body h4,
.pure .block .block_body .point h4,
.pure .block .block_body h4 {
 font-weight:bold;
 font-size:14px;
 color:#D01126;
 margin:0 0 0.5em;
}

.service_body {
    margin: 0 41px 30px;
    width: 861px;
}

.crystal_body .line_n,
.diamond .line_n,
.pure .line_n {
 background:url(../img/service/hr_01.jpg) no-repeat;
 height:2px;
 width:901px;
 margin:0 auto 25px;
 border:none;
 clear:both;
 overflow:hidden;

}
.price_top .block p.btn {
    float: left;
}

.coating_list.hikaku_body {
    display: block;
    margin: 0 auto;
    width: 935px;
    height: 945px;
}
.coating_list.hikaku_body p {
    margin: 0 0 30px;
 line-height:1.6;
}

/* 2018 ページトップに動画追加　神谷 */
#movie-top {
width:622px;
display: inline-block;
vertical-align: top;
margin:41px 0 30px;
}
#movie {
position: relative;
padding-bottom: 360px;
padding-left: 177.5px;
height: 0;
overflow: hidden;
margin: 0 auto 20px;
background-color: #fff;
}
#infonavi{
display: inline-block;
background: none!important;
padding-left: 25px;
margin: 0;
}
#infonavi .wrap{
display: inline-block;
width: 293px;
margin: 0;
background: none!important;
padding: 0;
}
#infonavi .wrap nav{
background: url(../img/service/info-head.png);
background-repeat: no-repeat;
height: 550px;
}
#infonavi .wrap nav ul{
background: none!important;
}
#infonavi .wrap nav ul li{
width:auto!important;
display: inline-block;
border: none;
}
#infonavi .wrap nav ul li:first-of-type{
margin-top: 41px;
}
#infonavi .wrap nav ul li a{
 padding: 0;
}
#infonavi .wrap nav ul li a img{
background: none!important;
transition-duration: 0.3s;
-webkit-transition-duration:0.3s;
}
#infonavi .wrap nav ul li a:hover img{
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

/* wash */
#tabnav .tab_body #tab_body02 ul{
padding: 20px 0 0 0;
margin: 0 auto;
display: inline-block;
}
#tabnav .tab_body #tab_body02 ul li{
margin-left:17px;
}
.colum_item.main_colum {
  width: 880px;
  float: left;
  overflow: hidden;
  zoom: 1;
  position: relative;
}
.colum_item .normal {
  float: left;
  width: 670px;
}


.colum_item_body {
    margin-left: 0;
    overflow: hidden;
}
.colum_item .colum_txt {
  float: right;
  width: 210px;
}
.colum_item .colum_txt p {
  min-height: auto;
}
.price_list3 {
  background-color: #f2f2f2;
}
.price_list3 .price {
  width: 140px;
  margin: 0 auto;
}
.price_list2 .price {
  width: 210px;
}
.price_list2 .price dl dt,
.price_list3 .price dl dt {
  font-size: 8px;
  letter-spacing: -0.15em;
  background: #dedede;
  width: 210px;
  height: 20px;
  line-height: 20px;
  box-sizing: border-box;
  padding-left: 2px;
  border-top: 1px solid #2f2f2f;
  border-left: 1px solid #2f2f2f;
  border-right: 1px solid #2f2f2f;
}
.price_list2 .price dl dt em,
.price_list3 .price dl dt em {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
}
.price_list2 .price dl dd,
.price_list3 .price dl dd {
  font-size: 20px;
  text-align: center;
  padding: 3px 0;
  margin: 0 0 5px;
  font-weight: bold;
  overflow: hidden;
  vertical-align: middle;
  display: table-cell;
  height: 26px;
  width: 220px;
  box-sizing: border-box;
  border-right: 1px solid #2f2f2f;
  border-left: 1px solid #2f2f2f;
  padding-left: 5px;
}
.price_list3 .price dl dt,
.price_list3 .price dl dd {
  float: left;
}
.price_list3 .price dl dt {
  height: 28px;
  width: 40px;
  clear: both;
  font-size: 1.35em;
  letter-spacing: normal;
  line-height: 28px;
  text-align: center;
  border-right: none;
  border-bottom: none;
  margin: 0;
}
.price_list3 .price dl dd {
  height: 28px;
  width: 100px;
  float: left;
  font-size: 1.35em;
  letter-spacing: normal;
  border-top: 1px solid #2f2f2f;
  /* border-bottom: 1px solid #2f2f2f; */
  margin: 0;
}

.price_list3 .price dl dt.borderbottom,
.price_list3 .price dl dd.borderbottom {
  border-bottom: 1px solid #2f2f2f !important;
}
.wash .price_list2 h2,
.wash .price_list3 h2 {
  border: none;
  margin: 0 0 8px 0;
  padding: 0;
}
.wash .price_list3 h2 {
  font-size: 11px;
}
.keeper p.memo {
  /* letter-spacing: -0.1em; */
}
.price_list2 .price dl dd.bordernoe {
  border-bottom: 1px solid #2f2f2f !important;
  border-right: 1px solid #2f2f2f !important;
  border-left: 1px solid #2f2f2f !important;
}
#item_02 p.read,
#item_03 p.read {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#item_02 .colum_data,
#item_03 .colum_data {
  margin-bottom: 10px;
}
#item_02 .colum_data ul,
#item_03 .colum_data ul {
  height: 78px;
  line-height: 0;
  width: 680px;
}
#item_02 .colum_data ul li,
#item_03 .colum_data ul li {
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
}
.clearFix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
p.smallfont {
  width: 125%;
  font-size: 8px;
  -webkit-transform: scale(0.85);
  -webkit-transform-origin: 0 0;
}
p.smallfont8 {
  width: 110%;
  font-size: 8px;
  -webkit-transform: scale(0.9);
  -webkit-transform-origin: 0 0;
}
p.working {
  height: 32px;
  width: 167px;
  padding-left: 10px;
  background: url(../img/bg_work01.jpg);
  box-sizing: border-box;
  line-height: 32px !important;
  font-size: 16px;
  font-weight: bold;
}
.wash .tilte_type3 {
    font-weight: bold;
    color: #000;
    background-image: url(../img/bg_titile01.jpg);
    background-repeat: repeat-y;
}
.wash .tilte_type3 h2 {
  font-size: 24px;
  color: #000;
  border-left: none;
  vertical-align: bottom;
  padding-left: 15px;
  padding-top: 4px;
  height: 38px;
  line-height: 38px;
  margin-bottom: 10px;
}
.wash .tilte_type3 h2 small {
  font-weight: bold;
  font-size: 20px;
  margin-left: 10px;
}
.wash .l_menu h2 {
  font-size: 34px;
  border-left: none;
  padding: 0 0 0 9px;
  margin: 0;
  height: 87px;
  line-height: 87px;
}
.wash .l_menu p {
  font-size: 19px;
  font-weight: bold;
  height: 87px;
  line-height: 87px;
}
.wash .block {
  margin: 0 auto 8px;
}

#tabnav .tab_body #tab_body02 ul li img {
    width: 170px;
    height: 120px;
}

.price_list.new_price {
  width: 235px;
}
.price_list.new_price .price {
  width: 215px;
  padding: 5px;
  margin: 10px 0 5px 10px;
  box-sizing: border-box;
  background: #EEEFEF;
}

.colum_item .colum_txt .new_price .price dt {
  width: 220px;
  height: 20px;
  box-sizing: border-box;
}

.colum_item .colum_txt .new_price .price dd {
  height: 24px;
  padding: 4px 0 8px 0;
  width: 220px;
  box-sizing: border-box;
}

.colum_item .colum_txt .new_price .price dd p {
  height: 26px;
  padding: 3px 0;
}

.colum_item .colum_txt .new_price .price dl dt em {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}
.colum_item .colum_txt .price_list.new_price h2 {
    margin-left: 10px;
}

.price_list.new_price2 {
  width: 155px;
}

.price_list.new_price2 .price {
  width: 150px;
  padding: 5px;
  background: #f8f8f8;
}

.price_list.new_price2 h2 {
  font-size: 11px;
  color: black;
  border-left: 4px solid black;
  padding: 0;
}

.price_list.new_price2 .price dl dt,
.price_list.new_price2 .price dl dd {
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 1.35em;
  letter-spacing: normal;
  text-align: center;
  /* padding: 3px 0; */
  padding: 0;
  margin: 0;
}

.price_list.new_price2 .price dl dt {
  width: 40px;
  border-bottom: 1px solid #9FA0A0;
  font-size: 0.95em;
}

.price_list.new_price2 .price dl dd {
  width: 100px;
}
.price_list.new_price2 .price dl .borderbottom {
  border: none;
}

.keeper p.btn {
  margin-top: 10px;
}

/*------------------------------*/
/*ピュアキーパー  */
/*------------------------------*/
.pure {
  width:934px;
  margin:0 0 0 5px;
}

.pure .line_n {
  background:url(../img/service/hr_01.jpg) no-repeat;
  height:2px;
  width:901px;
  margin:0 auto 25px;
  border:none;
  clear:both;
  overflow:hidden;

}
.pure .line_sh {
  background:url(../img/hr_shadow.gif) no-repeat left top;
  height:8px;
  margin:0 auto 20px;
  border:none;
  clear:both;
  width:934px;
  overflow:hidden;
  font-size:0;
  line-height:0;

}

.pure .ttl {
  text-align:center;
  margin:-5px 0 9px;
}

.pure h2 {
  font-weight:bold;
  color:#D01126;
  border-left:4px solid #D01126;
  padding:0 0 0 9px;
  font-size:18px;
  margin:0 0 16px;
}

.pure .bar {
  background:url(../img/service/bg_bar01.jpg) repeat-x;
  height:127px;
  position:relative;
  margin:0 0 17px;
}

.pure .bar dl {
  padding:20px 20px 0;
}

.pure .bar dl dt,
.pure .bar dl dd {
  float:left;
  margin:0 10px 0 0;
}

.pure .bar dl dd p {
  display:table-cell;
  vertical-align:middle;
  height:76px;
  line-height:1.5;
}

.pure .bar dl dd  {
  min-width:10em;
}
.pure .block {
  /*width:901px;*/
  width:880px;
  margin:0 auto 17px;
}

.pure .block h3 {
  margin:0 15px 20px;
}

.pure .block p {
  line-height:1.6;
}

.pure .block .block_body {
  margin:0 15px 10px;
}

.pure .block .block_body .point {
  float:left;
  width:263px;
  margin:0 0 0 25px;
}

.pure .block .block_body .point:first-child {
  margin:0;
}

.pure .block .block_body .point h4,
.pure .block .block_body h4 {
  font-weight:bold;
  font-size:14px;
  color:#D01126;
  margin:0 0 0.5em;
}

.pure .block .block_body ul li {
  list-style:disc;
  margin:0 0 0.5em 1.5em;
}

.pure .block .block_body .pic {
  vertical-align:top;
  padding:20px 0 0;
  margin:0 20px 5px 0;
}

.pure .bg01 {
  min-height:328px;
  background:url(../img/img_meca.jpg) no-repeat right 35px;
  clear: both;
}

.pure .block .step {
  margin:0 0 20px 15px;
  width:295px;
  clear:both;
}

.pure .block .step section {
  width:287px;
  /* [disabled]float:left; */
  margin:0 0 10px 0px;
}

.pure .block .step .step01,
.pure .block .step .step04 {
  margin:0 0 10px;
}

.pure .block .step section h3 {
  margin:0 0 0.5em;
  padding:0;
}

.pure .price_list {
  width:255px;
  background:url(../img/hr_vertical01.gif) no-repeat left;
  min-height:430px;
  padding:0 0 0 50px;
}

.pure .price_list h2 {
  margin:0 0 16px -15px;
}

.pure .price_list .price {
  background:#EEEFEF;
  width:230px;
  padding:10px;
  margin:10px 0 5px;
}

.pure .price_list .price dl dt {
  font-size:10px;
  letter-spacing:-0.1em;
}

.pure .price_list .price dl dt em {
  font-weight:bold;
  font-size:12px;
  font-style:normal;
}

.pure .price_list .price dl dd {
  font-size:20px;
  text-align:center;
  padding:5px 0;
  border-bottom:1px solid #9FA0A0;
  margin:0 0 5px;
  font-weight:bold;
}
.block.bg01 .block_body .txtColum {
  width: 404px;
}
.pure .bg02 {
  min-height:155px;
  background:url(../img/img_osusume.jpg) no-repeat right top;
  margin-bottom: 0 !important;
  padding-bottom:0;
  overflow:hidden;
}
.pure .bg02 .point .block_body {
  margin-bottom: 0px;
  width:410px;
}
.pure h2 span {
  font-weight:bold;
}
.pure .tilte_type1 {
  font-weight:bold;
  color:#FFF;
  padding:5px 8px !important;
  margin:0 0 16px;
  background-image: url(../img/bg_title_type1.gif);
  background-repeat: repeat-y;
  clear:both;
  zoom:1;
}
.pure .tilte_type2 {
  font-weight:bold;
  color:#FFF;
  padding:5px 8px !important;
  margin:0 0 16px;
  background-image: url(../img/bg_title_type2.gif);
  background-repeat: repeat-y;
  clear:both;
  zoom:1;
}
.pure .tilte_type1 p,
.pure .tilte_type2 p{
    border-left:4px solid #FFF;
    padding:0 0 0 15px;
    font-size:18px;
    line-height:1;
}
.pure .colum_sp1,
.pure .colum_sp2 {
  width:872px;
margin:0 auto 17px;

}
.pure .colum_sp1 .fl {
  width:557px;
  padding-left:20px
}
.pure .colum_sp1 .fl p {
  font-size: 14px;
  margin-bottom: 10px;
}
.pure .colum_sp1 .fr.price_list {
  background-image: none;

  padding:0 0 0 33px;
}
.pure .step img {
  margin-bottom: 5px;
}
.pure .colum_sp2 .colum1 {
  width:232px;
  float:left;
  padding:0 0 0 20px;
}
.pure .colum_sp2 .colum1 p {
  font-size: 14px;
  margin-bottom: 20px;
}
.pure .colum_sp2 .price_list {
  padding-left: 33px !important;
  margin-left:21px;
}
.pure .price_list_commnet {
  margin-left:-10px;
  margin-bottom:10px;
}
.pure article .block .block_body.clearfix .point p {
  overflow:hidden;
  zoom:1;
}
.pure article .block .block_body.clearfix .point img {
  float: right;
  margin-left:10px;
}
.pure article .block.clearfix .fl .step img {
  float: left;
  margin-right: 10px;

}
.pure article .block.clearfix .fl .step p{

  overflow:hidden;
  zoom:1;
}
.pure .block .step section {
  clear:both;
  overflow:hidden;
  zoom:1;
}

.pure #menteList {
  background-image: none;
  padding:0 0 0 20px;
}
.pure article .block h3.h_point {
  font-size: 14px;
}

/* 2014/3/13追加 ページTOP価格 */

.pure .price_top {
  text-align:center;
  width:754px;
  margin-left:80px;
}

.pure .inner .car {
  font-size:10px;
  letter-spacing:-0.1em;
}

.pure .inner .size {
  font-weight:bold;
  font-size:12px;
  font-style:normal;
}

.pure .inner {
  float:left;
  font-size:20px;
  text-align:center;
  width:150px;
  border-right:1px solid #9FA0A0;
  font-weight:bold;
}

/* 2014/8/19追加 参考価格横文字 */
.pure .article_body h2 span{
  font-weight: normal;
  color: #000;
  font-size: 9px;
}

.pure .article_body h2 span.txt10{
  color: #D01126;
}
/*
p.btn{
  float: right;
}
*/
.pure .price_top {
  margin-left:20px;
  width:890px;
}
.pure .inner {
  width:140px;
}