@charset "Shift_JIS";

/***s***************************
 * float clear
 ******************************/
.hpb-clear{
    clear: both;
}

.hpb-clearfix::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.hpb-clearfix{
    zoom: 1; /* for IE6 */
}

/******************************
 * レイアウト コンテナ (div)
 ******************************/

/* 飾りなし */
.hpb-parts-smt-cnt-01{
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: none;
    clear: both;
}

/* 線囲み */
.hpb-parts-smt-cnt-02{
    margin: 0px;
    padding: 0px;
    border-width: 1px !important;
    border-style: solid !important;
    width: auto;
    float: none;
    clear: both;
}

/******************************
 * 見出し (h3)
 ******************************/

/* 飾りなし */
.hpb-parts-smt-hl-01{
    margin: 0px;
    padding: 0.5em;
    border: none !important;
    line-height: 1.2em;
}

/* 下線 */
.hpb-parts-smt-hl-02{
    margin: 0px;
    padding: 0px 0.5em 0.2px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 上下線 */
.hpb-parts-smt-hl-03{
    margin: 0px;
    padding: 0.5em;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 線囲み 1 */
.hpb-parts-smt-hl-04{
    margin: 0px;
    padding: 0.5em;
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
}

/* 線囲み 2 (角丸) */
.hpb-parts-smt-hl-05{
    margin: 0px;
    padding: 0.5em;
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

/* 線囲み 3 (背景) */
.hpb-parts-smt-hl-06{
    margin: 0px;
    padding: 0.5em;
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
}

/* 線囲み 4 (背景/角丸) */
.hpb-parts-smt-hl-07{
    margin: 0px;
    padding: 0.5em;
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 飾りなし */
.hpb-parts-smt-cbox-01{
    margin: 0px;
    padding: 5px;
    border: none !important;
}

/* 線囲み 1 */
.hpb-parts-smt-cbox-02{
    margin: 0px;
    padding: 4px;
    border-width: 1px !important;
    border-style: solid !important;
}

/* 線囲み 2 (点線) */
.hpb-parts-smt-cbox-03{
    margin: 0px;
    padding: 4px;
    border-width: 1px !important;
    border-style: dotted !important;
}

/* 線囲み 3 (角丸) */
.hpb-parts-smt-cbox-04{
    margin: 0px;
    padding: 4px;
    border-width: 1px !important;
    border-style: solid !important;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

/* 線囲み 4 (点線/角丸) */
.hpb-parts-smt-cbox-05{
    margin: 0px;
    padding: 4px;
    border-width: 1px !important;
    border-style: dotted !important;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

/******************************
 * リスト枠 (div)
 ******************************/

/* リスト枠 1 */
/* リスト枠 3 (見出し) */
.hpb-parts-smt-sbox-01{
    margin: 0px;
    padding: 0px;
}

.hpb-parts-smt-sbox-01 h3{
    margin-top: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;
    padding: 5px 0px;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    text-align: center;
    font-size: small;
    font-weight: normal;
}

.hpb-parts-smt-sbox-01 ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

.hpb-parts-smt-sbox-01 li{
    margin: 0px;
    padding: 10px 15px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

/* リスト枠 2 (角丸) */
/* リスト枠 4 (見出し/角丸) */
.hpb-parts-smt-sbox-02{
    margin: 0px;
    padding: 0px;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

.hpb-parts-smt-sbox-02 h3{
    margin-top: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;
    padding: 5px 0px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    font-size: small;
    font-weight: normal;
    text-align: center;
}

.hpb-parts-smt-sbox-02 h3:first-child{
    margin: 0px;
    padding: 5px 0px;
    border-top: none !important;
    -webkit-border-radius:5px 5px 0px 0px / 5px 5px 0px 0px !important;
}

.hpb-parts-smt-sbox-02 ul{
    list-style-type: none !important;
    margin: 0px;
    padding: 0px;
}

.hpb-parts-smt-sbox-02 li{
    margin: 0px;
    padding: 10px 15px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

.hpb-parts-smt-sbox-02 li:last-child{
    margin: 0px;
    padding: 10px 15px;
    border: none !important;
}

/******************************
 * リンクリスト枠 (div)
 ******************************/

/* リンクリスト枠 1 */
/* リンクリスト枠 2 */
/* リンクリスト枠 3 */
/* リンクリスト枠 7 */
/* リンクリスト枠 8 */
/* リンクリスト枠 9 */
.hpb-parts-smt-lbox-01{
    margin: 0px;
    padding: 0px;
}

.hpb-parts-smt-lbox-01 h3{
    margin-top: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;
    padding: 5px 0px;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    text-align: center;
    font-size: small;
    font-weight: normal;
}

.hpb-parts-smt-lbox-01 ul{
    list-style-type: none !important; 
    margin: 0px;
    padding: 0px;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

.hpb-parts-smt-lbox-01 li{
    margin: 0px;
    padding: 0px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

.hpb-parts-smt-lbox-01 li a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
    border-style: none !important;
}

.hpb-parts-smt-lbox-01 li a img{
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/* リンクリスト枠 4 */
/* リンクリスト枠 5 */
/* リンクリスト枠 6 */
/* リンクリスト枠 10 */
/* リンクリスト枠 11 */
/* リンクリスト枠 12 */
.hpb-parts-smt-lbox-02{
    margin: 0px;
    padding: 0px;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

.hpb-parts-smt-lbox-02 h3{
    margin-top: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;
    padding: 5px 0px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    font-size: small;
    font-weight: normal;
    text-align: center;
}

.hpb-parts-smt-lbox-02 h3:first-child{
    margin-top: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;
    padding: 5px 0px;
    border-top: none;
    -webkit-border-radius:5px 5px 0px 0px / 5px 5px 0px 0px !important;
}

.hpb-parts-smt-lbox-02 ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none !important;
}

.hpb-parts-smt-lbox-02 li{
    margin: 0px;
    padding: 0px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

.hpb-parts-smt-lbox-02 li:last-child{
    margin: 0px;
    padding: 0px;
    border: none !important;
}

.hpb-parts-smt-lbox-02 li a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border: none;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
}

.hpb-parts-smt-lbox-02 li a img{
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

.hpb-parts-smt-span-head{
    display: block;
    margin: 0px 0px 0px -2px;
    padding: 0px;
    font-size: 120%;
    font-weight: bold;
}

.hpb-parts-smt-span-exp{
    margin: 0px;
    padding: 0px;
    font-size: 85%;
}

/******************************
 * リンクボタン (p)
 ******************************/

/* リンクボタン 1 */
.hpb-parts-smt-lbtn-01{
    margin: 5px 0px !important; 
    padding: 0px !important;
}

.hpb-parts-smt-lbtn-01 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
}

/* リンクボタン 2 */
.hpb-parts-smt-lbtn-02{
    margin: 5px 0px !important; 
    padding: 0px !important;
}

.hpb-parts-smt-lbtn-02 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

/* リンクボタン 3 */
.hpb-parts-smt-lbtn-03{
    margin: 5px 0px !important; 
    padding: 0px !important;
}

.hpb-parts-smt-lbtn-03 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px !important;
}

/* 左寄せ 1 */
.hpb-parts-smt-lbtn-04{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    width: auto;
    float: left;
}

.hpb-parts-smt-lbtn-04 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
}

/* 左寄せ 2 */
.hpb-parts-smt-lbtn-05{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: left;
}

.hpb-parts-smt-lbtn-05 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

/* 左寄せ 3 */
.hpb-parts-smt-lbtn-06{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: left;
}

.hpb-parts-smt-lbtn-06 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px !important;
}

/* 右寄せ 1 */
.hpb-parts-smt-lbtn-07{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: right;
}

.hpb-parts-smt-lbtn-07 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
}

/* 右寄せ 2 */
.hpb-parts-smt-lbtn-08{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: right;
}

.hpb-parts-smt-lbtn-08 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px !important;
}

/* 右寄せ 3 */
.hpb-parts-smt-lbtn-09{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: right;
}

.hpb-parts-smt-lbtn-09 a{
    display: block;
    margin: 0px;
    padding: 10px 15px;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px !important;
}

/******************************
 * デフォルトスタイル設定
 ******************************/

/* レイアウト コンテナ */
.hpb-parts-smt-cnt-style{
    border-color: #cccccc;
    text-align: left;
}

/* 見出し */
.hpb-parts-smt-hl-style{
    border-color: #cccccc;
}

.hpb-parts-smt-hl-bg-style{
    border-color: #cccccc;
    background-color: #cccccc;
}

/* 文章枠 */
.hpb-parts-smt-cbox-style{
    text-align: left;
}

/* リスト枠 */
.hpb-parts-smt-sbox-style{
    color: #000000;
    border-color: #cccccc;
}

.hpb-parts-smt-sbox-style h3{
    border-color: #cccccc;
    background-color: #cccccc;
}

.hpb-parts-smt-sbox-style ul,
.hpb-parts-smt-sbox-style li{
    border-color: #cccccc;
}

/* リンクリスト枠 */
.hpb-parts-smt-lbox-style,
.hpb-parts-smt-lbox-pc-style{
    color: #000000;
    border-color: #cccccc;
}

.hpb-parts-smt-lbox-style h3{
    border-color: #cccccc;
    background-color: #cccccc;
}

.hpb-parts-smt-lbox-style ul,
.hpb-parts-smt-lbox-style li{
    border-color: #cccccc;
}

.hpb-parts-smt-lbox-style a, 
.hpb-parts-smt-lbtn-style a{
    color: #000000;
}

.hpb-parts-smt-lbox-style a span.en, 
.hpb-parts-smt-lbtn-style a span.en{
    display: none;
}

.hpb-parts-smt-lbox-style li a{
    background-image : url(arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.hpb-parts-smt-lbox-style li a.hpb-parts-smt-lbox-pc-style{
    background-image : url(pc_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}

/* リンクボタン */
.hpb-parts-smt-lbtn-style{
    color: #000000;
    border-color: #cccccc;
}

/* ------------------------------------ */
/* 以下テンプレート部品変換用           */

/******************************
 * レイアウト コンテナ (div)
 ******************************/

/* 飾りなし 幅自動 */
.hpb-parts-smtc-cnt-01{
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: none;
    clear: both;
}

/* 飾りなし 幅60px */
.hpb-parts-smtc-cnt-01-060{
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: left;
}

/* 飾りなし 幅120px */
.hpb-parts-smtc-cnt-01-120{
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: left;
}

/* 飾りなし 幅180px */
.hpb-parts-smtc-cnt-01-180{
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: left;
}

/* 飾りなし 幅240px */
.hpb-parts-smtc-cnt-01-240{
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: left;
}

/* 線囲み 幅自動 */
.hpb-parts-smtc-cnt-02{
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: auto;
    float: none;
    clear: both;
}

/* 線囲み 幅60px */
.hpb-parts-smtc-cnt-02-060{
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: auto;
    float: left;
}

/* 線囲み 幅120px */
.hpb-parts-smtc-cnt-02-120{
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: auto;
    float: left;
}

/* 線囲み 幅180px */
.hpb-parts-smtc-cnt-02-180{
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: auto;
    float: left;
}

/* 線囲み 幅240px */
.hpb-parts-smtc-cnt-02-240{
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: auto;
    float: left;
}

/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */
.hpb-parts-smtc-hl-01{
    margin: 0px;
    padding: 0px 0.2em;
    border: none !important;
    line-height: 1.2em;
}

/* 下線 1 */
.hpb-parts-smtc-hl-02{
    margin: 0px;
    padding: 0px 0.2em;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 下線 2 (2重線) */
.hpb-parts-smtc-hl-03{
    margin: 0px;
    padding: 0px 0.2em;
    border-bottom-width: 3px !important;
    border-bottom-style: double !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 線囲み 1 */
.hpb-parts-smtc-hl-04{
    margin: 0px;
    padding: 0px 0.2em;
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
}

/* 線囲み 2 (2重線) */
.hpb-parts-smtc-hl-05{
    margin: 0px;
    padding: 0px 0.2em;
    border-width: 3px !important;
    border-style: double !important;
    line-height: 1.2em;
}

/* 飾りつき 1 (左■付き) */
.hpb-parts-smtc-hl-06{
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-left-width: 1.2em !important;
    border-left-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    line-height: 1.2em;
}

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-smtc-hl-07{
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-left-width: 1.2em !important;
    border-left-style: solid !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    line-height: 1.2em;
}

/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-smtc-hl-08{
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-style: solid !important;
    border-width: 2px 2px 2px 1.2em !important;
    line-height: 1.2em;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-smtc-cbox-01{
    margin: 0px;
    padding: 5px;
    border: none;
}

/* 線囲み 1 (実線) */
.hpb-parts-smtc-cbox-02{
    margin: 0px;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
}

/* 線囲み 2 (点線) */
.hpb-parts-smtc-cbox-03{
    margin: 0px;
    padding: 4px;
    border-width: 1px;
    border-style: dotted;
}

/* 線囲み 3 (2重線) */
.hpb-parts-smtc-cbox-04{
    margin: 0px;
    padding: 2px;
    border-width: 3px;
    border-style: double;
}

/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白なし */
.hpb-parts-smtc-img-01{
    margin: 0px;
    padding: 0px;
    border: none;
    float: left;
}

/* 余白あり */
.hpb-parts-smtc-img-02{
    margin: 0px;
    padding: 5px;
    border: none;
    float: left;
}

/* 写真ボックス 左寄せ配置用 */
.hpb-parts-smtc-img-03{
    margin: 0px 5px 0px 0px !important;
    padding: 5px;
    border: none;
    float: left;
}

/* 写真ボックス 右寄せ配置用 */
.hpb-parts-smtc-img-04{
    margin: 0px 0px 0px 5px !important;
    padding: 5px;
    border: none;
    float: right;
}
貼り付け完了

/* 複数写真ボックス 左端用 */
.hpb-parts-smtc-img-05{
    margin: 0px;
    padding: 5px;
    border: none;
    float: left;
    clear: both;
}

/* 複数写真ボックス 2列目用 */
.hpb-parts-smtc-img-06{
    margin: 0px;
    padding: 5px 5px 5px 0px;
    border: none;
    float: left;
}

/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-smtc-img-07{
    margin: 0px;
    padding: 0px 5px 5px 5px;
    border: none;
    float: left;
    clear: both;
}

/* 複数写真ボックス 2行目用 */
.hpb-parts-smtc-img-08{
    margin: 0px;
    padding: 0px 5px 5px 0px;
    border: none;
    float: left;
}

/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-smtc-hr-01{
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px !important;
    border-top-style: solid !important;
}

/* 水平線 2 (実線・太) */
.hpb-parts-smtc-hr-02{
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: solid;
}

/* 水平線 3 (点線・細) */
.hpb-parts-smtc-hr-03{
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px;
    border-top-style: dotted;
    height: 0px;
}

/* 水平線 4 (点線・太) */
.hpb-parts-smtc-hr-04{
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: dotted;
    height: 0px;
}

/* 水平線 5 (破線・細) */
.hpb-parts-smtc-hr-05{
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px;
    border-top-style: dashed;
}

/* 水平線 6 (破線・太) */
.hpb-parts-smtc-hr-06{
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: dashed;
}

/* 水平線 7 (2重線) */
.hpb-parts-smtc-hr-07{
    margin: 0.5em 0px;
    border-width: 3px 0px 0px 0px;
    border-top-style: double;
}

/******************************
 * 写真ボックス (div)
 ******************************/

/* 飾りなし */
.hpb-parts-smtc-pbox-01{
    margin: 5px;
    padding: 0px;
    border: none;
    text-align: left;
    width: auto;
    float: none;
    clear: both;
}

/* 飾りなし 画像幅60px */
.hpb-parts-smtc-pbox-01-060{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅120px */
.hpb-parts-smtc-pbox-01-120{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅180px */
.hpb-parts-smtc-pbox-01-180{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅240px */
.hpb-parts-smtc-pbox-01-240{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み */
.hpb-parts-smtc-pbox-02{
    margin: 4px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: none;
}

/* 線囲み 画像幅60px */
.hpb-parts-smtc-pbox-02-060{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅120px */
.hpb-parts-smtc-pbox-02-120{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅180px */
.hpb-parts-smtc-pbox-02-180{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅240px */
.hpb-parts-smtc-pbox-02-240{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 写真ボックス用 文章領域 */
.hpb-parts-smtc-pbox-desc{
    margin: 0px;
    padding: 5px 5px 0px 5px;
    border: none;
}

/******************************
 * 複数写真ボックス (div)
 ******************************/

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-smtc-mpbox-01-2060{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-smtc-mpbox-01-3060{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-smtc-mpbox-01-4060{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-smtc-mpbox-01-2120{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-smtc-mpbox-01-3120{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-smtc-mpbox-01-4120{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-smtc-mpbox-01-2180{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-smtc-mpbox-01-3180{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-smtc-mpbox-01-4180{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-smtc-mpbox-01-2240{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-smtc-mpbox-01-3240{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-smtc-mpbox-01-4240{
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-smtc-mpbox-02-2060{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-smtc-mpbox-02-3060{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-smtc-mpbox-02-4060{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-smtc-mpbox-02-2120{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-smtc-mpbox-02-3120{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-smtc-mpbox-02-4120{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-smtc-mpbox-02-2180{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-smtc-mpbox-02-3180{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-smtc-mpbox-02-4180{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-smtc-mpbox-02-2240{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-smtc-mpbox-02-3240{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-smtc-mpbox-02-4240{
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: left;
}

/******************************
 * バナーリスト
 ******************************/

/* 文字型 1 */
.hpb-parts-smtc-blist-01{
    margin: 0px;
    padding: 0px;
}
.hpb-parts-smtc-blist-01 ul{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-smtc-blist-01 li{
    padding: 0px 5px 5px 5px;
}
.hpb-parts-smtc-blist-01 li a{
    display: block;
    margin: 0px;
    padding: 5px;
    text-decoration: none;
    border-style: none;
}

/* 文字型 2 */
.hpb-parts-smtc-blist-02{
    margin: 0px;
    padding: 0px;
}
.hpb-parts-smtc-blist-02 ul{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-smtc-blist-02 li{
    padding: 0px 5px 5px 5px;
}
.hpb-parts-smtc-blist-02 li a{
    display: block;
    margin: 0px;
    padding: 5px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
}

/* 文字型 3 */
.hpb-parts-smtc-blist-03{
    margin: 0px;
    padding: 0px;
}
.hpb-parts-smtc-blist-03 ul{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-smtc-blist-03 li{
    padding: 0px 5px 5px 5px;
}
.hpb-parts-smtc-blist-03 li a{
    display: block;
    margin: 0px auto;
    padding: 5px;
    text-decoration: none;
    border-left-width: 2em;
    border-left-style: solid;
    border-right-width: 2em;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* 画像付き 1 */
.hpb-parts-smtc-blist-04{
    margin: 0px;
    padding: 0px;
}
.hpb-parts-smtc-blist-04 ul{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.hpb-parts-smtc-blist-04 li{
    padding: 0px 5px 5px 5px;
}
.hpb-parts-smtc-blist-04 li a{
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-style: none;
    height: 30px;
}
.hpb-parts-smtc-blist-04 li a img{
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/* 画像付き 2 */
.hpb-parts-smtc-blist-05{
    margin: 0px;
    padding: 0px;
}
.hpb-parts-smtc-blist-05 ul{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.hpb-parts-smtc-blist-05 li{
    padding: 0px 5px 5px 5px;
}
.hpb-parts-smtc-blist-05 li a{
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    height: 30px;
}
.hpb-parts-smtc-blist-05 li a img{
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/******************************
 * デフォルトスタイル設定
 ******************************/

.hpb-parts-smtc-cnt-style{
    text-align: left;
}

.hpb-parts-smtc-hl-style{
    border-color: #cccccc;
}

.hpb-parts-smtc-cbox-style{
    text-align: left;
}

.hpb-parts-smtc-hr-style{
    clear: both;
}

.hpb-parts-smtc-pbox-style{
    border-color: #cccccc;
}
@charset "Shift_JIS";

/* Navigation
============================================================ */

#hpb-nav ul li span.en{
    display: none;
}

/* Footer Navigation
============================================================ */

#hpb-footerNav ul li#home a span.en, #hpb-footerNav ul li#pagetop a span.en{
    display: none;
}

#hpb-footerNav{
    text-align: right;
    padding-right: 10px;
}

#hpb-footerNav ul{
    list-style: none;
    margin-bottom: 5px;
}

#hpb-footerNav ul::after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-footerNav ul li{
    display: inline;
    padding-left: 5px;
    padding-right: 2px;
}
#hpb-footerNav ul li a{
    display: inline-block;
    color: #333;
    height: 32px;
    text-decoration: none;
    line-height: 32px;
    text-align: left;
    padding-left: 34px;
    padding-top: 4px;
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 14px;
}
#hpb-footerNav ul li#home a{
    width: 62px;
    background-image : url(button_home_00_16.png);
    background-position: left center;
    background-repeat: no-repeat;
}
#hpb-footerNav ul li#pagetop a{
    width: 62px;
    background-image : url(button_top_00_16.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#hpb-footerExtra1{
    padding-bottom: 2px;
    border-top-width: 1px;
    border-top-color: #ffe2e2;
    border-top-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #ffe2e2;
    border-bottom-style: dashed;
    margin-bottom: 8px;
}

#hpb-footerExtra1 ul{
    list-style: none;
    padding-left: 7px;
    margin-top: 6px;
    margin-bottom: 0px;
}
#hpb-footerExtra1 ul li{
    margin-bottom: 6px;
}
#hpb-footerExtra1 ul li a{
    background-image : url(arrow_00_16.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 14px;
    padding-right: 6px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

/* Main Contents
============================================================ */

/* header logo */


#hpb-headerLogo a{
    background-image : url(header_title_02_16.png);
}

.hpb-layoutset-01 #hpb-title{
    background-image : url(main_title_02_16.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 303px;
    height: 160px;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 1px;
    border-color: #d6d6d6;
    border-style: solid;
    -webkit-border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
}

.hpb-layoutset-01 #hpb-title h2{
    font-size: 1em;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    width: 301px;
    height: 158px;
    -webkit-border-radius: 6px;
    margin: 0;
    padding: 0;
}

/* Common ==================== */

.hpb-section{
    overflow: hidden;
}

.hpb-section p{
    word-break: break-all;
    font-size: 12px;
}

/* Top Page ==================== */

.hpb-layoutset-01 #toppage .large, .hpb-layoutset-01 #toppage h3{
    clear: both;
    font-size: 14px;
    font-weight: bold;
    color: #cf4040;
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom,  	from(#fff), 	color-stop(0.1, #fff1f1), 	color-stop(0.6, #fff1f1), 	to(#fff));
}

.hpb-layoutset-01 #hpb-main p{
    padding-left: 15px;
    padding-right: 15px;
}

#hpb-main #toppage-news ul{
    margin: 0 15px;
    font-size: 12px;
    list-style: none;
    padding: 0;
}

#hpb-main #toppage-news ul li{
    margin-bottom: 15px;
}

#hpb-main #toppage-news ul li h4{
    margin: 0;
    padding: 0;
}

/* Second Page ==================== */

.hpb-layoutset-02 #hpb-title h2 .en{
    display: none;
}

.hpb-layoutset-02 #hpb-title h2{
    font-size: 16px;
    font-weight: bold;
    color: #cf4040;
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom,  	from(#fff), 	color-stop(0.1, #fff1f1), 	color-stop(0.6, #fff1f1), 	to(#fff));
}

.hpb-layoutset-02 #hpb-main h3{
    clear: both;
    color: #cf4040;
    border-width: 1px;
    border-style: solid;
    border-color: #fbcccc;
    -webkit-border-radius: 6px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-shadow: 1px 1px 1px #fff;
    background-image: -webkit-gradient(linear, left top, left bottom,  	from(#fff), 	color-stop(0.1, #fff1f1), 	color-stop(0.6, #fff1f1), 	to(#fff));
}

.hpb-layoutset-02 #hpb-main h3 .en{
    display: none;
}

.hpb-layoutset-02 #hpb-main h4{
    margin: 10px 0 5px 10px;
    font-size: 12px;
    color: #993333;
}

.hpb-layoutset-02 #hpb-main p{
    padding-left: 10px;
    padding-right: 10px;
}

.hpb-layoutset-02 .hpb-section > img{
    margin-left: 10px;
}

.hpb-layoutset-02 #hpb-main p.large{
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 1em;
    font-weight: bold;
    background-color: #ffe0e0;
    -webkit-border-radius: 6px;
}

.hpb-layoutset-02 #hpb-main p.indent{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.hpb-layoutset-02 #hpb-main dl{
    margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main dt{
    float: left;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main dd{
    margin: 0 0 5px;
    overflow: hidden;
}

.hpb-layoutset-02 #hpb-main table{
    margin: 0 10px 10px 10px;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #ffc0c0;
    border-style: solid;
}

.hpb-layoutset-02 #hpb-main th{
    font-weight: normal;
    background-color: #fff9f9;
    text-align: left;
    padding: 4px 6px;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #ffc0c0;
    border-style: solid;
}

.hpb-layoutset-02 #hpb-main td{
    text-align: left;
    background-color: #fff;
    padding: 4px 6px;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #ffc0c0;
    border-style: solid;
}

.hpb-layoutset-02 #hpb-main ol{
    margin: 0 15px;
    padding: 0 15px;
}

.hpb-layoutset-02 #hpb-main ol li{
    margin-bottom: 15px;
}

.hpb-layoutset-02 #hpb-main ol h4{
    margin: 0;
}

/* ========== itemlist ========== */

#hpb-main .item > img{
    margin-left: 10px;
}
#hpb-main .item h5{
    font-size: 12px;
    margin: 10px 15px 10px 10px;
    color: #ff3333;
}

#nbanner a{
    display: block;
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-border-radius: 14px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}

/* ========== topics ========== */
#hpb-main #toppage-info > img{
    margin-left: 12px;
}

#hpb-main #toppage-info p.access a{
    width: 100px;
    display: block;
    text-align: center;
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-border-radius: 14px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 8px;
    font-size: 14px;
    text-decoration: none;
}

#hpb-main #toppage #toppage-news dl{
    margin: 0 15px;
    font-size: 12px;
}
#hpb-main #toppage #toppage-news dt{
    float: left;
    margin-right: 10px;
}
#hpb-main #toppage #toppage-news dd{
    margin: 0 0 5px;
    overflow: hidden;
}

#hpb-main .hpb-section .news-comment{
    padding: 0px 15px 20px;
    overflow: hidden;
}

#hpb-main #toppage .news-comment, #hpb-main #toppage .info-comment{
    margin: 0 5px 0px;
    padding: 10px;
    overflow: hidden;
}

#hpb-main .news-comment, #hpb-main .info-comment{
    padding: 0 10px;
}

#hpb-main .news-comment .news-photo, #hpb-main .info-comment .info-photo{
    float: left;
    margin: 0 10px 0 0;
}

#hpb-main .news-comment .date, #hpb-main .info-comment .date{
    display: inline-block;
    margin-bottom: 5px;
}

#hpb-main #toppage #toppage-topics ul{
    margin: 0 15px 10px 15px;
    font-size: 12px;
    padding-left: 15px;
}

/* ========== topics item ========== */

.hpb-layoutset-02 #hpb-main #toppage-item .item img{
    margin-left: 10px;
}

.hpb-layoutset-02 #hpb-main .item p.more a{
    width: 100px;
    display: block;
    text-align: center;
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-border-radius: 14px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 8px;
    font-size: 14px;
    text-decoration: none;
}

.hpb-layoutset-02 #hpb-main .price{
    color: #ff3333;
}

.hpb-layoutset-02 #hpb-main #toppage-special ul{
    list-style: none;
    margin-left: 10px;
    padding: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-special ul li{
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}
.hpb-layoutset-02 #hpb-main #toppage-special ul li a{
    display: block;
    text-decoration: none;
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-border-radius: 14px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 8px;
    font-size: 14px;
}

/* ========== item ========== */


.hpb-layoutset-02 #hpb-main #item ul{
    padding: 0 15px;
    list-style: none;
}
.hpb-layoutset-02 #hpb-main #item li{
    background-image : url(arrow_00_16.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-bottom: 5px;
}

.hpb-layoutset-02 #hpb-main #item .item > a img{
    margin-left: 10px;
}

/* ========== itemlist ========== */

.hpb-layoutset-02 #hpb-main #item .itemlist h4{
    clear: both;
}

.hpb-layoutset-02 #hpb-main #item .itemlist .cat{
    padding-right: 10px;
}

.hpb-layoutset-02 #hpb-main #item .item p.icon{
    margin: 0;
    padding-top: 0;
}
.hpb-layoutset-02 #hpb-main #item .item p.price{
    margin: 0;
    color: #ff3333;
}

/* ========== campaign ========== */

.hpb-layoutset-02 #hpb-main #campaign .icon img{
    margin-right: 5px;
}

.hpb-layoutset-02 #hpb-main #campaign .image{
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    -webkit-border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
}

.hpb-layoutset-02 #hpb-main #campaign #spring .image{
    background-color: #ffe4ef;
    border-color: #ffc1db;
}
.hpb-layoutset-02 #hpb-main #campaign #summer .image{
    background-color: #ffe4ef;
    border-color: #ffc1db;
}
.hpb-layoutset-02 #hpb-main #campaign #autumn .image{
    background-color: #ffe4ef;
    border-color: #ffc1db;
}
.hpb-layoutset-02 #hpb-main #campaign #winter .image{
    background-color: #ffe4ef;
    border-color: #ffc1db;
}

