@charset "utf-8";

/*
Theme Name: Moisteane
Description:モイスティーヌ テンプレート
Theme URI: www.moisteane.com
Author: MS
Author URI: www.moisteane.com
Version: 1
*/

/* @import "shared/css/base.css"; */
body {
    /* background: #FFF url("shared/img/bg2.jpg") repeat-x; */
}


.sp {
    display: none;
}

#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

* html #container {
    height: 100%;
}

.serifR {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.serifJ {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.itemBody {
    margin-bottom: 45px;
    word-break: break-all;
}

.subHx {
    display: block;
    clear: both;
    margin: 45px 0 25px 0;
}

.error404 {
    height: 400px;
}

.error404 h2 {
    margin: 100px auto;
    text-align: center;
    color: #D8D8D8;
}


/*-------------------------------------------------
	++ BOX AND TEXT DEFINITION
-------------------------------------------------*/

#contents {
    width: 100%;
    min-width: 1000px;
    margin: 0 auto;
    text-align: center;
    display: block;
    clear: both;
    padding-bottom: 350px;
}

.home #contents {
    background: url("shared/img/bg_grd.jpg") 0 0 repeat-x;
}

.ctInner:before, .ctInner:after {
    content: " ";
    display: table;
}

.ctInner:after {
    clear: both;
}

.ctInner {
    *zoom: 1;
}

.ctInner {
    width: 980px;
    margin: 0 auto;
    text-align: center;
}

.ctInner a{
    transition: opacity .3s;
}

.ctInner a:hover{
    opacity: 0.5;
}

.ctBlock {
    clear: both;
    margin-bottom: 45px;
}

.ctBlock2 {
    background: url("shared/img/pgline_lc.gif") -400px top no-repeat;
    padding-top: 45px;
}

.orLine {
    background: url("shared/img/or_line.png") center bottom no-repeat;
    padding-bottom: 45px;
    margin-bottom: 45px;
}

.ctRight {
    width: 640px;
    float: left;
    text-align: left;
    margin-left: 40px;
}

.halfBox {
    width: 490px;
    float: left;
    text-align: left;
}

.halfBoxInner {
    width: 480px;
}

.halfBoxInnerL {
    width: 480px;
    margin-right: 10px;
}

.halfBoxInnerR {
    width: 480px;
    margin-left: 10px;
}

.bgsep {
    height: 85px;
    width: 640px;
    background: url("shared/img/bgsep.jpg") 0 0 no-repeat;
    display: table-cell;
    vertical-align: middle;
    margin: 25px 0 15px 0;
}

.bgsep .hxbgsep {
    font-size: 138%;
    margin-left: 15px;
    color: #4C42A8;
}

.hxPtextLL {
    /* D38 */
    /*font-size:250%;*/
    color: #4C42A8;
    line-height: 200%;
}

.hxPtextM {
    /* D22 */
    /*font-size:180%;*/
    color: #4C42A8;
}

.hxBtextL {
    /* D26 */
    /*font-size:163%;*/
    color: #333;
}

.hxBtextM {
    /* D16 */
    /*font-size:113%;*/
    color: #333;
}

.hxGtextS {
    color: #4C42A8;
}

.attText {
    font-size: 75%;
}

.attText3 {
    font-size: 75%;
}

.attText3 ul {
    list-style: none;
}

.attText3 ul li {
    text-indent: -1em;
    padding-left: 1em;
}

.purple {
    color: #4C42A8
}

.gold {
    color: #4C42A8
}

.red {
    color: #993300;
}

.mt75 {
    margin-top: 75px;
}

.mt65 {
    margin-top: 65px;
}

.mt55 {
    margin-top: 55px;
}

.mt45 {
    margin-top: 45px;
}

.mt35 {
    margin-top: 35px;
}

.mt25 {
    margin-top: 25px;
}

.mt15 {
    margin-top: 15px;
}

.mt5 {
    margin-top: 5px;
}

.alignright {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}

.alignleft {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.aligncenter {
    margin: 5px auto;
    text-align: center;
}


/* 2nd 見出し */

.articleHead {}

.hxptitle {
    display: block;
    width: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 25px;
}

.hxptitle br {
    display: none;
}

.salon .hxptitle, #salontop .hxptitle {
    height: 103px;
    background: url("shared/img/text/hxtext_p_salon.png") 0 0 no-repeat;
}

.salonlist .hxptitle, .area1 .hxptitle, .area2 .hxptitle, .area3 .hxptitle, .area4 .hxptitle, .area5 .hxptitle, .area6 .hxptitle, .area7 .hxptitle {
    width: 640px;
    height: 40px;
    background: url("shared/img/text/hxtext_p_salonlist.png") 0 0 no-repeat;
}

.tsushin .hxptitle {
    height: 108px;
    background: url("shared/img/text/hxtext_p_tsushin.png") 0 0 no-repeat;
}

.tvcm .hxptitle {
    height: 240px;
    background: url("shared/img/text/hxtext_p_tvcm.png") 0 0 no-repeat;
}

.company .hxptitle {
    height: 174px;
    background: url("shared/img/text/hxtext_p_company.png") 0 0 no-repeat;
}

.privacy .hxptitle {
    height: 40px;
    background: url("shared/img/text/hxtext_p_privacy.png") 0 0 no-repeat;
}

.adviser .hxptitle {
    height: 40px;
    background: url("shared/img/text/hxtext_p_adviser.png") 0 0 no-repeat;
}

.ingredient .hxptitle {
    height: 190px;
    margin-bottom: 0;
    background: url("shared/img/hxtext_img_ingredient.jpg") 0 0 no-repeat;
}

.sitemap .hxptitle {
    height: 40px;
    background: url("shared/img/text/hxtext_p_sitemap.png") 0 0 no-repeat;
}

.contact1 .hxptitle {
    height: 40px;
    background: url("shared/img/text/hxtext_p_contact1.png") 0 0 no-repeat;
}


/*-------------------------------------------------
	++HEADER
-------------------------------------------------*/

#headerArea {
    position: relative;
}

#header {
    position: relative;
    width: 980px;
    height: 141px;
    margin: 0 auto;
    text-align: center;
    background: url("shared/img/topline_g.jpg") no-repeat;
}

#cpLogo {
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
}

#cpTel {
    display: block;
    position: absolute;
    top: 26px;
    right: 0;
}

#headerNavi {
    display: block;
    position: absolute;
    top: 83px;
    right: 0;
}

#menu-icon {
    display: none;
}

.toggleMenu {
    display: none;
}

#mainNav {}

#mainNav li {
    display: block;
    float: left;
}

#mainNav a {
    display: block;
    width: 170px;
    height: 45px;
    text-indent: -9999px;
}

#mainNav a#mHome {
    display: block;
    background: url("shared/img/menu_home.gif") 0 0 no-repeat;
}

#mainNav a#mBrand {
    display: block;
    width: 180px;
    background: url("shared/img/menu_brand.gif") 0 0 no-repeat;
}

#mainNav a#mMoisteane {
    display: block;
    width: 200px;
    background: url("shared/img/menu_moisteane.gif") 0 0 no-repeat;
}

#mainNav a#mLamino {
    display: block;
    background: url("shared/img/menu_lamino.gif") 0 0 no-repeat;
}

#mainNav a#mProduct {
    display: block;
    width: 160px;
    background: url("shared/img/menu_product.gif") 0 0 no-repeat;
}

#mainNav a#mSalonsearch {
    display: block;
    width: 160px;
    background: url("shared/img/menu_salonsearch.gif") 0 0 no-repeat;
}

.salontest #mainNav a#mSalonsearch, .page-template-page_salon_search-php #mainNav a#mSalonsearch {
    display: block;
    width: 160px;
    background: url("shared/img/menu_salonsearch.gif") 0 0 no-repeat;
}

#mainNav a#mBrand:hover, #mainNav a#mMoisteane:hover, #mainNav a#mProduct:hover, #mainNav a#mSalon:hover, #mainNav a#mSalonsearch:hover {
    background-position: 0 -45px;
}

.concept #mainNav a#mBrand, .whats #mainNav a#mMoisteane, .product #mainNav a#mProduct, .salontest #mainNav a#mSalon, .salon #mainNav a#mSalon, .salon #mainNav a#mSalonsearch {
    background-position: 0 -45px;
}


/*-------------------------------------------------
	++ TOP CONTENTS
-------------------------------------------------*/

#topSlides {
    width: 100%;
    min-width: 1000px;
    background: #f4f4f4 url("shared/img/slide_bg.jpg") no-repeat center top;
    height: 448px;
    margin: 0;
}

.bx-wrapper .bx-viewport {
    left: 0!IMPORTANT;
}

.slider {
    width: 980px;
    height: 448px;
    margin: 0 auto;
    text-align: center;
}


/* INFORMATION */

#infoArea {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding: 35px 0 35px;
}

#topInformation .halfBoxInner {
    margin-right: 10px;
}

#topEvent .halfBoxInner {
    margin-left: 10px;
}

