@charset "utf-8";
/* ===================================================================
CSS information

 file name  :sp.css
 author     :pcbrain
 style info :スマートフォン用
=================================================================== */
* { -webkit-text-size-adjust: none; }

body{
    font-size:16px;
}

/* -----------------------------------------------------------
    #header
        ヘッダー
----------------------------------------------------------- */
img{
    max-width:100%;
    vertical-align:middle;
}

input[type=image]{
    max-width:100%;
}

#header .area {
    position:relative;
    width:auto;
    height:auto;
}

#top .area .protimes1,
#top .area .protimes2{
    display:none;
}

#header h1{
    position:static;
    text-align:center;
    padding-top:15px;
    font-size:11px;
    margin-bottom:5px;
    width: auto;
    white-space: normal;
}

.wp-caption{
    width:auto !important;
}

#campaign #content table,
#blog #content table{
    width:auto !important;
}

#top #header #headerlogo{
    display:none;
}

#header #headerlogo{
    position:static;
    text-align:center;
}

#header #headerlogo img{
    width:300px;
}

#header #headermenu{
    position:static;
    display:none;
}

#header #headertel{
    display:none;
}

#content ul,
#content ol {
    margin:5px 10px 15px 35px;
    padding:0;
}

/*
#header #headertel{
    position:static;
    text-align:center;
}

#header #headertel img{
    width:149px;
    display:block;
    margin:10px auto 0;
}

#header #headertel a,
#header #headertel a img{
    width:177px;
    display:block;
}

#header #headertel a{
    margin:-15px auto 5px;
}
*/
#header #headertel_sp{
    display:block;
    text-align:center;
    border: solid 3px #009944;
    border-radius:5px;
    padding: 0px;
    margin:10px 5px;
}

#header #headertel_sp h3{
    color:#fff;
    background:#009944;
}

#header #headertel_sp a{
    display:block;
    width:auto;
    height:42px;
    border-radius:20px;
    margin:10px 10px 5px;
    background: rgb(160,130,113); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(160,130,113,1) 0%, rgba(113,71,48,1) 7%, rgba(73,36,15,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,130,113,1)), color-stop(7%,rgba(113,71,48,1)), color-stop(100%,rgba(73,36,15,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08271', endColorstr='#49240f',GradientType=0 ); /* IE6-9 */
    box-shadow:rgba(103, 66, 53, 0.4) 1px 1px 4px 1px;
    color:#ffffff;
    font-weight:bold;
    font-size:30px;
    text-align:center;
    padding-top:14px;
    text-decoration:none;
    line-height:1;
}

#header #headertel_sp a:hover{
    text-decoration:none;
}


#header #headercontact{
    float:none;
}

#main_visual {
    display:none;
}

.area{
    width: auto;
}

#mainimage_sp{
    display:block;

}

#mainimage_sp img{
    width:100%;
}


#header .logo_protimes img{
    width:54px;
}

/* -----------------------------------------------------------
    #gmenu
        グローバルナビゲーション
----------------------------------------------------------- */

/* -----------------------------------------------------------
    #snavi
        スマートフォン用ナビゲーション
----------------------------------------------------------- */
#gnav {
    height:auto;
    background-image:none !important;

}

#gnav ul{
    display:block;
    width: auto;
    height:auto;

    margin:10px 5px 10px;
    box-sizing:border-box;
    border-radius:5px;
    border:solid 3px #fCaF4A;
    font-size:18px;
    font-weight:bold;
    overflow:hidden;

}

#gnav ul li{
    display:block;
    height:auto;
    color:#ffffff;
    border-bottom:solid 3px #fCaF4A;
    background:url(../img/common/icon_arrow_right.png) no-repeat 10px center #EC7F0A;
    text-align:left;
    width:auto;
    float:none;

}

#gnav ul li:hover{
    background:url(../img/common/icon_arrow_right.png) no-repeat 10px center #fCaF4A;
}

#gnav ul li:last-child{
    border-bottom:none;
}

#gnav ul li a{
    display:block;
    float:none;
    width:100%;
    height:auto;
    padding:13px 0 13px 40px;
    text-indent:0;
    color:#ffffff;
    line-height:18px;
    background-image:none !important;
}

#gnav li a:hover{
    text-decoration:none;
}

#gnav li a{ width:100%; }