.hpb-layoutset-02 #hpb-main #campaign .item{
    width: 100%;
    float: none;
}

.hpb-layoutset-02 #hpb-main #campaign .item img{
    margin-left: 10px;
    margin-bottom: 5px;
}

/* ========== shop ========== */

.hpb-layoutset-02 #hpb-main #shop dl{
    margin: 0 15px;
    width: 100%;
    overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #shop dt{
    float: left;
    width: 9em;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main #shop dd{
    margin: 0 0 5px;
    overflow: hidden;
}


/* ========== concept ========== */

.hpb-layoutset-02 #hpb-main #concept .hpb-section{
    padding-bottom: 10px;
}

.hpb-layoutset-02 #hpb-main #concept .hpb-section:last-child p:last-child{
    margin-bottom: 0;
}
.hpb-layoutset-02 #hpb-main #concept dl{
    margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #concept dt{
    float: left;
    width: 5.5em;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main #concept dd{
    margin: 0 0 5px;
    overflow: hidden;
}

/* ========== estate ========== */

.hpb-layoutset-02 #hpb-main #estate .data > img, .hpb-layoutset-02 #hpb-main #estate .data > a img{
    margin-left: 10px;
}

#hpb-main #estate p.more a{
    width: 200px;
    display: block;
    text-align: center;
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-border-radius: 14px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 8px;
    font-size: 14px;
    text-decoration: none;
}