#topInformation .topTitle {
    background: url("shared/img/text/hxtitle_p_information.png") left bottom no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#topEvent .topTitle {
    background: url("shared/img/text/hxtitle_p_event.png") left bottom no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.hxPline {
    color: #4C42A8;
    background: url("shared/img/pgline_l.gif") left bottom no-repeat;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.topicsList {
    font-size: 88%;
    line-height: 1.2;
}

.topicsList dt {
    clear: both;
    width: 100px;
    float: left;
}

.topicsList dd {
    width: 380px;
    float: left;
    margin-bottom: 10px;
}

.rightLinkPpl {
    clear: both;
    float: right;
    margin-top: 15px;
}

.rightLinkPpl a {
    display: block;
    width: 60px;
    height: 20px;
    background: url("shared/img/btn_topmore.gif") 0 0 no-repeat;
    text-indent: -9999px;
}

.rightLinkPpl a:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

/* CONTENTS NAVI */

#topNavi {
    background: url("shared/img/bg_pt1.jpg") 0 0;
    border-top: 1px solid #e9e9e9;
}

#topNaviInner {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
}

.topNaviLeft {
    float: left;
    width: 240px;
}

.topNaviRight {
    float: right;
    width: 740px;
}

.topNaviCont {
    width: 350px;
    height: 150px;
    background-color: #FFF;
    margin: 0 0 18px 20px;
    text-align: left;
    float: left;
}

.topNaviCont#topNavi5 {
    height: 75px;
}

.topNaviCont#topNavi6 {
    height: 75px;
    background-color: transparent;
}

.topNaviphoto {
    width: 120px;
    height: 130px;
    float: left;
    margin: 10px;
}

.topNaviCont#topNavi5 .topNaviphoto {
    height: 75px;
}

.topNaviDetail {
    width: 200px;
    height: 130px;
    float: left;
    margin: 10px;
    margin-left: 0;
    position: relative;
}

.topNaviCont#topNavi5 .topNaviDetail {
    height: 75px;
}

.hxTopNavi {
    display: block;
    width: 200px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0 5px 0;
}

#topNavi1 .hxTopNavi {
    background: url("shared/img/text/hxtitle_top_tsushin.png") 0 0 no-repeat;
}

#topNavi2 .hxTopNavi {
    background: url("shared/img/text/hxtitle_top_qa.png") 0 0 no-repeat;
}

#topNavi3 .hxTopNavi {
    background: url("shared/img/text/hxtitle_top_tvcm.png") 0 0 no-repeat;
}

#topNavi4 .hxTopNavi {
    background: url("shared/img/text/hxtitle_top1_contact1.png") 0 0 no-repeat;
    height: 42px;
}

#topNavi5 .hxTopNavi {
    background: url("shared/img/text/hxtitle_top1_contact2.png") 0 10px no-repeat;
}

.topNaviDetail p {
    line-height: 1.3;
    font-size: 75%;
}

.topNaviLink {
    position: absolute;
    bottom: 0;
}

.topNaviLink a {
    background: url("shared/img/circlearrow_sp13.png") 0 0 no-repeat;
    padding-left: 17px;
    font-size: 82%;
}


/*-------------------------------------------------
	++ 2ND CONTENTS
-------------------------------------------------*/

#contentHead {
    width: 100%;
    height: 57px;
    background: url("shared/img/header_bg.jpg") top center no-repeat;
}

#contentTitle {
    clear: both;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    text-align: left;
    font-size: 189%;
    color: #4C42A8;
    padding-top: 7px;
}

.whats #contentTitle {
    background: url("shared/img/text/ctitle_whats.png") center left no-repeat;
}

.product #contentTitle {
    background: url("shared/img/text/ctitle_product.png") center left no-repeat;
}

.salon #contentTitle {
    background: url("shared/img/text/ctitle_salonsearch.png") center left no-repeat;
}

.information #contentTitle {
    background: url("shared/img/text/ctitle_information.png") center left no-repeat;
}

.tsushin #contentTitle {
    background: url("shared/img/text/ctitle_tsushin.png") center left no-repeat;
}

.qa #contentTitle {
    background: url("shared/img/text/ctitle_qa.png") center left no-repeat;
}

.tvcm #contentTitle {
    background: url("shared/img/text/ctitle_tvcm.png") center left no-repeat;
}

.contact #contentTitle {
    background: url("shared/img/text/ctitle_contact.png") center left no-repeat;
}

.contact1 #contentTitle {
    background: url("shared/img/text/ctitle_contact1.png") center left no-repeat;
}

.contact2 #contentTitle {
    background: url("shared/img/text/ctitle_contact2.png") center left no-repeat;
}

.company #contentTitle {
    background: url("shared/img/text/ctitle_company.png") center left no-repeat;
}

.privaacy #contentTitle {
    background: url("shared/img/text/ctitle_privaacy.png") center left no-repeat;
}

.adviser #contentTitle {
    background: url("shared/img/text/ctitle_adviser.png") center left no-repeat;
}

.sitemap #contentTitle {
    background: url("shared/img/text/ctitle_sitemap.png") center left no-repeat;
}

.concept #contentTitle {
    background: url("shared/img/text/ctitle_brand.png") center left no-repeat;
}


/* ----------------------------------------
	++ breadcrumbs
------------------------------------------- */

.breadcrumbs {
    padding: 15px 0;
    text-align: left;
    font-size: 75%;
}

.breadcrumbs a {
    margin-right: 5px;
    background: url("shared/img/arrow_sp8.png") right 3px no-repeat;
    padding-right: 15px;
}


/*-------------------------------------------------
	++ WHATS MOISTEANE
-------------------------------------------------*/

#whatsMainText1, #whatsMainText2 {
    display: block;
    width: 470px;
    height: 232px;
    background: url("shared/img/text/whatsmain_text1.gif") 0 0 no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#whatsMainText2 {
    height: 350px;
    background: url("shared/img/text/whatsmain_text2.gif") 0 0 no-repeat;
}

#whatsMainText1 br, #whatsMainText2 br {
    display: none;
}

.tvcm #whatsMainText2 {
    background: none;
}

.whatsCt {
    background: url("shared/img/or_line.png") center bottom no-repeat;
    padding-bottom: 25px;
    margin-bottom: 45px;
}

.whatsCt .halfBoxInnerR .hxBtextL {
    height: 52px;
    margin-bottom: 15px;
}

#whatsC1 .halfBoxInnerR .hxBtextL {
    background: url("shared/img/text/whats_title1.png") left top no-repeat;
    text-indent: -9999px;
}

#whatsC2 .halfBoxInnerR .hxBtextL {
    background: url("shared/img/text/whats_title2.png") left top no-repeat;
    text-indent: -9999px;
}

#whatsC3 .halfBoxInnerR .hxBtextL {
    background: url("shared/img/text/whats_title3.png") left top no-repeat;
    text-indent: -9999px;
}

.dfText p {
    margin-bottom: 15px;
}

.whatsCt .halfBoxInnerR h2 {
    font-size: 119%;
    margin-bottom: 25px;
}

.whatsCt .halfBoxInnerR .rightLinkPpl {
    clear: both;
    float: right;
    margin-top: 15px;
}

.whatsCt .halfBoxInnerR .rightLinkPpl a {
    display: block;
    width: 185px;
    height: 35px;
    background: url("shared/img/text/btn_tosalon_p.gif") 0 0 no-repeat;
    text-indent: -9999px;
}

#whatsC1 .halfBoxInnerR .rightLinkPpl a, #whatsC3 .halfBoxInnerR .rightLinkPpl a {
    background: url("shared/img/text/btn_tosalon_p.gif") 0 0 no-repeat;
}

#whatsC2 .halfBoxInnerR .rightLinkPpl a {
    width: 245px;
    background: url("shared/img/text/btn_tocond_p.gif") 0 0 no-repeat;
}

.whatsCt .halfBoxInnerR .rightLinkPpl a:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}


/* トラブル肌 */

#wtrouble {
    padding-bottom: 15px;
}

#wtroubleTitle {
    display: block;
    width: 980px;
    height: 190px;
    background: url("shared/img/text/wtrouble_title.jpg") 0 0 no-repeat;
    text-indent: -9999px;
}

.wtroubleCt .dfText {
    margin: 0 15px 0 0;
}

.wtroubleCt .hxBtextL {
    display: block;
    margin-bottom: 15px;
    height: 52px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#wtroubleC1 .hxBtextL {
    background: url("shared/img/text/wtrouble_h1.png") left top no-repeat;
}

#wtroubleC2 .hxBtextL {
    background: url("shared/img/text/wtrouble_h2.png") left top no-repeat;
}

#wtroubleC3 .hxBtextL {
    background: url("shared/img/text/wtrouble_h3.png") left top no-repeat;
}

#wtroubleC4 .hxBtextL {
    background: url("shared/img/text/wtrouble_h4.png") left top no-repeat;
}

.wtpoint {
    display: block;
    margin: 25px 10px 25px 0;
    width: 460px;
    height: 300px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#wtpoint1 {
    background: url("shared/img/text/wtrouble_point1.jpg") left top no-repeat;
}

#wtpoint2 {
    background: url("shared/img/text/wtrouble_point2.jpg") left top no-repeat;
}

#wtpoint3 {
    background: url("shared/img/text/wtrouble_point3.jpg") left top no-repeat;
}

#wtpoint4 {
    background: url("shared/img/text/wtrouble_point4.jpg") left top no-repeat;
}