#menu{
    width:auto;
    margin:0 0 20px;
    float:none;
    font-size:initial;
}

#menu #menuyamamoto p.menuyamamotoadress {
    text-align:center;
}

.left_officebox{
    overflow:hidden;
}

.left_officebox > div{
    max-width:40%;
    float:left;
    margin:5px 10px 5px 5px;
}

.left_officebox > div > a > img{
    margin-right:10px;
}

.left_officebox p{

}


#menu .bnr_leftside{
    margin:0 auto 10px !important;
    text-align:center;
}

#menu .bnr_leftside2{
    margin:0 auto 10px !important;
    text-align:center;
}

.menubox {
    margin:10px auto 10px;
    text-align:left;
    width:300px;
}

#menu ul li a {
    background:url(../img/common/arrow_orange.gif) no-repeat 5px 12px;
    padding-left:25px;
}

#menu #menuyamamoto {
    margin-left:10px;
    margin-right:10px;
}

#snav {
    display:block;
}

#snav select{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    margin:0 auto 15px;
    display:block;
    padding:10px;
    border:solid 3px #fCaF4A;
    border-radius:8px;
    width:90%;
    box-sizing:border-box;
    font-size:16px;
    cursor: pointer;
    font-weight:bold;
    background-color:#EC7F0A;
    background:url(../img/common/icon_arrow_bottom.png) no-repeat #EC7F0A right 50% !important;
    color: #FFFFFF;
}

#snav select option{
    display:block;
    width:100%;
}


/* -----------------------------------------------------------
    #mainv
        スライド
----------------------------------------------------------- */

/* -----------------------------------------------------------
    #content
        コンテンツ
----------------------------------------------------------- */
#content{
    float:none;
    width:auto;
    padding-bottom:0px;
}

#works #content,
#voice #content{
    text-align:center;
}

#content p{
    text-align:left;
}

#content img{
    max-width:100%;
    box-sizing:border-box;
    display:inline-block;
    padding:0 5px;
}

#construction #content img.contentflow_bottom{
    max-width:none;
}

#content .contentbtn img,
#content .contentbtn2 img{
    padding:0;
}


#content p{
    margin:5px 10px 20px 10px;
}

#content img.sp_imagetitle{
    width:100%;
    box-sizing:border-box;
    display:block;
    margin:0;
    padding:0 5px;
}


#content ul.workschiiki {
    text-align:center;
    margin:20px 0 15px;
}

#content ul.workschiiki li {
    width:152px;
    height:39px;
    background:url(../img/common/bg_workschiiki_sp.gif) no-repeat;
    font-size:12px;
    margin:0 1px 6px;
    display:inline-block;
    float:none;
    text-align:left;
}

#content ul.workschiiki li a {
    padding:11px 0px 0 32px;
    height:28px;
    font-size:10px;
}

#content h4 {
    padding:7px;
    line-height:1;
    background-image:none;
    background-color:#6EB420;
    border-radius:5px;
    margin:20px 5px 5px;
    text-align:left;
}

#content .contentflow h4{
    background: url(../img/common/bg_h4.gif) no-repeat right top;
    padding:14px 10px 6px 54px;
    line-height:2;
    font-size:13px;
}

#content .contentflow h4 img{
    padding:0;
}

#content .contentflow img.imgR{
    float:none;
    display:block;
    margin:10px auto;
}

#content .contentflow {
    background: url(../img/common/bg_contentflow.gif) repeat-y 5px;
}

#content h4.file {
    padding:7px;
    background-image:none;
    background-color:#6EB420;
    border-radius:5px;
    margin-top:0;
    margin-bottom:0;
}

#content h4.note {
    padding:7px;
    background-image:none;
    background-color:#6EB420;
    border-radius:5px 5px 0 0;
    margin-top:0;
    margin-bottom:0;
    font-size:14px;
}

#content h5 {
    font-size:16px;
    border-bottom:2px dotted #999;
    background-size:16px 16px;
    background-position:left 3px;
    line-height:1.5;
    padding-left:20px;
    margin:0 5px 10px;
    text-align:left;
}

#corporate #content h5 {
    padding-left:0px;
}

#content .wakugreen {
    margin:0 5px 20px;
}

