/* CSS Document */
/*--------------------------------------------------------------------トップページ　index.html*/
.topconbox1 {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0 20px 16px 20px;
    margin: 0 0 40px 0
    }
.topconbox1 h3 {
    float: left;
    padding: 0 24px 0 0
    }
.topconbox1 dl {
    padding: 50px 0 0 0
    }
.topconbox1 dt {
    font-size: 20.25pt;
    padding: 0 0 25px 0
    }
.topconbox1 dd {
    font-size: 13.5pt;
    line-height: 180%
    }
.topconbtn {
    text-align: right
    }
.topbnr {
    padding: 0 0 40px 0
    }
.topnews {
    width: 685px;
    float: left;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px 20px 16px 40px
    }
.topnews h3 {
    width: 665px;
    height: 45px;
    font-size: 23pt;
    font-family: Copperplate, "Copperplate Gothic Light", fantasy;
    background: url(../images.810581553e5b623635f5451745beb19e/topborder.png) no-repeat bottom;
    line-height: 100%;
    letter-spacing: 2px
    }
.topnews h3 span {
    font-size: 18.5pt
    }
.topnews dl {
    padding: 35px 10px 0 0
    }
.topnews dt {
    padding: 0 0 10px 0
    }
.topnews dt a {
    font-size: 12.75pt;
    text-decoration: underline
    }
.topnews dt a:hover {
    color: #2B94B5;
    opacity: 1
    }
.topnews dt a .topnewsdate {
    display: block;
    float: left;
    padding: 0 37px 0 0;
    text-decoration: none
    }
.topnews dd {
    font-size: 10.5pt;
    padding: 0 0 25px 145px;
    }
.topnews p a {
    font-size: 10.5pt;
    padding: 0 0 20px 145px;
    display: block;
    }
.newslink {
    float: right
    }
.stafflink {
    display: block;
    float: right
    }
/*--------------------------------------------------------------------下層ページ共通*/
.undertit {
    width: 210px;
    height: 130px;
    margin: 0 auto;
    background: url(../images.9108ccf85606138e36841651911d6a14/titback.png) no-repeat;
    padding: 0 0 40px 0
    }
.undertit h2 {
    font-size: 22.5pt;
    font-family: "Courier New", Courier, monospace;
    text-align: center;
    padding: 40px 0 0 0;
    line-height: 100%
    }
.undertit h2 span {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
    font-size: 13.5pt
    }
.content_inn920 {
    width: 920px;
    margin: 0 auto 40px auto;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px 40px
    }
.undertith3 {
    width: 920px;
    font-size: 23pt;
    font-family: Copperplate, "Copperplate Gothic Light", fantasy;
    background: url(../images.9108ccf85606138e36841651911d6a14/under_titline.png) no-repeat bottom;
    line-height: 100%;
    letter-spacing: 2px;
    padding: 0 0 13px 0;
    margin: 0 0 30px 0;
    position: relative
    }
.undertith32 span {
    font-size: 18.5pt
    }
.undertith32 {
    width: 920px;
    font-size: 23pt;
    font-family: Copperplate, "Copperplate Gothic Light", fantasy;
    background: url(../images.9108ccf85606138e36841651911d6a14/under_titline.png) no-repeat bottom;
    line-height: 100%;
    letter-spacing: 2px;
    padding: 0 0 13px 0;
    margin: 0 0 30px 0
    }
.undertith3 span {
    font-size: 18.5pt
    }
/*--------------------------------------------------------------------Aboutサロン紹介　about.html*/
.aboutbox1 {
    width: 599px;
    height: 200px;
    background: url(../images.3393d404f8e019be96067aeb53746b04/about1.png) no-repeat;
    margin: 0 auto;
    padding: 0 0 70px 0
    }
.aboutbox1 dl {
    padding: 37px 0 0 0;
    text-align: center
    }
.aboutbox1 dt {
    color: #FFF;
    font-size: 21pt;
    font-weight: bold
    }
.aboutbox1 dt span {
    font-size: 16.5pt
    }
.aboutbox1 dd {
    color: #FFF;
    font-size: 11.5pt
    }