/*-------------------------------------------------
	++ product
-------------------------------------------------*/

.productBoxL {
    width: 640px;
    float: left;
    text-align: left;
    margin-left: 40px;
    background: url("shared/img/pgline_lc.gif") center bottom no-repeat;
}

.productBox {
    width: 300px;
    float: left;
    text-align: left;
    margin: 0 0 40px 40px;
    background: url("shared/img/pgline_lc.gif") center bottom no-repeat;
    padding-bottom: 15px;
}

.productBox#pCleansing, .productBox#pMoisturecare {
    margin: 0 0 40px 0;
}

.prdTitle {
    display: block;
    width: 300px;
    height: 52px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 25px;
}

.prdTitle a {
    display: block;
    width: 300px;
    height: 52px;
}

.productBoxLinL {
    float: left;
    width: 340px;
}

.productBoxLinR {
    float: right;
    width: 240px;
    margin-top: 50px;
}

.productBoxL#pSkinconditioner .prdTitle a {
    background: url("shared/img/text/whats_title2.png") left top no-repeat;
}

.productBoxinL {
    width: 80px;
    float: left;
}

.productBoxinR {
    width: 210px;
    float: right;
}

.productBoxinR .prdTitle {
    display: block;
    height: 52px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 25px;
    width: 210px;
}

.productBox .prdTitle a {
    display: block;
    width: 210px;
    height: 52px;
    overflow: hidden;
}

#pCleansing .prdTitle {
    background: url("shared/img/text/ptitle_clearnsing.png") left top no-repeat;
}

#pConditioning .prdTitle {
    background: url("shared/img/text/ptitle_conditioner.png") left top no-repeat;
}

#pSpecialcare .prdTitle {
    background: url("shared/img/text/ptitle_specialcare.png") left top no-repeat;
}

#pMoisturecare .prdTitle {
    background: url("shared/img/text/ptitle_moisturecare.png") left top no-repeat;
}

#pLuxarycare .prdTitle {
    background: url("shared/img/text/ptitle_luxarycare.png") left top no-repeat;
}

#pBathBeauty .prdTitle {
    background: url("shared/img/text/ptitle_bathbeauty.png") left top no-repeat;
}

#pSensitiveSkin .prdTitle {
    background: url("shared/img/text/ptitle_sensitiveskin.png") left top no-repeat;
}

#pUvcare .prdTitle {
    background: url("shared/img/text/ptitle_uvcare.png") left top no-repeat;
}

#pOthers .prdTitle {
    background: url("shared/img/text/ptitle_others.png") left top no-repeat;
}

#prdMain .prdTitle {
    width: 360px;
    height: 65px;
}

#prdMain #pSkinconditioner .prdTitle {
    background: url("shared/img/text/dtitle_skinconditioner.png") left top no-repeat;
    margin-bottom: 15px;
}

#prdMain #pCleansing .prdTitle {
    background: url("shared/img/text/dtitle_clearnsing.png") left top no-repeat;
}

#prdMain #pConditioning .prdTitle {
    background: url("shared/img/text/dtitle_conditioner.png") left top no-repeat;
}

#prdMain #pSpecialcare .prdTitle {
    background: url("shared/img/text/dtitle_specialcare.png") left top no-repeat;
}

#prdMain #pMoisturecare .prdTitle {
    background: url("shared/img/text/dtitle_moisturecare.png") left top no-repeat;
}

#prdMain #pLuxarycare .prdTitle {
    background: url("shared/img/text/dtitle_luxarycare.png") left top no-repeat;
}

#prdMain #pBathBeauty .prdTitle {
    background: url("shared/img/text/dtitle_bathbeauty.png") left top no-repeat;
}

#prdMain #pSensitiveSkin .prdTitle {
    background: url("shared/img/text/dtitle_sensitiveskin.png") left top no-repeat;
}

#prdMain #pUvcare .prdTitle {
    background: url("shared/img/text/dtitle_uvcare.png") left top no-repeat;
}

#prdMain #pOthers .prdTitle {
    background: url("shared/img/text/dtitle_others.png") left top no-repeat;
}

.linkL {
    margin-top: 25px;
}

.linkL ul li {
    padding: 0;
    background: url("shared/img/arrow_sp8.png") left 2px no-repeat;
    padding-left: 10px;
    margin: 5px 0;
}

.linkL a {
    display: block;
    font-size: 75%;
    line-height: 1.2;
}

.seibun a {
    display: block;
    width: 980px;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 25px;
    background: url("shared/img/btn_seibun.jpg") left top no-repeat;
}

.seibun a:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}


/* PRODUCT DETAIL */

#prdMain {
    background: url("shared/img/prdmain_bg.jpg") left top repeat-x;
    height: 400px;
}

.prdMainImg {
    width: 525px;
    float: right;
}

.prdMainDetail {
    margin-top: 45px;
    width: 455px;
    float: left;
    text-align: left;
}

.prdMainDetailText {
    display: block;
    width: 455px;
    height: 100px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 25px;
}

.prdMainDetailText br {
    display: none;
}

#pSkinconditioner .prdMainDetailText {
    background: url("shared/img/text/prdtxt_skinconditioner.png") left top repeat-x;
    height: 150px;
    margin-bottom: 5px;
}

#pCleansing .prdMainDetailText {
    background: url("shared/img/text/prdtxt_cleansing.png") left top repeat-x;
}

#pConditioning .prdMainDetailText {
    background: url("shared/img/text/prdtxt_conditioning.png") left top repeat-x;
}

#pSpecialcare .prdMainDetailText {
    background: url("shared/img/text/prdtxt_specialcare.png") left top repeat-x;
}

#pMoisturecare .prdMainDetailText {
    background: url("shared/img/text/prdtxt_moisturecare.png") left top repeat-x;
}

#pLuxarycare .prdMainDetailText {
    background: url("shared/img/text/prdtxt_luxarycare.png") left top repeat-x;
}

#pSensitiveSkin .prdMainDetailText {
    background: url("shared/img/text/prdtxt_sensitiveskin.png") left top repeat-x;
}

#pUvcare .prdMainDetailText {
    background: url("shared/img/text/prdtxt_uvcare.png") left top repeat-x;
}

#pOthers .prdMainDetailText {
    background: url("shared/img/text/prdtxt_others.png") left top repeat-x;
}


/* 「読む」スキンケア  */

.linkT ul li {
    padding: 0;
    background: url("shared/img/arrow_sp8.png") left 2px no-repeat;
    padding-left: 13px;
    margin: 10px 0;
}

.linkT a {
    display: block;
    font-size: 90%;
    line-height: 1;
}

.T_text {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


/* PRODUCT DETAIL 特設  */

#prdMain_special {
    background-color: #FFFFFF;
    margin: 20px 0 30px 0;
}

.prdMain_specialImg {
    margin-top: 45px;
    width: 457px;
    float: left;
}

.prdMain_specialDetail {
    width: 513px;
    float: right;
    text-align: left;
}

.prdMain_icon {
    height: 52px;
    text-indent: -9999px;
}

.icon_new {
    background: url("shared/img/text/icon_new.png") left top no-repeat;
}

.prdMain_specialDetailText {
    display: block;
    width: 466px;
    height: 25px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 20px;
}

#prdMain_special #pSkinconditionerMt4 .prdTitle {
    background: url("shared/img/text/dtitle_skinconditioner_mt4.png") left top no-repeat;
    width: 477px;
    height: 111px;
    margin-bottom: 55px;
}

#pSkinconditionerMt4 .prdMain_specialDetailText {
    background: url("shared/img/text/prdtxt_skinconditioner_mt4.png") left top repeat-x;
}

.prdMainTab {
    margin: 0 0 85px 0;
}

#Mt4tab li {
    height: 47px;
    float: left;
    text-align: left;
}

#Mt4tab li a {
    display: block;
    height: 47px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#Mt4tab li.tab01 a {
    background: url("shared/img/text/tab_mt4_1.png") left top no-repeat;
    width: 357px;
}

#Mt4tab li.tab02 a {
    background: url("shared/img/text/tab_mt4_2.png") left top no-repeat;
    width: 296px;
}

#Mt4tab li.tab03 a {
    background: url("shared/img/text/tab_mt4_3.png") left top no-repeat;
    width: 327px;
}

#Mt4tab li a:hover {
    background-position: 0 -47px;
}

.prdMain_Mt4_point {
    border-left: 7px solid #231815;
    margin-bottom: 0;
}

.prdMain_Mt4_pointbody {
    padding: 60px 0 70px 0;
    clear: both;
    text-align: center;
}

.prdMain_Mt4_pointbody2 {
    padding: 0 0 10px 0;
    clear: both;
    text-align: center;
}

#Mt4_point1 {
    clear: both;
    margin-bottom: 15px;
}

#Mt4_point1 h2 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 56px;
    background: url("shared/img/text/text_mt4_title1.png") left top no-repeat;
    margin: 0 0 70px 0;
}

#Mt4_point1 p.pointtxt1 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 18px 29px;
    height: 19px;
}

#Mt4_point1 .pointnamebox {
    border-top: 1px solid #231815;
    padding: 7px 0 0 29px;
}

#Mt4_point1 .pointnamebox h3 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 60px;
    margin: 0 0 9px 0;
}