#content dl.contentnews {
    margin:0 0 5px 0;
    padding:5px 0px 0 0px;
    border-bottom:1px dotted #6f4229;
    overflow:hidden;
    overflow-y: scroll;
}

#content dl.contentnews dt {
    padding:5px 7px 0px;
    float:none;
    width:auto;
    border-bottom:none;
    font-size:12px;
    font-weight:bold;
}

#content dl.contentnews dd {
    padding:0px 7px 5px;
    text-align:left;
    float:none;
    width:auto;
    border-top:none;
    margin-left:0;
    font-size:14px;
}

#content p.rlink {
    margin:5px 5px;
    font-size:12px;
}

#content p.rlink a{
    display:inline-block;
}

#content h3 {
    font-size:18px;
    padding:8px 12px;
    background-image:none;
    background-color:#09357C;
    border-radius:5px;
    margin:5px 5px 15px;
    text-align:left;
}

#blog #content h3 {
    padding:0;
    background-color:transparent;
    border-radius:0px;
    margin:0 0 15px;
}

#content table{
    margin:10px 5px 10px 5px;
    display:block;
    width:auto;
}

#content th {
    width:85px;
    white-space:normal;
    font-size:14px;
}

#content{
    overflow:hidden;
    position:relative;
}


#content .contentbtn img{
    max-width:300px;
}

#content .contentreform{
    display:none;
}

#content ul#contentpoint {
    text-align:center;
}

#content ul#contentpoint li{
    display:inline-block;
    float:none;
}

#content ul#contentpoint li img{
    position:static;
    padding:0;
}

#content ul#contentpoint li p{
    /*position:static;*/
    top:0px;
}

#voice #content .workslist2 img{
    width:144px !important;
    height:124px !important;
    padding:0;
}

#content .workslistcenter{
    text-align:center;
    overflow:hidden;
    margin-bottom:30px;
}

#content .workslist2 img,
#content .workslist3 img{
    width:136px !important;
    height:108px !important;
    padding:0;
}

#content .workslist2,
#content .workslist3 {
    width: 150px;
    text-align:center;
    padding-top:18px;
    margin:20px 1px 5px;
    vertical-align:top;
    position:relative;
    border:1px solid #f2e6cd;
    display: inline-block;
    height:auto;
    float:none;
}

#content .workslist2:nth-child(3n+2),
#content .workslist3:nth-child(3n+2){
    margin:20px 1px 5px;
}

#content .workslist2:before{
    content: url(../img/common/works_bottom3_sp.gif);
    bottom: -9px;
}

#content .workslist3:before {
    content: url(../img/common/works_bottom3_sp.gif);
}

#content .workslist2:after,
#content .workslist3:after {
    left:38px;
}

#content .workslist2 p{
    text-align:center;
    height:auto;
}

#content .workslist3 p{
    text-align:center;
    height:60px;
    font-size:14px;
}

#content #contentbottomworks{
    margin:0;
    text-align: center;
}


.staffpic {
    width: 108px;
    height:88px;
    background:url(../img/staff/bg_staffpic.png) no-repeat;
    background-size:cover;
    margin:7px 0 0 7px;
}

#content .staffpic img{
    padding:0;
    width:100px;
    height:80px;
}

#content .staffbox p {
    margin:0 0 0 125px;
}

.staffbox {
    padding-bottom:5px;
}


#content .staffbox ul {
    position:static;
    margin-top:10px;
}

#content .staffbox ul li {
    float:left;
    margin:0 3px 5px;
    border-radius:5px;
}

.blood{
    display:none;
}

.staffstatus{
    font-size:10px;
}

#content ul#topicsbox{
    margin: 10px 0 30px 0;
    text-align:center;
    padding:10px 0;

}

#content ul#topicsbox li {
    float:none;
    width: 152px;
    margin:2px;
    display: inline-block;
    vertical-align: top;
}

#content ul#topicsbox img{
    padding:0;
}

.contact_tel span{
    font-size: 33px;
    background:url(../img/contact/ico_freedial.png) no-repeat left 14px;
    background-size: 36px;
    padding-left: 40px;
}
/* -----------------------------------------------------------
    #side
        サイドバー
----------------------------------------------------------- */
#side{
    float:none;
    width:auto;
    text-align:center;
}

.bnr_side_right{
    text-align:center;
}