.addlist {
    padding: 0 0 40px 0
    }
.addlist dt {
    width: 218px;
    float: left;
    padding: 0 0 55px 0
    }
.addlist dd {
    padding: 0 0 55px 218px
    }
.addlist dd.addsaigo {
    padding: 0 0 0 218px
    }
.aboutbox3 {
    width: 852px;
    height: 484px;
    padding: 36px 34px;
    background: url(../images.3393d404f8e019be96067aeb53746b04/about2.png) no-repeat
    }
.aboutbox4 {
    width: 1000px;
    height: 280px;
    background: url(../images.3393d404f8e019be96067aeb53746b04/about4bg.png) no-repeat
    }
.abouttel dt {
    padding: 30px 0 0 109px;
    float: left
    }
.abouttel dd {
    float: left;
    width: 580px;
    padding: 60px 0 0 70px
    }
.aboutelnum {
    font-size: 37.5pt;
    font-family: "Courier New", Courier, monospace;
    font-weight: bold
    }
.aboutteltxt {
    display: block;
    padding: 25px 0 0 0
    }
/*--------------------------------------------------------------------Menuメニュー　menu.html*/
.menulist li {
    padding: 0 0 40px 42px;
    background: url(../images.ce61f8d5d11c120098856f6990474419/menumark.png) no-repeat left 5px
    }
.menulist li span {
    display: block;
    float: right
    }
.menulist li.menulistsaigo {
    padding: 0 0 10px 42px
    }
.undertitlink {
    position: absolute;
    right: 0;
    top: -18px;
    display: block;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
    width: 254px;
    height: 34px;
    color: #FFF;
    background: url(../images.ce61f8d5d11c120098856f6990474419/titlinkbg.png) no-repeat;
    text-align: center;
    font-size: 11pt;
    padding: 12px 0 0 0
    }
/*--------------------------------------------------------------------Galleryギャラリー　gallery.html*/
.galllist li {
    width: 185px;
    height: 276px;
    background: url(../images.4f781a040dce9802e68950533b5600eb/gallbg.png) no-repeat;
    padding: 14px 13px;
    float: left;
    margin: 0 50px 40px 0
    }
.galllist li.gallsaigo {
    margin: 0 0 40px 0
    }
.galllist {
    margin: 0 auto;
    margin-left: -24px !important;
    margin-right: -24px !important;
}
.galllist a img {
    margin: 0 24px 40px !important;
    background: url(../images.4f781a040dce9802e68950533b5600eb/gallbg.png) no-repeat;
    padding: 14px 14px;
    border: none !important;
}
/*--------------------------------------------------------------------Staffスタッフ　staff.html*/
.staffbox {
    padding: 0 0 37px 0
    }
.staffimg {
    width: 350px;
    height: 349px;
    background: url(../images.80bbab1d4e229ffd7bc5a8879123a136/staffbg.png) no-repeat;
    float: left
    }
.staffimg img {
    padding: 21px 22px
    }
.staffprof {
    width: 530px;
    min-height: 290px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px 40px;
    float: right
    }
.staffprof dt {
    font-weight: bold;
    font-size: 18.75pt;
    letter-spacing: 1px;
    width: 530px;
    padding: 0 0 17px 0;
    background: url(../images.80bbab1d4e229ffd7bc5a8879123a136/staffboxline.png) no-repeat bottom
    }
.staffprof dd {
    padding: 35px 0 0 0
    }
/*--------------------------------------------------------------------Recruitリクルート　recruit.html*/
.rectable {
    width: 920px;
    border-collapse: collapse
    }
.rectable tr {
    background: url(../images.cb1414b2ed6ff409d1fd4fb6ecd8bdd5/recline.png) no-repeat bottom
    }
.rectable th {
    width: 210px;
    text-align: left;
    padding: 33px 0 20px 0
    }
.rectable td {
    padding: 33px 0 20px 0
    }
/*--------------------------------------------------------------------Newsお知らせ　info.html Blofブログ　blog.html*/
.infoleft {
    width: 680px;
    float: left
    }
.infobox {
    padding: 25px 40px;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 0 40px 0
    }