#Mt4_point1 .pointnamebox p.pointtxt2 {
    display: block;
    margin: 0 0 0 0;
    text-align: left;
}

#Mt4_point1_1 p.pointtxt1 {
    background: url("shared/img/text/text_mt4_point1_1_1.png") left top no-repeat;
}

#Mt4_point1_1 .pointnamebox h3 {
    background: url("shared/img/text/text_mt4_point1_1_2.png") left top no-repeat;
}

#Mt4_point1_2 p.pointtxt1 {
    background: url("shared/img/text/text_mt4_point1_2_1.png") left top no-repeat;
}

#Mt4_point1_2 .pointnamebox h3 {
    background: url("shared/img/text/text_mt4_point1_2_2.png") left top no-repeat;
}

#Mt4_point1_3 p.pointtxt1 {
    background: url("shared/img/text/text_mt4_point1_3_1.png") left top no-repeat;
}

#Mt4_point1_3 .pointnamebox h3 {
    background: url("shared/img/text/text_mt4_point1_3_2.png") left top no-repeat;
}

#Mt4_point2 {
    clear: both;
    margin-bottom: 20px;
}

#Mt4_point2 h2 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 56px;
    background: url("shared/img/text/text_mt4_title2.png") left top no-repeat;
    margin: 0 0 70px 0;
}

#Mt4_point2 h3 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 10px 29px;
    height: 60px;
}

#Mt4_point2 .pointnamebox {
    border-top: 1px solid #231815;
    padding: 15px 0 0 29px;
}

#Mt4_point2 .pointnamebox p.pointtxt2 {
    display: block;
    margin: 0 0 0 0;
    text-align: left;
}

#Mt4_point2_1 h3 {
    background: url("shared/img/text/text_mt4_point2_1_1.png") left top no-repeat;
}

#Mt4_point2_2 h3 {
    background: url("shared/img/text/text_mt4_point2_2_1.png") left top no-repeat;
}

#Mt4_point3head {
    height: 504px;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    background: url("photo/product/prdimg_mt4_point3_bg1.png") left top no-repeat;
    margin-bottom: 64px;
}

#Mt4_point3head #inner {
    padding: 123px 0 0 0;
    width: 690px;
}

#Mt4_point3 p.pointtxt1 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 18px 29px;
    height: 60px;
}

#Mt4_point3 .pointnamebox {
    border-top: 1px solid #231815;
    padding: 7px 0 0 29px;
}

#Mt4_point3 .pointnamebox h2 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 60px;
    margin: 0 0 20px 0;
}

#Mt4_point3 .pointnamebox p.pointtxt2 {
    display: block;
    margin: 0 0 0 0;
    text-align: left;
}

#Mt4_point3 p.pointtxt1 {
    background: url("shared/img/text/text_mt4_point3_1.png") left top no-repeat;
}

#Mt4_point3 .pointnamebox h2 {
    background: url("shared/img/text/text_mt4_point3_2.png") left top no-repeat;
}

#Mt4_point3_1 {
    margin-bottom: 30px;
}

#Mt4_point3_1 .Mt4_point3BoxL {
    float: left;
    width: 245px;
    text-align: right;
}

#Mt4_point3_1 .Mt4_point3BoxR {
    float: right;
    width: 675px;
}

#Mt4_point3_1 .Mt4_point3BoxR h3 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 36px;
    margin: 17px 0 33px 0;
}

#Mt4_point3_1 .Mt4_point3BoxR p.pointtxt1 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 18px 0;
    height: 25px;
}

#Mt4_point3_1 .Mt4_point3BoxR p.pointtxt2 {
    display: block;
    margin: 0 0 0 0;
    text-align: left;
}

#Mt4_point3_1 .Mt4_point3BoxR h3 {
    background: url("shared/img/text/text_mt4_point3_1_1.png") left top no-repeat;
}

#Mt4_point3_1 .Mt4_point3BoxR p.pointtxt1 {
    background: url("shared/img/text/text_mt4_point3_1_2.png") left top no-repeat;
}

#Mt4_point3_2 {
    margin-bottom: 0;
    padding: 65px 0 0 0;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
}

#Mt4_point3_2 .Mt4_point3BoxL {
    float: left;
    width: 245px;
    text-align: right;
    margin-bottom: 30px;
}

#Mt4_point3_2 .Mt4_point3BoxR {
    float: right;
    width: 675px;
    padding: 20px 0 0 0;
    margin-bottom: 30px;
}

#Mt4_point3_2 .Mt4_point3BoxR h3 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 36px;
    margin: 0 0 33px 0;
}

#Mt4_point3_2 .Mt4_point3BoxR p.pointtxt1 {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 18px 0;
    height: 25px;
}

#Mt4_point3_2 .Mt4_point3BoxR p.pointtxt2 {
    display: block;
    margin: 0 0 0 0;
    text-align: left;
}

#Mt4_point3_2 .Mt4_point3BoxR h3 {
    background: url("shared/img/text/text_mt4_point3_2_1.png") left top no-repeat;
}

#Mt4_point3_2 .Mt4_point3BoxR p.pointtxt1 {
    background: url("shared/img/text/text_mt4_point3_2_2.png") left top no-repeat;
}

.prdMain_Mt4_point {
    border-left: 7px solid #231815;
    margin-bottom: 0;
}

.prdStep {
    display: block;
    width: 396px;
    height: 65px;
    background: url("shared/img/text/prdstep.jpg") left top no-repeat;
}

.prdStep li a {
    display: block;
    width: 99px;
    height: 65px;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#pSkinconditioner .prdStep #prdStep1 a, .prdStep #prdStep1 a:hover, #pCleansing .prdStep #prdStep1 a {
    background: url("shared/img/text/prdstep.jpg") 0 bottom no-repeat;
}

#pSkinconditioner .prdStep #prdStep2 a, #pConditioning .prdStep #prdStep2 a, .prdStep #prdStep2 a:hover {
    background: url("shared/img/text/prdstep.jpg") -99px bottom no-repeat;
}

#pSpecialcare .prdStep #prdStep3 a, .prdStep #prdStep3 a:hover, #pSkinconditioner .prdStep #prdStep3 a {
    background: url("shared/img/text/prdstep.jpg") -198px bottom no-repeat;
}

#pMoisturecare .prdStep #prdStep4 a, .prdStep #prdStep4 a:hover {
    background: url("shared/img/text/prdstep.jpg") -297px bottom no-repeat;
}

.prdDBox {
    width: 980px;
    margin: 45px 0 25px 0;
    position: relative;
}

.prdDBoxL {
    width: 299px;
    height: 299px;
    border: 1px solid #D8D8D8;
    float: left;
}

.prdDBoxL img {
    margin-top: 30px;
}

.prdDBoxL ul {
    text-align: left;
    padding: 5px 0 0 0;
}

.prdDBoxR {
    width: 640px;
    float: right;
    text-align: left;
}

.prdDBoxTitle {
    font-size: 125%;
    background: url("shared/img/pgline_lc.gif") center bottom no-repeat;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.lineblack {
    background: url("shared/img/pgline_lblack.gif") center bottom no-repeat;
}

.prdDBoxTitle2 {
    clear: both;
    font-size: 110%;
    margin-bottom: 15px;
    padding: 5px 10px 5px 10px;
    background-color: #f7f7f7;
}

.prdDBoxTitle2 em {
    font-style: normal;
    font-size: 70%;
}

.priceR {
    display: inline;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #D8D8D8;
    padding: 10px;
}

.priceR ul li {
    text-align: center;
}

.priceR ul li small {
    font-size: 69%;
}

.priceR2 {
    display: inline;
    float: right;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 25px 0 25px 0;
}

.priceR2 ul li {
    text-align: center;
}

.priceR2 ul li small {
    font-size: 69%;
}

.optiontxt {
    padding: 0 0 35px 0;
    margin: 0 0 35px 0;
    background: url("shared/img/option_line.png") center bottom no-repeat;
}

.optionline {
    padding: 0 0 25px 0;
    margin: 0 0 25px 0;
    background: url("shared/img/option_line.png") center bottom no-repeat;
}

.prdDBoxOp {
    width: 640px;
    margin: 0 0 0 0;
}

.prdDBoxOpL {
    width: 160px;
    height: 160px;
    border: 1px solid #D8D8D8;
    float: left;
}

.prdDBoxOpL img {
    width: 160px;
    height: 160px;
}

.prdDBoxOpR {
    width: 460px;
    float: right;
    text-align: left;
}

#prdFooterNavi {
    margin-top: 45px;
}

#prdFooterNavi li {
    float: left;
    margin-right: 10px;
}

#prdFooterNavi li a img {
    display: block;
}

#prdFooterNavi li a:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}


/* seibun ingredient */

#igdTitle {
    padding-bottom: 15px;
}

.igdList {
    text-align: left;
    margin-bottom: 25px;
}

.igdList dt {
    font-size: 125%;
    background: url("shared/img/circlearrow_sp13.png") 0 10px no-repeat;
    padding-left: 17px;
    color: #4C42A8;
}

.igdList dt a {
    color: #4C42A8;
}
.igdList dt .label {
	color: #aaa;
	font-size: 75.294%;
	border: 1px solid #aaa;
	padding: 0.15em 0.2em;
	vertical-align: text-bottom;
}
.igdList dd {
    font-size: 88%;
    line-height: 1.4
}


