@charset "UTF-8";

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: "FontAwesome";
    src: url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-down:before {
    content: "\f107";
}

/*----------------------------------------------------------
 Reset
------------------------------------------------------------*/
body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, code,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, tbody, thead, tfoot, tr, th, td {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    word-break: break-all;
}

ul, ol {
    list-style: none;
}

img {
    border: 0;
    vertical-align: bottom;
}

table {
    border-collapse: collapse;
}

colgroup {
    display: table-column-group;
}

input, select {
    vertical-align: middle;
}

/*----------------------------------------------------------
 Base
------------------------------------------------------------*/
html, body {
    -webkit-text-size-adjust: 100%;
}

body, input, select, textarea {
    font-size: 12px;
    color: #333;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, th, td {
    font-size: 100%;
}

input, select, textarea, label {
    padding: 4px;
    line-height: 1.5em;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    vertical-align: middle;
}

textarea {
    resize: none;
    box-sizing: border-box;
}


/*Windows IE*/
:-ms-input-placeholder {
    color: #a8a8a8
}
/*----------------------------------------------------------
 Anchors
------------------------------------------------------------*/
a:link,
a:visited {
    color: #0481be;
    text-decoration: underline;
}

a:active,
a:hover {
    color: #5bb3de;
    text-decoration: none;
}

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

.clearfix {
    min-height: 1px;
}

* html.clearfix {
    height: 1px;
}

/*----------------------------------------------------------
 base 文字サイズなど
------------------------------------------------------------*/
body {
    background: #fff;
}

#wrap {
    width: 1000px;
    margin: 0 auto;
    zoom: 1;
}

    #wrap > .inner {
        width: 1000px;
        margin: 0;
        padding: 20px 0 0;
        line-height: 1.5em;
    }

.pageWidth {
    max-width: 100%;
    min-width: 1000px;
}

/*----------------------------------------------------------
 general
------------------------------------------------------------*/
.oh {
    overflow: hidden !important;
}

.z1 {
    zoom: 1 !important;
}

/* display
--------------------------------------------------*/
.dn {
    display: none !important;
}

.db {
    display: block !important;
}

.di {
    display: inline !important;
}

.dib {
    display: inline-block !important;
}

/* position
--------------------------------------------------*/
.pr {
    position: relative !important;
}

.pa {
    position: absolute !important;
}

/* float
--------------------------------------------------*/
.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fn {
    float: none !important;
}

/*テキスト位置
--------------------------------------------------*/
.al {
    text-align: left !important;
}

.ac {
    text-align: center !important;
}

.ar {
    text-align: right !important;
}

/*vertical-align
--------------------------------------------------*/
.vaT {
    vertical-align: top !important;
}

.vaM {
    vertical-align: middle !important;
}

.vaB {
    vertical-align: bottom !important;
}