.infotit {
    font-size: 18.75pt;
    padding: 0 0 10px 0;
    letter-spacing: 2px;
    background: url(../images.9c26d2ec6870db89bf3895005d005fa3/infotitbg.png) no-repeat bottom;
    margin: 0 0 20px 0
    }
.date {
    font-size: 10.5pt
    }
.kijiimg {
    text-align: center;
    padding: 0 0 25px 0
    }
.kijibox p {
    font-size: 12.75pt;
    line-height: 190%
    }
.infoside {
    width: 283px;
    float: right
    }
.infosideinn {
    padding: 0 0 70px 0
    }
.infosideinn dl {
    background: url(../images.9c26d2ec6870db89bf3895005d005fa3/infosidebotom.png) no-repeat bottom;
    padding: 0 0 17px 0
    }
.infosideinn dt {
    width: 283px;
    height: 162px;
    background: url(../images.9c26d2ec6870db89bf3895005d005fa3/infosidetitbg.png) no-repeat;
    color: #FFF;
    font-family: "Courier New", Courier, monospace;
    font-size: 22.5pt;
    font-weight: bold;
    text-align: center
    }
.infosideinn dt span {
    display: block;
    padding: 100px 0 0 0
    }
.infosideinn dd {
    width: 283px;
    background: url(../images.9c26d2ec6870db89bf3895005d005fa3/infosidebg.png) repeat-y
    }
.infosideinn dd ul {
    width: 240px;
    margin: 0 auto;
    background: url(../images.9c26d2ec6870db89bf3895005d005fa3/infosideline.png) no-repeat top
    }
.infosideinn dd li {
    padding: 15px 5px;
    background: url(../images.9c26d2ec6870db89bf3895005d005fa3/infosideline.png) no-repeat bottom
    }
.infosideinn dd li a {
    color: #FFF;
    font-size: 12pt
    }
.infosidedate {
    display: block;
    font-size: 10.5pt;
    padding: 0 0 5px 0;
    color: #FFF
    }
.ichiranlink {
    display: block;
    color: #FFF;
    text-align: right;
    font-size: 11.5pt;
    padding: 13px 25px 5px 0
    }
/*--------------------------------------------------------------------Contactお問合わせ　contact.html*/
.contactbox1 {
    width: 600px;
    height: 279px;
    margin: 0 auto 40px auto;
    background: url(../images.260000898efab46bce3a88d80c8ab777/contactbg.png) no-repeat;
    text-align: center
    }
.contactbox1 p {
    color: #FFF;
    font-size: 12pt;
    line-height: 190%;
    padding: 35px
    }
.contable {
    width: 920px;
    border-collapse: collapse
    }
.contable tr {
    background: url(../images.cb1414b2ed6ff409d1fd4fb6ecd8bdd5/recline.png) no-repeat bottom
    }
.contable th {
    width: 210px;
    text-align: left;
    padding: 33px 0 20px 0
    }
.contable td {
    padding: 33px 0 20px 0
    }
.contable input.size1 {
    width: 500px
    }
.radiolist li {
    float: left;
    padding: 0 15px 0 0
    }
.radiolist li span {
    padding: 0 0 0 10px
    }
.contable textarea {
    width: 700px;
    height: 150px
    }
.formbtn {
    width: 300px;
    padding: 30px 0;
    margin: 0 auto
    }
.formbtn li {
    padding: 0 20px
    }
.formbtn li.btn1 {
    float: left
    }
.formbtn li.btn2 {
    float: right
    }
/*--------------------------------------------------------------------Head spaヘッドスパ　headspa.html*/
.headspabox1 {
    width: 600px;
    height: 279px;
    margin: 0 auto 40px auto;
    background: url(../images.260000898efab46bce3a88d80c8ab777/contactbg.png) no-repeat;
    text-align: center
    }
.headspabox1 dt {
    color: #FFF;
    font-size: 16.5pt;
    font-weight: bold;
    padding: 35px 0 25px 0
    }
.headspabox1 dd {
    color: #FFF;
    font-size: 12pt;
    line-height: 190%;
    padding: 0 0 35px 0
    }