/*-------------------------------------------------
	++ SALON
-------------------------------------------------*/

#salonSlide {
    margin-bottom: 25px;
}

#salonSlide .bx-wrapper {
    margin: 0 auto 10px;
}


/* salon slider */

#bxPager a img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#bxPager a.active img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#bxPager a {
    cursor: pointer;
}

.articleSalonList li {
    background-color: #FAF7FF;
    border: 1px solid #F5EFFF;
    margin: 2px;
    display: inline-block;
    width: 140px;
}

.articleSalonList li a {
    display: block;
    padding: 7px 0 7px 20px;
    background: url("shared/img/circlearrow_sp13.png") 3px 13px no-repeat;
}

.salonmap {
    width: 640px;
    height: 750px;
    background: url("shared/img/salonmap.jpg") 0 0 no-repeat;
    position: relative;
}

#area1 {
    position: absolute;
    top: 173px;
    left: 440px;
}

#area2 {
    position: absolute;
    top: 346px;
    left: 177px;
}

#area3 {
    position: absolute;
    top: 441px;
    left: 422px;
}

#area4 {
    position: absolute;
    top: 505px;
    left: 421px;
}

#area5 {
    position: absolute;
    top: 559px;
    left: 278px;
}

#area6 {
    position: absolute;
    top: 463px;
    left: 11px;
}

#area7 {
    position: absolute;
    top: 621px;
    left: 110px;
}


/* area list*/

.areaTopName {
    font-size: 132%;
}

.areaName {
    background-color: #F5EFFF;
    font-size: 119%;
    color: #4C42A8;
    font-weight: bold;
    margin: 35px 0 15px 0;
}

.areaName span {
    padding: 5px;
}

.listTable {
    width: 640px;
}

.listTable tr {
    border-bottom: 1px dotted #D8D8D8;
}

.listTable th.salonName {
    font-size: 88%;
    width: 170px;
    vertical-align: top;
    text-align: left;
    padding: 2px;
}

.listTable td.salonAdd {
    font-size: 75%;
    width: 320px;
    vertical-align: top;
    padding: 2px;
}

.listTable td.salonLink {
    width: 77px;
    vertical-align: top;
    padding: 2px;
}

.salon_search #nav-below {
    width: 300px;
    margin: 30px auto;
}

.salon_search #nav-below .nav-previous {
    float: right;
}

.salon_search #nav-below .nav-next {
    float: left;
}


/*-------------------------------------------------
	++ EVENT AND INFORMATION BLOG
-------------------------------------------------*/

.information .rightLinkPpl a {
    width: 175px;
    height: 35px;
    background: url("shared/img/text/btn_tobacknumber_p.gif") 0 0 no-repeat;
}


/* NEWS */

.newsBlock, .eventBlock {
    display: block;
    clear: both;
    padding-bottom: 35px;
    padding-top: 25px;
    border-bottom: 1px solid #D8D8D8;
}

.newsDate {
    display: block;
    width: 70px;
    height: 70px;
    background: url("shared/img/date_bg.gif") left top no-repeat;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    float: left;
}

.newsDate span {
    display: block;
    padding-top: 15px;
    text-align: center;
    margin: 0 auto;
}

.newsDetail {
    float: left;
    width: 560px;
    margin-left: 10px;
    padding-top: 5px;
}

.eventDetail {
    width: 640px;
}

.eventTitle, .newsTitle {
    margin-bottom: 25px;
    font-size: 144%;
    font-weight: normal;
    line-height: 1.2;
}

.more-link {
    background-color: #D8D8D8;
    color: #4C42A8!IMPORTANT;
    padding: 3px;
}

.newsBody h3, .eventBody h3 {
    font-weight: bold;
    color: #4C42A8;
    margin: 25px 0 15px 0;
}

.eventBody a:link, .eventBody a:visited {
    color: #4C42A8;
    text-decoration: underline;
}

.eventBody a:hover, .eventBody a:active {
    color: #4C42A8;
    text-decoration: none;
}


/*-------------------------------------------------
	++ tsushin
-------------------------------------------------*/

.tsushin ul {
    margin: 5px;
    padding: 0;
}

.tsushin span {
    color: #4C42A8
}


/*-------------------------------------------------
	++ Q AND A
-------------------------------------------------*/

.qaContent {
    display: block;
    margin-top: 3px;
}

.qaBlock {
    text-align: left;
    background: #ECECEC url("shared/img/prdmain_bg.jpg") left top repeat-x;
}

.qaCatName {
    display: block;
    height: 54px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.qaCatName#qacat1 {
    background: url("shared/img/trgbar_qa1.gif") 0 0 no-repeat;
}

.qaCatName#qacat2 {
    background: url("shared/img/trgbar_qa2.gif") left top no-repeat;
}

.qaCatName#qacat3 {
    background: url("shared/img/trgbar_qa3.gif") left top no-repeat;
}

.qaCatName#qacat4 {
    background: url("shared/img/trgbar_qa4.gif") left top no-repeat;
}

.qaCatName#qacat5 {
    background: url("shared/img/trgbar_qa5.gif") left top no-repeat;
}

.qaCatName#qacat6 {
    background: url("shared/img/trgbar_qa6.gif") left top no-repeat;
}

.qaCatName#qacat1.open, .qaCatName#qacat2.open, .qaCatName#qacat3.open, .qaCatName#qacat4.open, .qaCatName#qacat5.open, .qaCatName#qacat6.open {
    background-position: 0 -54px;
}

.qaBox {
    background: url("shared/img/or_line.png") center bottom no-repeat;
    padding-bottom: 25px;
    margin: 15px 15px 25px 15px;
}

.question {
    display: block;
    font-size: 132%;
    margin-bottom: 25px;
}

.answer {
    margin-left: 25px;
}

.markQ, .markA {
    display: block;
    width: 34px;
    height: 34px;
    text-indent: 100%;
    overflow: hidden;
    background: url("shared/img/mark_q.png") left top no-repeat;
    float: left;
    margin-right: 10px;
}

.markA {
    background: url("shared/img/mark_a.png") left top no-repeat;
}

.trgrBtn {
    clear: both;
    float: right;
    margin: 15px;
}

.trgrClose {
    display: block;
    width: 80px;
    height: 20px;
    background: url("shared/img/mark_qaclose.png") 0 0 no-repeat;
    text-indent: 100%;
    overflow: hidden;
    cursor: pointer;
}


/*-------------------------------------------------
	++ TVCM
-------------------------------------------------*/

.tvcmBox {
    width: 980px;
}

.tvcmBoxL {
    width: 400px;
    float: left;
    text-align: left;
}

.tvcmBoxR {
    width: 560px;
    float: right;
    text-align: left;
}

.naviLink a {
    background: url("shared/img/circlearrow_sp13.png") 0 8px no-repeat;
    padding-left: 17px;
    color: #4C42A8;
}

.naviLink a {
    display: block;
}


/*-------------------------------------------------
	++ COMPANY
-------------------------------------------------*/

.companyLogo {
    text-align: right;
    margin-bottom: 25px;
}

.companyIntro {
    font-size: 90%;
}

.companyIntro h2 {
    font-size: 119%;
    margin-bottom: 15px;
}

#cpProfile {
    width: 100%;
    margin: 25px 0;
    display: block;
    background: url("shared/img/bg_gray.png") 0 0 repeat-y;
    border-bottom: #E9E9ED 1px dotted;
    font-size: 94%;
}

#cpProfile dt {
    clear: both;
    width: 170px;
    border-top: #FFF 1px dotted;
    padding: 5px;
    float: left;
}

#cpProfile dd {
    width: 440px;
    border-top: #E9E9ED 1px dotted;
    padding: 5px;
    float: left;
}

#cpProfile dd a img {
    display: block;
}


/*-------------------------------------------------
	++ PRIVACY POLICY
-------------------------------------------------*/

#ppBlock {
    width: 100%;
    margin: 25px 0;
    display: block;
}

#ppBlock dt {
    font-weight: bold;
    font-size: 113%;
    margin-bottom: 15px;
}

#ppBlock dd {
    margin-bottom: 25px;
}


/*-------------------------------------------------
	++ ADVISER
-------------------------------------------------*/

#formBox {
    margin-top: 15px;
}

.txtField {
    /* INPUT */
    border: 1px solid #ddd;
    padding: 3px;
    margin: 0;
}

.txtField:focus {
    /* INPUT */
    outline: none;
    border-color: rgba(113, 30, 134, .5)!important;
    box-shadow: 0 0 8px rgba(113, 30, 134, .2);
    -moz-box-shadow: 0 0 8px rgba(113, 30, 134, .2);
    -webkit-box-shadow: 0 0 8px rgba(113, 30, 134, .2);
}

