@charset "utf-8";
/*
Theme Name: chameleon Responsive
Theme URI: https://www.global-unity.jp/
Description: Responsive chameleon UI
Version: 3.00β
Author: Global Unity inc.
Author URI: Global Unity inc.
*/

/*
reset CSS
html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
    html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
    body { line-height:1;}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
    nav ul { list-style:none;}
    blockquote, q { quotes:none;}
    blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
    a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

    /* change colours to suit your needs */
    ins { background-color:#ff9; color:#000; text-decoration:none;}

    /* change colours to suit your needs */
    mark { background-color:#ff9; color:#000;  font-style:italic; font-weight:bold;}
    del { text-decoration: line-through;}
    abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
    table { border-collapse:collapse; border-spacing:0;}

    /* change border colour to suit your needs */
    hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
    input, select { vertical-align:middle;}


/*--- base ---*/
* { margin:0px; padding:0px;}
body { font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro",Sans-Serif; line-height: 1.6; font-size: 87.5%;  text-align: left; color:#434343; background: #FFF;}

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; letter-spacing: 0.05em;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;}

a:link,a:visited { color: #434343; text-decoration: none;}
a:active,a:hover { color: #434343; text-decoration: underline;}

a:link img,a:visited img { filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
a:active img,a:hover img { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.xsmall { font-size:80%;}
.small { font-size: 85.7%;}

img { max-width: 100%;}

.colRed { color: #f00000; }

/* SPレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


/*--- foundation layout ---*/

article section { overflow: hidden;}

/*--- header ---*/
#title { padding: 1.5rem 0; margin: 0 0 .6rem; background: #122c49; text-align: center;}
    #title img { width: 71.8%;}

#headerReservation { overflow: hidden; margin: 0 0 16px; text-align: center; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}
    #headerReservation a { display: inline-block; line-height: 1.2; padding: 12px 24px; background: #122c49; color: #FFF; font-size: 142.9%; box-sizing: border-box;}
        #headerReservation a:active,#headerReservation a:hover { color: #DFE706; }
        #headerReservation a span { display: inline-block; line-height: 1.2; padding: 0 0 0 2.2rem; background-position: left center; background-repeat: no-repeat; background-size: 1.8rem 1.8rem; background-image: url(images/header_icon_res_sp.png);}

#headerInfo { text-align: center; overflow: hidden; padding: 0 10%; color: #122c49; margin: -.6rem 0 .6rem; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}
    #headerInfo li { display: inline-block; clear: both; line-height: 1.9rem; margin: .6rem 0 0; padding: 0 0 0 2.2rem; background-position: left center; background-repeat: no-repeat; background-size: 1.8rem 1.8rem;}
    #headerInfo li#headerInfoTime { background-image: url(images/header_icon_cal_sp.png);}
    #headerInfo li#headerInfoTel  { background-image: url(images/header_icon_tel_sp.png); margin-left: -0.6rem;}
        #headerInfo li dt { display: inline-block;/* float: left;*/ margin-right: .5em; padding: .1rem 0 0; font-size: 85.7%; white-space: nowrap;}
        #headerInfo li dd { display: inline-block; font-size: 142.8%;}
            #headerInfo li dd span { font-size: 60%;}


/*--- nav ---*/
.navLock { height: 100%; overflow: hidden; }
nav#fixedNav { position: fixed; top: 5px; left: 0; width: 100%; overflow: auto; z-index: 90; display: none;}
nav { width: 100%; z-index: 100;}
#glNav { margin: 0 1% .6rem; color: #FFF; position: relative; z-index: 100; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}
    #glNav dt { height: 45px; line-height: 45px; padding: 0 0 0 1.2rem; background: #122c49 url(images/sp_menu.png) right center no-repeat; cursor: pointer;}
    #glNav dd { display: none; position: absolute; top: 46px; left: 0; width: 100%; background: #FFF;}
        #glNav ul { width: 100%;}
    #glNav li { position: relative;}
    #glNav li.hasChild { height: auto; background: transparent;}
        #glNav li.hasChild span { display: block; margin:0 0 1px; padding: 0 0 0 1.2rem; height: 45px; line-height: 45px; background: #122c49 url(images/sp_menu_open.png) 98% center no-repeat; cursor: pointer;}
        #glNav li.hasChild ul { display: none; position: relative; margin: 0px 0 1px;}

    #glNav a { display: block; padding: 0 0 0 1.2rem; height: 45px; line-height: 45px; background: #122c49; margin-bottom: 1px; width: 100%; box-sizing: border-box;}
    #glNav li.hasChild a { background: #38587d;}

    .navCon { display: none;}

    #glNav a:link,#glNav a:visited { color: #FFF; text-decoration: none;}
    #glNav a:active,#glNav a:hover { color: #FFF; text-decoration: none;}

/*--- footer ---*/

footer { overflow: hidden; margin: 5.5rem 0 0; background: #f2e7d4;}
    .footerSec { overflow: hidden; padding: 2rem 2%; background: url(images/footer_border01_sp.gif) top repeat-x;}
    .footerSub { padding: 3.5rem 0 0; margin: 0 0 2rem; text-align: center; color: #af8654; font-size: 142.8%; background-repeat: no-repeat; background-position: top center; background-size: 3rem auto; line-height: 1.2;}
        #footerSub01 { background-image: url(images/footer_icon01.png);}
        #footerSub02 { background-image: url(images/footer_icon02.png);}
        #footerSub03 { background-image: url(images/footer_icon03.png);}

    #footerInfoList {}
        #footerInfoList li { clear: both; overflow: hidden; margin: .5rem 0 0;}
        #footerInfoList dt {
            float: left;
            width: 5em;
            margin-right: 1em;
            padding: .2em 0;
            line-height: 1.2;
            text-align: center;
            color: #FFF;
            background-color: #a6937c;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            }
        #footerInfoList dd { overflow: hidden; color: #7e6b5a; line-height: 1.4;}

    #mapCanvas { width: 100%; height: 313px; }
    #mapFrame  { width: 100%; height: 313px; }
        #mapFrame iframe  { width: 100%; height: 313px; }

    #footerTimeTable { width: 100%; border: #e0cfb3 solid 1px; background: #FFF; margin-bottom: .7rem;}
        #footerTimeTable th,#footerTimeTable td { border-top: #e0cfb3 solid 1px; border-bottom: #e0cfb3 solid 1px; color: #7c4400; font-weight: normal;}
        #footerTimeTable th { padding: 1em .5em; width: 1%; white-space: nowrap; text-align: center;}
        #footerTimeTable td span { border-left: #e0cfb3 solid 1px; display: block; padding: .2em .5em;}

    #fotoerToReserv a { display: block; padding: .5em 0; background: #122c49; border: #000000 solid 1px; color: #FFF; text-align: center;}

    footer small { display: block; padding: 1.7rem 0 1rem; background: #a6937c url(images/footer_border_copy.gif) top repeat-x; color: #FFF; font-size: 71.4%; text-align: center;}
    footer small#footerProduce { padding: 0 0 1.7rem; background: #a6937c;}

    footer a:link,footer a:visited { color: #7e6b5a; text-decoration: none;}
    footer a:active,footer a:hover { color: #FFF; text-decoration: none;}
    footer small a:link,footer small a:visited { color: #efdfcc; text-decoration: none;}
    footer small a:active,footer small a:hover { color: #7e6b5a; text-decoration: none;}

/*--- genral setting ---*/
#contentsMainImg { position:relative; margin: 0 0 1.1rem; background-position: top center; background-repeat: no-repeat; background-size: cover;}
 .contentsMain { background-image: url(images/main_img01.jpg);}
    #contentsMainImg h1 { position: absolute; left: 1rem; bottom: 1rem; text-shadow: 0px 0px 4px rgb( 0, 0, 0 );  color: #FFF; font-weight: bold; font-size: 142.8%;}
    #contentsMainImg.bgColor h1 { position: absolute; left: 1rem; bottom: 1rem; text-shadow: none;  color: #122c49; font-weight: bold; font-size: 142.8%;}
    .bgColor { background-image: none !important; background: #ededed;}
    #mainTxt01 { padding: 1em; text-align: right; color: #345d8b; font-weight: bold;}

.topicPath { width: 100%; overflow: hidden; font-size: 85.7%; padding-bottom: 1rem; text-align: right;}
    .topicPath li { display: inline;}
    .topicPath li span { padding: 0 0 0 .5em;}

article { margin: 0 1%;}
article#indexArticle { margin: 0; }
.indexWrapper { margin: 0 1%; }
article h2 { margin: 0 0 1.4rem; padding: 0 0 .7rem; font-size: 114.2%; color: #434343; font-weight: normal; line-height: 1.25; border-bottom: #f2e7d4 solid 1px; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}
    article h2 span { display: block; font-size: 60%; font-weight: normal; color: #b28c6e; padding: 0 0 .2rem;}
    article h2 span.h2FirstTxt { float: left; padding: 0 .5em 0 0; margin: -.2em 0 0; color: #6080a3; font-size: 142.8%; line-height: 1.35;}

article h2.h2Bg { padding: 1em 1em 1em 3em; line-height: 1.6; border: #f2e7d4 solid 2px; text-align: left; background: url(images/icon_quate.png) 1em 1em no-repeat;}


article h3 { margin: 0 0 1.4rem; font-size: 114.2%; color: #bf9000; font-weight: normal; line-height: 1.25;}

article h4 { margin: 0 0 1rem; color: #bf9000; font-weight: bold; line-height: 1.25;}

.hTxt01 { text-align: center; margin: 0 0 1.4rem; padding: 0 0 1.4rem; background: url(images/icon_htxt.jpg) 50% 100% no-repeat; font-size: 128.6%; color: #434343; font-weight: normal; line-height: 1.25; border-bottom: none; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}
    .hTxt01 span { display: inline-block; font-size: 150%; font-weight: normal; color: #b28c6e; padding: 0 0 .2rem;}

.pointSecPare {}
.pointSec01 { background: #F2E7D4; position: relative; overflow: visible; position: relative; margin: 0 0 40px;}
    .pointSec01 a { display: block; position: relative; z-index: 10;}
    .pointSec01 a:hover { text-decoration: none;}
    .pointSec01 a:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: rgba(217,195,172,0.4) 4px solid; box-sizing: border-box; z-index: 9;}
    .pointSec01Num { position: absolute; top: -8px; left: 8px; z-index: 10; width: 48px; height: 48px; text-align: center; color: #FFF; font-size: 228.6%; line-height: 48px; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;
        border: #FFDAAA solid 1px;
        box-shadow:4px 4px 3px -3px rgba(0,0,0,0.2);
        text-shadow:-1px -1px 0px rgba(0,0,0,0.75);
        background: rgb(217,176,51);
        background: -moz-linear-gradient(top, rgba(217,176,51,1) 0%, rgba(235,211,112,1) 100%);
        background: -webkit-linear-gradient(top, rgba(217,176,51,1) 0%,rgba(235,211,112,1) 100%);
        background: linear-gradient(to bottom, rgba(217,176,51,1) 0%,rgba(235,211,112,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9b033', endColorstr='#ebd370',GradientType=0 );
    }
    .pointSec01Img { position: relative; }
        .pointSec01Img img { width: 100%; height: auto;}
        .pointSec01ImgTxt { position: absolute; top: 50%; left: 0; width: 100%; font-size: 128.6%; text-align: center; color: #434343; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; text-shadow: 0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);}
    .pointSec01Txt { padding: 16px 16px 24px; }

.icon04List    { margin: -1em 0 0;}
.icon04List li { margin: 1em 0 0; padding: 0 0 0 .7em; background:url(images/icon04.gif) 0em .5em no-repeat;}

.numList    { margin: -1em 0 0;}
.numList li { margin: 1em 0 0; padding: .2em 0 .2em 2.1em; background-position: 0em .2em; background-repeat: no-repeat;}
    .num01 { background-image: url(images/num01.gif);}
    .num02 { background-image: url(images/num02.gif);}
    .num03 { background-image: url(images/num03.gif);}
    .num04 { background-image: url(images/num04.gif);}
    .num05 { background-image: url(images/num05.gif);}
    .num06 { background-image: url(images/num06.gif);}
    .num07 { background-image: url(images/num07.gif);}
    .num08 { background-image: url(images/num08.gif);}
    .num09 { background-image: url(images/num09.gif);}
    .num10 { background-image: url(images/num10.gif);}
    .num11 { background-image: url(images/num11.gif);}
    .num12 { background-image: url(images/num12.gif);}

.caseList { padding: 0 8%;}
    .caseList .caseImg  { text-align: center;}
    .caseList .caseTxt  { padding-top: 1em; line-height: 1.2; text-align: center;}
    .caseList dd { margin: .5em 0 0; border: #e0d1c5 solid 2px; padding: 10px;}
    .caseList .before { padding: 0 0 2em; margin: 0 0 1em; background: url(images/icon_arrow02.gif) bottom center no-repeat;}

.caseListPt02 { padding: 0 8%;}
    .caseListPt02 dt  { text-align: center;}
    .caseListPt02 .caseImg  { text-align: center;}
    .caseListPt02 .caseTxt  { padding-top: 1em; line-height: 1.2; text-align: center;}
    .caseListPt02 dd {}
    .caseListPt02 .before { padding: 0 0 2em; margin: 0 0 1em; background: url(images/icon_arrow02.gif) bottom center no-repeat;}
    .caseListPt02Txt { padding: 0 8%;}


.contentsNav { margin: -.5em 0 0; padding: 0 3%;}
    .contentsNav li { margin: .5em 0 0;}
    .contentsNav li a {
        display: block;
        font-weight: bold;
        padding: .5em 1em;
        background-color: #ffffff;
        border: 1px solid #CCCCCC;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -moz-box-shadow: 0px 2px #e5e5e5;
        -webkit-box-shadow: 0px 2px #e5e5e5;
        box-shadow: 0px 2px #e5e5e5;
        filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#e5e5e5');
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#e5e5e5')";
        line-height: 1.8;
        }
    .contentsNav li span { display: block; float: left; padding: 0 .5em 0 0; color: #6080a3; font-size: 142.8%; line-height: 1.2;}

.relatedTreatments { border: solid 2px #F2E9DA; background: #fffcf5; padding: 1rem 4% 1rem !important; margin-bottom: 2.5rem !important;}
.categoryNav { margin: -.5em 0 0; line-height: 1.2;}
    .categoryNav li { position: relative; height: 80px; clear: both; border: #CCC solid 1px; margin: .5em 0 0; background: #FFF;}
    .categoryNav li .imgL { float: left; padding: 0; margin-right: 1em;}
    .categoryNav li dl { overflow: hidden; margin-right: 1em;}
    .categoryNav li dt { padding: .5em 0 .3em; margin-bottom: .3em; border-bottom: #CCC dotted 1px; font-weight: bold;}
    .categoryNav li dd { font-size: 85.7%;}
    .categoryNav li a { position: absolute; bottom: 0; right: 0; display: block; padding: .2em .5em; background: #122C49; font-size: 83.3%; color: #FFF;}

.flowList { padding: 0 3%;}
    .flowList li.arrow {
        background: url(images/icon_arrow03.gif) bottom center no-repeat;
        padding: 0 0 2.5rem;
        margin: 0 0 1rem;
    }
    .flowList .flowBox {
        padding: 1em;
        border: 1px solid #CCCCCC;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -moz-box-shadow: 0px 2px #e5e5e5;
        -webkit-box-shadow: 0px 2px #e5e5e5;
        box-shadow: 0px 2px #e5e5e5;
        filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#e5e5e5');
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#e5e5e5')";
    }
    .flowList .flowBox dl { overflow: hidden; padding-bottom: 1em; font-weight: bold; line-height: 1.2;}
        .flowList .flowBox dt {
            float: left;
            margin-right: 1em;
            padding: .5em 1em;
            color: #FFF;
            background-color: #223a55;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
            }
        .flowList .flowBox dd { overflow: hidden; padding: .3em 0 0; font-size: 114.2%;}

.dlPt01 {}
.dlPt01 dt { font-weight: bold; color: #122c49; padding: 0 0 1em;}

.dlList01 { overflow: hidden;  margin: -1em 0 0;}
    .dlList01 li { clear: both; overflow: hidden; margin: 1em 0 0;}
    .dlList01 dt { float: left; width: 1em; height: 1em; margin: 0 1em 0 0; padding: .5em; color: #6080a3; font-size: 142.8%; line-height: 1; text-align: center; color: #FFF;
            background-color: #223a55;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
    }
    .dlList01 dd { overflow: hidden;}

.numDl { margin: -1em 0 0;}
    .numDl dt { margin: 1em 0 1em; padding: .2em 0 .2em 2.1em; background-position: 0em .2em; background-repeat: no-repeat; font-weight: bold;}
        .numDl dt span span { color: #F00;}

.imgBox01 { overflow: hidden; border: #e0d1c5 solid 2px;}
    .imgBox01Img { padding: 4px;  border-bottom: #e0d1c5 solid 2px;}
    .imgBox01Dl {}
        .imgBox01Dl dt { padding: .8rem 1rem; color: #122c49; font-weight: normal; font-size: 114.2%; border-bottom: #f2e7d4 dotted 1px; line-height: 1.2;}
        .imgBox01Dl dd { padding: .8rem 1rem;}

.imgBox02 { overflow: hidden; border: #e0d1c5 solid 2px;}
    .imgBox02Img { padding: 4px;  border-bottom: #e0d1c5 solid 2px;}
    .imgBox02Dl {}
        .imgBox02Dl dt { padding: .8rem 1rem; color: #122c49; font-weight: bold; font-size: 114.2%; border-bottom: #f2e7d4 dotted 1px; line-height: 1.2;}
        .imgBox02Dl dd { padding: .8rem 1rem;}

.box01 { overflow: hidden; padding: 1rem; border: #e0d1c5 solid 1px; background: #fcf4ed;}

.timeTable { width: 100%; background: #FFF;}
    .timeTable th,.timeTable td { border: #e0cfb3 solid 1px; color: #af8654; font-weight: normal; text-align: center; vertical-align: middle; line-height: 1.2;}
    .timeTable th { padding: .2rem 0; width: 1%; white-space: nowrap; text-align: center; background: #efe5d5;}

.table01 {}
    .table01Head th,.table01Head td { display: none !important;}
    .table01 th,.table01 td { display: block;}
    .table01 th {}
    .table01 td {}


.table02 { overflow: hidden; display: block; margin: -2em 0 0;}
    .table02 th,.table02 td { display: block; margin: 1em 0 0;}
    .table02 th {
         margin: 2em 0 0;
        padding: .5em 1em;
            background-color: #efe5d5;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }
.table02 tr.tr01 th { background: #6080A3; color: #FFF;}

.table03 {}
    .table03Head th,.table03Head td { display: none !important;}
    .table03 th,.table03 td { display: block;}
    .table03 th {}
    .table03 td { padding-bottom: 1em; clear: both; overflow: hidden;}
    .table03 td:before { white-space: pre; font-weight: bold; width: 100%; display: block;
         margin: 0 0 1em;
        padding: .5em 1em;
        background-color: #efe5d5;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        text-align: left;
    }
    .table03TdImgs { text-align: center;}
    .table03Imgs { overflow: hidden; margin: 0 0 0 -2%;}
        .table03Imgs li { float: left; width: 48%; margin-left: 2%; text-align: left;}
        .table03Imgs li img { width: 100%;}

.table04 { overflow: hidden; display: block; margin: -2em 0 0;}
    .table04Head th,.table04Head td { display: block;}
    .table04 th,.table01 td { display: block;}
    .table04 th {}
    .table04 td {}

.table05 { overflow: hidden; display: block; margin: -2em 0 0;}
    .table05 th,.table05 td { display: block; margin: 1em 0 0;}
    .table05 th {
         margin: 2em 0 1em;
        padding: 1em 1em 0;
            background-color: #efe5d5;
        }
    .table05 td {
         margin: -1em 0 0;
        padding: .5em 1em;
            background-color: #efe5d5;
        }
.table05 tr.tr01 th { background: #6080A3; color: #FFF;}

.table06 { overflow: hidden; display: block; margin: -2em 0 0;}
    .table06 th,.table06 td { display: block; margin: 1em 0 0;}
    .table06 th {
         margin: 2em 0 1em;
        padding: 1em 1em 0;
            background-color: #efe5d5;
        }
    .table06 td {
         margin: -1em 0 0;
        padding: .5em 1em;
            background-color: #efe5d5;
        }
.table06 tr.tr01 th { background: #6080A3; color: #FFF;}

.sPb1em { padding-bottom: 1em;}

.w770 { overflow: hidden;}
    .w370L { padding-bottom: 2em;}
    .w370R {}

.w420L { padding-bottom: 2.5rem;}
.w570L { padding-bottom: 2em;}
.w570R {}

.spBr { display: block;}

.mT28 { margin-top: 2rem !important;}

.mB1em { margin-bottom: 1em;}

.pB1em { padding-bottom: 1em;}
.pB3 { padding-bottom: 3px;}
.pB15 { padding-bottom: 1em;}
.pB24 { padding-bottom: 1.75em;}
.pB28 { padding-bottom: 2rem !important;}
.pB35 { padding-bottom: 2.5rem !important;}
.pB42 { padding-bottom: 3rem !important;}
.pB49 { padding-bottom: 3.5rem !important;}
.pB70 { padding-bottom: 5rem !important;}

.note { margin-left: 1em; text-indent: -1em; color: #F00;}

.imgR { text-align: center; padding-bottom: 1rem;}
.imgL { text-align: center; padding-bottom: 1rem;}

.ofH { overflow: hidden !important;}
.aC { text-align: center !important;}
.aR { text-align: right !important;}
.fwB { font-weight: bold !important; color: #345d8b;}
.clB { clear: both !important;}


/*--- side ---*/
article aside { margin: 2rem 0 0;}
/*
.relatedContents { overflow: hidden; border: #e0cfb3 solid 2px; margin-bottom: 1rem;}
    .relatedContents a { display: block; padding: 1em 2em 1em 3em; border-bottom: #e0cfb3 dotted 1px; background: url(images/icon_side01.png) 1em center no-repeat;}
*/
.localNav { overflow: hidden; margin-bottom: 1rem;}
    .localNav h3 { color: #FFFFFF; background: #a78f69; margin: 0; padding: 1rem;}
    .localNav ul { overflow: hidden; border: #e0cfb3 solid 1px;}
    .localNav li { margin: -1px 0 0;}
    .localNav li ul { overflow: hidden; border: none; border-top: #e0cfb3 dotted 1px;}
    .localNav li a { display: block; padding: 1em 2em 1em 3em; border-top: #e0cfb3 dotted 1px; background: url(images/icon_side01.png) 1em center no-repeat;}
    .localNav li a.current { background: #f2e9da url(images/icon_side01.png) 1em center no-repeat;}
    .localNav li li a { padding: 1em 2em 1em 4em; background: url(images/icon_side02.gif) 3em center no-repeat;}

.sideBnrs { overflow: hidden;}
    .sideBnrs li { margin: 0 0 .5rem;}

/*--- page parts ---*/
    /*--- index ---*/
    #indexMainImg { position:relative; margin: 0 0 1.1rem; background: url(images/main_img01.jpg) top center no-repeat; background-size: cover;}
        #indexMainImg p { position: absolute; left: .5rem; bottom: .5rem; text-shadow: 0px 0px 4px #000;  color: #FFF; font-weight: bold; line-height: 2; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}

    #indexBnr01 { margin: 0 1%;}
        #indexBnr01 ul { overflow: hidden; margin: -2px 0 0;}
        #indexBnr01 li { margin: 2px 0 0; padding: 4px; border: rgba( 178, 140, 110, 0.4 ) solid 4px; background: rgba( 239, 225, 201, 0.8 );}
        #indexBnr01 dt { font-size: 125%; color: #122c49; font-weight: bold; text-shadow: 0px 0px 10px rgba( 255, 255, 255, 1); background: url(images/icon_sp01.png) 98% center no-repeat; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}
            #indexBnr01 dt span { display: block;}
            .indexBnr01Img { height: 3.3rem; padding: 1.3rem 0 0 5.2rem; background-position: .2rem center; background-repeat: no-repeat; background-size: auto 100%;}
            .indexBnr01Img01 { height: 4.3rem; padding: .3rem 2rem 0 5rem; background-image: url(images/index_img01.png);}
            .indexBnr01Img02 { height: 4.3rem; padding: .3rem 2rem 0 5rem; background-image: url(images/index_img02.png);}
            .indexBnr01Img03 { height: 4.3rem; padding: .3rem 2rem 0 5rem; background-image: url(images/index_img03.png);}
        #indexBnr01 dd { margin: .3rem 0 0; padding: 6px 0 0; background: url(images/border01.gif) top repeat-x; display: none;}
        .indexBnr01Bg { position: relative; overflow: hidden; padding: 1em 1em 2.3em 1em; color: #a07553; background: #FFF;}
            .indexBnr01Detail { position: absolute; bottom: 2px; right: 2px; background: #122c49 url(images/icon01.gif) .6em center no-repeat;}
                .indexBnr01Detail a { display: block; color: #FFF; padding: .3em .5em .3em 2em; line-height: 1.2; background: url(images/border03.gif) 1.4em top repeat-y;}

        .indexBtn { padding: 0 8%;}
        .indexBtnS { padding: 0; width: 60%; margin: 0 auto;}

        #indexBnr02 ul { overflow: hidden; margin: -2px 0 0;}
        #indexBnr02 li { margin: 2px 0 0; border: #f2e7d4 solid 2px;}
        #indexBnr02 dt { padding: 1rem 0; background: url(images/icon_sp02.png) 98% center no-repeat; font-size: 128.5%; text-align: center; color: #122c49; font-weight: normal; line-height: 1.2;}
        #indexBnr02 dd { padding: .7rem; border-top: #f2e7d4 dotted 1px; color: #7e6b5a; line-height: 1.28; display: none;}
        .indexBnr02Detail { margin-top: .6rem; text-align: right;}
            .indexBnr02Detail a { padding: 0 0 0 1.7em; background: url(images/icon02.gif) left center no-repeat;}

        #indexTreatmentList    { overflow: hidden; margin: -1.3rem 0 0;}
        #indexTreatmentList li { padding: 0 0 1.3rem; margin: 1.3rem 0 0; border-bottom: #dcdcdc solid 1px;}
            #indexTreatmentList li .imgL { float: left; width: 88px; margin-right: 1rem;}
            #indexTreatmentList li dl { overflow: hidden; color: #7e6b5a;}
            #indexTreatmentList li dt { padding: 0 0 1rem; font-size: 114.2%; font-weight: bold; line-height: 1.2;}
            #indexTreatmentList li dd { font-size: 85.7%; line-height: 1.2;}
            #indexTreatmentList li dd a { display: block; padding: 0 1rem 0 0; background: url(images/icon03.gif) right bottom no-repeat;}

        #doctorList { padding: 0 8%; text-align: center;}
            #doctorList li { overflow: hidden; padding: 0 0 1.5rem; width: 100%; text-align: center; border-bottom: #122c49 solid 5px;}
            #doctorList li p { overflow: hidden;}
            .doctorImg { padding: 0 0 1rem;}
            .doctorInfo01 { padding: 0 0 .5rem;}
            .doctorInfo02 { color: #122c49;}

        #toPatient { margin: 0 0 2rem;}
            #toPatient h3 {
                float: left;
                overflow: hidden;
                line-height: 1.2;
                background-color: #80c269;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.2 );
                color: #FFF;
                font-size: 114.2%;
                padding: .5rem 1rem;
                }
        #toDoctor { margin: 0 0 2rem;}
            #toDoctor h3 {
                float: left;
                overflow: hidden;
                line-height: 1.2;
                background-color: #f8b551;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.2 );
                color: #FFF;
                font-size: 114.2%;
                padding: .5rem 1rem;
                }

        .infoList { clear: both; overflow: hidden;}
            .infoList li { overflow: hidden; padding: 0 2% 1rem; margin: 1rem 0 0; border-bottom: #dcdcdc dotted 1px;}
            .infoList li dt { color: #b28850;}

.indexBg { overflow: hidden; margin: 0 0 40px; }
    .indexBg .indexBgImg img { width: 100%; height: auto; margin: 0 0 24px;}
    .indexBgWrap { padding: 0 4%; }
    .indexBg h3 { text-align: center; line-height: 1.2; color: #377eb6; font-weight: bold; letter-spacing: 0; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important;}
    .indexBg h3 span { font-size: 128.0%;}

            /*indexEvaluation*/
            #indexEvaluation { background: #FBFDE8; padding: 40px 2.5%; margin: 0 0 40px;}
            #indexEvaluation img { max-width: 100%; height: auto;}
                #indexEvaluation0101 { font-weight: bold; padding: 0 0 8px; font-size: 114.2%; text-align: center; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; }
                /*#indexEvaluation0101 span { border-bottom: #D9C3AC dashed 1px;}*/
                #indexEvaluation0102 { font-weight: bold; padding: 0 0 8px; font-size: 114.2%; text-align: center; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; }
                #indexEvaluation0102 > span { display: inline-block; margin: 0 8px 0 0; font-size: 200%; color: #bf9000; border: #d9c3ac dashed 1px; line-height: 1.4; background: #FFF; /*background: #2C0965;*/}
                    #indexEvaluation0102 > span > span { font-size: 60%; padding: 0 0 0 0.5em;}
                #indexEvaluation0103 { padding: 0 0 20px; font-size: 85.7%; text-align: center;}
                #indexEvaluation0104 { padding: 0 0 24px;}

                #indexEvaluationImg01 { padding: 35px 0; text-align: center; }
                    #indexEvaluationImg01 img { width: 75%;}

                .indexEvaluationBtn { text-align: center; }
                .indexEvaluationBtn a { display: inline-block; position: relative; background: #2C0965; padding: 8px 24px; color: #FFF !important;}
                    .indexEvaluationBtn a:after { content: ""; position: absolute; top: 2px; left: 2px; -webkit-calc(100% - 6px) ; width : calc(100% - 6px) ; height : -webkit-calc(100% - 6px) ; height : calc(100% - 6px) ; border: rgba(255,255,255,0.5) 1px solid; background: url(images/icon_arrow04.png) 8px 50% no-repeat;}

                #indexEvaluation0201 { font-weight: bold; padding: 0 0 8px; font-size: 114.2%; text-align: left; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; }
                #indexEvaluation0202 { font-weight: bold; padding: 0 0 8px; font-size: 114.2%; text-align: center; font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; }
                #indexEvaluation0202 > span { display: inline-block; margin: 0 8px 0 0; padding: 0 0.5em; font-size: 200%; color: #bf9000; border: #d9c3ac dashed 1px; line-height: 1.4; background: #FFF; /*background: #FFF229;*/}
                    #indexEvaluation0202 > span > span { font-size: 60%; padding: 0 0 0 0.5em;}
                #indexEvaluation0203 { padding: 0 0 20px; font-size: 85.7%; text-align: center;}
                #indexEvaluation0204 { padding: 0 0 24px;}




        /*--- sitemap ---*/
        .sitemapList { padding-bottom: 2rem;}
        .sitemapDl {}
            .sitemapDl dt { padding: 0 0 1em 1em; color: #345d8b; font-weight: bold; background: url(images/icon_sitemap_dt.gif) 0 .3em no-repeat; line-height: 1.2;}
            .sitemapDl dd ul { padding: .5em 0 0;}
        .sitemapList a,.sitemapDl a { padding: 1em 0em 1em 1em; display: block; background: url(images/icon_sitemap01.gif) 0 1.2em no-repeat; border-bottom: #cda952 dotted 1px; line-height: 1.2;}
        .sitemapList ul li li a,.sitemapDl ul li li a { padding: .5em 0em .5em 2em; display: block; background: url(images/icon_sitemap02.gif) 1em 1em no-repeat; border-bottom: none;}

        /*--- form ---*/
        .formTable { width: 100%;}
            .formTable th,.formTable td { padding: 1em; display: block;}
            .formTable th { border: #e0cfb3 solid 1px; color: #af8654; font-weight: bold; background: #efe5d5;}
            .formTable input[type=text],.formTable input[type=email],.formTable textarea { font-size: 16px; width: 100%; box-sizing: border-box;}
            .formTable textarea { height: 7em;}
            .formTable input.ageInput { width: 50%;}
            .formTable option { font-size: 16px;}

            .formList01    { overflow: hidden; margin: -1em 0 0 -2%;}
                .formList01 li { float: left; width: 48%; margin: 1em 0 0 2%;}
                .formList01 li.formList0101 { width: 96%;}
                .formList01 li label { display: block; overflow: hidden;}
            .formSex    { overflow: hidden;}
                .formSex li { float: left; margin-right: 2em;}
            .formAddress { overflow: hidden; margin: -1em 0 0;}
                .formAddress li { margin: 1em 0 0;}

            .formDateYN { width: 100%; clear: both;}
            .formDateYN li { float: left; margin-right: 1em;}
            .formDate { overflow: hidden; clear: both;}
                .formDate .formDate00 { width: 100%; margin: 1em 0 0; clear: both; overflow: hidden;}
                .formDate .formDate01 { width: 100%; margin-bottom: 1em; clear: both;}
                .formDate .formDate02 { float: left; width: 50%;}
                .formDate .formDate02 span { }

            .btnSend  { margin: 2em 0 0; text-align: center;}
            .btnSend button { padding: 1em 4em; background: #122c49; border: #345d8b solid 2px; color: #FFF; font-size: 16px; -webkit-appearance: none;}

        /*--- cavity ---*/
        .table01Img { width: 100%; text-align: center; padding-bottom: 1rem;}
        .cavityTableTd01 { padding-bottom: 2em;}
        .cavityTableTd01:before { content: "\A治療法\A"; white-space: pre; font-weight: bold;}

        /*--- perio ---*/
        .table01Img { width: 100%; text-align: center; padding-bottom: 1rem;}
        .perioTableTd01 { padding-bottom: 2em;}
        .perioTableTd01:before { content: "\A治療法\A"; white-space: pre; font-weight: bold;}

        /*--- esthe ---*/
        .estheTable01Img { width: 100%; text-align: center;}
            .estheTable01Img img{ padding-bottom: 1rem;}
        .estheTableTd01 {}
        .estheTableTd01:before { content: "素材\A";}
        .estheTableTd02 {}
        .estheTableTd02:before { content: "メリット\A";}
        .estheTableTd03 {}
        .estheTableTd03:before { content: "デメリット\A";}

        /*--- whitening ---*/
        .whiteningTableTd01 {}
        .whiteningTableTd01:before { content: "場所\A";}
        .whiteningTableTd02 {}
        .whiteningTableTd02:before { content: "期間\A";}
        .whiteningTableTd03 {}
        .whiteningTableTd03:before { content: "効果\A";}



        /*--- implant ---*/

        .table03.implantTable th { display: none;}
        .implantTable01 { display: none;}
        .implantTable02 { margin-bottom: 4em; width: 100%;}

        .implantTable02 th { white-space: pre; font-weight: bold; width: 100%; display: block;
         margin: 0 0 1em;
        padding: .5em 1em;
        background-color: #efe5d5;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        text-align: left;
        box-sizing: border-box;
        }
        .implantTable02Img { text-align: center;}

        .implantTable0201:before { content: "メリット\A"; margin-bottom: 2em !important; box-sizing: border-box;}
        .implantTable0202:before { content: "デメリット\A"; margin-bottom: 2em !important; box-sizing: border-box;}

        /*
        .implantTableTd01 { text-align:center; padding-bottom: 2em !important;}
        .implantTableTd01:before { content: "インプラント治療\A";}
        .implantTableTd02 { text-align:center; padding-bottom: 2em !important;}
        .implantTableTd02:before { content: "ブリッジ\A";}
        .implantTableTd03 { text-align:center; padding-bottom: 2em !important;}
        .implantTableTd03:before { content: "入れ歯\A";}

        .implantTableTd0102:before,.implantTableTd0202:before,.implantTableTd0302:before { box-sizing: border-box; margin-bottom: 2em !important;}
        .implantTableTd0102:before { content: "インプラント治療　メリット\A";}
        .implantTableTd0202:before { content: "ブリッジ　メリット\A";}
        .implantTableTd0302:before { content: "入れ歯　メリット\A";}

        .implantTableTd0103:before,.implantTableTd0203:before,.implantTableTd0303:before { box-sizing: border-box; margin-bottom: 2em !important;}
        .implantTableTd0103:before { content: "インプラント治療　デメリット\A";}
        .implantTableTd0203:before { content: "ブリッジ　デメリット\A";}
        .implantTableTd0303:before { content: "入れ歯　デメリット\A";}
        */


        /*--- clinic ---*/
        .clinicImg { text-align: center; padding-bottom: 1em;}
            .clinicSec .w270L,.clinicSec .w270R { padding-bottom: 2.5rem;}

@media screen and (max-width: 500px) {
    .noscreen {    display: none;}
}



/* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 760px) {
/*--- foundation layout ---*/
body { min-width: 1200px;}

.spDisp { display: none; }

/*--- header ---*/
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
header { background: #FFF url(images/header_border.gif) bottom repeat-x; padding: 0 0 4px; min-width: 1170px;}
#headerWrapper { position: relative; width: 1170px; height: 152px; margin: 0 auto; /*background: #CCC;*/}
#title { position: absolute; top: 45px; left: 0; padding: 0; margin: 0; background: transparent; text-align: left;}
    #title img { width: 320px; height: 39px;}

#headerReservation { margin: 0; position: absolute; top: 0; right: 316px;}
    #headerReservation a { height: 102px; padding: 20px 12px 0; font-size: 100%;}
        #headerReservation a span { display: inline-block; line-height: 1.2; padding: 40px 0 0; background-position: center top; background-repeat: no-repeat; background-size: 30px 30px; background-image: url(images/header_icon_res_sp.png);}

#headerInfo { float: right; padding: 4px 16px; margin: -8px 0 0; color: #FFF; background: #122c49;}
    #headerInfo li { display: block; overflow: hidden; clear: both; line-height: 40px; margin: 8px 0 0; padding: 0 0 0 48px; background-size: auto;}
    #headerInfo li#headerInfoTime { background-image: url(images/header_icon_cal_pc.png);}
    #headerInfo li#headerInfoTel  { background-image: url(images/header_icon_tel_pc.png); margin-left: 0;}
        #headerInfo li dt { display: block; float: left; margin-right: 8px; padding: 3px 0 0; font-size: 100%; white-space: nowrap;}
        #headerInfo li dd { display: block; float: left; font-size: 171.4%; white-space: nowrap;}
            #headerInfo li dd span { font-size: 58.3%;}
        #headerInfo a:link,#headerInfo a:visited { color: #FFF; text-decoration: none;}
        #headerInfo a:active,#headerInfo a:hover { color: #FFF; text-decoration: underline;}


/*--- nav ---*/
#fixedNav { display: none; }
#glNav { position: absolute; bottom: 0; width: 100%; margin: 0; color: #434343;}
    #glNav dt { display: none;}
    #glNav dd { display: block; position: relative; top: auto; left: auto; width: 100%; height: 32px;}
        #glNav ul { width: 100%;}
    #glNav li { position: relative; float: left; padding: 2px; border-left: #e3e0cf solid 1px; box-sizing: border-box; width: 168px;}
    #glNav li.hasChild { height: auto;  padding: 2px; background: transparent; position: relative;}
        #glNav li.hasChild span { display: block; margin: 0; padding: 4px 0; height: auto; line-height: 20px; width: 163px; background: #FFF; background-image: none !important; text-align: center; cursor: pointer; box-sizing: border-box;}
        #glNav li.hasChild span:active,#glNav li.hasChild span:hover { background:  #122c49 url(images/icon_nav01.gif) bottom no-repeat !important; color: #FFF;}
        #glNav li.hasChild ul {
            display: none;
            position: absolute;
            min-height: 186px;
            top: 36px;
            left: 0;
            margin: 0;
            width: 350px;
            box-sizing: border-box;
            background-color: #ffffff;
            border: 2px solid #122c49;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            padding: 10px;
        }
        #glNav li.hasChild ul li { position: static; border: none; text-align: left; width: 156px; float: none; border-right: #d3d3d3 solid 1px; padding: 0 8px 0 0;}

    #glNav a { display: block; padding: 4px 0; height: auto; line-height: 20px; background: #FFF; margin-bottom: 0; text-align: center;}
    #glNav li.hasChild a { padding: 5px 0 5px 8px; background: #FFF; border: none; border-bottom: #d3d3d3 dotted 1px; text-align: left; background: url(images/icon_nav02.gif) left center no-repeat; line-height: 1.2;}

    #glNav #glNav01 { width: 165px;}
    #glNav #glNav07 { width: 165px; border-right: #e3e0cf solid 1px;}

    .navCon {
        display: none;
        width: 160px;
        position:absolute;
        top: 10px;
        right: 10px;
        font-size: 71.4%; line-height: 1.2;
    }
    .navCon img { margin-bottom: 5px;}
    #generalNav.navCon { display: block;}
    #clinicNav.navCon { display: block;}

    #glNav a:link,#glNav a:visited { color: #434343; text-decoration: none;}
    #glNav a:active,#glNav a:hover { color: #FFF; text-decoration: none; background: #122c49;}
    #glNav li li a:active,#glNav li li a:hover { color: #CCC; text-decoration: none; background: #FFF url(images/icon_nav02.gif) left center no-repeat;}

/*--- footer ---*/

footer { clear: both; margin: 80px 0 0; padding: 6px 0 0; background: #f2e7d4 url(images/footer_border01_sp.gif) top repeat-x; min-width: 1170px;}
#indexBody footer { margin-top: 0; }
#footerWrapper { overflow: hidden; width: 1170px; margin: 0 auto;}
    .footerSec { overflow: hidden; float: left; padding: 20px 20px 30px; background: url(images/footer_border03.gif) right top repeat-y;}
    #footerSec01 { width: 320px;}
    #footerSec02 { width: 390px;}
    #footerSec03 { width: 340px; background: none;}
    .footerSub { padding: 44px 0 0; margin: 0 0 36px; background-size: 40px auto;}
        .ie8 #footerSub01 { background-image: url(images/footer_icon01_ie.png);}
        .ie8 #footerSub02 { background-image: url(images/footer_icon02_ie.png);}
        .ie8 #footerSub03 { background-image: url(images/footer_icon03_ie.png);}

    #footerInfoList {}
        #footerInfoList li { clear: both; overflow: hidden; margin: 8px 0 0;}
        #footerInfoList dt {
            }
        #footerInfoList dd {}

    #mapCanvas { height: 374px; }
    #mapFrame  { height: 374px; }
        #mapFrame iframe  { height: 374px; }

    #footerTimeTable { margin-bottom: 10px;}
        #footerTimeTable th,#footerTimeTable td {}
        #footerTimeTable th { padding: 9px 5px;}
        #footerTimeTable td span { padding: 4px 10px;}

    #fotoerToReserv a { display: block; padding: .5em 0; background: #122c49; border: #000000 solid 1px; color: #FFF; text-align: center;}

    footer small { clear: both; padding: 20px 0 10px; font-size: 100%;}
    footer small#footerProduce { padding: 0 0 20px; font-size: 85.7%;}

    footer a:link,footer a:visited { color: #7e6b5a; text-decoration: none;}
    footer a:active,footer a:hover { color: #FFF; text-decoration: none;}

/*--- genral setting ---*/
#contentsMainImg { width: 100%; height: 180px; margin: 156px 0 30px; min-width: 1170px;}
    .contentsMain { background-image: url(images/main_img01.jpg);}
    #contentsMainImg h1 { top: 50%; left: 50%; margin: -10px 0 0 -550px; bottom: auto; text-shadow: 0px 0px 4px #000;  color: #FFF; font-weight: normal; font-size: 191.4%; letter-spacing: 0.12em; white-space: nowrap;}
    #contentsMainImg.bgColor h1 { top: 50%; left: 50%; font-size: 191.4%;}
        #mainTxt01 { position: absolute; bottom: 1em; left: 50%; margin: 0 0 0 315px; width: 270px; padding: 0; text-align: center; font-size: 142.8%;}

.topicPath {}
    .topicPath li { }
    .topicPath li span {}

article { margin: 0 auto; width: 1170px;}
article#indexArticle { margin: 0 auto; width: 100%;}
.indexWrapper { margin: 0 auto; width: 1170px;}

#contents { width: 870px; float: left; overflow: hidden;}

article h2 { margin: 0 0 24px; padding: 0 0 10px; font-size: 140.5%;}
    article h2 span { display: block; font-size: 60%; font-weight: normal; color: #b28c6e; padding: 0 0 .2rem;}
article h2.h2Bg { padding: 24px 30px 24px 56px; margin-bottom: 46px;}
article h3 { margin: 0 0 24px; font-size: 120.5%;}
article h4 { margin: 0 0 16px;}


.hTxt01 { margin: 0 0 40px; padding: 0 0 24px; font-size: 171.4%;}
    .hTxt01 span { display: inline-block; font-size: 150%; font-weight: normal; color: #b28c6e; padding: 0 0 .2rem;}

.pointSecPare { overflow: hidden; padding: 8px 41px 0;}
.pointSec01 { width: 336px; float: left; margin: 0 40px 40px 0;}
.pointSec01.pointSec01R { margin: 0 0 40px 0;}
    .pointSec01:after { }
    .pointSec01 a { }
    .pointSec01Num { }
    .pointSec01Img { }
        .pointSec01Img img { }
        .pointSec01ImgTxt { font-size: 157.1%;}
    .pointSec01Txt { }


.icon04List    { }
.icon04List li { padding: 0 0 0 10px;}
    .icon04List.pT01    { overflow: hidden;}
    .icon04List.pT01 li { float: left; width: 50%; padding-right: 2%; box-sizing: border-box;}
    .icon04List.pT02    { overflow: hidden;}
    .icon04List.pT02 li { float: left; width: 45%; padding-right: 5%; box-sizing: border-box;}



.numList    { margin: -1em 0 0;}
.numList li { margin: 1em 0 0; padding: 2px 0 2px 30px; background-position: 0em 2px;}


.numDl { margin: -1em 0 0;}
    .numDl dt { margin: 1em 0 1em; padding: 2px 0 2px 30px; background-position: 0em 2px;}

.caseList { padding: 0; margin: 0 0 0 -30px; overflow: hidden;}
.caseList.case01.caseCen01 { padding: 0 0 0 300px;}
.caseList.case01.caseCen02 { padding: 0 0 0 150px;}
.caseList.case02.caseCen01 { padding: 0 0 0 150px;}
.caseList.case02.caseCen02 { padding: 0 0 0 50px;}
.caseList li { float: left;}
.caseList.case01 li { width: 270px;}
.caseList.case02 li { width: 370px;}
    .caseList .caseImg  { text-align: left;}
    .caseList .caseTxt  { padding-top: 14px;}
    .caseList dd { margin: 7px 0 0;}
    .caseList .before { width: 290px !important; margin: 0 10px 0 30px; background: none;}
    .caseList.case02 .before { width: 390px !important;}
        .caseList .before .caseImg  { padding-right: 20px; background: url(images/icon_arrow01.gif) right center no-repeat;}
        .caseList .before dd  { margin: 7px 20px 0 0;}


.caseListPt02 { padding: 0 0 0 50px; margin: 0; overflow: hidden;}
.caseListPt02 li { float: left; width: 370px;}
    .caseListPt02 .caseImg  { text-align: left;}
    .caseListPt02 .caseTxt  { padding-top: 14px;}
    .caseListPt02 dt { text-align: center; min-height: 1.6em;}
    .caseListPt02 .before dt { padding-right: 20px; }
    .caseListPt02 dd { margin: 7px 0 0;}
    .caseListPt02 .before { width: 390px; margin: 0 10px 0 0; padding: 0; background: none;}
        .caseListPt02 .before .caseImg  { padding-right: 20px; background: url(images/icon_arrow01.gif) right center no-repeat;}
        .caseListPt02 .before dd  { margin: 7px 0 0 0;}
    .caseListPt02Txt { padding: 0 50px; overflow: hidden; clear: both;}

.caseListPt02.twoCol { padding: 0;}
    .caseListPt02.twoCol li { float: left; width: 195px;}
    .caseListPt02.twoCol .caseImg  {}
    .caseListPt02.twoCol .caseTxt  {}
    .caseListPt02.twoCol dd {}
    .caseListPt02.twoCol .before {  width: 215px; margin: 0 10px 0 0; padding: 0; background: none;}
    .caseListPt02.twoColTxt {}



.contentsNav { margin: -10px 0 0 -18px; padding: 0;}
    .contentsNav li { float: left; min-width: 278px; margin: 10px 0 0 18px;}
    .contentsNav li a {
        padding: 7px 14px;
        }
    .contentsNav li span { }

.relatedTreatments { padding: 24px 14px !important; margin-bottom: 35px !important;}
.categoryNav { margin: -18px 0 0 -20px; overflow: hidden;}
    .categoryNav li { float: left; margin: 18px 0 0 20px; width: 407px; clear: none;}
    .categoryNav li .imgL {}
    .categoryNav li dl {}
    .categoryNav li dt {}
    .categoryNav li dd {}
    .categoryNav li a {}

.flowList { padding: 0;}
    .flowList li.arrow {
        padding: 0 0 40px;
        margin: 0 0 17px;
    }
    .flowList .flowBox {
        padding: 16px;
    }
    .flowList .flowBox dl {}
        .flowList .flowBox dt {}
        .flowList .flowBox dd {}


.dlPt01 {}
.dlPt01 dt { font-weight: bold; color: #122c49; padding: 0 0 1em;}

.imgBox01 { flex-wrap: nowrap; }
    .imgBox01Img {}
    .imgBox01Dl { }
        .imgBox01Dl dt { padding: 12px 16px;}
        .imgBox01Dl dd { padding: 12px 16px;}

.imgBox02 { flex-wrap: nowrap; }
    .imgBox02Img {}
    .imgBox02Dl { }
        .imgBox02Dl dt { padding: 12px 16px;}
        .imgBox02Dl dd { padding: 12px 16px;}

.box01 { padding: 14px;}

.timeTable {}
    .timeTable th,.timeTable td {}
    .timeTable th { padding: 9px 5px;}

.table01 { width: 100%;}
    .table01Head th,.table01Head td { display: table-cell !important;}
    .table01 th,.table01 td { display: table-cell; border: #e0cfb3 solid 1px; vertical-align: top; padding: 8px;}
    .table01 th { background: #efe5d5;}
    .table01 td {}

.table02 { display: table; margin: 0; width: 100%; overflow: visible;}
    .table02 th,.table02 td { display: table-cell; border: #e0cfb3 solid 1px; margin: 0; padding: 8px;}
    .table02 th {
        vertical-align: middle;
        width: 1%;
        white-space: nowrap;
         margin: 0;
        padding: 8px;
            background-color: #efe5d5;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }
.table02 tr.tr01 th,.table02 tr.tr01 td { background: #6080A3; color: #FFF !important;}

.table03 { width: 100%;}
    .table03Head th,.table03Head td { display: table-cell !important;}
    .table03 th,.table03 td { display: table-cell; padding: 8px; border: #e0cfb3 solid 1px; vertical-align: top;}
    .table03 th { background: #efe5d5; white-space: nowrap;}
    .table03 td { }
    .table03 td:before { display: none;}
    .table03TdImgs { text-align: center; width: auto;}
    .table03Imgs { margin: -14px 0 0; float: left;}
        .table03Imgs li { float: none; width: auto; margin: 14px 0 0;}
        .table03Imgs li img { width: auto;}

.table04 { width: 100%;}
    .table04Head th,.table04Head td { display: table-cell !important;}
    .table04 th,.table01 td { display: table-cell; border: #e0cfb3 solid 1px; vertical-align: top; padding: 8px;}
    .table04 th { background: #efe5d5;}
    .table04 td {}

.table05 { display: table; margin: 0; width: 100%; overflow: visible;}
    .table05 th,.table05 td { display: table-cell; border: #e0cfb3 solid 1px; margin: 0; padding: 8px;}
    .table05 th {
        font-weight: normal;
        vertical-align: middle;
        width: 1%;
        white-space: nowrap;
         margin: 0;
        padding: 8px;
            background-color: #fff;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }
    .table05 td {
        font-weight: normal;
        vertical-align: middle;
        width: 1%;
        white-space: nowrap;
         margin: 0;
        padding: 8px;
            background-color: #efe5d5;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }
.table05 tr.tr01 th,.table05 tr.tr01 td { background: #6080A3; color: #FFF !important;}

.table06 { display: table; margin: 0; width: 100%; overflow: visible;}
    .table06 th,.table06 td { display: table-cell; border: #e0cfb3 solid 1px; margin: 0; padding: 8px;}
    .table06 th {
        font-weight: normal;
        vertical-align: middle;
        width: 1%;
        white-space: nowrap;
         margin: 0;
        padding: 8px;
            background-color: #efe5d5;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }
    .table06 td {
        font-weight: normal;
        vertical-align: middle;
        width: 1%;
        white-space: nowrap;
         margin: 0;
        padding: 8px;
            background-color: #fff;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }
.table06 tr.tr01 th,.table06 tr.tr01 td { background: #6080A3; color: #FFF !important;}

.sPb1em { padding-bottom: 0;}

.w770 { padding: 0 150px;}
.w870 { padding: 0 50px;}
.w270L { float: left; width: 270px; margin: 0 30px 0 0; padding-bottom: 0;}
.w270R { overflow: hidden; width: 270px;}
.w370L { float: left; width: 370px; margin: 0 30px 0 0; padding-bottom: 0;}
.w370R { overflow: hidden; width: 370px;}
.w420L { float: left; width: 420px; margin: 0 30px 0 0; padding-bottom: 0;}
.w420R { overflow: hidden; width: 420px;}
.w570L { float: left; width: 570px; margin: 0 30px 0 0; padding-bottom: 0;}
.w570R { overflow: hidden; width: 570px;}

.twoColL { float: left; overflow: hidden; width: 420px; margin-right: 30px;}
.twoColR { float: left; overflow: hidden; width: 420px;}

.spBr { display: inline !important;}

.pcPlPT01 { padding-left: 80px;}

.pL112 { padding-left: 112px !important;}
.pL225 { padding-left: 225px !important;}

.pB15 { padding-bottom: 15px !important;}
.pB28 { padding-bottom: 28px !important;}
.pB35 { padding-bottom: 35px !important;}
.pB42 { padding-bottom: 42px !important;}
.pB49 { padding-bottom: 49px !important;}
.pB70 { padding-bottom: 70px !important;}

.imgR { float: right; margin-left: 30px; text-align: left; padding-bottom: 0;}
.imgL { float: left; margin-right: 30px; text-align: left; padding-bottom: 0;}

/*--- side ---*/
article aside { float: right; width: 270px; margin: 0;}
/*
.relatedContents { overflow: hidden; border: #e0cfb3 solid 2px; margin-bottom: 1rem;}
    .relatedContents a { display: block; padding: 1em 2em 1em 3em; border-bottom: #e0cfb3 dotted 1px; background: url(images/icon_side01.png) 1em center no-repeat;}
*/

.localNav { margin-bottom: 14px;}
    .localNav h3 { padding: 14px;}



.sideBnrs { overflow: hidden;}
    .sideBnrs li { margin: 0 0 .5rem;}

/*--- page parts ---*/
    /*--- index ---*/
    #indexMainImg { width: 100%; height: 465px; margin: 156px 0 0; min-width: 1170px;}
        #indexMainImg p { top: 120px; left: 50%; margin: 0 0 0 -550px; bottom: auto; font-size: 211.4%; font-weight:700; line-height: 2; letter-spacing: 0.12em;}

    #indexBnr01 { position: relative; margin: -160px auto 0; width: 1170px; z-index: 100;}
        #indexBnr01 ul { overflow: hidden; margin: 0 0 0 -3px;}
        #indexBnr01 li { float: left; width: 372px; margin: 0 0 0 3px; padding: 16px 4px 4px 4px;}
        #indexBnr01 dt { background: none;}
            #indexBnr01 dt span { display: block;}
            .indexBnr01Img { height: 33px; padding: 157px 0 0; background-position: top center; background-repeat: no-repeat; background-size: auto auto; text-align: center; line-height: 1.2;}
            .indexBnr01Img01 { height: 33px; padding: 157px 0 0; }
            .indexBnr01Img02 { height: 33px; padding: 157px 0 0;}
            .indexBnr01Img03 { height: 33px; padding: 157px 0 0;}
        #indexBnr01 dd { margin: 4px 0 0; padding: 6px 0 0; display: block;}
        .indexBnr01Bg { padding: 20px 14px 50px;}
            .indexBnr01Detail { }
                .indexBnr01Detail a {}

        .ie8 #indexBnr01 li {border: #e0d1c5 solid 4px; background: #f2e7d4;}

        .indexBtn { padding: 0; text-align: center; clear: both;}
        .indexBtnS { padding: 0; width: 280px; margin: 0 auto;}

        #indexBnr02 ul { overflow: hidden; margin: 0 0 0 -4px;}
        #indexBnr02 li { float: left; width: 380px; margin: 0 0 0 4px;}
        #indexBnr02 dt { padding: 14px 0 14px 10px; background: none; text-align: left;}
        #indexBnr02 dd { overflow: hidden; position: relative; display: block; padding: 8px; border-top: #f2e7d4 dotted 1px;}
        #indexBnr02 dd .imgL { margin-right: 8px;}
        .indexBnr02Detail { position: absolute; bottom: 8px; right: 8px; margin-top: 0;}

        #indexTreatmentList    { margin: -32px 0 0 -40px;}
        #indexTreatmentList li { width: 565px; float: left; padding: 0 0 32px; margin: 32px 0 0 40px;}
            #indexTreatmentList li .imgL { margin-right: 8px;}
            #indexTreatmentList li dl { }
            #indexTreatmentList li dt { padding: 0 0 14px; font-size: 128.5%;}
            #indexTreatmentList li dd { font-size: 100%; line-height: 1.3;}
            #indexTreatmentList li dd a { padding: 0 40px 0 0; background: url(images/icon03.gif) right center no-repeat;}

        #doctorList { padding: 0; overflow: hidden; margin: 0 0 0;}
            #doctorList li { overflow: hidden; padding: 0 0 22px; margin: 0 0 0; width: 220px; float: left;}
            #doctorList li p { overflow: hidden; font-size: 90%;}
            .doctorImg { padding: 0 0 18px;}
            .doctorInfo01 { padding: 0 0 8px;}
            .doctorInfo02 { }

        #toPatient { width: 565px; float: left; margin: 0 40px 60px 0;}
            #toPatient h3 {
                padding: 8px 16px;
                }
        #toDoctor { margin: 0 0 60px;}
            #toDoctor h3 {
                padding: 8px 16px;
                }

        .infoList { clear: both; overflow: hidden;}
            .infoList li { overflow: hidden; padding: 0 10px 14px; margin: 14px 0 0;}
            .infoList li dt { float: left; width: 7em;}
            .infoList li dd { overflow: hidden;}

.indexBg { position: relative; height: 542px; margin: 0 0 40px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#indexBg01 { background-image: url(images/index_bg01.jpg); }
#indexBg02 { background-image: url(images/index_bg02.jpg); margin: 0;}
    .indexBg .indexBgImg img { }
    .indexBgWrap { padding: 0; position: absolute; top: 70%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
    .indexBgWrapBg { width: 800px; box-sizing: border-box; background: rgba(255,255,255,0.9); padding: 32px;}
    .indexBg h3 { letter-spacing: 0.3em; font-size: 142.9%; text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);}
    .indexBg h3 span { font-size: 150%;}

            /*indexEvaluation*/
            #indexEvaluation { height: 467px; padding: 0; margin: 0 0 80px; box-sizing: border-box;}
            #indexEvaluationWrapper { width: 1050px; height: 467px; position: relative; margin: 0 auto;}
            #indexEvaluation01 { float: left; padding: 60px 0 0; width: 330px; height: 467px; position: relative; z-index: 10; box-sizing: border-box; }
                #indexEvaluation0101 { padding: 0 0 12px;}
                #indexEvaluation0102 { padding: 0 0 20px;}
                #indexEvaluation0102 span { margin: 0 4px 0 0;}
                #indexEvaluation0103 { padding: 0 0 20px; text-align: center;}
                #indexEvaluation0104 { padding: 0; text-shadow: 0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1);}

                #indexEvaluationImg01 { position: absolute; top: 50%; left: 50%; margin: -153px 0 0 -230px; padding: 0; width: 461px;}
                    #indexEvaluationImg01 img { width: 100%;}

                .indexEvaluationBtn { position: absolute; bottom: 60px; left: 50%; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%);}
                .indexEvaluationBtn a { }
                .indexEvaluationBtn a:active,.indexEvaluationBtn a:hover { opacity: 0.5;}
                    .indexEvaluationBtn a:after { }

            #indexEvaluation02 { float: right; padding: 60px 0 0; width: 330px; height: 467px; position: relative; z-index: 10; box-sizing: border-box;}
                #indexEvaluation0201 { padding: 0 0 8px; text-align: left;}
                #indexEvaluation0202 { padding: 0 0 8px; text-align: center;}
                #indexEvaluation0202 span { margin: 0 0 8px;}
                #indexEvaluation0203 { }
                #indexEvaluation0204 { padding: 0; text-shadow: 0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1),0px 0px 10px rgba(251,253,232, 1);}

        /*--- sitemap ---*/
        .sitemapList { width: 370px; float: left; margin: 0 30px 0 0; padding-bottom: 0;}
        .sitemapDl { overflow: hidden;}
            .sitemapDl dt { padding: 0 0 0 14px; color: #345d8b; font-weight: bold; background: url(images/icon_sitemap_dt.gif) 0 .3em no-repeat; line-height: 1.2;}
            .sitemapDl dd  { margin-left: -30px;}
            .sitemapDl dd ul { width: 370px; float: left; margin-left: 30px; padding: .5em 0 0;}
            .sitemapDl dd ul ul { width: auto; float: none; margin-left: 0; padding: .5em 0 0;}
        .sitemapList a,.sitemapDl a { overflow: hidden; padding: 1em 0em 1em 1em; display: block; background: url(images/icon_sitemap01.gif) 0 1.2em no-repeat; border-bottom: #cda952 dotted 1px; line-height: 1.2;}
        .sitemapList ul li li a,.sitemapDl ul li li a { padding: .5em 0em .5em 2em; display: block; background: url(images/icon_sitemap02.gif) 1em 1em no-repeat; border-bottom: none;}

        /*--- form ---*/
        .formTable {}
            .formTable th,.formTable td { display: table-cell; border: #e0cfb3 solid 1px; vertical-align: middle;}
            .formTable th { width: 1%; white-space: nowrap;}
            .formTable input[type=text],.formTable input[type=email],.formTable textarea { width: 50%;}
            .formTable textarea { height: 10em;}
            .formTable input.ageInput { width: 4em;}
            .formTable option {}

            .formList01    { overflow: hidden; margin: -1em 0 0 -2em; width: 70%;}
                .formList01 li { float: left; width: auto; margin: 1em 0 0 2em; width: 25%; box-sizing:border-box;}
                .formList01.pT01 li { width: auto;}
                .formList01.pT03 li { width: 43%;}
                .formList01 li.formList0101 { width: auto;}
                .formList01 li.formList0102 { width: 100%;}
                .formList01 li label { display: block; overflow: hidden;}
            .formSex    { overflow: hidden;}
                .formSex li { float: left; margin-right: 2em;}
            .formAddress { overflow: hidden; margin: -1em 0 0;}
                .formAddress li { margin: 1em 0 0;}
                .formAddress li dt { float: left; margin-right: 1em;}
            .formDate { overflow: hidden;}
                .formDate .formDate01 { width: auto; margin-bottom: 0;}
                .formDate .formDate02 { width: auto;}
                .formDate .formDate02 span { display: inline;}
                .formDate li { float: left; margin-right: 1em;}

            .btnSend  { margin: 2em 0 0; text-align: center;}
            .btnSend button { padding: 1em 4em; background: #122c49; border: #345d8b solid 2px; color: #FFF; font-size: 16px; -webkit-appearance: none;}

        /*--- cavity ---*/
        .table01Img { width: 140px; text-align: center; padding-bottom: 0;}
        .cavityTableTd01 { padding-bottom: 2em; width: 40%;}
        .cavityTableTd01:before { content: ""; white-space: pre; font-weight: bold;}

        /*--- perio ---*/
        .table01Img { width: 140px; text-align: center; padding-bottom: 0;}
        .perioTableTd01 { padding-bottom: 2em;}
        .perioTableTd01:before { content: ""; white-space: pre; font-weight: bold;}


        /*--- esthe ---*/
        .estheTableTd01 { width: 140px;}
        .estheTableTd01:before { content: "";}
        .estheTableTd02 { width: 40%;}
        .estheTableTd02:before { content: "";}
        .estheTableTd03 { }
        .estheTableTd03:before { content: "";}

        /*--- whitening ---*/
        .whiteningTable th { width: 33%;}



        /*--- implant ---*/

        .table03.implantTable th { display: table-cell;}
        .implantTable01 { display: table-cell; width: 10%; float: left;}
        .implantTable01Th01 { border-bottom: none !important;}
        .implantTable01Th02 { border-top: #efe5d5 solid 2px !important;}
        .implantTable01Th03 { padding-bottom: 9px !important;}
        .implantTable02 { margin-bottom: 0; width: 29%; float: left; border-top: #e0cfb3 solid 1px; border-right: #e0cfb3 solid 1px;}
        .implantTable02.pT02 th,.implantTable02.pT02 td { border-left: none !important;}
        .implantTable02Img img { max-width: 238px !important;}

        .implantTable02 th { white-space: normal; font-weight: bold; width: auto; display: table-cell;
         margin: 0;
        padding: 8px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        box-sizing: border-box;
        border-right: none;
        border-top: none;
        }
        .implantTable02Img { text-align: center;}

        .implantTable0201:before { content: ""; margin-bottom: 0 !important; box-sizing: border-box;}
        .implantTable0202:before { content: ""; margin-bottom: 0 !important; box-sizing: border-box;}

        /*
        .table03.implantTable th { display: table-cell; white-space: nowrap;}

        .implantTableTd01 { width: 30%;}
        .implantTableTd01:before { content: "";}
        .implantTableTd02 { width: 30%;}
        .implantTableTd02:before { content: "";}
        .implantTableTd03 {  width: 30%;}
        .implantTableTd03:before { content: "";}

        .implantTableTd0102:before,.implantTableTd0202:before,.implantTableTd0302:before { box-sizing: border-box; margin-bottom: 0em !important;}
        .implantTableTd0102:before { content: "";}
        .implantTableTd0202:before { content: "";}
        .implantTableTd0302:before { content: "";}

        .implantTableTd0103:before,.implantTableTd0203:before,.implantTableTd0303:before { box-sizing: border-box; margin-bottom: 0em !important;}
        .implantTableTd0103:before { content: "";}
        .implantTableTd0203:before { content: "";}
        .implantTableTd0303:before { content: "";}
*/


        /*--- clinic ---*/
        .clinicImg { text-align: center; padding-bottom: 1em;}
            .clinicSec .w270L,.clinicSec .w270R { padding-bottom: 35px;}

}