@charset "Shift_JIS";

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

/* マージン */
.hpb-layoutset-02 #hpb-main .hpb-parts-smt-cnt-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-hl-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-hl-bg-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-cbox-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-sbox-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbox-style
{
    margin: 0 10px !important;
}
.hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbtn-01, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbtn-02, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbtn-03
{
    margin: 5px 10px !important;
}


/* レイアウトコンテナ　2種類
================================================== */
.hpb-parts-smt-cnt-style
{
    border-color: #d8ebe9 !important;
    border-width: 2px !important;
    background-color: #ffffff;
}

/* 見出し　7種類
================================================== */
.hpb-parts-smt-hl-style
{
    background-color: #ffffff;
    border-color: #d8ebe9 !important;
    border-width: 2px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.hpb-parts-smt-hl-bg-style
{
    background-color: #dddddd;
    border-color: #d8ebe9 !important;
    border-width: 2px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* 文書枠　5種類
================================================== */
.hpb-parts-smt-cbox-style
{
    border-color: #d8ebe9 !important;
    border-width: 2px !important;
    background-color: #ffffff;
    color: #717071;
}

/* リスト枠　4種類（2×2種類　見出しアリ・ナシ）
================================================== */
.hpb-parts-smt-sbox-01
{
    background-color: #ffffff;
    border: 1px solid #d8ebe9 !important;
}

.hpb-parts-smt-sbox-02
{
    background-color: #ffffff;
    border: 2px solid #d8ebe9 !important;
}

.hpb-parts-smt-sbox-style
{
    color: #717071;
}

.hpb-parts-smt-sbox-style h3
{
    background-image: none !important;
    background-color: #dddddd;
    border-color: #d8ebe9 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.hpb-parts-smt-sbox-style ul
{
    list-style: none;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-color: #d8ebe9 !important;
}

.hpb-parts-smt-sbox-style li
{
    background-image: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-color: #d8ebe9 !important;
    color: #717071 !important;
}

/* リンクリスト　2種類（2×6種類　枠角・枠丸／見出しアリ・ナシ／画像アリ・ナシ）
================================================== */
.hpb-parts-smt-lbox-01
{
    background-color: #ffffff;
    border: 1px solid #d8ebe9 !important;
}

.hpb-parts-smt-lbox-02
{
    background-color: #ffffff;
    border: 2px solid #d8ebe9 !important;
}

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

.hpb-parts-smt-lbox-style h3
{
    background-image: none !important;
    background-color: #dddddd;
    border-color: #d8ebe9 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.hpb-parts-smt-lbox-style ul
{
    list-style: none;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-color: #d8ebe9 !important;
}

.hpb-parts-smt-lbox-style li
{
    background-image: none !important;
    padding-left: 0px !important;
    border-color: #d8ebe9 !important;
}

/* リンクボタン　9種類
================================================== */
.hpb-parts-smt-lbtn-style
{
    color: #717071;
}

.hpb-parts-smt-lbtn-style a
{
    border: 2px solid #d8ebe9 !important;
    background-color: #ffffff;
}

/* リンクカラー　2種類
================================================== */
.hpb-parts-smt-lbox-style a, .hpb-parts-smt-lbtn-style a
{
    color: #717071;
}