.formBtn {
    display: block;
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.sendbtn {
    /* INPUT */
    padding: 3px;
    width: 120px;
    height: 40px;
    margin: 10px;
    background-color: #4C42A8;
    color: #FFF;
    outline: none;
    border: 0;
    cursor: pointer;
}

.sendbtn:hover {
    background-color: #7775bf;
}


/* INPUT */

.resetBtn {
    /* INPUT */
    padding: 3px;
    width: 120px;
    height: 40px;
    margin: 10px;
    background-color: #999;
    color: #FFF;
    outline: none;
    border: 0;
    cursor: pointer;
}

.resetBtn:hover {
    background-color: #666;
}


/* INPUT */

.advInfoBlock {
    text-align: left;
    margin: 45px 0;
    overflow: hidden;
}

.advBlockTitle {
    background: url("shared/img/pgline_lc.gif") -400px bottom no-repeat;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#advInfoTitle {
    width: 79px;
    height: 20px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    background: url("shared/img/text/hxtitle_p_information.png") 0 0 no-repeat;
}

#advscheduleTitle {
    width: 203px;
    height: 20px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    background: url("shared/img/text/hxtitle_p_schedule_kensyu.png") 0 0 no-repeat;
}

.adsContent {}

.adsBlock {
    text-align: left;
    background: #ECECEC url("shared/img/prdmain_bg.jpg") left bottom repeat-x;
}

.adsCatName {
    margin-top: 3px;
    display: block;
    height: 54px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.adsCatName#adscat1 {
    background: url("shared/img/trgbar_adv1.gif") 0 0 no-repeat;
}

.adsCatName#adscat2 {
    background: url("shared/img/trgbar_adv2.gif") 0 0 no-repeat;
}

.adsCatName#adscat3 {
    background: url("shared/img/trgbar_adv3.gif") 0 0 no-repeat;
}

.adsCatName#adscat1.open, .adsCatName#adscat2.open, .adsCatName#adscat3.open {
    background-position: 0 -54px;
}

.adsCatName#adscat1.close, .adsCatName#adscat2.close, .adsCatName#adscat3.close {
    background-position: 0 0;
}

.adsWrap {
    display: block;
    padding: 15px 40px 10px 40px;
}

.adsBox {
    width: 450px;
    float: left;
}

.adsBox li:before, .adsBox li:after {
    content: " ";
    display: table;
}

.adsBox li:after {
    clear: both;
}

.adsBox li {
    margin-bottom: 15px;
    *zoom: 1;
}

.qtlabel {
    /* INPUT */
    cursor: pointer;
}

.qtcheck {
    display: block;
    float: left;
}

.lbs {
    display: block;
    overflow: hidden;
    padding: 0 5px;
    line-height: 1.0;
}

.advTable {
    border: 1px solid #D8D8D8;
    width: 100%;
}

.advTable th {
    background-color: #4C42A8;
    color: #FFF;
    font-size: 94%;
    padding: 2px;
}

.advTable td {
    font-size: 88%;
    border: 1px solid #D8D8D8;
    text-align: left;
    vertical-align: top;
    padding: 2px;
}

.col1 {
    width: 20%;
}

.col2 {
    width: 10%;
}

.col3 {
    width: 20%;
}

.col4 {
    width: 25%;
}

.col5 {
    width: 25%;
}


/*-------------------------------------------------
	++ SITEMAP
-------------------------------------------------*/

.sitemapBlock {
    display: block;
    clear: both;
    width: 640px;
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.sitemapBox {
    text-align: left;
    margin-left: 25px;
    font-size: 88%;
}

.sitemapBox ul li {
    margin: 10px 0;
}

.sitemapBox ul li a {
    background: url("shared/img/arrow_sp8.png") 0 3px no-repeat;
    padding-left: 10px;
}

.sitemapBox ul li ul {
    margin-left: 15px;
}

.sitemapBox ul li ul li {
    margin: 10px 0 5px 0;
}

.sitemapBox ul li ul li a {
    background: url("shared/img/circle_sp3.png") 0 3px no-repeat;
    padding-left: 10px;
}


/*-------------------------------------------------
	++ SIDEBAR
-------------------------------------------------*/

.sidebg {
    float: left;
    width: 300px;
    height: 300px;
    background: url("shared/img/side_bg.jpg") left top no-repeat;
    overflow: hidden;
    margin-bottom: 25px;
}

.sidebg #pageTitle {
    display: block;
    width: 300px;
    height: 110px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 95px;
}

.product .sidebg #pageTitle {
    background: url("shared/img/text/stitle_product.png") left top no-repeat;
}

.salon .sidebg #pageTitle {
    background: url("shared/img/text/stitle_salon.png") left top no-repeat;
}

.information .sidebg #pageTitle {
    background: url("shared/img/text/stitle_information.png") left top no-repeat;
}

.tsushin .sidebg #pageTitle {
    background: url("shared/img/text/stitle_tsushin.png") left top no-repeat;
}

.company .sidebg #pageTitle {
    background: url("shared/img/text/stitle_company.png") left top no-repeat;
}

.privacy .sidebg #pageTitle {
    background: url("shared/img/text/stitle_privacy.png") left top no-repeat;
}

.sitemap .sidebg #pageTitle {
    background: url("shared/img/text/stitle_sitemap.png") left top no-repeat;
}

.event .sidebg #pageTitle {
    background: url("shared/img/text/stitle_event.png") left top no-repeat;
}

.sidebg #pageTitle2 {
    display: block;
    width: 300px;
    height: 110px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 95px;
    background: url("shared/img/text/stitle_event.png") left top no-repeat;
}

.sidebar {
    width: 300px;
    float: left;
}

.sideBox {
    clear: both;
    width: 300px;
    text-align: left;
    margin-bottom: 25px;
}

.sideList li a {
    width: 300px;
    display: block;
    border-bottom: 1px solid #D8D8D8;
    background: url("shared/img/circlearrow_sp13.png") 0 21px no-repeat;
    padding: 15px 0 15px 17px;
}

.sideList li ul li a {
    padding-left: 20px;
    background: url("shared/img/arrow_sp8.png") 20px 25px no-repeat;
    padding: 15px 0 15px 30px;
}


/*-------------------------------------------------
	++ BLOG PAGESWITCH
-------------------------------------------------*/

.pageswitch {
    display: block;
    position: relative;
    margin: 20px auto 10px auto!IMPORTANT;
    text-align: center;
    width: 100%;
    padding-bottom: 15px;
}

.previouspostslink, .nextpostslink {
    background-color: #4C42A8;
    color: #FFF!IMPORTANT;
    text-decoration: none!IMPORTANT;
    width: 40px;
    height: 20px;
    padding: 5px 15px;
    position: relative;
}

.pageswitch .page, .pageswitch .pages, .pageswitch .current {
    display: inline-block;
    border: 1px solid #4C42A8;
    padding: 3px 7px;
    margin: 0 2px;
    background-color: #FFF;
}

.previouspostslink a, .nextpostslink a {
    color: #FFF!IMPORTANT;
    text-decoration: none!IMPORTANT;
}


/*-------------------------------------------------
	++FOOTER
-------------------------------------------------*/

.snsBlock {}

.bottomline {
    margin-top: 25px;
    width: 100%;
    min-width: 1000px;
    height: 60px;
    background: url("shared/img/bg_grd2.jpg") 0 0 repeat-x;
}

#footerNavi {
    clear: both;
    width: 100%;
    min-width: 1000px;
    height: 55px;
    padding-top: 15px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-width: 1000px;
    height: 350px;
    font-size: 82%;
    background: url("shared/img/bg_grd.jpg") 0 0 repeat-x;
}

#footerInner {
    width: 980px;
    margin: 0 auto;
    text-align: center;
}

.footerCont {
    display: block;
    clear: both;
    width: 980px;
    text-align: left;
    margin: 0;
    padding: 0;
}

.footerCont:before, .footerCont:after {
    content: " ";
    display: table;
}

.footerCont:after {
    clear: both;
}

.footerCont {
    *zoom: 1;
}

#fBlock1 {
    padding-top: 25px;
}

#fBlock2 {}

#fBlock3 {
    border-top: 1px solid #D8D8D8;
    margin-top: 25px;
    padding-top: 15px;
}

#fBlock4 {
    margin-top: 45px;
}

.footerContBox {
    width: 245px;
    float: left;
}

.footerContBox ul {}

.footerContBox ul li {
    margin: 10px 0;
}

.footerContBox ul li a {
    background: url("shared/img/arrow_sp8.png") 0 3px no-repeat;
    padding-left: 10px;
}

.footerContBox ul li ul {
    margin-left: 15px;
}

.footerContBox ul li ul li {
    margin: 10px 0 5px 0;
}

.footerContBox ul li ul li a {
    background: url("shared/img/circle_sp3.png") 0 3px no-repeat;
    padding-left: 10px;
}

.footerContLeft {
    float: left;
}

.footerContLeft ul li {
    float: left;
    margin-right: 25px;
}

.footerContRight {
    float: right;
}

.footerContRight ul li {
    float: left;
    margin-left: 25px;
}

#pageTop {
    position: fixed;
    bottom: 350px;
    right: 20px;
    font-size: 75%;
    z-index: 9999!IMPORTANT;
}

#pageTop a {
    background: #4C42A8;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 10px 0;
    text-align: center;
    display: block;
}

#pageTop a:hover {
    text-decoration: none;
    background: #7775bf;
}


/*-------------------------------------------------
	++ ADVISER 140702
-------------------------------------------------*/

#advTsushinTitle {
    width: 166px;
    height: 20px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    background: url("shared/img/text/hxtitle_p_tsushin.png") 0 0 no-repeat;
}