.headspalist {
    width: 520px;
    height: 185px;
    margin: 0 auto 40px auto;
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headspa1bg.png) no-repeat;
    padding: 40px
    }
.headspalist li {
    padding: 0 0 20px 42px;
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headspalistmark.png) no-repeat left top
    }
.headimg {
    width: 291px;
    height: 290px;
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headbg.png) no-repeat;
    float: left
    }
.headimg img {
    padding: 20px 18px
    }
.headsparight {
    width: 589px;
    float: right
    }
.headtit {
    display: block;
    width: 274px;
    height: 38px;
    color: #FFF;
    font-size: 14.5pt;
    padding: 13px 0 0 43px;
    margin: 0 0 15px 0
    }
.headtith3 {
    font-family: "Courier New", Courier, monospace;
    font-size: 30pt;
    padding: 0 0 10px 0
    }
.headtith3 span {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
    font-size: 15pt;
    padding: 0 0 0 30px
    }
.headright p {
    width: 570px;
    font-size: 12.75pt
    }
.headspabox2 {
    padding: 0 0 40px 0
    }
.headtit2 {
    font-size: 18pt;
    font-weight: bold;
    padding-bottom: 5px;
    margin: 0 0 35px 0
    }
.headspalist2 li {
    padding: 0 0 35px 35px;
    font-size: 12.75pt
    }
.head1tit {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg.png) no-repeat
    }
.head1h3 {
    color: #360
    }
.head1titbg {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg2.png) no-repeat bottom;
    color: #360
    }
.head1list li {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headlistmark.png) no-repeat 0 5px
    }
.head2tit {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg21.png) no-repeat
    }
.head2h3 {
    color: #781D34
    }
.head2titbg {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg22.png) no-repeat bottom;
    color: #781D34
    }
.head2list li {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headlistmark2.png) no-repeat 0 5px
    }
.head3tit {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg31.png) no-repeat
    }
.head3h3 {
    color: #673921
    }
.head3titbg {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg32.png) no-repeat bottom;
    color: #673921
    }
.head3list li {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headlistmark3.png) no-repeat 0 5px
    }
.head4tit {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg41.png) no-repeat
    }
.head4h3 {
    color: #005479
    }
.head4titbg {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headtitbg42.png) no-repeat bottom;
    color: #005479
    }
.head4list li {
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/headlistmark4.png) no-repeat 0 5px
    }
.menbox {
    padding: 40px;
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/menbg.jpg)
    }
.menbox_inn_l {
    width: 565px;
    float: left
    }
.menbox_inn_r {
    float: right;
    padding: 35px 24px 0 0
    }
.mentit {
    display: block;
    width: 290px;
    height: 41px;
    color: #FFF;
    font-size: 15pt;
    background: url(../images.e9385f05b8ea03c075c8c0abb5bf7992/mentitbg.png) no-repeat;
    padding: 13px 0 0 20px;
    margin: 0 0 20px 0
    }
.mentith3 {
    font-size: 30pt;
    color: #522D26;
    padding: 0 0 30px 30px
    }
.menbox_inn_l p {
    font-size: 12.75pt;
    padding: 0 0 0 30px
    }
.menlist {
    padding: 40px 0 0 0
    }
.menlist li {
    background-color: #FFF;
    width: 168px;
    float: left;
    padding: 19px 16px 16px 16px;
    margin: 0 40px 0 0
    }
.menlist li dt {
    font-size: 12pt;
    color: #522D26;
    font-weight: bold;
    padding: 0 0 12px 0
    }
.menlist li dt img {
    vertical-align: middle;
    padding: 0 9px 0 0
    }
.menlist li dt span {
    width: 115px;
    display: block;
    float: right;
    padding: 12px 0 0 0
    }
.menlist li dd {
    clear: both;
    font-size: 10.5pt
    }
.menlist li dd img {
    padding: 15px 0 0 0
    }
.menlist li.saigo {
    margin: 0 0 0 0
    }