/* ========== detail ========== */

.hpb-layoutset-02 #hpb-main #detail-imgbox img{
    margin-left: 10px;
}

.hpb-layoutset-02 #hpb-main #detail dl{
    width: 100%;
    margin: 0;
    padding: 5px 0 0;
    overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #detail dt{
    float: left;
    padding-left: 10px;
    width: 5em;
    color: #993333;
}
.hpb-layoutset-02 #hpb-main #detail dd{
    margin: 0 0 10px 0;
    padding: 0 15px 5px 0;
}
.hpb-layoutset-02 #hpb-main #detail p{
    padding: 0 10px;
}

.hpb-layoutset-02 #hpb-main #detail h3 img{
    margin-left: 10px;
}

.hpb-layoutset-02 #hpb-main #detail .bujtton input{
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-border-radius: 14px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 8px;
    font-size: 14px;
}

/* ========== plan ========== */

.hpb-layoutset-02 #hpb-main #plan dl{
    width: 100%;
    margin: 0;
    padding: 5px 0 0;
    overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #plan dt{
    float: left;
    padding-left: 10px;
    width: 8em;
    color: #993333;
}
.hpb-layoutset-02 #hpb-main #plan dd{
    margin: 0 0 10px 0;
    padding: 0 15px 5px 0;
}