.advInfoBox {
    width: 100%;
}

.advInfoBoxContent {
    margin-bottom: 15px;
}

.advInfoBoxContent h3 {
    background-color: #F2F3F5;
    margin-bottom: 15px;
    padding: 3px 5px;
}

.advInfoBoxText {
    padding: 10px;
    font-size: 95%;
}

.pdflist li {
    background: url("shared/img/arrow_sp8.png") 0 8px no-repeat;
    padding-left: 9px;
}

.link_pdf {
    background: url("shared/img/pdficon_small.png") top right no-repeat;
    padding-right: 18px;
    font-size: 95%;
}

.attText2 {
    font-size: 63%;
    line-height: 140%;
    float: right;
}

.attText2 img {
    vertical-align: middle;
}

.link_adobe {
    display: block;
    float: right;
    width: 120px;
}


/*-------------------------------------------------
	++ CONTACT 150527
-------------------------------------------------*/

.contactBlock {
    text-align: left;
    margin: 45px 0;
}

.contactBlockTitle {
    background: url("shared/img/pgline_lc.gif") -400px bottom no-repeat;
    padding-bottom: 10px;
    margin-top: 45px;
    margin-bottom: 15px;
}

#contactTitle1, #contactTitle2 {
    width: 342px;
    height: 20px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    background: url("shared/img/text/hxtitle_top_contact1.png") 0 0 no-repeat;
}

#contactTitle2 {
    background: url("shared/img/text/hxtitle_top_contact2.png") 0 0 no-repeat;
}

.contactform {
    width: 890px;
    margin: 40px auto 0 auto;
    text-align: center;
}

.contactform ul {
    text-align: left;
}

.contactform ul li:before, .contactform ul li:after {
    content: " ";
    display: table;
}

.contactform ul li:after {
    clear: both;
}

.contactform ul li {
    *zoom: 1;
}

.contactform ul li {
    border-bottom: 1px dotted #DDD;
    padding: 10px 0;
}

.contactform ul li dl dt {
    float: left;
    width: 240px;
    margin-left: 20px;
    text-indent: -20px;
    display: block;
    line-height: 120%;
}

.contactform ul li dl dd {
    float: left;
    display: block;
    width: 620px;
    margin-left: 10px;
}


/* FORM STYLE */

.formradio label {
    margin-right: 20px;
}

.sqPurple {
    color: #6F2D81;
    margin-right: 3px;
}

.formAtt {
    font-size: 12px;
}

.formReq {
    color: #D90000;
}

.contactform .formBtn {
    margin: 25px auto;
}

.contactform img.wpcf7-captchac {
	width:144px;
	height:auto;
}

/* INPUT STYLE */

label {
    cursor: pointer;
}

input[type=text], input[type=email], input[type=password], select, textarea {
    outline: none;
    background: #FEFEFE;
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 0;
    margin: 3px 0;
    height: 30px;
    box-sizing: content-box;
    font-size: 16px;
    text-indent: 0.01px;
    text-overflow: '';
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {
    border: 1px solid #AAA;
}

.w100 {
    width: 600px;
}

.w80 {
    width: 480px;
}

.w60 {
    width: 360px;
}

textarea.w100 {
    height: 120px;
}


/* 150612 BRAND */

#brandArea {
    width: 980px;
}

<!-- #brandArea #ba1 {
    background: url("shared/img/brand_bg1.jpg") 0 0 no-repeat;
    height: 495px;
}

-->#brandArea #ba1 .baText br, #brandArea #ba2 .baText br {
    display: none;
}

#brandArea #ba1 .baText {
    background: url("shared/img/text/brand_text1.png") 0 0 no-repeat;
    height: 542px;
    text-indent: -9999px;
}

#brandArea #ba2 {
    background: url("shared/img/brand_bg2.jpg") 0 55px no-repeat;
    height: 510px;
}

#brandArea #ba2 .baText {
    background: url("shared/img/text/brand_text2.png") 466px 0 no-repeat;
    height: 435px;
    text-indent: -9999px;
}

.baLogo img {
    float: right;
}


/*-------------------------------------------------
	++ SALONMAP 151009
-------------------------------------------------*/

.salonHeadLeft {
    width: 600px;
    float: left;
    margin-top: 30px;
    text-align: left;
}

.salonHeadRight {
    width: 380px;
    float: left;
    margin-top: 30px;
}

.searchBlock {
    margin-top: 40px;
    text-align: left;
}

.japanmap {
    position: relative;
    width: 925px;
    height: 700px;
    margin: 15px auto;
    text-align: center;
}

.japanmap .area div {
    position: absolute;
    background-color: #CCC;
}

.japanmap .area.kanto div {
    background: #F3D18E
}

.japanmap .area.touhoku div {
    background: #C9E9F0
}

.japanmap .area.koushinetu div {
    background: #EACADF
}

.japanmap .area.toukai div {
    background: #CAE8DC
}

.japanmap .area.kinki div {
    background: #EBFA8F
}

.japanmap .area.chugokushikoku div {
    background: #F7E6C2
}

.japanmap .area.kyushu div {
    background: #E2F3CB
}

.japanmap .area div {
    position: absolute;
}

.japanmap .area a {
    color: #333;
    display: block;
    text-align: center;
    text-decoration: underline;
}

.japanmap .hokkaido {
    left: 729px;
    top: 0;
}

.japanmap .hokkaido a {
    width: 196px;
    height: 147px;
    line-height: 147px;
}

.japanmap .aomori {
    left: 729px;
    top: 175px;
}

.japanmap .aomori a {
    width: 171px;
    height: 44px;
    line-height: 44px;
}

.japanmap .akita {
    left: 729px;
    top: 224px;
}

.japanmap .akita a {
    width: 83px;
    height: 44px;
    line-height: 44px;
}

.japanmap .iwate {
    left: 816px;
    top: 224px;
}

.japanmap .iwate a {
    width: 83px;
    height: 44px;
    line-height: 44px;
}

.japanmap .yamagata {
    left: 729px;
    top: 273px;
}

.japanmap .yamagata a {
    width: 83px;
    height: 44px;
    line-height: 44px;
}

.japanmap .miyagi {
    left: 816px;
    top: 273px;
}

.japanmap .miyagi a {
    width: 83px;
    height: 44px;
    line-height: 44px;
}

.japanmap .fukushima {
    left: 782px;
    top: 322px;
}

.japanmap .fukushima a {
    width: 117px;
    height: 44px;
    line-height: 44px;
}

.japanmap .niigata {
    left: 673px;
    top: 322px;
}

.japanmap .niigata a {
    width: 104px;
    height: 44px;
    line-height: 44px;
}

.japanmap .nagano {
    left: 669px;
    top: 371px;
}

.japanmap .nagano a {
    width: 55px;
    height: 88px;
    line-height: 88px;
}

.japanmap .yamanashi {
    left: 669px;
    top: 464px;
}

.japanmap .yamanashi a {
    width: 87px;
    height: 37px;
    line-height: 37px;
}

.japanmap .toyama {
    left: 609px;
    top: 372px;
}

.japanmap .toyama a {
    width: 55px;
    height: 44px;
    line-height: 44px;
}

.japanmap .ishikawa {
    left: 549px;
    top: 351px;
}

.japanmap .ishikawa a {
    width: 55px;
    height: 63px;
    line-height: 63px;
}

.japanmap .fukui {
    left: 538px;
    top: 420px;
}

.japanmap .fukui a {
    width: 66px;
    height: 39px;
    line-height: 39px;
}

.japanmap .ibaraki {
    left: 849px;
    top: 371px;
}

.japanmap .ibaraki a {
    width: 50px;
    height: 66px;
    line-height: 66px;
}

.japanmap .tochigi {
    left: 789px;
    top: 371px;
}

.japanmap .tochigi a {
    width: 55px;
    height: 44px;
    line-height: 44px;
}

.japanmap .gunma {
    left: 729px;
    top: 371px;
}

.japanmap .gunma a {
    width: 55px;
    height: 44px;
    line-height: 44px;
}

.japanmap .chiba {
    left: 849px;
    top: 442px;
}

.japanmap .chiba a {
    width: 50px;
    height: 95px;
    line-height: 95px;
}

.japanmap .saitama {
    left: 729px;
    top: 420px;
}

.japanmap .saitama a {
    width: 115px;
    height: 39px;
    line-height: 39px;
}

.japanmap .tokyo {
    left: 761px;
    top: 464px;
}

.japanmap .tokyo a {
    width: 83px;
    height: 37px;
    line-height: 37px;
}

.japanmap .kanagawa {
    left: 761px;
    top: 506px;
}

.japanmap .kanagawa a {
    width: 67px;
    height: 44px;
    line-height: 44px;
}

.japanmap .shizuoka {
    left: 669px;
    top: 506px;
}

.japanmap .shizuoka a {
    width: 87px;
    height: 44px;
    line-height: 44px;
}

.japanmap .gifu {
    left: 609px;
    top: 421px;
}

.japanmap .gifu a {
    width: 55px;
    height: 80px;
    line-height: 80px;
}

.japanmap .aichi {
    left: 609px;
    top: 505px;
}

.japanmap .aichi a {
    width: 55px;
    height: 44px;
    line-height: 44px;
}