/*--------------------------------------------------------------------Conceptこだわり　insistence.html*/
.undertith33 {
    font-size: 19pt;
    width: 920px;
    background: url(../images.9108ccf85606138e36841651911d6a14/under_titline.png) no-repeat bottom;
    line-height: 100%;
    letter-spacing: 2px;
    padding: 0 0 13px 0;
    margin: 0 0 30px 0;
    position: relative
    }
.insiimg {
    width: 291px;
    height: 290px;
    background: url(../images.538d01790586b0330c16a5cfd8c043ec/insibg.png) no-repeat;
    float: left
    }
.insiimg img {
    padding: 20px 18px
    }
.insiright {
    width: 593px;
    float: right
    }
.insiright p {
    font-size: 12.75pt
    }
.insiright p.insi2p {
    color: #674626;
    font-weight: bold;
    padding: 45px 0 10px 0;
    background: url(../images.538d01790586b0330c16a5cfd8c043ec/insi2pbg.png) no-repeat bottom;
    margin: 0 0 30px 0
    }
.insiright p.insi2p img {
    float: left;
    padding: 5px 0 0 0
    }
.insiright p.insi2p span {
    display: block;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 37.5pt;
    padding: 54px 0 0 0
    }
.insititbox {
    padding: 0 0 35px 0
    }
.insititbox dt {
    font-size: 24pt;
    color: #009E9D;
    font-weight: bold;
    padding: 0 0 0 0;
    width: 400px;
    float: left
    }
.insititbox dd {
    font-size: 15pt;
    font-weight: bold;
    width: 400px;
    float: left
    }
.insititbox dd.insilistimg {
    width: 90px;
    float: right
    }
.insititbox dd.insilistimg2 {
    width: 104px;
    float: right
    }
.insititbox dd.insilistimg img {
    border-radius: 90px;
    /* CSS3草案 */
    -webkit-border-radius: 90px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 90px;
    /* Firefox用 */
    }
.insititbox dl {
    padding-right: 15px;
    padding-bottom: 10px;
    background: url(../images.538d01790586b0330c16a5cfd8c043ec/insilist_line.png) no-repeat bottom;
    margin: 0 0 20px 0
    }
/*--------------------------------------------------------------------Voiceお客様の声　voice.html*/
.voice_box {
    padding: 0 0 40px 0
    }
.voice_left {
    width: 349px;
    height: 477px;
    float: left;
    background: url(../images.ee40fa4c4ddfd84a1e1fa21e6b7c0b06/voicebg.png) no-repeat
    }
.voice_left img {
    padding: 22px 21px 22px 22px
    }
.voice_right {
    width: 530px;
    float: right;
    padding: 25px 40px;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 0 40px 0
    }
.voice_right dt {
    width: 530px;
    font-size: 15pt;
    font-weight: bold;
    background: url(../images.ee40fa4c4ddfd84a1e1fa21e6b7c0b06/voiceline.png) no-repeat bottom;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0
    }
.voice_right dd {
    font-size: 12.75pt;
    padding: 0 0 45px 0
    }
/*--------------------------------------------------------------------Colorカラー　color.html*/
.colorimg {
    width: 291px;
    height: 289px;
    background: url(../images.9300a0df28473b5f3fb4c9f1b410b38a/colorbg.png) no-repeat;
    float: left
    }
.colorimg img {
    padding: 16px 18px
    }
.colorlist2 li {
    font-size: 12.75pt;
    padding: 0 0 40px 42px;
    background: url(../images.ce61f8d5d11c120098856f6990474419/menumark.png) no-repeat left 4px
    }
.colorlist {
    padding: 45px 0 0 0
    }
.colorlist dt {
    width: 308px;
    height: 41px;
    background: url(../images.9300a0df28473b5f3fb4c9f1b410b38a/colortitbg.png) no-repeat;
    color: #FFF;
    font-size: 15pt;
    padding: 15px 0 0 0;
    text-align: center;
    margin: 0 0 30px 0
    }
.colorlist dd {
    font-size: 12.75pt;
    padding: 0 0 30px 42px;
    background: url(../images.ce61f8d5d11c120098856f6990474419/menumark.png) no-repeat left 4px
    }
.bx-prev {
    top: 55% !important;
    }
.bx-next {
    top: 55% !important;
    }