/* ========== dish ========== */
/* ========== menu ========== */

.hpb-layoutset-02 #hpb-main #dish{
    padding-top: 10px;
}

.hpb-layoutset-02 #hpb-main #dish p, .hpb-layoutset-02 #hpb-main #menu p{
    padding: 0 10px;
}

.hpb-layoutset-02 #hpb-main #dish p.large{
    padding-left: 10px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.hpb-layoutset-02 #hpb-main #dish > img{
    margin-left: 10px;
}

.hpb-layoutset-02 #hpb-main #menu img, .hpb-layoutset-02 #hpb-main #dish img{
    margin-bottom: 10px;
}

.hpb-layoutset-02 #hpb-main #dish dl, .hpb-layoutset-02 #hpb-main #menu dl{
    width: 100%;
    margin: 0;
    padding: 5px 0 0;
    overflow: hidden;
}
.hpb-layoutset-02 #hpb-main #dish dt, .hpb-layoutset-02 #hpb-main #menu dt{
    float: left;
    padding-left: 10px;
}
.hpb-layoutset-02 #hpb-main #dish dd, .hpb-layoutset-02 #hpb-main #menu dd{
    margin: 0 0 10px 0;
    padding: 0 15px 5px 0;
    color: #ff5770;
    text-align: right;
}