.japanmap .mie {
    left: 538px;
    top: 529px;
}

.japanmap .mie a {
    width: 66px;
    height: 44px;
    line-height: 44px;
}

.japanmap .shiga {
    left: 538px;
    top: 464px;
}

.japanmap .shiga a {
    width: 66px;
    height: 61px;
    line-height: 61px;
}

.japanmap .kyoto {
    left: 428px;
    top: 457px;
}

.japanmap .kyoto a {
    width: 105px;
    height: 45px;
    line-height: 45px;
}

.japanmap .nara {
    left: 483px;
    top: 507px;
}

.japanmap .nara a {
    width: 50px;
    height: 73px;
    line-height: 73px;
}

.japanmap .osaka {
    left: 428px;
    top: 507px;
}

.japanmap .osaka a {
    width: 50px;
    height: 73px;
    line-height: 73px;
}

.japanmap .wakayama {
    left: 428px;
    top: 584px;
}

.japanmap .wakayama a {
    width: 105px;
    height: 40px;
    line-height: 40px;
}

.japanmap .hyogo {
    left: 375px;
    top: 458px;
}

.japanmap .hyogo a {
    width: 48px;
    height: 97px;
    line-height: 97px;
}

.japanmap .tottori {
    left: 310px;
    top: 458px;
}

.japanmap .tottori a {
    width: 60px;
    height: 46px;
    line-height: 46px;
}

.japanmap .okayama {
    left: 310px;
    top: 509px;
}

.japanmap .okayama a {
    width: 60px;
    height: 46px;
    line-height: 46px;
}

.japanmap .shimane {
    left: 245px;
    top: 458px;
}

.japanmap .shimane a {
    width: 60px;
    height: 46px;
    line-height: 46px;
}

.japanmap .hiroshima {
    left: 245px;
    top: 509px;
}

.japanmap .hiroshima a {
    width: 60px;
    height: 46px;
    line-height: 46px;
}

.japanmap .yamaguchi {
    left: 192px;
    top: 458px;
}

.japanmap .yamaguchi a {
    width: 48px;
    height: 97px;
    line-height: 97px;
}

.japanmap .kagawa {
    left: 331px;
    top: 572px;
}

.japanmap .kagawa a {
    width: 84px;
    height: 44px;
    line-height: 44px;
}

.japanmap .tokushima {
    left: 331px;
    top: 621px;
}

.japanmap .ehime a {
    width: 84px;
    height: 44px;
    line-height: 44px;
}

.japanmap .ehime {
    left: 243px;
    top: 572px;
}

.japanmap .tokushima a {
    width: 84px;
    height: 44px;
    line-height: 44px;
}

.japanmap .kochi {
    left: 243px;
    top: 621px;
}

.japanmap .kochi a {
    width: 84px;
    height: 44px;
    line-height: 44px;
}

.japanmap .fukuoka {
    left: 119px;
    top: 493px;
}

.japanmap .fukuoka a {
    width: 63px;
    height: 63px;
    line-height: 63px;
}

.japanmap .oita {
    left: 119px;
    top: 561px;
}

.japanmap .oita a {
    width: 63px;
    height: 44px;
    line-height: 44px;
}

.japanmap .miyazaki {
    left: 119px;
    top: 610px;
}

.japanmap .miyazaki a {
    width: 63px;
    height: 44px;
    line-height: 44px;
}

.japanmap .saga {
    left: 64px;
    top: 493px;
}

.japanmap .saga a {
    width: 50px;
    height: 63px;
    line-height: 63px;
}

.japanmap .kumamoto {
    left: 64px;
    top: 562px;
}

.japanmap .kumamoto a {
    width: 50px;
    height: 92px;
    line-height: 92px;
}

.japanmap .nagasaki {
    left: 9px;
    top: 493px;
}

.japanmap .nagasaki a {
    width: 50px;
    height: 63px;
    line-height: 63px;
}

.japanmap .kagoshima {
    left: 64px;
    top: 659px;
}

.japanmap .kagoshima a {
    width: 118px;
    height: 40px;
    line-height: 40px;
}

.japanmap .okinawa {
    left: 0px;
    top: 637px;
}

.japanmap .okinawa a {
    width: 50px;
    height: 63px;
    line-height: 63px;
}

.attBlock {
    margin: 50px 0;
    text-align: left;
}

.resultTitle {
    background-color: #ECF0F1;
    text-align: left;
}

.resultTitle span {
    font-size: 28px;
    color: #6C2683;
    padding: 5px 10px;
}

.btnSearch {
    cursor: pointer;
    display: block;
    width: 120px;
    height: 40px;
    border: none;
    text-indent: -9999px;
    background: url(shared/img/btn_search_nd.gif) no-repeat 0 0;
}

.btnSearch:hover {
    background: url(shared/img/btn_search_nd_o.gif) no-repeat 0 0;
}

.searchBlock .dfText {
    margin: 15px 0;
}

.searchSet {
    margin: 40px 0;
}

.searchSet .searchWord, .searchSet .searchSelect {
    width: 354px;
    float: left;
}

.btnSearch {
    float: left;
    margin-left: 25px;
}

.searchForm {
    margin: 45px 0 90px 45px;
}

.salonTable {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.salonTable tr {
    border-bottom: 1px dotted #D8D8D8;
    text-align: left;
}

.salonTable th.salonName {
    width: 320px;
    vertical-align: top;
    padding: 3px;
    font-size: 16px;
    text-align: left;
}

.salonTable td.salonAdd {
    width: 480px;
    vertical-align: top;
    padding: 3px;
    font-size: 14px;
}

.salonTable td.salonLink {
    width: 77px;
    vertical-align: top;
    padding: 3px;
}

#salontop .articleHead {
    margin-top: 25px;
    position: relative;
}

.linktosalon {
    display: block;
    width: 210px;
    height: 35px;
}

.linktosalon a {
    display: block;
    width: 210px;
    height: 35px;
    background: url(shared/img/btn_search_salon.gif) 0 0 no-repeat;
    text-indent: -9999px;
}

.linktosalon a:hover {
    background: url(shared/img/btn_search_salon_o.gif) 0 0 no-repeat;
}

#salontop .articleHead .linktosalon {
    position: absolute;
    right: 45px;
    top: 30px;
}

#salontop .itemBody {
    margin-top: 50px;
    text-align: left;
}

#salontop .itemBody .salonText {
    width: 650px;
}

#salontop .itemBody .salonText p {
    margin-bottom: 15px;
}

#bxPager {
    text-align: right;
}

#salonSlide {
    margin-bottom: 45px;
}

.linktosalon2 {
    display: block;
    height: 35px;
    float: right;
    clear: both;
    margin-top: 5px;
}

.linktosalon2 a {
    display: block;
    width: 210px;
    height: 35px;
    background: url(shared/img/btn_search_salon2.gif) 0 0 no-repeat;
    text-indent: -9999px;
}

.linktosalon2 a:hover {
    background: url(shared/img/btn_search_salon2_o.gif) 0 0 no-repeat;
}

.sTest {
    display: none!IMPORTANT;
}

.sTest2 {
    display: block!IMPORTANT;
}

.salontest .sTest2, .page-template-page_salon_search-php .sTest2 {
    display: none!IMPORTANT;
}

.salontest .sTest, .page-template-page_salon_search-php .sTest {
    display: block!IMPORTANT;
}


/*top oshisrase*/

.top_impinfo {
    text-align: center;
    background-color: #fff;
    padding: 30px;
    line-height: 2em;
    margin-top: 66px;
    margin-bottom: -66px;
}

.top_impinfo strong {
    color: rgb(218, 53, 68);
    font-size: 1.5em;
}

.top_impinfo span {
    display: block;
}

.top_impinfo span a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}


/** 重症なお知らせ **/

.impinfo {
    margin-top: 50px;
    text-align: center;
}

.impinfo h2 {
    color: rgb(218, 53, 68);
    font-size: 1.5em;
}

.impinfo .subtitle {
    font-size: 1.3em;
    padding: 10px;
    text-align: center;
    margin-bottom: 25px;
}

.impinfo .article {
    text-align: left;
    width: 62%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.impinfo .strong-label {
	font-size: 1.2em;
	font-weight: bold;
}
.impinfo .strong-label .sl-box {
	display: inline-block;
	border: 1px solid #666;
	padding: 0.25em 0.75em;
}
.impinfo .strong-label .subtext {
	display: block;
	font-size: 78.431%;
	color: #555;
}

.impinfo .signature {
    text-align: right;
    padding-top: 1em;
    padding-bottom: 1em;
}

.impinfo .backbtn {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.impinfo .backbtn a:hover {
    transition: all 0.5s ease 0s;
}

.impinfo .backbtn a {
    background-color: #aaa;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 1.063rem;
    padding: 16px 32px !important;
    text-align: center;
}

.impinfo .ptd1em {
    padding-top: 1em;
    padding-bottom: 1em;
}

.impinfo .caution {
    font-size: 0.7em;
    display: inline-flex;
    padding-left: 1em;
    padding-right: 1em;
    letter-spacing: 0.1em;
}

.impinfo .caution:before {
    content: "※";
}

.impinfo .pb2em {
    padding-bottom: 2em;
}


/**
* 2023 Renewal add style
*/