#contentside{
    float:none;
    width:auto;
    margin-right:0;
}

ul#menuworks li.case p.menucasedate {
    font-size:16px;
}

ul#menuworks li.case p.menucasedetail {
    float: left;
    height:21px;
    width:230px;
    font-size:16px;
    padding-top:7px;
}


ul#menuworks li{
    border-bottom:dotted 1px #ccc;
}

ul#menuworks li:last-child{
    border-bottom:none;
}

ul#menuworks li.case {
    background:none;
}

ul#menuworks li a.workspic{
    background:none;
}

ul#menuworks li a {
    background:url(../img/common/arrow_orange.gif) no-repeat 5px 7px;
    padding-left:25px;
}

.menubox ul li {
    border-bottom:dotted 1px #ccc;
}

.menubox ul li:last-child {
    border-bottom:none;
}

#side_group {
    width:190px;
    margin:0 auto 10px;
}

.topbanner{
    margin:0 5px 10px;
    padding:0;
}

/* -----------------------------------------------------------
    #footer
        フッター
----------------------------------------------------------- */
#footer #footerbottom{
    padding:10px 5px;
}

#footer #footerbottom .area{
    text-align:center;
}

#footer #footerbottom img.sp_footerlogo{

}

#footerbottom #footercontact {
    display:none;
}

#footermenu {
    display:none;
}

#footer{
    padding-bottom:67px;
}

#footer p#copyright{
    margin-top:30px;
    text-align:center;
}
#footer p#footerpcb{
    margin-top:0px;
    margin-right:0px;
}

#footer .footercatch{
    font-size:11px;
    display:block;
    margin-bottom:5px;
}

#footer a{
    color:#ffffff;
}

#footer .footerarrowbox{
    width:auto;
    text-align:left;
    margin:5px 10px 0;
}


#footer .ftrContact .inner{
    width: 100%;
    background-image:none;
    background: linear-gradient(to bottom, #ea7c06 0%,#ff9f39 100%); /* W3C */
    height:auto;
}

#footer .ftrContact .inner .inBox{
    float:left;
    margin-left:10px;
    margin-top: 10px;
}



#footer .ftrContact .inner .inBox:nth-child(1){ width:38%; }
#footer .ftrContact .inner .inBox:nth-child(2){    width:38%; }
#footer .ftrContact .inner .inBox:nth-child(3){ float:right; margin:16px 10px 0 0 ;}

.inBox a.teltext{
    display:block;
    border-radius:5px;
    float: none;
    margin:0 0 0 0;
    height:50px !important;
    padding:6px 5px 8px 40px;
    background:url(../img/common/ico_phone_red.png) no-repeat 5px center #ffffff;
    background-size:30px 30px;
    font-weight:bold;
    text-decoration:none;
    font-size:20px;
    line-height:1.2;
    box-sizing:border-box;
    vertical-align:top;
    color:#c73a3a !important;
}

.inBox a.footermail{
    display:block;
    border-radius:5px;
    float: none;
    margin:0 0 0 0;
    height:50px !important;
    padding:14px 5px 8px 40px;
    background:url(../img/common/ico_mail_red.png) no-repeat 5px center #ffffff;
    background-size:30px 30px;
    font-weight:bold;
    text-decoration:none;
    font-size:20px;
    line-height:1.2;
    box-sizing:border-box;
    vertical-align:top;
    color:#c73a3a !important;
}

#footer .ftrContact .freetel{
    font-size:12px;
    display:block;
}

#footer .ftrContact .inner .inBox a.totop{
    margin-left:5px;
    line-height:1;
}

#footer .ftrContact .inner .inBox a.totop:before{
    top:-10px;
}

#main{
    margin-top:20px;
}

/*------- other -------*/
.spcut{
    display:none;
}

.spblock{
    display:block;
}

.spinline{
    display:inline;
}

#content .imgR {
    float:right;
    margin:10px 10px 10px 10px;
    text-align:center;
}
#content .imgL {
    float:left;
    margin:10px 10px 10px 10px;
}

#content .imgC{
    max-width:100%;
    box-sizing:border-box;
    display:inline-block;
    padding:0 5px;
    margin:0;
}

#recruit #content .imgR,
#recruit #content .imgL{
    float:none;
    margin:0 auto 10px;
    text-align:center;
    display:block;
}