/* clear
--------------------------------------------------*/
.cb {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.cn {
    clear: none;
}

/* width
--------------------------------------------------*/
.w100p {
    width: 100%;
}

.w90p {
    width: 90%;
}

.w70p {
    width: 70%;
}

.w50p {
    width: 50%;
}

.w20p {
    width: 20% !important;
}

.w980 {
    width: 980px !important;
}

.w850 {
    width: 850px !important;
}

.w780 {
    width: 780px !important;
}

.w700 {
    width: 700px !important;
}

.w680 {
    width: 680px !important;
}

.w650 {
    width: 650px !important;
}

.w620 {
    width: 620px !important;
}

.w600 {
    width: 600px !important;
}

.w530 {
    width: 530px !important;
}

.w500 {
    width: 500px !important;
}

.w400 {
    width: 400px !important;
}

.w480 {
    width: 480px !important;
}

.w360 {
    width: 360px !important;
}

.w350 {
    width: 350px !important;
}

.w300 {
    width: 300px !important;
}

.w290 {
    width: 290px !important;
}

.w280 {
    width: 280px !important;
}

.w270 {
    width: 270px !important;
}

.w260 {
    width: 260px !important;
}

.w250 {
    width: 250px !important;
}

.w240 {
    width: 240px !important;
}

.w230 {
    width: 230px !important;
}

.w220 {
    width: 220px !important;
}

.w210 {
    width: 220px !important;
}

.w200 {
    width: 200px !important;
}

.w190 {
    width: 190px !important;
}

.w180 {
    width: 180px !important;
}

.w170 {
    width: 170px !important;
}

.w160 {
    width: 160px !important;
}

.w150 {
    width: 150px !important;
}

.w140 {
    width: 140px !important;
}

.w130 {
    width: 130px !important;
}

.w120 {
    width: 120px !important;
}

.w110 {
    width: 110px !important;
}

.w100 {
    width: 100px !important;
}

.w90 {
    width: 90px !important;
}

.w85 {
    width: 85px !important;
}

.w80 {
    width: 80px !important;
}

.w70 {
    width: 70px !important;
}

.w60 {
    width: 60px !important;
}

.w50 {
    width: 50px !important;
}

.w40 {
    width: 40px !important;
}

.w30 {
    width: 30px !important;
}

.w20 {
    width: 20px !important;
}

.w10 {
    width: 10px !important;
}

.wAuto {
    width: auto !important;
}

/* height
--------------------------------------------------*/
.h150 {
    height: 150px;
}

.h100 {
    height: 100px;
}

.h90 {
    height: 90px;
}

.h80 {
    height: 80px;
}

.h70 {
    height: 70px;
}

.h60 {
    height: 60px;
}

.h50 {
    height: 50px;
}

.h40 {
    height: 40px;
}

.h30 {
    height: 30px;
}

.h20 {
    height: 20px;
}

.h10 {
    height: 10px;
}

/* margin
--------------------------------------------------*/

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.ml120 {
    margin-left: 120px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mh0 {
    margin-left: 0;
    margin-right: 0;
}

.mh5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mh10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mh15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mh20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mh30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mh50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mhA {
    margin-left: auto;
    margin-right: auto;
}

.p0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.p10 {
    padding: 10px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.ph0 {
    padding-left: 0;
    margin-right: 0;
}

.ph5 {
    padding-left: 5px;
    margin-right: 5px;
}

.ph10 {
    padding-left: 10px;
    margin-right: 10px;
}

.ph15 {
    padding-left: 15px;
    margin-right: 15px;
}

.ph20 {
    padding-left: 20px;
    margin-right: 20px;
}

.ph30 {
    padding-left: 30px;
    margin-right: 30px;
}

.ph50 {
    padding-left: 50px;
    margin-right: 50px;
}

/* Font
--------------------------------------------------*/
.fcRed {
    color: #c32323 !important;
}

.fcBlue {
    color: #5cb3de !important;
}

.fcGray {
    color: #bab9b9 !important;
}

.fcBlack {
    color: #000 !important;
}

.fcError {
    color: #c32323 !important;
}

.fcRevision {
    color: red;
}

.fcOrange {
    color: #ff6600;
}

.fs20 {
    font-size: 20px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs10 {
    font-size: 10px !important;
}

.b14 {
    font-size: 14px;
    font-weight: bold;
}

.b12 {
    font-size: 12px;
    font-weight: bold;
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tr {
    text-align: right !important;
}

.bold {
    font-weight: bold !important;
}

.normal {
    font-weight: normal !important;
}

.nowrap {
    white-space: nowrap;
}

.dn {
    display: none !important;
}

.vh {
    visibility: hidden !important;
}

/*----------------------------------------------------------
 Header
------------------------------------------------------------*/
.globalHeader {
    width: 1000px;
    margin: 14px auto;
    overflow: hidden;
}

.globalHeader__container {
    padding: 0;
}

.globalHeader__left {
    float: left;
}

.globalHeader__right {
    float: right;
}

.logo {
    float: left;
    margin: 5px 0 0 5px;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #0481be;
}

    .logo a {
        text-decoration: none;
    }

    .logo img {
        vertical-align: middle;
    }

.globalHeader__log {
    text-align: right;
    padding: 6px 0;
}

.globalHeader__user-box {
    padding: 0;
}

    .globalHeader__user-box .globalHeader__user {
        font-size: 14px;
    }

        .globalHeader__user-box .globalHeader__user .user-target {
            color: #4682b4;
        }

.btnHeaderLogout {
    border: 1px solid #0070ee !important;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 1em;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    margin-left: 5px;
    padding: 5px 10px;
    background: #0066CC;
    color: #fff !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#59b2de), to(#067cc6) );
    background: -moz-linear-gradient( top, #59b2de, #067cc6 );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#59b2de', endColorstr='#067cc6', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #59b2de, #067cc6);
    text-decoration: none !important;
}

[class^="btn"]:hover {
    opacity: 0.6;
}

/*----------------------------------------------------------
 globalNav
------------------------------------------------------------*/
.globalNav {
    width: 100%;
    background-color: #e8e9eb
}

    .globalNav .inner {
        width: 1000px;
        margin: 0 auto;
    }

        .globalNav .inner .mainNav {
            display: block;
            width: 100%
        }


/* mainNav
--------------------------------------------------*/
.mainNav {
    background: #e8e9eb;
    overflow: hidden;
    zoom: 1;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .mainNav li {
        display: inline-block;
        height: 42px;
        padding: 14px 40px;
        box-sizing: border-box;
        background: #a5a4a4;
        font-size: 14px;
        line-height: 1;
        color: #fff;
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
    }

        .mainNav li a {
            display: block;
            margin: -10px 0;
            padding: 10px 0;
            color: #0580c3;
            text-decoration: none;
        }

        .mainNav .current,
        .mainNav li:hover {
            background: #5cb3de;
        }

    .mainNav .current,
    .mainNav a:hover {
        color: #fff;
    }

/* subNav
--------------------------------------------------*/
.subNavOut {
    height: auto;
    background: #5cb3de;
}

.subNav {
    clear: both;
    width: 1000px;
    margin: 0 auto;
    padding: 8px 0;
    overflow: hidden;
    zoom: 1;
}

    .subNav li {
        float: left;
        margin-right: 10px;
        background: #5cb3de;
        color: #ffffff;
    }

        .subNav li a {
            display: inline-block;
            padding: 6px 20px;
            font-weight: bold;
            text-decoration: none;
            color: #FFF;
        }

            .subNav li.subCurrent,
            .subNav li a:hover {
                padding: 6px 20px;
                background: #fff;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                -ms-border-radius: 15px;
                border-radius: 15px;
                color: #0580c3;
                font-weight: bold;
            }

                .subNav li.subCurrent a {
                    margin: -5px -15px;
                    color: #0580c3;
                }

                    .subNav li.subCurrent a:hover {
                        text-decoration: underline;
                    }

/*----------------------------------------------------------
 ぱんくず
------------------------------------------------------------*/
.breadCrumb {
    margin-bottom: 20px;
    overflow: hidden;
}

    .breadCrumb li {
        font-weight: bold;
        display: inline;
        list-style-type: none;
    }

        .breadCrumb li:before {
            content: " \A0 > \A0 ";
        }

        .breadCrumb li:first-child:before {
            content: none;
        }

    .breadCrumb a {
        font-weight: normal;
    }


/*----------------------------------------------------------
 トップへ戻る用CSS
------------------------------------------------------------*/
.goTop {
    width: 980px;
    margin: auto;
}

    .goTop p {
        margin: 0 0 10px;
        text-align: right;
        color: #666;
        font-size: 12px;
    }

    .goTop a {
        text-align: right;
        color: #767777;
        font-size: 12px;
    }

        .goTop a span {
            background: url(/restaurantweb_client/common_resource/images/sprite.png) no-repeat left -1796px;
            padding: 5px 0 5px 25px;
        }

/*----------------------------------------------------------
フッター用CSS
------------------------------------------------------------*/
.globalFooter {
    margin-top: 30px;
}

.footerLink {
    width: 100%;
    padding: 0 0 20px;
    background-image: url(/restaurantweb_client/common_resource/images/bg_footer.png);
    font-size: 10px !important;
}

.footerLinkIn {
    width: 980px;
    margin: auto;
    padding: 20px 0 10px;
}

.footerLinkColumn {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: left;
    vertical-align: top;
}

    .footerLinkColumn a {
        color: #666;
    }

    .footerLinkColumn dt, .footerLinkColumn dd {
        padding: 4px 0;
    }

        .footerLinkColumn dt a {
            padding-left: 10px;
            background: url(/restaurantweb_client/common_resource/images/sprite.png) no-repeat left -996px;
        }

    .footerLinkColumn dd {
        margin-left: 12px;
        font-size: 10px !important;
    }

.footerLinkTitle {
    font-size: 12px;
    font-weight: bold;
}

.footerLinkIn li a:hover {
    background-color: transparent;
    text-decoration: none;
}

.footerInfo {
    display: table;
    position: relative;
    font-size: 12px;
    width: 1000px;
    margin: 30px auto 0;
    background: #ebf9fc;
}

    .footerInfo > div {
        display: table-cell;
        vertical-align: middle;
    }

        .footerInfo > div.footerInfoTitle {
            /* float: left; */
            width: 170px;
            background: #bfbfbf;
            padding: 0 15px;
            font-weight: bold;
        }

        .footerInfo > div.footerInfoDetail {
            /* float: left; */
            width: 700px;
            padding: 5px 10px 5px 20px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .footerInfo > div.footerInfoDetail p {
                line-height: 22px;
            }

            .footerInfo > div.footerInfoDetail li {
                display: block;
                margin: 0 0 2px;
                color: #666;
                line-height: 20px;
            }

            .footerInfo > div.footerInfoDetail span.icon {
                margin: 0 5px 0;
                padding: 1px 4px;
                background: #777;
                border-radius: 4px;
                color: #fff;
            }

        .footerInfo > div.footerStaff {
            vertical-align: top;
            padding: 5px;
        }

.footerStaff .footerStaffComment {
    position: absolute;
    top: -38px;
    right: 0;
    padding: 4px 10px;
    border: 2px solid #bfbfbf -webkit-box-shadow:2px 2px 4px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    font-size: 12px;
}

    .footerStaff .footerStaffComment:before,
    .footerStaff .footerStaffComment:after {
        position: absolute;
        pointer-events: none;
        top: 100%;
        border: solid transparent;
        content: " ";
        right: 20px;
        height: 0;
        width: 0;
        margin: 0;
    }

    .footerStaff .footerStaffComment::before {
        border-color: rgba(191, 191, 191, 0);
        border-top-color: #bfbfbf;
        border-width: 12px;
    }

    .footerStaff .footerStaffComment::after {
        margin: 0 4px;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 8px;
    }


.footerStaff .footerStaffPh {
    padding: 2px;
    border: 1px solid #ebf9fc;
    background: #fff;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}

.copyright {
    padding: 10px 0;
    color: #666;
    text-align: center;
    font-size: 10px;
}
/*----------------------------------------------------------
既存画面ボタン
------------------------------------------------------------*/
.btnGraySmall {
    display: inline-block;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 1em;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    margin-top: 5px;
    line-height: 18px;
    border: 1px solid #777 !important;
    background: #fff;
    color: #0481be !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dedede) );
    background: -moz-linear-gradient( top, #ffffff, #dedede );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #ffffff, #dedede);
}
/*----------------------------------------------------------
password
------------------------------------------------------------*/
.loginPassChange dt {
    margin-right: 10px;
    text-align: right;
}

.loginPassTxt {
    line-height: 33px;
    margin-left: 10px;
}

.mTxtLogin {
    width: 450px;
    margin: 50px auto;
}

.loginPassNote {
    display: inline-block;
    padding: 20px;
    background-color: #f9f3c9;
    margin: 10px 0;
    text-align: left;
}

    .loginPassNote li {
        margin-bottom: 3px;
    }

.loginPassError {
    color: #c32323;
    display: block;
    margin: 0 auto 16px;
    text-align: left;
    text-indent: -20px;
    width: 470px;
}

/*----------------------------------------------------------
plan
------------------------------------------------------------*/
.plan_registration {
    text-align: center;
    margin: -60px auto 180px;
    padding: 20px;
    border: 1px solid #e0e0e0;
}

.plan_registrationHead {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 10px;
}

.plan_registrationLead {
    font-size: 14px;
    line-height: 2.1;
}

.icon-request {
    background: #1a73e8;
    color: #fff;
    padding: 2px 4px 2px 4px;
}