@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New&display=swap);

.lang_switch {
    position: absolute;
    right: 30px;
    top: 20px;
}
.lang_switch .active {
    text-decoration: none;
    color:#51391F;
}
.lang_switch .inactive {
    text-decoration: none;
    color:#ddd;
}
.footTable {
    width: calc(100% - 80px);
    padding: 0px 40px 40px 40px;
    display: block;
    font-size: 12px;
    line-height: 22px;
}
    .footTable td {
        padding: 10px 20px;
        min-width: 150px;
        vertical-align: top;
        padding-left: 10px;
    }
    .footTable td a {
        text-decoration: none;
        display: inline-block;
    }
.footTable td a:hover {
    text-decoration: underline;
}
.footTD1 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 150px;
}
    .footTD1:after {
        content: "";
        position: absolute;
        top: 22px;
        right: 50px;
        height: 1px;
        width: 30%;
        background: #000;
    }
.table-scroll-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
}
.table-scroll-container .utopitable2 {
    border-collapse: collapse;
}
.utopitable2 th {
    background-color: #eac9a9;
    color: #fff;
    min-width: 150px;
    padding: 10px;
}
.utopitable th {
    background-color: #eac9a9;
    color: #fff;
    /*min-width: 150px;*/
    padding: 10px;
}
.shielink {
    
}
.shielink a {
    color:#800000;
    text-decoration:none;
}
    .shielink a:hover {
        color: #800000 !important;
        text-decoration: none !important;
    }


.selectProduct {
    width: 252px;
    float: left;
    margin: 20px 10px;
}

.selecPic {
}

.selecTitle {
    font-weight: bold;
    line-height: 25px !important;
    padding: 10px 0px;
}

.selectDetail {
    line-height: 22px !important;
    font-size: 12px !important;
}
.selecAdd {
}
.selecPrice {
    font-weight: bold;
}