.interview00{
    margin:0 5px;
}

.interviewlist{
    float:none;
}

.Normal_txt{
    margin:0 5px;
}

.wp-pagenavi{
    margin:10px auto;
}

.map{
    margin:0 0 20px 0;
}

/*------- corporate -------*/
.google-maps {
    margin:5px 15px;
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    box-sizing:border-box;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    /*padding:10px;*/
    background:#ffffff;
    z-index:1;
}

/*------- recruit -------*/
#recruit .img210L{
    width:200px;
    float:none;
    margin:10px auto;
}

#recruit .img210L img{
    padding:0;
}

#recruit #content table th,
#contact #content table th,
#environment #content table th{
    width:auto;
    padding:10px 5px;
    vertical-align:middle;
    display:block;
}

#recruit #content table td,
#contact #content table td,
#environment #content table td {
    padding:10px 5px 10px 7px;
    vertical-align:middle;
    display:block;

}

input[type=text],input[type=email]{
    font-size:16px;
    height:30px;
    vertical-align:middle;
    padding:0 5px;
}

#recruit .w180,
#contact .w180{
    width:100%;
}

#recruit .w280,
#contact .w280{
    width:100%;
}

#recruit .w40,
#contact .w40{
    width:50px;
}

.hissu {
    vertical-align:middle;
}

.break:before{
    content:"\A";
    white-space: pre;
    height:10px;
    display:block;
}

form {
    padding-top:0px;
}

#contact .imgR{
    display:block;
    margin:10px auto;
    float:none;
}

#contact textarea{
    width:85%;
}

#contact table label{
    display:block;
    float:none;
}

#content p.newsdate {
    margin:0px 5px 15px 5px;
}

#content table.wakubrown {
    border-spacing:0;
}

#content table.wakubrown{
    border-top:1px solid #f2e6cd;
}

#content table.wakubrown td{
    border-top:none;
}

#content table.wakubrown tr{
    overflow:hidden;
}

#content table.hyoorange tbody,
#content table.hyoorange tr{
    display:block;
    width:auto;
}

#content table.hyoorange td {
    border-top:none;
}

#content .img_txt_profile img{
    margin:0;
    padding:0;
}

.ContactBtn{
    margin:0 auto 20px;
}
/* contact */
#contact input[type=text],
#contact input[type=email],
#contact textarea{
    box-sizing:border-box;
    width:100%;
}

.bottomtext{
    font-size:12px;
}

#contactsubmit {
    margin:0 10px 30px 10px;
}

/*forcorp */
#content .contentdvd{
    width:auto;
    height:auto;
    margin:5px;
    box-sizing:border-box;
    border:solid 3px #009944;
    border-radius:5px;
    padding:5px;
    background: url(../img/forcorp/img_dvd.png) no-repeat;
    background-position:right 10px top 10px;
    position:relative;
}

#content .contentcontact {
    width:auto;
    height:auto;
    margin:5px;
    box-sizing:border-box;
    border:solid 3px #009944;
    border-radius:5px;
    background:none;
    padding:5px;
    position:relative;
}

#content .contentdvd h6{
    margin:0;
    font-size:14px;
    vertical-align:middle;
    text-align:left;
}

#content .contentcontact h6{
    background:#990000;
    border-radius:5px;
    color:#ffffff;
    font-size:16px;
    padding:2px 4px;
    vertical-align:middle;
    margin:0 0 5px;
}

#content .contentdvd h6 span{
    background:#990000;
    border-radius:5px;
    color:#ffffff;
    font-size:12px;
    padding:2px 4px;
    vertical-align:middle;
    margin-right:5px;
}

#content .contentdvd p.contentdvdcopy {
    color:#000;
    margin:0 140px 0 0;
    position:static;
    font-size:11px;
    line-height:1.6;
    width:auto;
    min-height:140px;

}

#content .contentcontact p.contentcontactcopy {
    color:#000;
    position:static;
    font-size:14px;
    line-height:1.6;
    width:auto;
    text-align:left;
    padding:0;
}

#content .contentcontact img {
    display:block;
    position:static;
    margin:10px auto;
    padding:0;
}

#content .contentdvd p.contentdvddate,
#content .contentcontact p.contentcontactdate {
    margin:0;
    position:static;
    font-size:14px;
    text-align:center;
    padding:0;
}