/* ========== news ========== */

.hpb-layoutset-02 #hpb-main #news p.indent{
    text-indent: -1.3em;
    margin-left: 26px;
    margin-right: 25px;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-color: #ffe2e2;
    border-bottom-style: dashed;
    padding-bottom: 5px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section h4{
    margin-left: 20px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section h5{
    font-size: 12px;
    margin: 10px 15px 10px 22px;
}
.hpb-layoutset-02 #hpb-main #news .hpb-section p.large{
    margin: 0;
    padding: 0 15px;
}
.hpb-layoutset-02 #hpb-main #news dl{
    margin: 0 15px;
}
.hpb-layoutset-02 #hpb-main #news dt{
    float: left;
    margin-right: 15px;
}
.hpb-layoutset-02 #hpb-main #news dd{
    margin: 0 0 15px;
    overflow: hidden;
}


.hpb-layoutset-02 #hpb-main #news #coupon-off{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: dotted;
    border-color: #ff5b2f;
    background-color: #ffeee9;
    padding: 5px;
    -webkit-border-radius: 4px;
}

.hpb-layoutset-02 #hpb-main #news #coupon-off h4{
    margin-left: 10px;
    color: #ff5b2f;
    font-size: 18px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #fff;
}

.hpb-layoutset-02 #hpb-main #news #coupon-off p.large{
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    background-image: none;
    background-color: #ffeee9;
    border: none;
}

.hpb-layoutset-02 #hpb-main #news #coupon-off strong{
    font-size: 16px;
    color: #ff5b2f;
}

.hpb-layoutset-02 #hpb-main #news #coupon-limit{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: dotted;
    border-color: #ff5b2f;
    padding: 2px;
    background-color: #fff;
    -webkit-border-radius: 4px;
}
.hpb-layoutset-02 #hpb-main #news #coupon-limit h4{
    margin-left: 10px;
    color: #ff5b2f;
}

.hpb-layoutset-02 #hpb-main #news #coupon-limit p{
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}

/* ========== company ========== */
.hpb-layoutset-02 #hpb-main #company .hpb-section{
    padding: 0 0 25px;
}
.hpb-layoutset-02 #hpb-main #company dl{
    margin: 0 15px 10px 15px;
    padding-top: 15px;
}
.hpb-layoutset-02 #hpb-main #company dt{
    float: left;
    width: 5.5em;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main #company dd{
    margin: 0 0 5px;
    overflow: hidden;
}

/* ========== recruit ========== */

.hpb-layoutset-02 #hpb-main #recruit dl{
    margin: 0;
}
.hpb-layoutset-02 #hpb-main #recruit dt{
    margin: 0 0 10px;
    padding: 2px 15px 0 14px;
    line-height: 1.0;
    width: 5em;
}
.hpb-layoutset-02 #hpb-main #recruit dd{
    margin: 15px 15px 20px;
    padding: 0;
}

/* ========== access ========== */

.hpb-layoutset-02 #hpb-main #access{
    padding-top: 10px;
}

.hpb-layoutset-02 #hpb-main #access > img{
    margin-left: 10px;
}

.hpb-layoutset-02 #hpb-main #access > p{
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.hpb-layoutset-02 #hpb-main #access dt{
    width: 5em;
}

/* ========== contact ========== */