.commentShie1 {
    padding: 20px 20px !important;
    margin-left: 146px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #F7ECE1;
    line-height: 21px;
}
.commentShie1:before {
    content: "";
    display: block;
    width: 146px !important;
    height: 139px !important;
    background: url(img/newfukidashi1.png) no-repeat !important;
    background-size: contain;
    position: absolute;
    top: 0px !important;
    left: -146px !important;
}
.commentShie2 {
    padding: 20px 20px !important;
    margin-left: 144px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #D8E8CF;
    line-height: 21px;
}
    .commentShie2:before {
        content: "";
        display: block;
        width: 144px !important;
        height: 140px !important;
        background: url(img/shie-e-fukidashi3.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -144px !important;
    }
.commentShie3 {
    padding: 20px 20px !important;
    margin-left: 117px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #E9EEF2;
    line-height: 21px;
}

    .commentShie3:before {
        content: "";
        display: block;
        width: 117px !important;
        height: 130px !important;
        background: url(img/illust-fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -117px !important;
    }
.commentShie4 {
    padding: 20px 20px !important;
    margin-left: 145px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #EBEFF2;
    line-height: 21px;
}

    .commentShie4:before {
        content: "";
        display: block;
        width: 145px !important;
        height: 137px !important;
        background: url(img/hara-fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -145px !important;
    }
.commentShie5 {
    padding: 20px 20px !important;
    margin-left: 147px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #F7E8DA;
    line-height: 21px;
}

    .commentShie5:before {
        content: "";
        display: block;
        width: 147px !important;
        height: 138px !important;
        background: url(img/mika-fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -147px !important;
    }
.commentShie6 {
    padding: 57px 50px 50px 160px !important;
    border: solid 1px #7a966e;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 90px;
    color: #895a55;
    border-radius: 0px;
    font-size: 13px;
    background: #f2f2f2;
    line-height: 21px;
    background-image: url(img/shie-box1.png);
    background-repeat: no-repeat;
    background-position: 20px 30px;
}

    .commentShie6:before {
        content: "";
        display: block;
        width: 100px !important;
        height: 20px !important;
        background: url(img/star100.svg) no-repeat !important;
        background-size: 100px;
        position: absolute;
        top: 32px !important;
        left: 157px !important;
    }
.commentShie7 {
    padding: 150px 40px 100px 30px !important;
    position: relative;
    display: block;
    margin: 10px auto !important;
    clear: both;
    width: 430px;
    height: 308px;
    border-radius: 0px;
    background-image: url(img/reviewcomment-pc.png);
    background-repeat: no-repeat;
    background-size: 500px;
}
.commentShie8 {
    padding: 57px 130px 50px 50px !important;
    border: solid 1px #b1847d;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    /* color: #895a55; */
    border-radius: 0px;
    font-size: 13px;
    background: #f8f1e9;
    line-height: 21px;
    background-image: url(img/hara-review-mobile.png);
    background-repeat: no-repeat;
    background-position: right 20px top 30px;
}
.commentShie8:before {
    content: "";
    display: block;
    width: 100px !important;
    height: 20px !important;
    background: url(img/star100.svg) no-repeat !important;
    background-size: 100px;
    position: absolute;
    top: 31px !important;
    right: 140px !important;
}
.commentShie9 {
    padding: 50px 120px 50px 150px !important;
    position: relative;
    display: block;
    clear: both;
    min-height: 80px;
    border-radius: 25px;
    font-size: 13px;
    background: #E9EEF2;
    line-height: 21px;
    margin: 50px 50px 20px 50px;
    box-shadow: 0px 10px 10px -6px #ddd;
    background-image: url(img/corner-mika.png);
    background-repeat: no-repeat;
    background-position: right 0px bottom 0px;
}

    .commentShie9:before {
        content: "";
        display: block;
        width: 100px !important;
        height: 122px !important;
        background: url(img/mika-100.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: -31px !important;
        left: 30px !important;
    }
.block50 {
    width: calc(50% - 50px);
    float: left;
    margin: 25px;
    min-height: 360px;
    line-height: 28px;
}
.block50 img{
    margin-bottom:10px;
}
.syoujyo1 {
    width: calc(50% - 30px);
    float: left;
    height: 750px;
    margin: 15px;
}
.syoujyo2 {
    font-size: 16px;
    border-bottom: solid 1px #c8a88a;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #c8a88a;
    font-weight: bold;
}
.syoujyo3 {

}
.syoujyo4 {
    border-top: 1px dashed #d7cdb5;
    margin-top: 20px;
}
.syoujyo4 tr {
    border-bottom: 1px dashed #d7cdb5;
}
.syoujyo5 {
    line-height: 20px;
    font-size: 12px;
    padding: 10px 10px;
}
.syoujyo5 p {
    border-right: 1px solid #c8a88a;
    padding-right: 20px;
    font-weight: bold;
}
.syoujyo6 {
    line-height: 20px;
    font-size: 12px;
    padding: 10px 10px;
}
.syoujyo7 {
    width: 40px;
    margin-right: 10px;
}
.doctor-list a {
    text-decoration: none;
    color: #51391F;
}
.doctor-list2 a {
    text-decoration: none;
    color: #51391F;
}
.doctor-list a:hover {
    text-decoration: none;
    color: #51391F;
}

.doctor-list2 a:hover {
    text-decoration: none;
    color: #51391F;
}
.utopitable td {
    border: solid 1px #CAA585;
    padding: 10px 20px;
}
.utopitable thead td {
    background-color: #eac9a9;
    color: #fff;
}
.button-container {
    display: flex; /* Flexboxを有効にする */
    flex-wrap: wrap; /* 要素が多すぎたら折り返す */
    justify-content: center; /* 水平方向の中央揃え */
    gap: 20px; /* ボタン間の隙間 */
}
.originalButton {
    display: inline-block;
    padding: 10px 20px;
    font-family: 'Shippori Mincho';
    font-size: 16px;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #F5EBE0;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    text-align: center;
    background-image: url(img/corner-left.png), url(img/corner-right.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat;
    background-size: 20px, 20px;
    width: calc(50% - 100px);
    box-shadow: 2px 2px 10px #eee;
    max-width: 325px;
}
    .originalButton a {
        text-decoration: none;
        color: #51391F;
    }
        .originalButton a:hover {
            text-decoration: none;
            color: #51391F;
        }
    .scroll1 li {
    list-style: none;
}
table.clinic th {
    padding: 20px;
}
table.clinic td {
    padding: 20px;
    border: none;
    border-bottom: dashed 1px #ddd;
}
table.clinic td p {
    padding: 0 20px;
    border-left: 1px solid #c9bc9c;
}
table.clinic {
    width: 100%;
    border-top: 1px solid #c9bc9c;
    line-height: 2.2;
    border-bottom: 1px solid #c9bc9c;
    border-left: none;
    border-right: none;
}
able.clinic td:nth-of-type(1) {
    text-align:center;
}
.snsArea {

}
.gototop {
    background-image: url(img/gotop72.svg);
    width: 72px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    height: 72px;
    z-index: 2;
}
.access-info {
    font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 2px;
    width: 280px;
}
.info-tel {
    font-family: 'Shippori Mincho';
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 7px;
}
.info-reception-note {
    font-family: 'Shippori Mincho';
    text-align: center;
    font-size: 10px;
}
.hours-table {
    font-family: 'Shippori Mincho';
}
.section-title2 {
    font-family: 'Shippori Mincho';
}
.feature-item-title {
    font-family: 'Shippori Mincho';
}
.section-description {
    font-family: 'Shippori Mincho';
}
.doctor-name {
    font-family: 'Shippori Mincho';
}
.doctor-name-en {
    font-family: 'Shippori Mincho';
}
.doctor-title {
    font-family: 'Shippori Mincho';
}
.zen-kaku-gothic-antique-regular {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.zen-kaku-gothic-new-regular {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.global-nav a {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    color: #51391F;
    text-decoration: none;
}
.bottomFooter__topBtn {
    margin-right: 15px;
    margin-bottom: 15px;
    opacity: .6;
    background: #fff;
    color: #51391F;
    border: 2px solid #51391F;
    text-align: center;
    padding: 17px 19px;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}
    .bottomFooter__topBtn:hover {
        color: #51391F;
    }
.dairyBox2 {
    width: 800px;
    margin-left: -10px;
}
.dairyBox2 .columTop {
    width: 164px;
}

.sub1 {
    padding: 20px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
}
.sub2 {
    padding: 10px 5px 10px 5px;
    font-size: 11px;
    line-height: 20px;
    width: 220px;
    display: inline-block;
}
.background_3 .layout_centering {
    border-left: solid 0px #856367;
    border-right: solid 0px #856367;
}
.subSNS {
    float: right;
    margin-right: 25px;
}
.subHeader {
    color: #fff !important;
    float: right !important;
    margin-top: 8px;
}
.subHeader a{
    color: #fff !important;
}
.subHeader a.dropmenu {
    color: #000 !important;
    background-color: white !important;
}
.subHeader a.dropmenu:hover {
    color: #000 !important;
    background-color: #F7E9E9 !important;
    opacity:1!important;
}
#subMenuLeft {
    padding-bottom: 15px;
    width: 300px;
    float: left;
}
#subMenuLeft2 {

}
.columnSee {
    position: absolute;
    bottom: 0px;
    left: -200px;
}
.insideLeftBottom {
    line-height: 25px;
}
#footMenu {
    margin: 0px 0px 20px -8px;
}
.footInside {
    position: relative;
    padding: 40px;
}
.insideLeft {
    width:300px;
    float:left;
}
.insideRight {
    width: 620px;
    float: left;
}
.otherBox {
    width: 325px;
    text-align: center;
    float: left;
    padding: 20px 87px;
}
.otherLink {
    margin-top: 20px;
    margin-bottom: 20px;
}
.columnBox {

}
.picture1 img {
    margin: 0px;
    padding: 0px;
}
.profA1 {
    text-align: center;
    font-size: 20px;
    border-bottom: solid 1px #333;
    letter-spacing: 8px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: inline-block;
    margin: 0px auto;
    padding: 7px;
}
.profA2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
}
.profPanel {
    position:relative;
}
.profP {
    position:absolute;
}
.profP0 {
    top: -15px;
    right: 246px;
    width: 190px !important;
}
.profP1 {
    top: 140px;
    left: 30px;
    width: 407px !important;
}
.profP2 {
    top: 287px;
    right: 52px;
    width: 390px !important;
}
.profP3 {
    top: 500px;
    left: 131px;
    width: 310px !important;
}
.profP4 {
    top: 643px;
    right: 72px;
    width: 370px !important;
}
.profP5 {
    top: 850px;
    left: 35px;
    width: 400px !important;
}
.profP6 {
    top: 1060px;
    right: 29px;
    width: 400px !important;
}
.rightText {
    text-align: right;
    padding-right: 30px;
    margin-right: -30px;
}
.leftText {
    text-align: left;
    padding-left: 30px;
    margin-left: -30px;
}
.misa1 {
    padding-right: 125px;
    width: 190px;
}
.profP {
    width: 430px;
}
.prof1 {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    border-bottom: solid 1px #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.prof2 {
    text-align: left;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 18px;
}
.space1 {
    margin: 10px 0px;
}
.profPanel {
    text-align: center;
}
.moreAbout {
    text-align: left;
    color: white;
    margin: 10px 30px 10px 0px;
    float: right;
    width: 400px;
    font-size: 12px;
    line-height: 24px;
    position: relative;
    letter-spacing: 0px;
}
.moreAbout2 {
    margin-top: 10px;
    letter-spacing: 1px;
    line-height: 22px;
}
.moreAboutInside1 {
    margin-left: -75px;
    width: 380px;
}
.moreAboutInside2 {
    margin-left: 40px;
    width: 340px;
}
.voiceB {
    width: 272px;
    padding: 0px 20px;
    float: left;
}
.voiceB1 {
    text-align: center;
    padding: 5px 0px 10px 0px;
    color: #D0E75C;
    font-weight: normal;
    font-family: 'Shippori Mincho';
    font-size: 14px;
    letter-spacing: 5px;
}
.voiceB img {
    margin-bottom:10px;
}
.voiceB2 {
    text-align: center;
    color: #D0E75C;
    border-bottom: solid 1px #856367;
    font-size: 10px;
    letter-spacing: 0px;
    padding: 6px 0px;
    font-weight: bold;
}
.voiceB3 {
    text-align: center;
    font-size: 12px;
    margin: 20px 0px;
}
.voiceB4 {
    font-size: 11px;
    letter-spacing: 0px;
    margin-bottom: 20px;
    line-height: 17px;
}
.center {
    text-align: center;
}

.misaStyle3 {
    line-height: 21px !important;
    display: inline;
    background: linear-gradient(transparent 60%, #ffff 40%);
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 2px;
    padding-left: 20px;
    padding-right: 20px;
}
.misaStyle4 {
    line-height: 21px !important;
    display: inline;
    background: linear-gradient(transparent 60%, #F10B6F 40%);
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.midashiSquare {
    border: solid 1px #D0E75C;
    padding: 5px 40px;
    margin: 20px auto;
    display: inline-block;
    color: #D0E75C;
    font-weight: normal;
    font-family: 'Shippori Mincho';
    font-size: 25px;
    letter-spacing: 8px;
}
.midashiSquare2 {
    border: solid 1px #fff;
    padding: 5px 40px;
    margin: 40px auto;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-family: 'Shippori Mincho';
    font-size: 25px;
    letter-spacing: 8px;
}
#headMenuLeft {
    float: left;
    width: 365px;
    border-right: solid 1px #8F6F73;
    padding: 20px 10px;
}
h1.column {
    margin-bottom: 40px;
}
.mincho {
    font-family: 'Shippori Mincho', serif !important;
}
.underlineMark {
    padding-left: 35px;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #51391F;
    background-image: url(../img/list3.jpg);
    background-position: 0px 7px;
    background-repeat: no-repeat;
}
.gyoukan1 {
    line-height: 20px !important;
    font-size: 12px !important;
    padding: 10px 20px !important;
}
.gyoukan2 {
    line-height: 24px !important;
    font-size: 13px !important;
}
.kensyu1 {
    position: relative;
    width: 550px;
    margin: auto;
}
.kensyu2 {
    border: solid 2px #000;
    border-radius: 10px;
    background-color: #000;
    color: #fff;
    display: inline;
    padding: 2px 10px;
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 0px;
    position: absolute;
    top: -18px;
    left: calc(50% - 80px);
}
.kensyu3 {
    border: solid 2px #000;
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px;
    font-size: 18px;
}
.hearingouter {
    width: 791px;
    margin: auto;
}
.hearing {
    width: 370px;
    float: left;
    text-align: left;
}
.hearing1 {
    color: #51391F;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.hearing2 {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 12px;
}
.noto {
    font-family: 'Noto Sans Japanese', sans-serif;
}
#page_contents {

}

#display_edit_tool_box8 {
    display: none;
}
#smartHead {
    display: none;
}
#menubutton {
    display: none;
}
#bottomLink {
    display: none;
}
.other2 {
    line-height: 30px;
    font-weight: bold;
}
.other1 img {
    margin: 15px;
}
.sns img {
}
div.fea0 {
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 20px;
    width: 360px;
    padding: 50px;
    margin-bottom: 40px;
    float: left;
}

div.fea0::before {
    transform: skewY(-5deg);
    content: ""; /*ボックスを作る*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border: solid 1px #000;
}
.fea0 img {
    position: absolute;
    left: 20px;
    top: -20px;
}
.fea1 {
    color: #51391F;
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #000;
    margin-bottom: 20px;
    font-weight: bold;
}
.fea2 {
    line-height: 30px;
    text-align: left;
}
.red {
    color: #B13034;
}
.voice0 {
    background-image: url(img/voicehaikei.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 292px;
    padding: 50px 50px 50px 50px;
    font-size: 12px;
    letter-spacing: 0px;
    position: relative;
    margin-top: 140px;
    margin: 140px 10px 10px 10px;
}
.voice1 {
    position: absolute;
    top: -115px;
    left: -30px;
}
.bold {
    font-weight:bold;
}
.voice2 {
    position: absolute;
    top: 170px;
    left: 20px;
}
.voice3 {
    padding-top: 160px;
    text-align: center;
    font-size: 14px;
    background-image: url(img/kaiwa.png);
    background-position: center 170px;
    background-repeat: no-repeat;
    width: 314px;
    margin: 0px 0px 20px -8px;
    font-weight:bold;
}
.voice4 {
    line-height: 20px;
}
.voicePic {
    position: absolute;
    top: -120px;
    left: -30px;
}
.qanda2 {
    margin: 40px 0px;
    line-height: 35px;
    font-weight: bold;
}
.question0 {
    position:relative;
    border-bottom:solid 1px #000;
    margin-bottom:20px;
}
.question1 {
    position: absolute;
}
.question2 {
    position: absolute;
    color: #AB2A2A;
    left: 32px;
    font-size: 16px;
    font-weight: bold;
    top: -2px;
}
.question {
    margin-left: 70px;
    font-size: 15px;
    font-weight: bold;
}
.answer {
    margin: 20px 0px 30px 70px;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.center {
    text-align: center;
}
.about1 {
    margin: auto;
    background-image: url(img/about-logo33.svg), url(img/redline.png);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    text-align: center;
    padding: 30px 0px 20px 0px;
    background-size: 30px, 40px;
    font-size: 26px;
    letter-spacing: 4px;
    color: #B13034;
    font-weight: bold;
}
.about2 {
    font-size: 30px;
    letter-spacing: 5px;
    color: #000;
}
.about3 {
    color: #B13034;
    font-size: 24px;
    line-height: 44px;
}
.about4 {
    font-size: 14px;
    line-height: 34px;
}

.about5 {
    font-size: 20px;
    margin: 60px 120px 40px 120px;
    font-weight: bold;
}
.head-border {
    display: flex;
    align-items: center;
}

    .head-border:before,
    .head-border:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #666;
    }

    .head-border:before {
        margin-right: 1rem;
    }

    .head-border:after {
        margin-left: 1rem;
    }
.about6 {
    margin: 40px 0px;
    font-size: 12px;
    line-height: 24px;
}
.about7 img {
    margin:10px 0px;

}
#headSmallMenu {
    position: absolute;
    right: 10px;
    top: 72px;
    width: 32px;
    height: 450px;
    text-align: center;
    z-index: 2;
    padding: 20px 10px 10px 10px;
}
    #headSmallMenu::before {
        transform: skewY(-5deg);
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        border: solid 1px #fff;
        background-color: #fff;
    }
#headSmallMenu p {
    writing-mode: vertical-rl;
    display: inline-block;
    color: #B13034;
    font-size:12px;
}
#headMenu {
    width: 594px;
    float: left;
    padding: 20px 0px 20px 20px;
    color: #50391F;
    line-height: 21px;
    font-size: 11px;
}
    #headMenu a {
        color: #50391F;
        text-decoration: none;
        margin-right: 7px;
        font-size: 11px;
        margin-left: 7px;
    }
    #footMenu a {
        color: #fff;
        text-decoration: none;
        margin-right: 7px;
        font-size: 11px;
        margin-left: 7px;
    }

div.dropshadow {
    position: relative;
    z-index: 1;
    margin: 20px;
    padding: 50px;
    margin-bottom: 40px;
}

    div.dropshadow::before {
        transform: skewY(-5deg);
        content: ""; /*ボックスを作る*/
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        border: solid 0px #000;
        background-image: url(img/pinkcust.png);
    }
.layout_rightbox2 {
    display: none;
}
.cke_editable {
    cursor: text;
}
.linoStyle1 {
    background: #FCCF00;
    color: #000;
    margin-left: 0px;
    display: table;
    padding: 5px 20px;
    box-shadow: 5px 5px 10px #ddd;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #FCCF00;
}
.mokuji {
    position: relative;
    display: inline-block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 28px;
    line-height: 28px !important;
    border: solid 1px #ddd;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    background-color: #F9F9FA;
    padding: 70px 40px 60px 40px;
    min-width: 550px;
}

    .mokuji:before {
        content: "目次";
        display: block;
        width: 80px !important;
        height: 30px !important;
        position: absolute;
        top: 30px !important;
        left: 20px !important;
        text-align: center;
        font-size: 21px;
        font-family: 'Shippori Mincho', serif;
    }

    .mokuji a {
        color: #534741;
        text-decoration: none;
    }
.questionQ {
    padding: 10px 10px 10px 60px;
    background-color: #EFDAC5;
    border-radius: 20px;
    /* font-weight: bold; */
    position: relative;
    line-height: 30px;
    font-family: 'Shippori Mincho';
    margin-bottom: 15px;
}
.questionQ:before {
    font-family: 'Shippori Mincho';
    content: "Q.";
    display: block;
    width: 31px !important;
    height: 31px !important;
    position: absolute;
    top: 10px !important;
    left: 25px !important;
    font-size: 25px;
}
.answerA {
    padding: 15px 10px 10px 60px;
    font-weight: normal;
    position: relative;
}

    .answerA:before {
        content: "";
        display: block;
        width: 28px !important;
        height: 33px !important;
        background: url(img/answer43.svg) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 13px !important;
        left: 14px !important;
        background-color: #EFDAC5;
        text-align: center;
        border-radius: 20px;
        padding: 5px;
        line-height: 30px;
        font-size: 25px;
    }
.comment1 {
    padding: 20px 20px !important;
    margin-left: 140px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #F7ECE1;
    line-height: 21px;
}

    .comment1:before {
        content: "";
        display: block;
        width: 146px !important;
        height: 139px !important;
        background: url(img/fukidashi-1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -146px !important;
    }

.comment_Nemoto {
    padding: 20px 20px !important;
    margin-right: 149px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #D8E8CF;
    line-height: 21px;
}

    .comment_Nemoto:before {
        content: "";
        display: block;
        width: 149px !important;
        height: 139px !important;
        background: url(img/nemotodr-fukidashi.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        right: -149px !important;
    }
.comment_Kyono {
    padding: 20px 20px !important;
    margin-left: 140px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #F8E8E3;
    line-height: 21px;
}

    .comment_Kyono:before {
        content: "";
        display: block;
        width: 146px !important;
        height: 140px !important;
        background: url(img/kyonodr-fukidasi.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -146px !important;
    }
.comment_Sowa {
    padding: 20px 20px !important;
    margin-left: 140px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    background: #FFDDCF;
    line-height: 21px;
}

    .comment_Sowa:before {
        content: "";
        display: block;
        width: 146px !important;
        height: 138px !important;
        background: url(img/sowadr-fukidashi.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -146px !important;
    }

.commentNew1 {
    padding: 20px 20px 20px 150px !important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 110px;
    border-radius: 10px;
    font-size: 13px;
    /* background: #EFDBC5; */
    line-height: 21px;
    border: solid 2px #F0DDC9;
}

    .commentNew1:before {
        content: "";
        display: block;
        width: 111px !important;
        height: 110px !important;
        background: url(img/face1pink.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 20px !important;
        left: 20px !important;
    }
.commentNew2 {
    padding: 20px 150px 20px 20px !important;
    /* margin-left: 140px !important; */
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 110px;
    border-radius: 10px;
    font-size: 13px;
    /* background: #EFDBC5; */
    line-height: 21px;
    border: solid 2px #F0DDC9;
}

    .commentNew2:before {
        content: "";
        display: block;
        width: 99px !important;
        height: 109px !important;
        background: url(img/faceblue.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 20px !important;
        right: 20px !important;
    }
.comment2 {
    padding: 20px 20px !important;
    margin-right: 140px !important;
    background-color: #ECF5BE !important;
    position: relative;
    border: solid 1px #ECF5BE;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 21px;
}

    .comment2:before {
        content: "";
        display: block;
        width: 149px !important;
        height: 140px !important;
        background: url(img/fukidashi2.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        right: -149px !important;
    }
    .comment2:after {
        content: "";
        display: block;
        width: 37px !important;
        height: 16px !important;
        background-image: url(img/fukidashi2-naname.png) !important;
        background-size: contain;
        position: absolute;
        top: 40px !important;
        right: -20px !important;
    }
.comment3 {
    padding: 30px 50px 30px 50px !important;
    position: relative;
    display: block;
    margin-top: 40px !important;
    margin-bottom: 30px !important;
    clear: both;
    min-height: 80px;
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right bottom;
    border-top: 1px #50391F solid;
    border-bottom: 1px #50391F solid;
}

    .comment3:before {
        content: "";
        display: block;
        width: 143px !important;
        height: 62px !important;
        background: url(img/comment.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: -30px !important;
        left: 16px !important;
    }
.kaiwa {
    background-image: url(img/kaiwa2-left.png), url(img/kaiwa2-right.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-color: #F9F6F8;
    padding: 30px 50px;
}
.kaiwa2 {
    background-image: url(img/kaiwa2-left.png), url(img/kaiwa2-right.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-color: #d0e75c;
    padding: 30px 50px;
}
.mojiStyle1 {
    background: linear-gradient(transparent 50%, #FEF9F5 50%);
}
.mojiStyle2
{
    background: linear-gradient(transparent 50%, #F9F9D4 50%);
}
.mojiStyle3
{
    color: #ffffff;
    background-color: #B8BEA5;
}
.mojiStyle4
{
    color: #ffffff;
    background-color: #BEB19F;
}
.mojiStyle5
{
    color: #ffffff;
    background-color: #D0BCC8;
}
    .linoStyle1 a {
        color: #000;
        padding: 10px 50px;
        text-decoration: none;
    }

    .linoStyle1:hover {
        background-color: #F39800;
        background-image: none;
        color: #000;
        border: solid 1px #F39800;
    }

    .linoStyle1 a:hover {
        color: #000;
        text-decoration: none;
    }

.linoStyle2 {
    background: #fff;
    border: solid 1px #F39800;
    color: #F39800;
    margin-left: 0px;
    display: table;
    padding: 5px 20px;
    box-shadow: 5px 5px 10px #ddd;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

    .linoStyle2 a {
        color: #F39800;
        padding: 10px 50px;
        text-decoration: none;
    }

    .linoStyle2:hover {
        background-color: #F39800;
        background-image: none;
        color: #fff;
        border: solid 1px #F39800;
    }

    .linoStyle2 a:hover {
        color: #fff;
        text-decoration: none;
    }

.linoStyle3 {
    background: #30584F;
    border: solid 1px #30584F;
    color: #fff;
    margin-left: 0px;
    display: table;
    padding: 5px 20px;
    box-shadow: 5px 5px 10px #ddd;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

    .linoStyle3 a {
        color: #fff;
        padding: 10px 50px;
        text-decoration: none;
    }

    .linoStyle3:hover {
        background-color: #fff;
        background-image: none;
        color: #30584F;
        border: solid 1px #30584F;
    }

    .linoStyle3 a:hover {
        color: #30584F;
        text-decoration: none;
    }

.instaButton
{
        background: #fccf00;
    color: #000;
    padding: 10px 50px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
#txtHTML
{
 height:550px!important;
}
.columnCategoryList
{
height:92px;
}
.fukudashi1 {
    color: #ffa500;
    background-image: url(https://ayurveda-ganesha.jp/userPic/82.png);
    background-position: 0px 0px;
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 0px;
    padding-left: 40px;
    padding-left: 110px;
    min-height: 110px;
    padding-top: 20px;
}
.fukudashi2 
{
    background-image: url(https://ayurveda-ganesha.jp/img/comment1.jpg);
    background-position: 0px 0px;
    background-color: #ffe8dc;
    background-repeat: no-repeat;
    padding: 0px 10px 20px 135px;
    /* padding-left: 40px; */
    /* padding-left: 130px; */
    min-height: 90px;
    padding-top: 20px;
}
.fukudashi3 {
    color: #fff;
    background-image: url(https://ayurveda-ganesha.jp/img/comment2.jpg);
    background-position:right top;
    background-color: #c6b194;
    background-repeat: no-repeat;
    padding: 0px 135px 20px 20px;
    /* padding-left: 40px; */
    /* padding-left: 130px; */
    min-height: 90px;
    padding-top: 20px;
}
.fukudashi4 {
    background-image: url(https://ayurveda-ganesha.jp/img/style-1.jpg);
    background-position: 0px 0px;
    /* background-color: #ffe8dc; */
    background-repeat: no-repeat;
    padding: 25px 20px 20px 190px;
    /* padding-left: 40px; */
    /* padding-left: 130px; */
    height: 211px;
    /* padding-top: 20px; */
    overflow: hidden;
}
.fukidashi5 {
    padding: 20px 30px !important;
    margin-left: 100px !important;
    background-color: #ffe8dc !important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 100px;
    line-height: 28px !important;
    font-size: 15px !important;
}

    .fukidashi5:before {
        content: "";
        display: block;
        width: 114px !important;
        height: 100px !important;
        background: url(img/misasan-114.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -114px !important;
    }

    .fukidashi6 {
        padding: 20px 30px !important;
        margin-left: 100px !important;
        background-color: #FFE8DC !important;
        position: relative;
        display: block;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        clear: both;
        min-height: 100px;
        line-height: 28px !important;
        font-size: 15px !important;
    }
    
        .fukidashi6:before {
            content: "";
            display: block;
            width: 114px !important;
            height: 110px !important;
            background: url(img/miwasan114.png) no-repeat !important;
            background-size: contain;
            position: absolute;
            top: 0px !important;
            left: -114px !important;
        }

        .fukidashi7 {
            padding: 20px 30px !important;
            margin-left: 100px !important;
            background-color: #FCE5E3!important;
            position: relative;
            display: block;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
            clear: both;
            min-height: 100px;
            line-height: 28px !important;
            font-size: 15px !important;
        }
        
            .fukidashi7:before {
                content: "";
                display: block;
                width: 114px !important;
                height: 100px !important;
                background: url(img/erika114.png) no-repeat !important;
                background-size: contain;
                position: absolute;
                top: 0px !important;
                left: -114px !important;
            }
#column1
{
background-color: #30584f;
    color: white;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 12px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column2
{
background-color: #d2d1b8;
    color: #30584f;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 12px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column3
{
background-color: #f5ee9e;
    color: #30584f;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 0px;
    font-size: 12px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column4
{
background-color: #fccf00;
    color: white;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 12px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column5
{
background-color: #ba8922;
    color: white;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 12px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column6
{
background-color: #a5c69c;
    color: #30584f;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 0px;
    font-size: 12px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
.nopc
{
display:none;
}
.nopc2 {
    display: none;
}
.contact-hours td {
    padding: 10px 10px !important;
    font-size: 14px !important;
}
.contact-hours th {
    padding: 10px 10px !important;
    font-size: 14px !important;
}
#page_contents table {
}
#page_contents td {
    border: solid 1px #CAA585;
}
#page_contents th {
    border: solid 1px #CAA585;
}
    #page_contents td:nth-of-type(1) {

    }

table.saloninfo td:nth-of-type(1)
{
background: #F4E3D3;
text-align:center;
width:60px;
}
table.saloninfo td
{
 border:solid 1px #D0C4AA;
padding:10px 20px;
background: #FFFBF8;
text-align:left;
}
.tdright input[type="text"] {
    padding: 5px;
    width: 490px !important;
    border: solid 1px #ddd;
    height: 19px !important;
}
.tdright textarea {
    padding: 5px;
    width: 490px !important;
    height: 250px !important;
    border: solid 1px #ddd;
}
footer {

}

    #example li {
    list-style-type: none;
}
.voiceBox_text
{
margin-top:10px;
margin-left:5px;
}
img {
   /* ▼行全体の下端に揃える */
   vertical-align: bottom;
}
#display_edit_tool_box4,#display_edit_tool_box5,#display_edit_tool_box9
{
display:none;
}
img {
   /* ▼親要素のフォントの下端に揃える */
   vertical-align: text-bottom;
}
a.OpaOnMouse:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#editorModal
{
    z-index: 1200;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont
{
background-color:#ffffff!important;
}
.gallery  .camera_thumbs ul {
padding-left:0px;
margin-left:-8px!important;
}
.gallery  .camera_thumbs ul li {
background:none;
padding: 0px 0px 0px 8px!important;
}

br
{
display:block;
}
#headpic
{
width:1000px;
}
body {
    color: #51391F;
    background-color: #fff;
    font-size: 14px;
    background-image: url(img/top-line.png);
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    background-repeat: repeat-x;
}
/*フォントサイズはこちら div,p,#pnlForm,.layout_rightbox,td */
#page_contents_bg
{


padding-left:0px;
padding-top:0px;
}
#page_contents {
    font-size: 14px;
    line-height: 34px;
} 
#page_contents iframe
{
    max-width:100%!important;
}
.layout_centering {
    margin: 0px auto;
    width: 1000px;
    position: relative;
}
.layout_centering_sub {
    margin: 0px auto;
    width: 1000px;
    position: relative;
}
img {
   vertical-align:bottom
}

.camera_caption {
    color: #333333!important;
}

a {
    color: #50391F;
}
    a:hover {
        color: #50391F;
        text-decoration: none;
    }
p{
padding:0px;
margin:0px;
}
/*見出し*/
h1 {
    font-family: 'Shippori Mincho';
    background-image: url(img/midashi1.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    margin-bottom: 10px;
    font-size: 25px;
    padding: 18px 0px;
    padding-left: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}
h2 {
    font-family: 'Shippori Mincho';
    background-image: url(img/midashi4.png);
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    padding: 18px 0px 28px 0px;
    letter-spacing: 1px;
    font-weight: bold;
}
h3 {
    font-family: 'Shippori Mincho';
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 5px 20px;
    font-weight: normal;
    letter-spacing: 1px;
    background-color: #EFDAC5;
    border-radius: 20px;
    display: block;
    /* width: fit-content; */
    margin-left: auto;
    margin-right: auto;
}
h4 {
    font-family: 'Shippori Mincho';
    letter-spacing: 1px;
    clear: both;
    font-size: 18px;
    line-height: 30px;
    display: block;
    padding-bottom: 10px;
    display: block;
    margin: 10px auto 10px auto;
    border: 0px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    /* background-image: url(img/midashi4.png); */
    background-repeat: no-repeat;
    background-position: left center;
    /* border-radius: 20px; */
    border-left: solid 6px #c8a88a;
}

h5 {
    font-family: 'Shippori Mincho';
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 5px 0px 5px 0px;
    margin: 10px 0px 10px 0px;
    letter-spacing: 1px;
    border-bottom: solid 1px #50391f;
}

h6 {
    font-family: 'Shippori Mincho';
    font-weight: bold;
    display: inline;
    line-height: 13px;
    font-size: 14px;
    border-bottom: solid 6px #EED6C2;
}
.linoStyle4 {
    text-decoration: none;
    background-color: #fff;
    color: #D0E75C;
    border: solid 1px #D0E75C;
    margin-left: 0px;
    /* width: 250px; */
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 0px 30px;
    transition: all 0.5s;
}

    .linoStyle4 a {
        color: #D0E75C;
        padding: 15px 0px;
        text-decoration: none;
    }

    .linoStyle4:hover {
        text-decoration: none;
        background-color: #D0E75C;
        color: #50391F;
        border: solid 1px #D0E75C;
    }

    .linoStyle4 a:hover {
        color: #50391F;
    }

.linoStyleM {
    background: #F4F0F0;
    color: #737272;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px #F4F0F0;
    padding: 10px 10px;
    font-weight: normal;
    margin: 5px;
    width: calc(50% - 35px);
    text-align: center;
    line-height: 18px;
    font-size:13px;
}

    .linoStyleM a {
        color: #737272;
        text-decoration: none;
        width: 100%;
        display: block;
    }

    .linoStyleM:hover {
        background-color: #737272;
        background-image: none;
        color: #F4F0F0;
        border: solid 1px #737272;
    }
    .linoStyleM:hover a {
        color: #F4F0F0;
    }
        .linoStyleM a:hover {
        color: #F4F0F0;
        text-decoration: none;
    }


.linoStyle5 {
    background: #D0E75C;
    color: #50391F;
    margin-left: 0px;
    display: table;
    padding: 0px 30px;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #D0E75C;
    padding: 10px 50px;
    font-weight: bold;
    border-radius: 30px;
}

    .linoStyle5 a {
        color: #50391F;
        text-decoration: none;
    }

    .linoStyle5:hover {
        background-color: #fff;
        background-image: none;
        color: #50391F;
        border: solid 1px #D0E75C;
    }

    .linoStyle5 a:hover {
        color: #50391F;
        text-decoration: none;
    }

.linoStyle6 {
    text-decoration: none;
    background-color: #fff;
    color: #CAA585;
    border: solid 1px #CAA585;
    margin-left: 0px;
    /* width: 250px; */
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 0px 30px;
    transition: all 0.5s;
    padding: 10px 50px;
    font-weight: bold;
    border-radius: 30px;
}

    .linoStyle6 a {
        color: #CAA585;
        padding: 15px 0px;
        text-decoration: none;
    }

    .linoStyle6:hover {
        text-decoration: none;
        background-color: #CAA585;
        color: #fff;
        border: solid 1px #CAA585;
    }

    .linoStyle6 a:hover {
        color: #fff;
    }

.linoStyle7 {
    background: #CAA585;
    color: #fff;
    margin-left: 0px;
    display: table;
    padding: 0px 30px;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #CAA585;
    padding: 10px 50px;
    font-weight: bold;
    border-radius: 30px;
}

    .linoStyle7 a {
        color: #fff;
        text-decoration: none;
    }

    .linoStyle7:hover {
        background-color: #fff;
        background-image: none;
        color: #CAA585;
        border: solid 1px #CAA585;
    }

    .linoStyle7 a:hover {
        color: #CAA585;
        text-decoration: none;
    }
.layout_rightbox {
    float: left;
    width: 300px;
    margin-bottom: 40px;
    background-color: #EEDBC6;
}
.layout_rightbox2
{
}
.layout_leftbox {
    width: 820px;
    line-height: 25px;
    padding: 40px 40px;
    float: right;
    background: #fff;
}
.leftbox
{
margin-left:0px;
margin-bottom:0px;
margin-right:0px;

}
/* ------------一番上のバー------------ */
.background_1
{
background-color:#000000;
}
.background_1 a
{
 text-decoration:none;
}
.background_1 a:hover
{
 color:#ffffff;
 text-decoration:underline;
}
/* ------------一番下のバー フッター------------ */
.background_4 {
    background: url("img/footer_backimg.png");
    background-repeat: repeat-x;
    padding-top: 0px;
    height: 180px;
background-color: #fccf00;
border-top:solid 0px #8a94bd;
    width: 100%;
    color: #fff;
}
.kasouHeadzonne {
    background-image: url(img/kasou7.png);
    height: 250px;
    background-position: center;
}
.background_4 b {
    color: #60bfec;
}
.background_4 a
{
 text-decoration:none;
color:#333333;
font-size:12px;
}
.background_4 a:hover
{
 text-decoration:underline;
color:#333333;
}
.foot_plus
{
height:500px;
width:1000px;
position: relative;
}
/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_0{

    background: url("img/topobi.png");
background-repeat: no-repeat;
background-position:center top; 
}
.background_2{

}
/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_3 {
/*    background: linear-gradient(to right, #EEDBC6 300px, white 300px);*/
}
/* ------------バックグランド　コンテンツ1000px内側------------ */
.background_3_2 {
    width: 1220px;
    margin: auto;
    background: linear-gradient(to right, #EEDBC6 300px, white 300px);
    display: table;
}
/* ------------#box_5:左バナー------------ */


#headerlink{
  width:150px;       
  height:37px;
  display:block;
  position:absolute;
  top:50px;
  left:650px;
   background:url(http://mind-plus.net/img/contactaccess.png) no-repeat;
}

#headerlink:hover{
background:url(http://mind-plus.net/img/contactaccessBG.png) no-repeat;
}
#headerlink_pagetop{
  width:83px;       
  height:83px;
  display:block;
   background:url(http://mind-plus.net/img/pagetop.png) no-repeat;
 margin-top:5px;
margin-left:160px;
}

#headerlink_pagetop:hover{
background:url(http://mind-plus.net/img/pagetopBG.png) no-repeat;
}
#haruakecolumn{
  width:230px;       
  height:31px;
  display:block;
  position:absolute;
  top:260px;
  left:220px;
   background:url(http://mind-plus.net/img/message.png) no-repeat;
}
#haruakecolumn:hover{
background:url(http://mind-plus.net/img/messageBG.png) no-repeat;
}
#headerlink2{
  width:151px;       
  height:37px;
  display:block;
  position:absolute;
  top:50px;
  left:800px;
   background:url(http://mind-plus.net/img/contactaccess.png) no-repeat;
background-position: -150px 0px;
}
#headerlink2:hover{
background:url(http://mind-plus.net/img//contactaccessBG.png) no-repeat;
background-position: -150px 0px;
}
.subtitle {
    text-align: center;
    font-size: 17px !important;
    font-weight: bold;
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    color: #c8a88a;
}
.registMust {
    padding-left: 10px;
    padding-right: 20px;
    font-weight: normal;
    display: block;
}

.sidelink {
    display:block;
    color:#333333;
    width:208px;
    height:26px;
    background-image:url(http://danro-salon.cohttp://mind-plus.net/img/leftmenu.png);
    text-decoration:none;
    padding-left:30px;
    padding-top:9px;
border-bottom:dotted 1px #613C33;
font-size:12px;
  }
  .sidelink:hover {
    color:#333333;
    background-image:url(.http://mind-plus.net/img/leftBG.png);
    text-decoration:underline;
  }

.salontable td
{
border-bottom:dotted 1px #b3b3b3;
vertical-align:top;
padding:3px;
}
.footlink
{
color:#81673e;padding-left:10px;padding-right:10px;
}
.footlink:hover
{
 text-decoration:none;
color:#81673e;
}

/*------------------------------------------------------------*/

/*画像*/

/*------------------------------------------------------------*/
.mediumPic
{
width:280px;
}
.largePic
{
width:600px;
}
.smallPic
{
width:173px;
}
.floatLeftPic
{
float:left;margin-right:20px;
}
.floatRightPic
{
float:right;margin-left:10px;
}  
table#salonMenu
{
 
}
table#salonMenu td
{
 border:solid 1px #613c33;
padding:10px;
text-align:center;
color:#613c33;
}
table#salonMenu td.noborder
{
 border:solid 0px #613c33;
}
.onlymobile
{
 display:none;
}

.regist_question
{
 font-weight:bold;
}
.course_table
{
 border:solid 2px #D0C4AA;
 margin-left:20px;
}
.course_table td
{
 padding:5px 10px 5px 10px;
 border:solid 1px #D0C4AA;
}
.first_course_table
{
 background-color:#EDEBEE;
}
.third_course_table
{
 color:#BF2D74;
}
.font_bold
{
 font-weight:bold;
}





/* ------------#side_button------------ */
.side_button
{
  height:49px;
  width:240px;       
  display:block;
  position:absolute;
  top:50px;
  left:0px;
}
.side_seminar
{
    background:url(http://mind-plus.net/img/seminarschool.png) no-repeat;
}
.side_seminar:hover{
    background:url(http://mind-plus.net/img/seminarschoolBG.png) no-repeat;
}
#side_seminar1
{
  top:0px;
  background-position: 0px 1px;
}
#side_seminar2
{
  top:49px;
  background-position: 0px -49px;
}
#side_seminar3
{
  top:98px;
  background-position: 0px -98px;
}
#side_seminar4
{
  top:147px;
  background-position: 0px -147px;
}
#side_seminar5
{
  top:196px;
    height:52px;
  background-position: 0px -196px;
}



.side_branding
{
    background:url(http://mind-plus.net/img/branding.png) no-repeat;
}
.side_branding:hover{
    background:url(http://mind-plus.net/img/brandingBG.png) no-repeat;
}
#side_branding1
{
  top:0px;
  background-position: 0px 1px;
}
#side_branding2
{
  top:49px;
  background-position: 0px -49px;
}
#side_branding3
{
  top:98px;
  background-position: 0px -98px;
}
#side_branding4
{
  top:147px;
  background-position: 0px -147px;
}
#side_branding5
{
  top:196px;
  background-position: 0px -196px;
}
#side_branding6
{
  top:245px;
  height:53px;
  background-position: 0px -245px;
}

.side_service
{
    background:url(http://mind-plus.net/img/service.png) no-repeat;
}
.side_service:hover{
    background:url(http://mind-plus.net/img/serviceBG.png) no-repeat;
}
#side_service1
{
  top:0px;
  background-position: 0px 1px;
}
#side_service2
{
  top:49px;
  background-position: 0px -49px;
}
#side_service3
{
  top:98px;
  background-position: 0px -98px;
}
#side_service4
{
  top:147px;
  background-position: 0px -147px;
}
#side_service5
{
  top:196px;
      height:52px;
  background-position: 0px -196px;
}

/* ------------#top_button------------ */
.hidden_menu
{
    display:none;
    position:absolute;
    z-index: 2;
    float:left;
}
.left { 
float: left;
margin: 0px 10px 10px 10px;
} 
.right { 
float: right;
}
/*------------------------------------------------------------*/
/*TOP PAGE CONTENTS from */
/*------------------------------------------------------------*/
 .news_voice
        {
            float:left;
            width:1000px;
            margin-top:40px;
        }
        .news
        {
            float:left;
            width:518px;
            border-left:solid 1px #d0d0d0;
            border-right:solid 1px #d0d0d0;
            border-top:solid 1px #d0d0d0;
        }
        .news_article
        {
            width:498px;
            float:left;
            padding:10px;
            border-bottom:solid 1px #d0d0d0;
        }
        .news_1
        {
            float:left;
            width:50px;
        }
        .news_1 img
        {
            max-width:50px;
            max-height:50px;
        }
        .news_2
        {
            float:left;
            width:84px;
            padding:10px 0px 0px 10px;
margin-top:5px;
            text-align:left;
        }
        .news_3
        {
            float:left;
            width:344px;
            padding:0px 5px 0px 5px;
margin-top:5px;
        }
        .voice
        {
            float:right;
            width:433px;
            border-left:solid 1px #d0d0d0;
            border-right:solid 1px #d0d0d0;
            border-top:solid 1px #d0d0d0;
        }
        .voice_article
        {
            width:180px;
            float:left;
            padding:10px;
            border-bottom:solid 0px #d0d0d0;
        }
        .voice_1
        {
            float:left;
            width:70px;
        }
        .voice_1 img
        {
            max-width:70px;
            max-height:70px;
        }
        .voice_2
        {
            float:left;
            width:180px;
            padding-left:0px;
            font-size:12px;
        }
        .voice_2 b
        {
         color:#f95dab;
        }
/*------------------------------------------------------------*/
/*TOP PAGE CONTENTS To*/
/*------------------------------------------------------------*/
.customerVoice
{
padding:20px;border:solid 1px #C6C6C6;
 margin-bottom:20px;
background-color:#f8f8f8;
font-size:13px;
}
.customerVoiceNoborder
{
padding:20px;
background-color:#f8f8f8;
margin-left:20px;
margin-right:20px;
}
.tensen
{
padding:20px;
border:dotted 2px #333333;
margin-left:20px;
margin-right:20px;
}

.frame2
{
padding:20px;border:solid 1px #C6C6C6;
 margin-bottom:20px;
background-color:#f8f8f8;

}

.frame3
{
padding:20px;border:solid 5px #f0f0f0;
 margin-bottom:20px;
background-color:#f8f8f8;
font-size:12px;
line-height:21px;
}

#comp_overview
{
background-color:#f8f8f8;
border-collapse: collapse;
}
#comp_overview td
{
padding:10px;border:solid 1px #C6C6C6;
}
#comp_overview a
{
 font-size:12px;
}
.hpexample
{
border-collapse: collapse;

}
.hpexample td
{
 padding-bottom:30px;
width:350px;
vertical-align: top;
font-size:12px;line-height:20px;
}
.hpexample_text
{
border-collapse: collapse;
width:331px;
margin-top:20px;
}
.hpexample_text td
{
 padding-bottom:0px;
vertical-align: top;
font-size:12px;
line-height:20px;
border-bottom:dotted 1px #dddddd;
padding:5px;
}
.hpexample_text_leftcol
{
width:30px;
}
/*------------------------------------------------------------*/
/*お問い合わせフォーム */
/*------------------------------------------------------------*/
.otoiawase_form
{
text-align:left; padding:0px 0px 0px 0px;border:solid 0px #C6C6C6;margin-bottom:50px;
}
.otoiawase_table {
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #51391F;
}
.tdleft {
    border: solid 1px #51391F;
    padding: 20px 10px;
    color: #51391F;
    min-width: 280px;
}
.tdright {
    background-color: #ffffff;
    border: solid 1px #51391F;
    padding: 20px 10px;
}
.tdright input
{
padding:5px;
}

/*------------------------------------------------------------*/
/*links */
/*------------------------------------------------------------*/
.links
{
 float:right;
width:500px;
margin-top:-30px;
}
#facebook_like
{
float:right;
margin-right:0px;
}
#twitter
{
float:right;
margin-right:-30px;
}
#google_plusone
{
float:right;
}

.facebook
{
    float: left;
    top: 0;
}
.fixed {
    position: absolute;
margin-top:10px;
}
.access1
{
left: 20px;
top: -230px;
height: 0px;
position: relative;
width:290px;
}
.access2
{
left: 20px;
top: -200px;
height: 0px;
position: relative;
width:290px;
}

/*ボックス追加 from*/


.itemBox {
    float: left;
    letter-spacing: 0px;
    width: 280px;
    height: 300px;
    margin-right: 30px;
    margin-left: 0px;
    margin-bottom: 40px;
    position: relative;
    background-color: #fff;
    box-shadow: 5px 5px 10px #eee;
}

    .itemBox img {
        width: 280px;
        height: 210px;
        object-fit: cover;
    }

        .itemBox img:hover {
            transform: scale(1.1); /*画像の拡大率*/
            transition-duration: 1.3s; /*変化に掛かる時間*/
        }

.itemTitle {
    margin-top: 0px;
    font-weight: bold;
    width: 240px;
    max-height: 56px;
    overflow: hidden;
    padding: 10px 20px 0 20px;
    line-height: 28px;
}
.itemTitle a {
    color: #51391F!important;
    text-decoration:none;
}
.itemText {
    margin-top: 5px;
    width: 240px;
    padding: 10px 20px 0 20px;
    display: none;
}

.itemPicFrame {
    width: 280px;
    border: solid 0px #cccccc;
    text-align: center;
    height: 210px;
    overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.selectedPage a {
    border: solid 1px #715648;
    background-color: #f6f6f6;
    color: #715648;
    margin-right: 10px;
    padding: 2px 8px;
    float: left;
    text-decoration: underline;
    font-size: 14px;
}

.unselectedPage a {
    border: solid 1px #715648;
    background-color: #ffffff;
    color: #715648;
    margin-right: 10px;
    padding: 2px 8px;
    float: left;
    font-size: 14px;
}

    .unselectedPage a:hover {
        border: solid 1px #715648;
        background-color: #715648;
        color: #ffffff;
    }

.columPage {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.columPage td
{
   float: left;
    margin-bottom: 20px;
}
/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:1000px;				/*上ボタン全体の幅*/	
margin:0px 0px 0px 0px;
padding:0px;
height:82px;
}
ul.button1istitem li
{
    float:left;
}

/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:1000px;				/*上ボタン全体の幅*/	
}
ul.button1istitem li
{
    float:left;
    width: 170px;
}
a.widelink1 {   
    display: block;			/*必須*/ 
    width: 154px;			/*必須*/	
text-align: center;
height:40px;
    font-size:14px;
    padding: 35px 0px 0px 0px;
    font-size:12px;
    color: #3F3D2B;
	background-image:url(img/topmenu_off.png);      
}
a.widelink1:hover 
{
    color: #DCDBDB;		  
	background-image:url(img/topmenu_off.png);      
}
/*中ボタンの設定*/
div#button2 
{
    float: left;
    padding: 0px 0px 0px 0px;		/*上右下左*/
    text-align: left;
}
ul.button2istitem{
    list-style-type:none;
    float:left;
    width: 261px;				/*レフトボタンの幅はこちら */	
    text-align: left;	
margin:0px;	
padding:0px;	
}
ul.button2istitem li
{
    float:left;
    width: 262px;
}
a.widelink2 
{
    background: url(img/side-mark.png) no-repeat;
    background-repeat: no-repeat;
background-position: 3px 11px; 
    list-style-type: none;
    text-decoration: none!important;
line-height: 20px;
    border-bottom: dotted 1px #9fa0a0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    display: block;
    color: #231815;
    width: 210px;
    margin: 5px 0px 5px 0px;
    vertical-align: middle;
    display: table-cell;
}
a.widelink2:hover 
{
    color: #666666;	
    text-decoration: none!important;
}
#display_edit_tool_box5,#display_edit_tool_box4
{
/*display:none!important;*/
}
.button1istitem
{
 height:50px;
}

/*yasuda add*/
#footer{
    text-align: center;
}

#page_contents ul {
padding-left:20px;
}
    #page_contents ul li {
        background: url(img/list-22.svg) no-repeat 0px 4px;
        list-style-type: none;
        text-decoration: none;
        text-decoration-color: #dddddd;
        padding: 0px 0px 0px 25px !important;
        /* width: 420px; */
        background-size: 20px;
        line-height: 32px;
    }
#page_contents ol {
padding-left:20px;
}
    #page_contents ol li {
        background: url(img/list2-22.svg) no-repeat 0px 9px;
        list-style-type: none;
        text-decoration: none;
        text-decoration-color: #dddddd;
        padding: 0px 0px 0px 25px !important;
        /* width: 420px; */
        background-size: 19px;
        line-height: 32px;
    }
#footcontents a
{
 margin-left:20px;
padding-left:20px;
border-left:solid 0px #fff;
line-height: 40px;
}
#footcontents a:hover
{
color:#3C2A12;
}
.background_4 a {
    color: #000000;
    text-decoration: none;
    font-size: 12px;

}
hr
{
margin-left: auto;
margin-right: auto;
border-top: 1px solid #d5b084;
border-bottom: 0px dotted #684444;
background-color: #fff;
color: #fff;
}
/* ------------ナビバー設定------------ */

#headerMenu{
  margin:0;
  padding:0;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  text-decoration:none;
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  background:url("img/topmenu_off.png") no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a:hover{
  background:url("img/topmenu_on.png") no-repeat;
}

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu{
  width:1000px;        /* メニュー全体の幅 */
margin-left:0px;
}
#headerMenu ul.menu li a{
  line-height:55px;   /* ボタンの高さ */
}
/* ------------ナビバー設定 背景------------ */

#headerMenu ul.menu li.menu1 a{ background-position: 0px 0px; width:98px; }
#headerMenu ul.menu li.menu1 a:hover{ background-position: 0px 0px; }

#headerMenu ul.menu li.menu2 a{ background-position: -98px 0px; width:185px; }
#headerMenu ul.menu li.menu2 a:hover{ background-position: -98px 0px; }

#headerMenu ul.menu li.menu3 a{ background-position: -283px 0px; width:118px; }
#headerMenu ul.menu li.menu3 a:hover{ background-position: -283px 0px;}

#headerMenu ul.menu li.menu4 a{ background-position: -401px 0px; width:118px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -401px 0px; }

#headerMenu ul.menu li.menu5 a{ background-position: -519px 0px; width:118px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -519px 0px; }

#headerMenu ul.menu li.menu6 a{ background-position: -637px 0px; width:118px; }
#headerMenu ul.menu li.menu6 a:hover{ background-position: -637px 0px; }

#headerMenu ul.menu li.menu7 a{ background-position: -755px 0px; width:118px; }
#headerMenu ul.menu li.menu7 a:hover{ background-position: -755px 0px; }

#headerMenu ul.menu li.menu8 a{ background-position: -873px 0px; width:127px; }
#headerMenu ul.menu li.menu8 a:hover{ background-position: -873px 0px; }


/* ------------ナビバー設定------------ */
.top_plus
{
 position:relative;
}
.menu4:hover #selectmenu
{
 display:block;   
}    
.menu3:hover #selectmenu2
{
 display:block;   
}
#selectmenu ul {
    padding: 0px;
    margin: 0px;
}
#selectmenu2 ul {
    padding: 0px;
    margin: 0px;
}
#selectmenu3 ul {
    padding: 0px;
    margin: 0px;
}
#selectmenu ul li {
    list-style: none;
}
#selectmenu2 ul li {
    list-style: none;
}
#selectmenu3 ul li {
    list-style: none;
}
.about_on {
    position:relative;
}
.about_on2 {
    position: relative;
}
.about_on3 {
    position: relative;
}
#selectmenu {
    position: absolute;
    top: 75px;
    left: 20px;
    width: 400px;
    z-index: 9999;
}
#selectmenu2 {
    position: absolute;
    top: 75px;
    left: 20px;
    width: 400px;
}
#selectmenu3 {
    position: absolute;
    top: 16px;
    left: 0px;
    width: 170px;
    height: 201px;
    z-index: 9999;
    display: none;
}
.dropmenu {
    font-size: 12px !important;
    background-color: #fff !important;
    /* color: #495267 !important; */
    text-decoration: none !important;
    width: 400px !important;
    height: 25px !important;
    line-height: 25px !important;
    padding: 3px !important;
    padding-left: 10px !important;
    display: block !important;
    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0px !important;
    white-space: nowrap !important;
    word-break: break-all !important;
    background-image: none !important;
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter: "alpha( opacity=100 )";
    color: #50391f !important;
    font-weight: normal !important;
}
.dropmenu:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
.hidden_menu
{
    display:none;
    position:absolute;
    z-index: 99;
    float:left;
}

/*Column ボックス追加 from*/


/*Columボックス追加 to*/

.tableinfo
{
border-collapse: collapse;
width:100%;
border:solid 2px #C19D7C;
}
.tableinfo td
{
border: solid 1px #C19D7C;
background-color:#ffffff;
padding: 10px;
}
.tableinfo td:nth-child(1)
{
background-color:#EAE8E9;
width:120px;
}

.menuTable
{
border-collapse: collapse;
border:solid 0px #C19D7C;
float:left;
}
.menuTable td
{
border: solid 0px #C19D7C;
border-bottom: solid 1px #C19D7C;
background-color:#ffffff;
padding: 5px;
}
.menuTable td:nth-child(1)
{
background-color:#ffffff;
width:250px;
}
.menuTable td:nth-child(2)
{
background-color:#ffffff;
width:70px;
text-align:right;
}
.cl {  
    display: inline-block;  
}  
.cl:after {  
    content: "";  
    display: block;  
    clear: both;  
}  
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


#bottomLink {
    text-align: center;
    /* margin-right: 5px; */
    position: fixed;
    z-index: 500;
    bottom: 0px;
    right: 0px;
    height: 60px;
    background-color: rgba(255,255,255,0.7);
    width: calc(100%);
    padding-bottom: 10px;
}

.dairyBox {
    text-align: left;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
    width: 1000px;
    margin-left: -10px;
}
.columTop {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 0px;
    text-decoration: none;
    display: inline-block;
    line-height: 23px;
    margin-bottom: 20px;
    text-align: center;
    width: 205px;
    font-size: 11px;
    color: #fff;
    border: solid 1px #CAA585;
    background-color: #CAA585;
}

    .columTop:hover {
        opacity: 0.9;
        color: initial;
    }

.otherMenu {
    padding-top: 60px;
}

.Top1 {
    
}

.Top2 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}

.Top3 {
    
}

.Top4 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}

.Top5 {
    
}

.Top6 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}
.Top8 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}
.columnList {
    width: 940px;
}
.themeBox {
    padding: 3px 0px 5px 0px;
    color: #ffffff;
    background-repeat: no-repeat;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    line-height: 23px;
    /* margin-bottom: 20px; */
    text-align: center;
    /* border-radius: 10px; */
    width: 164px;
    font-size: 11px;
    color: #51391F;
    border: solid 1px #51391F;
    background-color: white;
    margin-left: 0px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    border: solid 1px #CAA585;
    background-color: #CAA585;
}

.themeBox1 {
   
}

.themeBox2 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}

.themeBox3 {

}

.themeBox4 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}


.prevAndNext {
    text-align: center;
    margin-bottom: 60px;
}

.prevButton {
    margin-right: 50px;
}

.nextButton {
    margin-left: 50px;
}

.nextButton, .prevButton {
    display: inline-block;
}

    .nextButton a, .prevButton a {
        text-decoration: none;
        display: block;
        padding: 0px 10px;
        border: solid 1px #50391F;
        background-color: #ffffff;
        color: #50391F;
    }

        .nextButton a:hover, .prevButton a:hover {
            background-color: #50391F;
            border: solid 1px #50391F;
            color: #ffffff;
        }
.anchor {
    padding-top: 10px;
    margin-top: -10px;
}