#content .contentcontact p.contentcontactdate span.tel-link{
    padding-left:0px;
    background:none;
}

#content .contentcontact p.contentcontactdate span{
    display:block;
}

#content .contentdvd p.contentdvddate a,
#content .contentcontact p.contentcontactdate a{
    display:block;
    width:auto;
    height:42px;
    border-radius:20px;
    margin:5px;
    background: rgb(160,130,113); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(160,130,113,1) 0%, rgba(113,71,48,1) 7%, rgba(73,36,15,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,130,113,1)), color-stop(7%,rgba(113,71,48,1)), color-stop(100%,rgba(73,36,15,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(160,130,113,1) 0%,rgba(113,71,48,1) 7%,rgba(73,36,15,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08271', endColorstr='#49240f',GradientType=0 ); /* IE6-9 */
    box-shadow:rgba(103, 66, 53, 0.4) 1px 1px 4px 1px;
    color:#ffffff;
    font-weight:bold;
    font-size:40px;
    text-align:center;
    padding:10px 0;
    text-decoration:none;
    line-height:1;
}

#content .contentdvd p.contentdvddate a:hover,
#content .contentcontact p.contentcontactdate a:hover{
    text-decoration:none;
}

#content .contentdvd ul {
    margin:0 0 10px 0;
    position:static;
    text-align:center;

}

#content .contentdvd ul li {
    margin:10px auto 0;
    float:none;
}

#forcorp img.imgR{
    display:block;
    margin: 10px auto;
    float:none;
}

/* link */
#link .NormalDl{
    margin:10px 5px;
}

#link #content dd{
    border-bottom:dotted 1px #cccccc;
    margin-bottom:10px;
    padding-bottom:5px;
}

/* paintfee */
#content table.plantable{
    margin:5px 5px 10px;
    display:block;
    width:auto;
    border-bottom:none;
}

#content table.plantable th,
#content table.plantable td{
    padding:5px 3px;
    font-size:11px;
}

#content table.plantable th{
    width:auto;
    min-width:45px;
}

#paintfee #content h4{
    border-radius:0;
    padding:5px 8px;
}

/* loan */
#content table.pricetable {
    width:auto;
    margin:15px 5px 0;
    padding:0;
}

#content table.pricetable th,
#content table.pricetable td{
    font-size:12px;
    padding:5px 3px;
    font-size:12px;
    white-space: normal;
}

#content table.pricetable td.point {
    margin:0;
    padding:5px 3px;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
}

/* faq */
#content ul#faqindexbtn{
    text-align:center;
}

#content ul#faqindexbtn li{
    float:none;
    display:inline-block;
    margin:0;
}

#content ul#faqindexbtn li img{
    width:100px;
    padding:0;
}

#content p.question {
    padding: 3px 5px 3px 47px;
}


/* works */
#content .singlemainpic p {
    margin:0 5px;
}

.beforeafter {
    position:relative;
    margin:0 5px 10px;
    overflow:hidden;
    position:relative;
    text-align:center;
}

.beforeafter .before {
    float:none;
    position:relative;
}

.beforeafter .after {
    float:none;
    position:relative;
    border-top:none;
}

.beforeafter:after {
    content: url(../img/common/arrow_after_sp.png);
    position:absolute;
    top:160px;
    left:50%;
}

.beforeafter .before:after {
    content: url(../img/common/icon_before.png);
    position:absolute;
    bottom:10px;
    right:10px;
}

.beforeafter .after:after {
    content: url(../img/common/icon_after.png);
    position:absolute;
    bottom:10px;
    right:10px;
}

#content table.worksdata {
    margin:5px 5px 25px;
    border:none;
    width:auto;
    desiplay:block;
}

#content table.worksdata th,
#content table.worksdata td{
    text-align:left;
}

/* voice */
#content .singleenq {
    margin:0 5px;
}

/* paintfee */
.ban_598000{
    margin-left:0px;
}





#content ul.topbanner img{
    padding:0;
}

#content ul.topbanner li{
    margin:0 5px;
    text-align:center;
}


#content p.blogdate,
#content p.newsdate{
    margin:10px 5px 15px 5px;
}

iframe{
    width:auto !important;
    height:auto !important;
    margin:0 auto 10px;
    display: block;
}