.hpb-layoutset-02 #hpb-main .section input, .hpb-layoutset-02 #hpb-main .section textarea, .hpb-layoutset-02 #hpb-main .section div input, .hpb-layoutset-02 #hpb-main .section div textarea{
    display: inline-block;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 6px;
    margin: 0 0 0 10px;
    padding: 4px;
    background-color: #fff2f2;
}
.hpb-layoutset-02 #hpb-main .section input{
    height: 30px;
}
.hpb-layoutset-02 #hpb-main .section textarea, .hpb-layoutset-02 #hpb-main .hpb-section .section div textarea{
    height: 160px;
}
.hpb-layoutset-02 #hpb-main #contact .section input:focus, .hpb-layoutset-02 #hpb-main #contact .section textarea:focus, .hpb-layoutset-02 #hpb-main .hpb-section .section div input:focus, .hpb-layoutset-02 #hpb-main .hpb-section .section div textarea:focus{
    background: #fff;
}
.hpb-layoutset-02 #hpb-main form .section p a{
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}
.hpb-layoutset-02 #hpb-main .section input.s{
    display: inline-block;
    width: 30px;
    margin: 5px 5px 5px 10px;
}
#hpb-main .hpb-section .section{
    margin: 0 15px 0 0;
}
#hpb-main .hpb-section .section textarea{
    width: 95%;
}
#hpb-main .hpb-section .section input.l{
    width: 95%;
}
#hpb-main .hpb-section .section input.m{
    width: 95%;
}
.hpb-layoutset-02 #hpb-main #reserve .hpb-section .submit div, .hpb-layoutset-02 #hpb-main #contact .hpb-section .submit div, .hpb-layoutset-02 #hpb-main #contactus .hpb-section .submit div, .hpb-layoutset-02 #hpb-main #information .hpb-section .submit div{
    margin: 10px auto;
    text-align: center;
}

.hpb-layoutset-02 #hpb-main #reserve .button, .hpb-layoutset-02 #hpb-main #contact .button, .hpb-layoutset-02 #hpb-main #contactus .button, .hpb-layoutset-02 #hpb-main #information .button{
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-border-radius: 14px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 8px;
    font-size: 14px;
}


/* ========== Privacy Policy ========== */

.hpb-layoutset-02 #hpb-main #privacy ul{
    padding: 0 15px;
    list-style: none;
}
.hpb-layoutset-02 #hpb-main #privacy li{
    background-image : url(arrow_00_16.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 14px;
}

/* 縦向き表示時のみ適用 */
@media only screen and (orientation : portrait)
{
    .hpb-layoutset-02 #hpb-main #privacy h3{
        letter-spacing: -1px;
    }
}

/* ========== Law ========== */
.hpb-layoutset-02 #hpb-main #law dl{
    margin: 0 15px;
    padding: 10px 0;
}
.hpb-layoutset-02 #hpb-main #law dt{
    float: left;
    width: 7em;
    margin-right: 10px;
}
.hpb-layoutset-02 #hpb-main #law dd{
    margin: 0 0 10px;
    overflow: hidden;
}


/* ========== aside ========== */

#hpb-aside #shopinfo{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #f5c9a1;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 6px;
}

#hpb-aside #shopinfo h3 .ja{
    display: none;
}

#hpb-aside #shopinfo h3{
    color: #993333;
}
@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSスマートフォンテンプレート部品設定
--------------------------------------------------------*/
/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/* レイアウトコンテナ　2種類
================================================== */

.hpb-parts-smt-cnt-style
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}

.hpb-parts-smt-cnt-02
{
    padding: 4px;
    border-color: #fbcccc;
}

/* 見出し　7種類
================================================== */

.hpb-parts-smt-hl-style
{
    margin-left: 10px;
    margin-right: 10px;
    border-color: #fbcccc !important;
    -webkit-border-radius: 0px !important;
    margin-bottom: 1em;
    font-weight: bold !important;
    padding: 6px 4px !important;
    font-size: 14px !important;
    text-shadow: none !important;
    background-image: none !important;
    background-color: #fff !important;
    color: #cf4040;
}

.hpb-parts-smt-hl-01, .hpb-parts-smt-hl-02, .hpb-parts-smt-hl-03, .hpb-parts-smt-hl-04, .hpb-parts-smt-hl-05, .hpb-parts-smt-hl-06
{
    background-image: none !important;
}

.hpb-parts-smt-hl-05
{
    -webkit-border-radius: 5px !important;
}
.hpb-parts-smt-hl-06
{
    -webkit-border-radius: 0px !important;
}
.hpb-parts-smt-hl-06, .hpb-parts-smt-hl-07
{
    background-color: #ffecec !important;
}

.hpb-parts-smt-hl-bg-style
{
    border-color: #fbcccc !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
    font-weight: bold !important;
    background-color: #ffecec !important;
    background-image: none !important;
    padding: 6px 4px !important;
    font-size: 14px !important;
    text-shadow: none !important;
    color: #cf4040;
}

/* 文書枠　5種類
================================================== */

.hpb-parts-smt-cbox-style
{
    border-color: #fbcccc;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}

/* リスト枠　4種類（2×2種類　見出しアリ・ナシ）
================================================== */

.hpb-parts-smt-sbox-style
{
    border-color: #fbcccc;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}
.hpb-parts-smt-sbox-style ul
{
    border-color: #fbcccc;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}
.hpb-parts-smt-sbox-style li
{
    border-color: #fbcccc;
    padding-top: 6px;
    padding-bottom: 6px;
}

.hpb-parts-smt-sbox-style h3
{
    color: #cf4040;
    border-width: 1px;
    border-style: solid;
    border-color: #fbcccc;
    font-size: 14px;
    font-weight: bold !important;
    padding-left: 5px;
    padding-top: 6px !important;
    padding-bottom: 5px;
    padding-right: 5px;
    text-shadow: 1px 1px 1px #fff;
    background-image: -webkit-gradient(linear, left top, left bottom,  	from(#fff), 	color-stop(0.1, #fff1f1), 	color-stop(0.6, #fff1f1), 	to(#fff));
    margin: 0 !important;
}

.hpb-parts-smt-sbox-01 h3
{
    border-bottom: none !important;
    -webkit-border-radius: 0px !important;
}

.hpb-parts-smt-sbox-02 h3
{
    border-left: none !important;
    border-right: none !important;
}
.hpb-parts-smt-sbox-02 li:last-child
{
    padding: 6px 12px 6px 15px;
}

/* トップページニュース */
.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-sbox-style li
{
    padding-left: 15px;
    margin: 0;
}

/* プライバシーポリシー */
.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-sbox-style li
{
    background-image: none;
    padding-left: 15px;
    margin: 0;
}

/* トップページスペシャル */
.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-sbox-style li
{
    background-image: none;
    padding-left: 15px;
    margin: 0;
}
/* 商品一覧 */
.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-sbox-style li
{
    background-image: none;
    padding-left: 15px;
    margin: 0;
}
/* リンクリスト　2種類（2×6種類　枠角・枠丸／見出しアリ・ナシ／画像アリ・ナシ）
================================================== */

.hpb-parts-smt-lbox-style
{
    border-color: #fbcccc;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}

.hpb-parts-smt-lbox-style .en
{
    display: none;
}

.hpb-parts-smt-lbox-style a
{
    color: #333;
}

.hpb-parts-smt-lbox-style ul
{
    border-color: #fbcccc;
    padding: 0;
    margin: 0;
    list-style: none;
}
.hpb-parts-smt-lbox-style li
{
    border-color: #fbcccc;
    padding-top: 0px;
    padding-bottom: 0px;
}
.hpb-parts-smt-span-head
{
    font-size: 100%;
}

.hpb-parts-smt-lbox-style h3
{
    color: #cf4040;
    border-width: 1px;
    border-style: solid;
    border-color: #fbcccc;
    font-size: 14px;
    font-weight: bold !important;
    padding-left: 5px;
    padding-top: 6px !important;
    padding-bottom: 5px;
    padding-right: 5px;
    text-shadow: 1px 1px 1px #fff;
    background-image: -webkit-gradient(linear, left top, left bottom,  	from(#fff), 	color-stop(0.1, #fff1f1), 	color-stop(0.6, #fff1f1), 	to(#fff));
    margin: 0 !important;
}

.hpb-parts-smt-lbox-01 h3
{
    border-bottom: none !important;
}
.hpb-parts-smt-lbox-02 h3
{
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

.hpb-parts-smt-lbox-01 h3
{
    -webkit-border-radius: 0px !important;
}

/* トップページニュース */
.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-lbox-style ul
{
    padding: 0;
    margin: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-lbox-style li
{
    padding: 0;
    margin: 0;
}
/* プライバシーポリシー */
.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-lbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-lbox-style li
{
    background-image: none;
    padding-left: 0;
}
/* トップページスペシャル */
.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-lbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-lbox-style li
{
    background-image: none;
    padding-left: 0;
}

/* 商品一覧 */
.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-lbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-lbox-style li
{
    background-image: none;
    padding-left: 0;
    margin-bottom: 0;
}


/* リンクボタン　9種類
================================================== */

.hpb-parts-smt-lbtn-style
{
    margin-bottom: 1em;
    font-size: 12px;
}

p.hpb-parts-smt-lbtn-style
{
    font-weight: normal !important;
}

.hpb-parts-smt-lbtn-style a
{
    color: #333;
    border: 1px solid #f5c9a1;
    padding: 6px 8px;
    -webkit-box-shadow: 2px 2px 2px #eee;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#fff), 		color-stop(0.1,#fff), 		color-stop(0.9,#ffe6d0), 		to(#ffe6d0));
    text-shadow: 1px 1px 1px #fff;
    font-size: 14px;
}

p.hpb-parts-smt-lbtn-style
{
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    background-image: none !important;
}

/* リンクカラー　2種類
================================================== */
@charset "UTF-8";

/* ============================================================
   基本リセット・スマホ優先
============================================================ */
body, p, h1, h2, h3, a, img{
	 /* よく使う要素の余白やフォントを初期化 */
    margin: 0;              /* 余白なし */
    padding: 0;             /* 内側余白なし */
    box-sizing: border-box; /* 余白を含めて幅計算を安定させる */
    font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", sans-serif; /* 読みやすい日本語フォント */
}

/* ============================================================
   段落（pタグ）
============================================================ */
p{
    font-size: 18px !important;       /* 文字を少し大きめに */
    color: #666666 !important;        /* 読みやすい濃いグレー */
    font-weight: bold !important;     /* 全て太文字 */
    line-height: 1.7 !important;      /* 行間を広くして読みやすく */
    margin-bottom: 15px !important;   /* 下に余白 */
}
.tight p{
    margin: 0.2em 0; /* 隙間の少ない段落用 */
}


/* ============================================================
   h2・h3共通デザイン
============================================================ */
.heading{
    border: 1px solid #dcdcdc;      /* 外枠の薄いグレー */
    border-left: 5px solid #4169e1; /* 左側：青のアクセント */
    border-right: 5px solid #4169e1;/* 右側：青のアクセント */
    border-radius: 8px;             /* 角丸 */
    padding: 8px;                   /* 内側余白 */
    background: #f0f8ff;            /* 薄い青背景 */
    color: #4169e1;                 /* 青文字 */
    font-size: 18px;                /* 字サイズ */
    font-weight: bold;              /* 太字 */
    margin: 6px 0 18px 0;           /* 上・左右・下余白 */
}
.heading.nobg{
    background: none !important;    /* 背景を消す */
    border: 2px solid #ccc;         /* 枠を少し太く */
    border-left: 6px solid #ff4500; /* 左側だけオレンジ強調 */
    border-right: 6px solid #ff4500;
    border-radius: 8px;
    color: #ff4500;                 /* オレンジ文字 */
    font-weight: bold;
    padding: 10px;
}

/* スマホ向けナビボタン */
.nav-btn{
    display: block;                
    width: 100%;
    max-width: 340px;              
    margin: 12px auto;             
    padding: 12px 16px;            
    background-color: #f3f3f3;     
    color: #333;                   
    border: 1px solid #ccc;        
    border-radius: 6px;            
    font-size: 16px;               
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    font-weight: 500;               /* ← この1行をここに追加するだけ */
}

.nav-btn:hover,
.nav-btn:active{
    background-color: #e6e6e6;
    border-color: #999;
}




/* ホバー・タップ時（控えめに強調） */
.nav-btn:hover,
.nav-btn:active{
    background-color: #e6e6e6;     /* 少し濃いグレー */
    border-color: #999;            /* 枠を少し濃く */
}

/* ============================================================
   画像（共通）
============================================================ */
img{
    max-width: 100%;   /* 親幅からはみ出ない（スマホ対応） */
    height: auto;      /* 比率維持 */
}

/* 画像の完全中央寄せ（最重要） */
.centerimg{
    display: block !important;         /* ブロック化して中央寄せ可能にする */
    margin-left: auto !important;      /* 左自動 → 中央寄せ */
    margin-right: auto !important;     /* 右自動 → 中央寄せ */
    float: none !important;            /* 浮動を無効にし位置ズレ防止 */
    max-width: 100%;                   /* はみ出し防止 */
    height: auto;
}

/* ============================================================
   パンくずリスト
============================================================ */
.breadcrumb{
    display: block;     /* 1行扱い */
    margin-left: 0;     /* 左余白なし */
    padding-left: 0;    /* 左パディングなし */
}
.breadcrumb li{
    display: inline;    /* 横並び */
    list-style: none;   /* 点を消す */
    font-weight: bold;  /* 太字 */
}
.breadcrumb li::after{
    content: '>';       /* 区切り記号 */
    padding: 0 3px;
    color: #4169e1;
}
.breadcrumb li:last-child::after{
    content: '';        /* 最後の > を消す */
}
.breadcrumb li a{
    text-decoration: none;
    color: #4169e1;     /* 青文字 */
}
.breadcrumb li a:hover{
    text-decoration: underline; /* ホバー時のみ下線 */
}

/* ============================================================
   スマホ用フッター固定ボタン
============================================================ */
#footerFloatingMenu{
    position: fixed;          /* 画面固定 */
    bottom: 10px;             /* 下10px */
    left: 0;
    width: 100%;              /* 横幅いっぱい */
    text-align: center;
    z-index: 9999;            /* 最前面に表示 */
}
#footerFloatingMenu .footer-btn{
    display: block;
    width: 100%;
    padding: 14px 0;          /* ボタンの高さ調整 */
    background-color: rgba(0,0,128,0.95); /* 濃紺 */
    border-radius: 12px;      /* 角丸 */
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25); /* 影 */
    font-size: 20px;
}
#footerFloatingMenu .footer-btn:hover{
    background-color: rgba(0,0,168,0.95); /* 色を少し明るく */
    opacity: 0.9;
}
#footerFloatingMenu .btn-text{
    font-size: 20px;
    font-weight: bold;
}
#footerFloatingMenu .sub-text{
    font-size: 14px;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}
@media (max-width: 767px) {
    #footerFloatingMenu .btn-text{
	font-size: 18px;
} /* スマホで少し小さく */
    #footerFloatingMenu .sub-text{
	font-size: 12px;
}
}
/* PC では非表示 */
@media (min-width: 768px) {
    #footerFloatingMenu{
	display: none;
} /* PCではボタンを消す */
}

/* ============================================================
   背景付きテキストブロック
============================================================ */
.text-bg{
    width: 100%;
    max-width: 700px;                  /* 横幅最大700px */
    margin: 15px auto;                 /* 中央寄せ */
    padding: 20px;
    background-image : url(image6131.jpg); /* 背景画像 */
    background-size: cover;            /* 画面いっぱい伸ばす */
    background-position: center;       /* 中央に配置 */
    background-repeat: no-repeat;      /* 繰り返しなし */
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.text-bg p{
    margin: 0;
    background-color: rgba(0,0,0,0.4); /* 半透明の黒背景で文字を読みやすく */
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
}

/* ============================================================
   FAQブロック
============================================================ */
.faq-title{
    font-size: 1.4em;
    font-weight: bold;
    padding: 12px 15px;
    background: #f0fbff;        /* 淡い青 */
    border-left: 5px solid #00a0e9; /* 左側のライン */
    margin-bottom: 20px;
}
.faq-box{
    margin: 0 auto;
    max-width: 800px;
}
.faq-item{
    margin-bottom: 12px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}
.faq-item > summary{
    cursor: pointer;           /* クリック可 */
    padding: 14px;
    font-weight: bold;
    font-size: 17px;
    list-style: none;          /* ▼マークを消す */
    background: #f7faff;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    color: #003366;
}
.faq-item > div{
    padding: 12px 14px;
    background: #ffffff;
    border-left: 3px solid #003366;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    display: none;             /* 初期は非表示 */
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
}
.faq-item[open] > div{
    display: block;            /* 開いたら表示 */
}
.faq-item p{
    margin: 0 0 12px 0;
    font-size: inherit;
    line-height: 1.6;
}

/* ============================================================
   地域リンクボックス
============================================================ */
.local-link-box{
    padding: 0;
    margin: 20px 0;
    list-style: none; /* 点を消す */
}
.local-link-box li{
	margin-bottom: 10px;
}
.local-link-box a{
    display: block;
    background: #f5f8ff;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    border: 1px solid #dce6ff;
}
.local-link-box a:hover{
    background: #e8f0ff;
}

/* ============================================================
   エリアリンクボックス
============================================================ */
.area-link-box{
    border: 2px solid #4CAF50; /* 緑枠 */
    padding: 20px;
    margin: 30px 0;
    background: #f9fff9;      /* 薄い緑背景 */
    border-radius: 10px;
}
.area-link-box .area-link-title{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    color: #2f7d31; /* 落ち着いた緑 */
}
.area-link-box ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.area-link-box ul li{
    margin-bottom: 10px;
}
.area-link-box ul li a{
    font-size: 16px;
    color: #2a5db0;           /* 青い文字 */
    text-decoration: underline;
    display: block;
    padding: 10px;
    border-radius: 6px;
    transition: background 0.3s; /* ホバー時に色変化 */
    text-align: center;
}
.area-link-box ul li a:hover{
    background: #e6f2e6;       /* ホバー時は薄緑 */
}
@media (max-width: 640px) {
    .area-link-box{
	padding: 15px;
}
    .area-link-box .area-link-title{
	font-size: 16px;
}
    .area-link-box ul li a{
        font-size: 15px;
        padding: 12px;
    }
}
#hpb-headerMain{
    background-color: transparent !important;
}
/* ロゴとテキストを中央配置 */
.logo-center-box{
  text-align: center;
  margin: 10px 0;
}
/* ▼ロゴ＋テキスト全体の背景ボックス */
.logo-area-bg{
    background-image: url('imagemap.jpg');
    background-size: cover;
    background-position: center;
    padding: 25px 15px;
    border-radius: 5px;
    max-width: 700px;
    margin: 15px auto;
    text-align: center;
}

/* ▼ロゴ */
.logo-center{
    width: 85px;
    height: auto;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
}

/* ▼h2と同じ囲みを適用（すでにサイト内にある .heading をそのまま使う） */
.area-box{
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
}
.area-box.heading{
    display: block;
}
/* ▼縦書きにならないよう横書きを強制（最重要） */
.area-box.heading{
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    display: inline-block;
    color: #4169e1;             /* h2 と同じ色 */
    border: 1px solid #dcdcdc;
    border-left: 5px solid #4169e1;
    border-right: 5px solid #4169e1;
    background: #f0f8ff;
    padding: 10px 12px;
    border-radius: 8px;
    font-weight: bold;
}
/* ============================================================
   ロゴ下のエリア表示（h2 と同じデザインに完全揃える）
============================================================ */
.area-box-h2{
    writing-mode: horizontal-tb !important; /* 横書きを強制 */
    text-orientation: mixed !important;

    display: block;
    text-align: center;

    border: 1px solid #dcdcdc;      /* 外枠の薄いグレー */
    border-left: 5px solid #4169e1; /* h2 と同じアクセント */
    border-right: 5px solid #4169e1;
    border-radius: 8px;
    padding: 10px 12px;
    background: #f0f8ff;            /* h2 と同じ薄い青 */
    color: #4169e1;                 /* h2 と同じ青文字 */
    font-size: 18px;
    font-weight: bold;
    margin: 10px auto 20px auto;    /* ロゴの下でバランス良く */
    max-width: 700px;               /* 横幅を整える */
}

/* ============================================================
   ロゴ＋エリア案内 全体を中央揃えにする
============================================================ */

/* ロゴ画像 */
.logo-center{
    width: 90px;
    height: auto;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px auto;  /* 完全中央寄せ */
}

/* h2と同じデザインの案内ボックス（中央配置） */
.area-box-h2{
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;

    display: inline-block;      /* 中央揃えを強制 */
    text-align: center;

    border: 1px solid #dcdcdc;
    border-left: 5px solid #4169e1;
    border-right: 5px solid #4169e1;
    border-radius: 8px;
    padding: 10px 12px;

    background: #f0f8ff;
    color: #4169e1;

    font-size: 18px;
    font-weight: bold;

    margin: 0 auto;
    max-width: 90%;            /* スマホでのはみ出し防止 */
}
/* ロゴを中央に配置 */
.logo-area{
  text-align: center;
  padding: 10px 0;
}

/* ロゴ画像のサイズ指定（これだけでOK） */
img.site-logo{
  width: 200px !important;
  height: 40px !important;
  display: inline-block;
  object-fit: contain !important;
  background: transparent !important;
  max-width: 350px !important; /* ここが重要 */
}

/* ロゴ背景のピンク削除 */
#hpb-header,
#hpb-headerMain{
    background: transparent !important;
}
.service-links{
  margin: 10px 0;
  font-size: 14px;
}
.service-links ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-links li{
  margin: 4px 0;
  text-align: center;
}
    }
h1{
    font-size: 24px;
    margin-bottom: 10px;
    padding: 10px 0;   /* ←これが決定版 */
    background-color: #ffffff;
    color: #000033;
    text-align: center;
}
/* 見出し（h1） */
h1{
    font-size: 13px !important;   /* ←1行表示可能サイズ */
    margin-bottom: 10px !important;
    padding: 10px 0 !important;   /* ←左右paddingを無くすのが重要 */
    background-color: #ffffff !important;
    color: #000033 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
word-break: keep-all;
}