@charset "utf-8";

/*------------------------------------------------------------------------------
 RESET
 -------------------------------------------------------------------------------*/

body, div, p,  ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,h5, h6, table, th ,td, img, form {
    margin: 0;
    padding: 0;
}

ul, ol { list-style: none; }

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

table { border-collapse: collapse; }

th { font-weight: normal; text-align: left; }

input, select { vertical-align: -0.2em; }

/* FireFox textarea対応 */

textarea { font-size: 100% }

/* HTML5 NEW-ELEMENTS RESET */

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

@-ms-viewport {
    initial-scale: 1;
    width: auto;
}

/*-------------------------------------------------------------------------------
 FONTS
 -------------------------------------------------------------------------------*/

body, table, th, td, input, textarea, select ,a { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif; }

/*------------------------------------------------------------------------------
 HTML & BODY
 -------------------------------------------------------------------------------*/

html { height: 100%; }

body {
    min-width: 1024px;
    height: 100%;
    background-color: #f4f1ec;
    color: #111111;
    font-size: 11px;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, big, small {
    font-size: 100%;
    font-weight: normal;
}

/*------------------------------------------------------------------------------
General
 -------------------------------------------------------------------------------*/

/* margin */

.mtn2    { margin-top: -2px; }

.mtn1     { margin-top: -1px; }

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

.mt1     { margin-top: 1px; }

.mt3     { margin-top: 3px; }

.mt5    { margin-top: 5px; }

.mt6    { margin-top: 6px; }

.mt10    { margin-top: 10px; }

.mt15    { margin-top: 15px; }

.mt20    { margin-top: 20px; }

.mt30    { margin-top: 30px; }

.mt41    { margin-top: 41px; }

.mt55    { margin-top: 55px; }

.mt60    { margin-top: 60px!important;}

.mt67    { margin-top: 67px!important;}

.mt150     { margin-top: 150px;}

.ml1em    { margin-left: 1em !important; }

.ml5    { margin-left: 5px; }

.ml10    { margin-left: 10px; }

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

.ml20    { margin-left: 20px; }

.ml25    { margin-left: 25px; }

.ml30    { margin-left: 30px; }

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

.ml88    { margin-left: 88px; }

.ml190    { margin-left: 190px !important; }

.ml205    { margin-left: 205px !important; }

.ml260 { margin-left: 260px !important;}

.ml35p    { margin-left: 35%; }

.mr5    { margin-right: 5px; }

.mr10    { margin-right: 10px; }

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

.mr20    { margin-right: 20px; }

.mr25    { margin-right: 25px; }

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

.mb5    { margin-bottom: 5px; }

.mb10    { margin-bottom: 10px; }

.mb20    { margin-bottom: 20px; }

.mb30    { margin-bottom: 30px; }

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

.mb45    { margin-bottom: 45px !important}

.mb50    { margin-bottom: 50px; }

.mb54    { margin-bottom: 54px; }

.mb55    { margin-bottom: 55px; }

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

/* padding */

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

.pt5    { padding-top: 5px; }

.pt10    { padding-top: 10px; }

.pt15    { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

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

.pl1em    { padding-left: 1em !important;}

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

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

.pl10    { padding-left: 10px; }

.pl160    { padding-left: 160px; }

.pb10    { padding-bottom: 10px; }

.p10    { padding: 10px; }

.p20    { padding: 20px; }

.pv5    { padding-top: 5px; padding-bottom: 5px; }

.pv10    { padding-top: 10px; padding-bottom: 10px; }

.pv25    { padding-top: 25px; padding-bottom: 25px; }

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

/*font-size*/

.fs10 { font-size: 90.9%; }

.fs11 { font-size: 100%; }

.fs12 { font-size: 109%; }

.fs13 { font-size: 118.1%; }

.fs14 { font-size: 127.2%; }

.fs15 { font-size: 136.3%; }

.fs16 { font-size: 145.4%; }

.fs18 { font-size: 163.6%; }

/* width */

.w20     { width: 20px; }

.w25     { width: 25px; }

.w30    { width: 30px; }

.w35    { width: 35px !important;}

.w40    { width: 40px; }

.w45    { width: 45px; }

.w46     { width: 46px; }

.w50     { width: 50px; }

.w60    { width: 60px; }

.w70    { width: 70px; }

.w75    { width: 75px; }

.w80    { width: 80px; }

.w85    { width: 85px; }

.w90    { width: 90px; }

.w100 { width: 100px;}

.w105    { width: 105px; }

.w110    { width: 110px; }

.w115    { width: 115px; }

.w120    { width: 120px; }

.w130     { width: 130px; }

.w140     { width: 140px; }

.w150     { width: 150px; }

.w160    { width: 160px; }

.w170    { width: 170px; }

.w180    { width: 180px; }

.w190    { width: 190px; }

.w200    { width: 200px; }

.w240     { width: 240px; }

.w277     { width: 277px; }

.w350    { width: 350px; }

.w630    { width: 630px; }

.w800    { width: 800px; }

.w5p     { width: 5%; }

.w6p     { width: 6%; }

.w8p     { width: 8%; }

.w9p     { width: 9%; }

.w10p     { width: 10%; }

.w12p    { width: 12%; }

.w15p     { width: 15%; }

.w18p     { width: 18%; }

.w20p     { width: 20%; }

.w23p     { width: 23%; }

.w24p     { width: 24%; }

.w25p     { width: 25%; }

.w26p    { width: 26%; }

.w30p    { width: 30%; }

.w35p    { width: 35%; }

.w40p     { width: 40%; }

.w45p     { width: 45%; }

.wh      { width: 50%; }

.w70p    { width: 70%; }

.w80p     { width: 80%; }

.w90p     { width: 90%; }

.w95p     { width: 95%; }

.wf        { width: 100% }

.w15em     { width: 1.5em; }

.h40     { height: 40px; }

.db        {display: block; }

.di        { display: inline; }

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

.dit       { display: inline-table; }

.dn        { display: none; }

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;}

.d-flex-wap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}

.d-flex-align-items-C {-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;}

.d-flex-align-items-E {-webkit-box-align: end !important;-ms-flex-align: end !important;align-items: end !important;}

.j-content-E {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}

.pa        { position: absolute; }

.pr        { position: relative; }

.dib    { zoom: 1; display: inline-block; *display: inline; }

.vat    { vertical-align: top; }

.vatt    { vertical-align: text-top; }

.vam    { vertical-align: middle; }

.vab    { vertical-align: bottom; }

.fl        { float: left; }

.fr        { float: right; }

.cb        { clear: both; }

.cf:after    { display: block; height: 0; clear: both; content: ""; }

.cf            { zoom: 1; overflow: hidden; }

.u        {text-decoration: underline; }

.tal    { text-align: left; }

.tar    { text-align: right; }

.tac    { text-align: center; }

.ol        { overflow: hidden; text-indent: -9999px; }

.b        { font-weight: bold; }

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

.z        { zoom:1 }

/* min-width */

.minw220    { min-width: 220px; }

/* max-width */

.maxw310    { max-width: 310px; }

.maxw980    { max-width: 980px; }

.tlf { table-layout: fixed; }

.bdbDash { border-bottom: 1px dashed #BBBBBB; }

.bdbSolid { border-bottom: 1px solid #4646ff; }

.listH    { zoom: 1; }

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

.listH li { float: left; }

.listHm li {
    zoom:1;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
}

.listWn li {
    position: relative;
    padding: 0 5px 5px 0;
    white-space: nowrap;
}

.list4Clm,
.list5Clm,
.list6Clm         { width: 100%; }

.list4Clm li     { width: 25%; }

.list5Clm li     { zoom:1; width: 20%; *width: 19.9%;}

.list6Clm li     { width: 16.6% }

.bdLPink { border: 1px solid #ff6e5f; }

.bdLBrown { border: 1px solid #BBBBBB; }

.fgLGray a { color: #AAAAAA !important; }

.fgLBlue { color: #999999 !important; }

.fgLRed { color: #ff0000 !important; }

.fgLWeakBlue { color: #4646ff !important; }

.pf { position: fixed; }

.mln120 { margin-left: -120px; }

.l50p { left: 50%; }

.lsSquare    { list-style: square; }

/*----------------------------------------
anchor
------------------------------------------*/

a:link,
a:visited {
    color: #0066cc;
    text-decoration: none;
}

a:hover {
    color: #ff9600;
    text-decoration: underline;
}

a:active {
    color: #ff9600;
    text-decoration: underline;
}

/*----------------------------------------
sprite
------------------------------------------*/

.icnS {
    background-image: url(../img/icon_sprite_gnav_clp.png);
    background-repeat: no-repeat;
}

.xS {
    background-color: #e7e0d3;
}

.xS1 {
    background-color: #EEEEEE;
}

/*----------------------------------------
LAYOUT
------------------------------------------*/

.headerShadow span {
    display: block;
    height: 2px;
}

.sideShadow {
    width: 170px;
    background: url(/common/img/sprite/bg_sprite.png);
    background-position: 0 -130px;
}

.contentsShadow {
    margin-left: 170px;
    background: url(/common/img/sprite/bg_sprite.png);
    background-position: 0 -190px;
}

/*----------------------
icon
-------------------------*/

.icnUser {
    min-height: 14px;
    padding-left: 20px;
    background-position: -90px -20px;
}

.icnPencilNote {
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    border: none;
    background-color: #fff;
    background-position: -78px -528px;
    text-indent: -9999px;
    cursor: pointer;
}

.icnPencilNote:hover { background-position: -78px -568px; }

.icnTrash,
.icnAddItem {
    display: block;
    overflow: hidden;
    border: none;
    background-color: #fff;
    text-indent: -9999px;
    cursor: pointer;
}

.icnTrash {
    width: 22px;
    height: 22px;
    background-position: -78px -610px;
}

.icnAddItem {
    width: 27px;
    height: 24px;
    background-position:-73px -740px;
}

.icnAddItem:hover { background-position: -73px -790px; }

.icnTrash:hover { background-position: -78px -650px; }

.icnMemo {
    width: 18px;
    height: 22px;
    overflow: hidden;
    border: none;
    background-color: #fff;
    background-position: -82px -450px;
    text-indent: -9999px;
    cursor: pointer;
}

.icnMemo:hover { background-position: -82px -490px; }

.icnInfo {
    min-height: 18px;
    margin-top: 5px;
    padding: 1px 0 5px 15px;
    background-position: -90px -890px;
    line-height: 18px;
}

.blnk-w {
    display: inline;
    width: 12px;
    height: 10px;
    padding-right: 18px;
    background: url(/common/img/icon/icon_another_window.png) right center no-repeat;
    content: "";
}

.icon_eventManage {
    background-image: url(../img/icon/icon_event_manage.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: auto 16px;
}

/*---------------------
btn,
linkBtn
---------------------*/

.btn {
    height: 40px;
    margin: 0;
    padding: 0 25px;
    border: none;
    background-color: #111;
    color: #FFFFFF !important;
    font-size: 109%;
    line-height: 40px;
    text-decoration: none!important;
    cursor: pointer;
}

.btnLink {
    height: 27px;
    margin: 0;
    padding: 0 25px;
    border: none;
    background-color: #111;
    color: #FFFFFF !important;
    font-size: 109%;
    line-height: 27px;
    text-decoration: none!important;
    cursor: pointer;
}

.btn.red {
    height: 40px;
    margin: 0;
    padding: 0 25px;
    border: none;
    background: url(/common/img/bg/bg_red.png) repeat;
    color: #FFFFFF !important;
    font-size: 109%;
    line-height: 40px;
    cursor: pointer;
}

.btn.gray,
.btn[disabled],
.btn[disabled]:hover {border-color: #999; background-color: #999; cursor: pointer;}

.btn:hover,
.btnIcnPencil:hover,
.btnIcnTag:hover,
.btnIcnSofa:hover,
.btnIcnHouse:hover,
.btnIcnAccept:hover,
.btnLink:hover {
    background: #337ab7;
    text-decoration: none;
}

.btn.disabled { cursor: default; }

.btnIcnPencil,
.btnIcnTag,
.btnIcnSofa,
.btnIcnHouse,
.btnIcnAccept {
    background-color: #795441;
    color: #FFFFFF !important;
}

.btnIcnTag span,
.btnIcnSofa span,
.btnIcnHouse span,
.btnIcnPencil span,
.btnIcnAccept span {
    display: block;
    height: 40px;
    font-size: 109%;
    line-height: 40px;
}

.btnIcnTag span,
.btnIcnSofa span,
.btnIcnHouse span,
.btnIcnAccept span { padding-left: 70px; }

.btnIcnPencil span { padding-left: 100px; }

a.toTop {
    zoom: 1;
    display: inline-block;
    *display: inline;
    min-height: 20px;
    padding-right: 25px;
    background-position: right -290px;
    color: #4B4A4A;
    line-height: 20px;
}

a.pageLinkBtn {
    display: inline-block;
    z-index: 0;
    position: relative;
    height: 22px;
    margin-left: 11px;
    padding: 0 5px;
    background: #999;
    line-height: 22px;
    text-decoration: none !important;
}

a.pageLinkBtn:hover {
    background: #bbb;
    text-decoration: none;
}

.pageLinkBtn:after {
    display: block;
    position: absolute;
    top: 50%;
    left: -11px;
    width: 0;
    height: 0;
    margin: -11px;
    border: 11px solid;
    border-color: transparent;
    border-right-color: #999;
    content: "";
}

.pageLinkBtn:hover:after { border-right-color: #bbb; }

/*-----------------------------
wrapper,
header,
container,
contents,
side,
footer
-----------------------------*/

.wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    font-size: 100%;
}

.mainHeader {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 4;
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1024px;
    height: 68px;
    padding-top: 15px;
    background-color: #ccc;
    color: #111;
}

.headerLogo {
    height: 52px;
    padding: 0 5px 0 15px;
    background-position: 0 -90px;
}

.headerContents {
    height: 55px;
    padding-right: 10px;
}

.headerInfoList {
    font-size: 90.9%;
}

.headerInfoList table {
    width: 100%;
    border: none;
    border-right: none;
    border-bottom: none;
    border-color: #795441;
    border-spacing: 0;
    background-color: #795441;
}

.headerInfoList th {
    padding: 0;
    border-top: none;
    border-left: none;
    background-color: #ccc;
    vertical-align: middle;
}

.headerInfoList td {
    padding: 0 0 0 10px;
    border-top: none;
    border-left: none;
    background-color: #ccc;
}

.logoutBtn a {
    display: block;
    width: 118px;
    height: 28px;
    border: 1px solid #9a774d;
    background-color: #7d5541;
    color: #FFFFFF;
    text-decoration: none;
}

.logoutBtn a:hover { background: #8d5f47; }

.logoutBtn span {
    padding-left: 15px;
    background-position: -69px -52px;
    line-height: 28px;
}

.frontBtn a {
    display: block;
    width: 182px;
    height: 28px;
    border: 1px solid #9a774d;
    background-color: #7d5541;
    color: #FFFFFF;
    text-decoration: none;
}

.frontBtn a:hover { background: #8d5f47; }

.frontBtn span {
    padding-left: 22px;
    background-position: -80px -410px;
    line-height: 28px;
}

.pwchangeBtn a {
    display: block;
    width: 118px;
    height: 28px;
    border: 1px solid #9a774d;
    background-color: #7d5541;
    color: #FFFFFF;
    text-decoration: none;
}

.pwchangeBtn a:hover { background: #8d5f47; }

.pwchangeBtn span {
    padding-left: 15px;
    background-position: -78px -14px;
    line-height: 28px;
}

.container {
    z-index: 1;
    padding-bottom: 256px;
}

.contentsWrap {
    zoom: 1;
    z-index: 1;
    margin-top: 82px;
    margin-left: 195px;
    padding:10px;
}

.footer {
    z-index: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 27px;
    padding-bottom: 61px;
    background: transparent;
}

.footer .footerRecruitLogo {
        height: 26px;
    }

.footer .footerRecruitLogo > a {
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
                    align-items: baseline;
            color: #435B67;
            font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-decoration: none
        }

.footer .footerRecruitLogo > a:hover {
                color: #435B67;
            }

/* toTop === 'true' ページのトップへ戻るボタン設定 */

.footer .pageToTop {
        position: absolute;
        right: 0;
        bottom: 130px;
        width: 154px;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        border-left: 1px solid #bbb;
        background: #fff
    }

.footer .pageToTop.fix {
            position: fixed;
            bottom: 20px;
        }

.footer .pageToTop a {
            display: block;
            padding: 20px;
            text-decoration: none;
        }

.footer .pageToTop a span {
                display: block;
                position: relative;
                height: 21px;
                padding-left: 25px;
                line-height: 21px
            }

.footer .pageToTop a span::before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 21px;
                    height: 21px;
                    background: url(../img/icon/go_top_icon.png) 50% 50% no-repeat;
                    content: "";
                }

.footer .pageToTop a:hover span::before {
                background-image: url(../img/icon/go_top_icon_hover.png);
            }

.side {
    position: relative;
    width: 195px;
    height: 0;
    background-color: #ccc;
}

.sideInner {
    z-index: 3;
    position: fixed;
    top: 80px;
    bottom: 0;
    width: 195px;
}

.sideBack {
    display: block;
    z-index: 3;
    position: fixed;
    top: 0;
    bottom: 0;
    left:0;
    width: 195px;
    background-color: #ccc;
}

/*------------------------
nav
------------------------*/

.gNav li {
        padding: 1px 0;
        overflow: hidden;
        border-top: 1px solid #eee
    }

.gNav li.bdn {
            border-top: none;
        }

.gNav li.bdb {
            border-bottom: 1px solid #eee;
        }

.gNav li > p {
            display: block;
            height: 40px;
            padding-left: 47px;
            font-size: 109%;
            line-height: 40px;
        }

.gNav li ul.liSquare a {
                position: relative;
                padding-left: 78px;
            }

.gNav li ul.liSquare a:before {
                position: absolute;
                top: calc(50% - 2px);
                left: 67px;
                width:  3px;
                height:  3px;
                background: #111;
                content:  "";
            }

.gNav a {
        display: block;
        height: 40px;
        padding-left: 47px;
        color: #F2F2F2;
        font-size: 109%;
        line-height: 40px;
        text-decoration: none
    }

.gNav a:link {
            text-decoration: none;
        }

.gNav a:hover {
            background-color: #bbb;
            color: #337AB7;
            text-decoration: none;
        }

.gNav a.jscFocus:hover {
                filter: alpha(opacity=100) !important;
                opacity: 1 !important;
            }

.gNav .logout {
        margin-top: 40px;
        border-top: none;
        background-position: 0 -251px;
    }

.gNav .dashboard {
        border: none;
        background-position: 0 -251px;
    }

.gNav .dashboard a, .gNav .logout a {
        height: 38px;
        margin-top: 1px;
        padding-left: 0;
    }

.icnDashboard { background-position: -65px -361px; }

.icnDashboardArrow,
.iconBorder {
    display: block;
    height: 100%;
    margin-left: 59px;
    padding-left: 10px;
    border-left: 1px solid #000;
    background-position: 60px -404px;
}

.icnFolder         { background-position: -62px -89px; }

.icnPencil         { background-position: -44px -130px; }

.icnTag             { background-position: -46px -169px; }

.icnSofa         { background-position: -60px -205px; }

.icnTopics        { background-position: -43px -237px; }

.icnPhoto         { background-position: -43px -991px; }

.icnCoupon        { background-position: -44px -1030px; }

.icnBack            { background-position: -63px -1065px; }

.icnLogout         { background-position: -61px -688px; }

.icnPwchange    { background-position: -68px -7px; }

.icnStoreItem    { background-position: -56px -1157px; }

.icnStore        { background-position: -64px -1240px; }

.icnItem         {background-position: -64px -1203px;}

/*----------------
TOPIC PASH
----------------*/

.topicPath {
    min-height: 14px;
    padding-left: 20px;
    background-position: -88px -840px;
}

.topicPath li { float: left; }

.topicPath li span { padding: 0 8px 0 6px; }

/*--------------------
pager
--------------------*/

.pager li { margin-right: 5px;}

.pager li a {
    display: block;
    background: #DDD;
    color: #666;
    text-decoration: none;
}

.pager li a,
.pager .current {
    min-width: 12px;
    height: 20px;
    padding: 0 4px;
    line-height: 20px;
    text-align: center;
}

.pager .current,
.pager li a:hover {
    background: #b79068;
    color: #FFFFFF;
}

.pager .current {
    font-weight: bold;
    cursor: default;
}

/*------------------
TABLE and INPUT
-------------------*/

table {
    width: 100%;
    border: none;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FAFAFA;
}

th {
    background-color: #FAFAFA;
    vertical-align: top;
}

td { background-color: #FFFFFF;}

.bgGray td { background-color: #dcdcdc; }

thead, tbody, tr { width: 100%; }

thead th { background-color: #e7e4dd; }

th, td {
    word-wrap: break-word;
    padding: 5px;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    word-break: break-all;
}

textarea { width: 99%; }

select,
textarea,
input { font-size: 100%; }

input[type="radio"],
input[type="checkbox"] { vertical-align: 0;}

.tblHeading {
    height: 28px;
    padding-left: 5px;
    border: 1px solid;
    border-bottom: none;
    border-color: #BBBBBB;
    background-position: 0 -40px;
    color: #111111;
    line-height: 28px;
}

.tblHeading.red {
    height: 28px;
    padding-left: 5px;
    border: 1px solid;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    border-color: #e05547 #de5345 transparent;
    background-position: 0 -207px;
    color: #666666;
    line-height: 28px;
}

.pageLinkList { min-width: 780px; }

.pageLinkList li { margin-left: 70px; }

.selectM li { margin-left: 5px; }

.pageLinkList li:first-child,
.selectM li:first-child { margin-left: 0; }

.bdtNone th,
.bdtNone td { border-top: none;}

.even td { background-color: #F6F6F6; }

.inp50 input { width: 50%; }

.inp80 input { width: 80%; }

.inp98 input { width: 98%; }

.inpWrap40 { width: 40%; }

.inpWrap75 { width: 75%; }

.inpWrap40 input,
.inpWrap75 input { width: 100%; }

.at { width: 20px;}

.textWrap { width: 100%; }

.textWrap input[type="text"] { width: 95%; }

input[type="text"],
input[type="password"] {
    margin: 0;
    padding: 1px 0 1px 1px;
    border: 1px solid #c9c9c9;
    font-size: 118.9%;
}

/*---------------------
other
----------------------*/

.loginForm {
    width: 368px;
    border: 1px solid #d2d2d2;
}

.loginForm input[type="text"] { ime-mode: disabled; }

,
.loginForm input[type="password"] {
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#f8f8f8 100%);
    background-color: #f3f3f3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.passwordEditForm {
    width: 668px;
    border: 1px solid #d2d2d2;
}

.messageArea {
    padding: 10px;
    border: solid 1px #f3aeae;
    background-color: #fcdcdc;
    color: #5d411e;
    font-size: 109%;
}

.errorMessageArea {
    border: double 3px #d2d1d0;
    background-color: #e7e0d3;
}

.items {
    zoom: 1;
    width: 100%;
    min-width: 638px;
}

.items> li {
    zoom: 1;
    width: 19.9%;
    min-width: 127px;
    margin-top: 10px;
}

.itemInner { padding: 5px; }

.imgWrap {
    width: 104px;
    height: 104px;
}

.imgWrap img {
    width: 100%;
    height: 100%;
}

.checkTbl li { width: 119px; }

.listLeft dl {
    margin-top: 10px;
    padding-bottom: 5px;
}

.listLeft > dl > dt,
.listLeft > dl > dd { float: left; }

.listLeft > dl > dt {
    margin-right: 5px;
    padding-top: 3px;
}

.inputMWide { margin-left: -20px; }

.inputMWide li { margin-left: 20px; }

.setTable { min-width: 100%; }

.setImg {
    width: 545px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #FAFAFA;
}

.setImg li {
    margin-top: 5px;
    margin-left: 5px;
}

.secWrap {
    min-width: 720px;
    *margin-top: 20px;
}

.inTableWrap th { border-right: 1px solid #BBBBBB; }

.tableInTable,
.tableInTable table,
.tableInTable tbody {
    margin: 0;
    padding: 0;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.tableInTable td:first-child { border-left: none; }

.tableInTable input[type="text"] { width: 99%; }

.tableInTable.bdb td { border-bottom: 1px solid #BBBBBB; }

.message { padding: 10px; border: solid 2px #00f;}

.brandImg {
    zoom: 1;
    margin-left: 110px;
}

.contentsHeader {
    z-index: 1;
    position: fixed;
    top: 52px;
    right: 0;
    left: 170px;
    min-width: 720px;
    height: 30px;
    padding: 4px 20px 4px;
    border-bottom: 1px solid #C8CBCE;
    background: #FFFFFF;
}

.contentsHeader .pageLinkList { padding-top: 7px; }

.contentsHeader .btn {
    height: 30px;
    line-height: 30px;
}

.setItemImg li { margin-top: 5px }

/*---------------
calendar
---------------*/

.uploadCheckCalendar{
  display: inline-block;
  position: relative;
  margin: 5px 0;
  line-height: 28px
}

.uploadCheckCalendar::after {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 14px;
    height: 13px;
    background: url(../img/icon/icon_calendar.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
  }

.uploadCheckCalendar input {
    width: 120px;
    height: 28px;
    margin: -2px 0 0;
    padding: 0 10px;
    font-size: 12px;
    vertical-align: top;
  }

.ui-datepicker-div
.ui-datepicker-calendar {
    margin-top: 10px;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.ui-datepicker-calendar a {
  font-size: 90.9%;
}

.ui-datepicker .ui-datepicker-next { float: right; }

.ui-datepicker .ui-datepicker-prev { float: left; }

.ui-datepicker-title { text-align: center; }

.ui-datepicker-header {
    padding: .2em 0;
    font-size: 145.4%;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background-image: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    width: auto;
    margin: .5em .2em .4em;
    padding: .2em .6em .3em .6em;
    float: right;
    overflow: visible;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker-calendar thead th span[title=Sunday] { color: #ff0000; }

.ui-datepicker-calendar thead th span[title=Saturday] { color: #0000ff; }

.ui-datepicker-calendar a {
    display: block;
    width: auto;
    height: auto;
    padding: 5px;
    color: #111111;
    line-height: 16px;
    text-decoration: none;
}

td.ui-datepicker-today {
    background: #2885E7;
}

.ui-datepicker {
    padding: .2em .2em 0;
}

.ui-corner-all {
    border-radius: 4px;
}

.ui-helper0clearfix {
    display: block;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    background-image: url(/common/img/bg/bg_white.png);
    background-repeat: repeat-x;
    font-weight: bold;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background-color: #cccccc;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

.ui-datepicker table {
    width: 100%;
    margin: 0 0 .4em;
    border-collapse: collapse;
    font-size: .9em;
}

.ui-datepicker th {
    padding: .7em .3em;
    border: 0;
    font-weight: bold;
    text-align: center;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background-color: #e6e6e6;
    color: #555555;
    font-weight: normal;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background-color: #dadada;
    color: #212121;
    font-weight: normal; }

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
    }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    color: #212121;
    font-weight: normal; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-widget :active { outline: none; }

/* IE firefox対応ime-mode */

.imeD { ime-mode: disabled; }

.issue-status-1 {
width: 80px;
padding: 3px;
border: 1px solid #ccc;
background: #FFCCCC;
text-align: center;
}

.issue-status-2 {
width: 80px;
padding: 3px;
border: 1px solid #ccc;
background: #C2D3A3;
text-align: center;
}

.issue-status-3 {
width: 80px;
padding: 3px;
border: 1px solid #ccc;
background: #D3E0EF;
text-align: center;
}

.issue-status-4 {
width: 80px;
padding: 3px;
border: 1px solid #ccc;
background: #ECECEC;
text-align: center;
}

.issue-status-5 {
width: 80px;
padding: 3px;
border: 1px solid #ccc;
background: #c0c0c0;
text-align: center;
}

.uneditable {
    color: red;
    font-weight: bold;
}

.deletedata {
    color: red;
}

.icnHaiBanTag {
width: 100%;
border: 1px solid #999;
background: #FFF;
color: #999;
text-align: center;
}

.footerInfo {
    float:right;
}

.footerLogo {
    margin-top: 25px;
    float: right;
}

.footerInfo table {
    border: none;
}

.footerInfo th {
    border: none;
}

.footerInfo td {
    border: none;
}

/* ボタンを中央寄せするために追加 */

.placeCenterButton {
    position: relative;
}

.placeCenterButton ul {
    position: relative;
    left: 50%;
    float: left;
}

.placeCenterButton ul li {
    position: relative;
    left: -50%;
    float: left;
}

.formerror {
    margin-top: 10px;
    color: #FF3333;
    font-weight: bold;
}

.msgMain {
    max-width: 960px;
    height: 120px;
    margin-top: 20px;
    background-color: #D9D9D9;
    text-align: center;
    vertical-align: top;
}

.msgSub {
    padding: 25px;
    font-weight: bold;
}

/*info------------------*/

.info {
    padding: 10px;
    border: solid 1px #fae486;
    background-color: #fcf4ce;
    color: #5d411e;
    font-size: 109%;
}

.miniInfo {
    padding: 20px;
    border: 1px solid #BBBBBB;
    border-bottom: none;
    color: #5d411e;
    font-size: 109%;
}

.pleaseInfo {
    padding: 10px;
    border: 1px solid #BBBBBB;
    border-bottom: none;
    color: #5d411e;
    font-size: 109%;
}

/*support------------------*/

.support{
    margin: 0 10px;
    padding: 10px;
    border: double 3px #d2d1d0;
    background-color: #eae9e7;
    text-align: center;
}

/*policy------------------*/

.policy{
    margin: 25px 20px 0 20px;
    padding: 15px 5px;
    border: double 3px #d2d1d0;
    background-color: #eae9e7;
}

/*shopName------------------*/

.shopName {
    padding: 6px 0 0 10px;
    font-size: 109%;
}

.cul ul{
    text-align:center;
}

.cul li{
    display:inline;
}

/* ブランド一覧 */

/*-----------------------
#brand.link
#category.link
#coordinata.link
#desiner.link
----------------------*/

.linksHead { height: 60px; }

.linksHead .headWrapper { padding-top: 21px; }

.linksHead .calendar {
    float: left;
    background-position: -440px -1600px;
}

.linksHead .chara { background-position: -440px -1560px; }

.linksHead .calendar,
.linksHead .chara {
    min-height: 20px;
    padding-left: 25px;
    line-height: 20px;
}

.linksHead .divide,
.linksHead .listLink { line-height: 20px; }

.linksHead .divide {
    *display: inline;
    margin-right: 5px;
    float: left;
}

.linksHead .listLink {
    padding-top: 1px;
    float: left;
    line-height: 20px;
}

.linksHead .listLink .fcSlash {
    padding: 0 5px;
    font-size: 118.1%;
    font-weight: bold;
}

.linksHead .listLink li { float: left; }

.linksHead .listLink a {
    color: #666666;
    font-size: 118.1%;
    font-weight: bold;
}

.linksHead .listLink a:hover { color: #FF3333; }

.linkListWrapper { padding-bottom: 20px; }

.linkListWrapper .moveToTop {
    margin: 15px 0 0 15px;
    padding: 0;
}

.linkListInner ul { margin-top: 5px; }

.linkListInner { padding: 0 15px; }

.categoryLinkList,
.brandLinkList,
.designerLinkList { margin-top: 45px; }

.categoryLinkList:first-child,
.brandLinkList:first-child,
.designerLinkList:first-child { margin-top: 20px; }

.brandLinkList > h2,
.designerLinkList > h2,
.categoryLinkList > h2,
.coordinateLinkList > h2 { margin-left: 15px; }

.linkRoomTableView,
.categoryTableView,
.brandTableView,
.designerTableView {
    width: 810px;
    margin-right: -1px;
    overflow: hidden;
}

.categoryTableView > li,
.brandTableView > li,
.designerTableView > li {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    position: relative;
    margin-top: 20px;
    vertical-align: top;
}

.designerTableView > li,
.categoryTableView > li,
.brandTableView > li { width: 135px; }

.linkRoomTableView > li {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    position: relative;
    width: 240px;
    padding: 15px 15px 5px;
    vertical-align: top;
}

.linkRoomTableView > li > a {
    display: block;
}

.categoryLinkList .rightArrow,
.coordinateLinkList .rightArrow {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    min-height: 20px;
    padding-right: 20px;
    background-position: right -465px;
    line-height: 20px;
    text-decoration: underline;
}

.categoryLinkList .rightArrow:hover,
.coordinateLinkList .rightArrow:hover,
.linkRoomTableView a:hover .rightArrow { background-position: right -505px; }

.categoryTableView .listName{ margin-top: 5px; }

.newDesignerWrap,
.newBrandWrap {
    border-top: 1px solid #DDD;
    background: url(/common/img/bg/bg_article_border.png) repeat-x;
    background-position: left top;
}

.newDesigner,
.newBrand { margin-top: 15px; }

.newDesignerInner,
.newBrandInner {
    width: 1079px;
    margin: 0 auto;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

.newDesigner .headWrapper,
.newBrand .headWrapper { padding: 20px 0 0 15px; }

.newDesignerInner .star,
.newBrand .star {
    min-height: 20px;
    padding-top: 3px;
    padding-left: 25px;
    background-position: -440px -1720px;
    line-height: 20px;
}

.newDesignerList,
.newBrandList {
    width: 1081px;
    margin-top: 5px;
    margin-right: -1px;
    overflow: hidden;
}

.newDesignerList > li,
.newBrandList > li {
    zoom: 1;
    display: inline-block;
    *display: inline;
    width: 135px;
    vertical-align: top;
}

.newDesigner li { width: 135px; }

.newDesignerList .designerListInner { padding: 15px 15px 20px; }

.newBrand .brandListInner { padding: 15px; }

.brandListInner a { display: block; }

.linkListInner .newTag,
.brandListInner .newTag {
    color: #FF3333;
}

.brandListInner ul { margin-top: 5px; }

.initialSearch {
    zoom:1;
    padding: 10px 10px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

.initialInner { border: 4px solid #EFEFEF;}

.initialSearch ul {
    width: 780px;
    overflow: hidden;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
}

.initialSearch li {
    float: left;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    background: #EFEFEF;
    color: #C6C6C6;
}

.initialSearch li {
    width: 29px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.initialSearch li a {
    width: 29px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.initialSearch li a {
    display: block;
    background: #FFF;
}

.initialSearch li a:hover {
    background: #FF3333;
    color: #FFF;
}

/*----------------------------
contents
---------------------------*/

.mainItems {
    zoom: 1;
    position: relative;
    margin-top: -1px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

span.addBrandNavi {
    zoom:1;
    display: inline-block;
    *display: inline;
    z-index: 0;
    position: relative;
    height: 40px;
    margin-left: 17px;
    *margin-left: 0;
    padding: 0 5px;
    border-right: 1px solid #f3aeae;
    background: #f3aeae;
    color: #5d411e;
    font-weight: bold;
    line-height: 40px;
}

.addBrandNavi:after {
    display: block;
    position: absolute;
    top: 72%;
    left: -11px;
    width: 0;
    height: 0;
    margin: -29px;
    border: 20px solid;
    border-color: transparent;
    border-right-color: #f3aeae;
    content: "";
}

/*----------------------
画像uploadgif
-------------------------*/

.uploadingProductArea {
    -moz-opacity: 0.85;
    display: none;
    z-index: 1050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    filter:alpha(opacity=85);
    opacity: 0.85;
}

.uploadingProductItem {
    position: fixed;
    top: 45%;
    width: 100%;
    color: #333333;
    font-size: 14px;
    text-align: center;
}

.uploadingProductItem img {
    display: block;
    position: relative;
    top: 10px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.uploadingProductArea a {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
  display: inline-block;
  height: 40px;
  margin: 25px 0 0;
  padding: 0 25px;
  background-color: #111;
  color: #FFFFFF !important;
  font-size: 12px;
  line-height: 40px;
  text-decoration: none !important;
  cursor: pointer;
          user-select: none
}

.uploadingProductArea a:hover {
    background-color: #337ab7;
  }

.uploadingProductArea a.is_disabled {
    background: #efefef;
    color: #999 !important;
    cursor: default;
  }

.uploadingProductArea a.dn {
    display: none;
  }

/*----------------------
custom.css
-------------------------*/

body{
    background-color: #FFF;
}

.form-control, .btn, .panel-title{
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{
  margin-bottom:0;
}

select,input[type="file"]{
    height:auto;
    margin-top:inherit;
    line-height:inherit;
}

.radio, .checkbox {
    margin: 0;
}

#wrapper {
    font-size: 12px;
}

#wrapper textarea{
    overflow: visible;
    resize: vertical;
}

label {
    display: block;
    font-weight: bold;
}

a:link{
    color: #111;
    text-decoration: underline;
}

a:visited {
    color: #111;
}

a:hover{
    color: #337AB7;
}

a.toSave {
    zoom: 1;
    display: inline-block;
    *display: inline;
    min-height: 20px;
    padding-right: 25px;
    background-position: right -1118px;
    color: #4B4A4A;
    font-size: 109%;
    line-height: 20px;
    text-decoration: none;
}

a.toSave:hover {
    text-decoration: underline;
}

#page-wrapper{
    border: none;
    font-size: 12px;
}

.c-box{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.cur{cursor: pointer;}

.fs11{font-size:11px;}

.fwN{font-weight: normal;}

.mt7{margin-top: 7px;}

.mb15{margin-bottom:15px;}

.p0{padding: 0!important;}

.p30{padding:30px;}

.pb150{padding-bottom: 150px!important;}

.w84{width:84px;}

.w11p{width: 11%;}

.w50p{width: 50%;}

.maxw70{max-width: 70px;}

.minw100{min-width: 100px;}

.page-header{
    margin:10px 0 20px;
    padding-bottom: 14px;
    border-bottom:1px solid #eee;
    font-size:14px;
    font-weight:bold;
    line-height: 22px;
}

.icon-arrow-left{
    padding-left: 15px;
    background: url(../img/icon_sprite_clp.png) no-repeat;
    background-position: -10px -118px;
}

.icon-arrow-left:hover{
    background: url(../img/icon_sprite_clp.png) no-repeat;
    background-position: -10px -138px;
}

.gNav .disabled{
    filter: alpha(opacity=40);
    opacity: .4;
    pointer-events: none;
}

/*--------------
text
----------------*/

.text-default{color:#111;}

.text-danger{color:#F33;}

.text-muted{color:#999;}

.text-status{
    display:inline;
    padding-right:15px;
    font-size:22px;
    font-weight:bold;
}

.text-status span{
    font-size: 14px;
    font-weight: normal;
}

.text-success{color:#5cb85c;}

.text-warning{color:#f0ad4e;}

/*--------------
alert
----------------*/

.alert-danger{border-color:#F9D8D8;background-color:#FFEBEB;color:#f33;}

.alert-dismissable .close,.alert-dismissible .close{top:-1px;right:-34px;}

.alert{padding: 5px;}

.alert-dismissable, .alert-dismissible{padding-right: 40px;}

.alert>p+p{margin: 0;float: right;}

.alert.alert-success {padding-left: 20px;}

.alert.alert-success .fa-check-circle {margin-left: -15px;}

/*--------------
navbar
----------------*/

.navbar-default{border-bottom:5px solid #DDD;background-color:#ccc;}

.navbar-default .navbar-brand,.navbar-top-links li a{
    color: #111;
    text-decoration: none;
}

.navbar-header{float: left;}

.navbar-right{float: right;}

.navbar-top-links{margin-right: 0;}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a{
    padding: 20px 15px;
}

.navbar-top-links li a:hover{
    background-color:#bbb;
}

.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a{
    padding: 4px 15px;
    white-space: normal;
}

.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts {
    width: 310px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.navbar-brand{
    height: 60px;
    padding: 20px 15px;
    float: left;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand > img {
    display:inline;margin:-5px 10px 0 15px;
}

/*--------------
table
----------------*/

.table-bordered-bg td,.table-bg td{
    padding:5px;
    border:1px solid #ddd;
}

.table-bordered-bg th,.table-bg th{
    padding:5px;
    border:1px solid #ddd;
    background:#f0f0f0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
}

.table-bordered-bg tr:nth-child(2n) td{
    background: #f9f9f9;
}

.table-hover>tbody>tr:hover td{
    background-color: #f5f5f5;
}

.table-itm{border:none;background-color:#FFF;}

.table-itm td{
    padding: 0 0 5px;
    border: none;;}

.table-itm td:nth-child(1){width:7em;}

.table-itm td:nth-child(2){padding:0 0 5px 5px;}

.table-itm td:nth-child(3){width:4em;}

/*--------------
other
----------------*/

.row{margin-right: -10px;margin-left: 0;}

.col-lg-4,.col-lg-8,.col-lg-12{
    padding: 0 10px 0 0;
}

.col-lg-4{
    width: 33.33333333%;
    float: left;
}

.col-sm-6{
    width: 50%;
    padding: 0 10px;
    float: left;
}

.list2Clm li{width: 50%;}

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

.listH label{font-weight:normal;}

.status {
    margin: 0 auto;
    border: 1px solid;
    background: #fff;
    text-align: center
}

.status.active {
        border-color: #0066cc;
        color: #0066cc;
    }

.status.transaction {
        border-color: #0066cc;
        background: #0066cc;
        color: #fff;
    }

.status.processing {
        border-color: #F0AB54;
        color: #F0AB54;
    }

.status.disabled {
        border-color: #999;
        background: #efefef;
        color: #999;
    }

/*--------------
panel
----------------*/

.panel{margin-bottom: 10px;}

.panel-default>.panel-heading{background-color:#f0f0f0;}

.panel-group{
    margin-bottom: 10px;
}

.panel-group .panel+.panel{
    margin-top: 10px;
}

#page-wrapper .col-lg-12 .panel-default{
    margin: 10px 0 0;
}

.vertical{
    max-height:500px;
    margin-top: 5px;
    overflow:auto;
}

.vertical li{
    padding: 0 0 5px;
    border: none;
}

.vertical li:last-child{
    padding: 0;
}

.vertical li table{
    border: none;
}

.vertical li tr,
.vertical li td{
    padding: 0;
    border: none;
}

.vertical li td:first-child{
    width:85px;
    padding-right: 5px;
}

.vertical li td img{
    max-width: 100%;
}

.vertical li div{
    display: table;
    margin-bottom: 5px;
    overflow: hidden;
}

.vertical li div p{
    display: table-cell;
    padding-right: 5px;
    vertical-align: middle;
}

.vertical li input{
    width: 51px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 12px;
    text-align: center;
}

.vertical li a{
    color: #111;
    text-decoration: underline;
    cursor: pointer;
}

.vertical li a:hover{
    color: #337ab7;
}

/*--------------
toolTipTag
----------------*/

.toolTipTag{
    display:none;
    z-index: 999;
    position:absolute;
    top:0;
    left:0;
    margin:3px 0 0 16px;
    padding:10px;
    border:1px solid #CCC;
    background:#FFF;
    font-size:11px !important;
    font-weight:normal !important;
    white-space: nowrap;
    filter:alpha(opacity=0);
    opacity:0;
}

.toolTipTagArrow{
    display: block;
    position: absolute;
    top: -8px;
    right: 10px;
    left: auto;
    width: 14px;
    height: 8px;
    background: url(../img/icon_balloon_arrow.png) no-repeat 0 0;
}

.imgTooltip {
    margin: -3px 0 0 -1px;
    cursor: pointer;
}

/*--------------
pager
----------------*/

.xp .pager a,.xp .pager .current {
    line-height:1.7;
}

.pager {
    margin: 0;
}

.pager li{
    margin:0 0 0 5px;
    float:left;
}

.pager li:first-child {
    margin-left:0;
}

.pager li a,.pager .current{
    padding:0 7px 0 6px;
    overflow:hidden;
    line-height:2.0;
}

.pager li a{
    display:block;
    border: none;
    border-radius: 0;
    background:#F2F2F2;
    color:#999;
    text-decoration: none;
}

.pager .current{
    background:#111;
    color:#FFF;
}

.pager li a:hover{
    background:#337ab7;
    color:#FFF;
}

.pager .leftSingle,.pager .leftDouble,.pager .rightSingle,.pager .rightDouble{padding:0 5px 0 3px;}

.pager img{display:block;}

.pager .leftSingle img{margin-top:0;}

.pager .leftSingle:hover img,.pager .current .leftSingle img{margin-top:-20px;}

.pager .leftDouble img{margin-top:-40px;}

.pager .leftDouble:hover img,.pager .current .leftDouble img{margin-top:-60px;}

.pager .rightSingle img{margin-top:-80px;}

.pager .rightSingle:hover img,.pager .current .rightSingle img{margin-top:-100px;}

.pager .rightDouble img{margin-top:-120px;}

.pager .rightDouble:hover img,.pager .current .rightDouble img{margin-top:-140px;}

/*--------------
btn
----------------*/

.fixB {
    z-index:1;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    margin-left:195px;
    padding-right:0;
    background-color:#FFF;
}

.fixB a {
    display: inline-block;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    border-color: #adadad;
    background-color: #e6e6e6;
    color: #333;
}

.btn-default{
    height: auto;
    padding: 6px 5px;
    border: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    background-image: none;
    color: #333!important;
    font-size: 12px;
    line-height: 1.6;
}

.btn-primary{
    height: auto;
    padding: 6px 12px;
    border: 1px solid #111;
    background-color: #111;
    background-image: none;
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
}

.btn-primary:hover{
    border-color: #337ab7;
    background-color: #337ab7;
    color: #fff!important;
}

.btn-primary.disabled,
.btn-primary.disabled:hover{
    border-color: #111;
    background-color: #111;
    pointer-events: auto;
}

.btn-outline{
    -webkit-transition: 0s;
    background-color: transparent;
    color: inherit;
    transition: 0s;
}

.btn-primary.btn-outline{
    color: #111!important;
}

.btn-primary.btn-outline:hover{
    color: #fff!important;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 15px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    border-radius: 0;
    font-size: 11px;
}

.uploadButton span {
    float: left;
    font-size: 11px;
}

.uploadButton .trigger {
    display: block;
    position: relative;
    width: 128px;
    margin: 0 5px 5px 0;
    padding: 6px 5px;
    float: left;
    overflow: hidden;
    background-color: #efefef;
    text-align: center;
}

.uploadButton input{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
}

.icnSC{
    background-image: url(../img/icon_sprite_clp.png);
    background-repeat: no-repeat;
}

a.selectConditions{
    display: inline-block;
    margin-top: -1px;
    padding: 1px 0 0 25px;
    background-position: 0 -60px;
    text-decoration: none;
    vertical-align: middle;
}

a.selectConditions:hover{
    background-position: 0 -90px;
    text-decoration: none;
}

a.selectConditions.collapsed{
    background-position: 0 0;
}

a.selectConditions.collapsed:hover{
    background-position: 0 -30px;
}

/*--------------
bg-checkbox
----------------*/

.bg-checkboxWrap{
    padding:5px;
}

.bg-checkbox li, .bg-checkbox span{
    display: inline-block;
    position: relative;
    padding: 0;
}

.bg-checkbox li {
    margin: 5px 0;
}

.bg-checkbox input{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.bg-checkbox input[type="checkbox"] + label,
.bg-checkbox input[type="radio"] + label {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-bottom: 0;
    padding-left: 25px;
    background: url(../img/icon_sprite_clp.png)no-repeat;
    font-weight: normal;
    line-height: 22px;
    vertical-align: middle;
}

.bg-checkbox input[type="checkbox"] + label,
.bg-checkbox input[type="radio"] + label{
    background-position: 0 -219px;
}

.bg-checkbox input[type="checkbox"]:checked + label,
.bg-checkbox input[type="radio"]:checked + label {
background-position: 0 -319px;
}

.bg-checkbox.wlabel label {
    display: block;
}

.checkbox-s {
    display: block;
    position: relative;
}

.checkbox-s input{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    cursor: pointer;
    opacity: 0;
}

.checkbox-s .icn-checkbox{
    width: 20px;
    height: 20px;
    margin: auto;
    background: url(../img/icon_sprite_clp.png)no-repeat;
    background-position: 0 -220px;
}

.checkbox-s input[type="checkbox"]:checked + .icn-checkbox{
    background-position: 0 -320px;
}

.radioIcon {
    display: inline-block;
    position: relative;
    margin: 5px 5px 5px 0;
    padding: 0 0 0 25px;
    font-weight: normal;
    line-height: 20px
}

.radioIcon:last-child {
        margin: 5px 0;
    }

.radioIcon::before, .radioIcon::after {
        position: absolute;
        border-radius: 100%;
        content: "";
    }

.radioIcon::before {
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #bbb;
        border-radius: 100%;
        background: #fff;
    }

.radioIcon.checked::after {
            top: 5px;
            left: 5px;
            width: 10px;
            height: 10px;
            background: #111;
        }

.radioIcon.disabled {
        color: #bbb;
    }

.radioIcon input[type="radio"] {
        display: none;
    }

/*--------------
multiselect sku
----------------*/

.dropdown-menu{
    padding: 10px 0;
}

.dropdown-menu>li>a{
    padding: 0;
}

.multiselect-container {
    position: absolute;
    min-width: 80px;
    margin: -1px 0 30px;
    padding: 5px 0;
    list-style-type: none;
}

.multiselect-container>li.multiselect-group label {
    height: 100%;
    margin: 0;
    padding: 3px 20px;
    font-weight: 700;
}

.multiselect-container > li > a > label {
    padding: 5px;
    font-weight: normal;
    line-height: 20px;
    cursor: pointer;
}

.multiselect-container > li > a > label > input[type=radio]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

/*--------------
multiselect-category
multiselect-designer
----------------*/

.rquest-category {
    position: relative;
}

.request-trigger {
    display: inline-block;
    padding: 5px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

.request-trigger:hover {
    background: #e6e6e6;
}

.request-trigger.selected {
    background: #e6e6e6;
}

.request-contents{
    display: none;
    z-index: 3;
    position: absolute;
    min-width: 205px;
    height: auto;
    margin: -1px 0 30px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.threeColumnMiddleList input[type="radio"],
.threeColumnInnerList input[type="radio"],
.threeColumnMiddleList input[type="checkbox"],
.threeColumnInnerList input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
}

.merchandiseList input[type="checkbox"],
.merchandiseList input[type="radio"],
.threeColumnList input[type="checkbox"],
.threeColumnList input[type="radio"] {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.merchandiseList,
.threeColumnList {
    margin: 5px 0;
    list-style: none;
}

.merchandiseList > li > a,
.threeColumnList > li > a {
    display:inline-block;
    vertical-align:middle;
}

.merchandiseList > li > .icnSingleCb,
.merchandiseList > li > .singleCbWrap > .icnSingleCb,
.threeColumnInnerList > li > .singleCbWrap > .icnSingleCb {
    margin-right:4px;
}

.merchandiseList > li > .singleCbWrap.noAc,
.threeColumnList > li > .singleCbWrap.noAc {
    padding-left:24px;
}

.merchandiseList > .checkLine > .singleCbWrap.noAc,
.threeColumnList > .checkLine > .singleCbWrap.noAc {
    padding-left:38px;
}

.merchandiseList > li,
.threeColumnList > li {
    line-height:20px;
    white-space: nowrap;
}

.singleCbWrap {
    display:block;
    padding:5px;
}

.singleCbWrap:hover {
    background-color: #F5F5F5;
}

.singleCbWrap a {
    display:inline-block;
    width:160px;
    *margin-top:-6px;
    vertical-align:top;
}

.checkLine .singleCbWrap {
    margin: 0;
    padding:5px;
    background-color: transparent;
}

.checkLine > .singleCbWrap,
.merchandiseInnerList > .checkLine,
.threeColumnInnerList > .checkLine {
    background-color:#337ab7;
    color: #FFFFFF;
}

.checkLine > .singleCbWrap:hover,
.merchandiseInnerList > .checkLine:hover,
.threeColumnInnerList > .checkLine:hover {
    background-color:#337ab7;
    color: #FFFFFF;
}

.merchandiseList > .checkLine > .singleCbWrap > .icnSingleCb,
.merchandiseInnerList > .checkLine .icnSingleCb,
.threeColumnInnerList .checkLine > .icnSingleCb {
    background-position:0 -320px;
}

.icnSingleAccordionCb.close,.icnSingleAccordionCb {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:4px;
    background-position:0 -160px;
    vertical-align:top;
    cursor:pointer;
}

.icnSingleAccordionCb.open {
    background-position:0 -190px;
}

.icnSingleCb {
    display:inline-block;
    position: relative;
    width:20px;
    height:20px;
    background-position:0 -220px;
    vertical-align:top;
    cursor:pointer;
}

.merchandiseInnerList > li,
.threeColumnMiddleList > li {
    margin-right: 0;
    margin-left:0;
    padding:5px 15px 5px 46px;
    line-height:20px;
    white-space: nowrap;
}

.threeColumnInnerList > li {
    margin-right: 0;
    margin-left:0;
    padding:5px 15px 5px 68px;
    line-height:20px;
}

.singleCbWrap:hover {
    background-color: #F5F5F5;
}

.merchandiseInnerList > li:hover,
.threeColumnMiddleList > li:hover,
.threeColumnInnerList > li:hover {
    background-color: #F5F5F5;
}

.merchandiseInnerList > li > .icnSingleCb,
.threeColumnInnerList > li > .icnSingleCb {
    margin-right:4px;
}

.merchandiseInnerList,
.threeColumnMiddleList,
.threeColumnInnerList {
    display: none;
    height: 100%;
    overflow:hidden;
    white-space: nowrap;
}

.merchandiseInnerList a,
.threeColumnMiddleList a,
.threeColumnInnerList a,
.merchandiseInnerList .fcG,
.threeColumnMiddleList .fcG,
.threeColumnInnerList .fcG {
    display:inline-block;
    width:150px;
    *width:140px;
    *margin-top:-6px;
    vertical-align:top;
}

.dummy-column {
    display: none;
}

.threeColumnMiddleList > li {
    padding: 0;
}

.threeColumnMiddleList > li > .singleCbWrap {
    padding-left: 27px;
}

.threeColumnMiddleList > li:hover {
    background: transparent;
}

.request-brand-trigger {
    display: inline-block;
}

.request-brand-trigger button{
    padding: 10px 15px;
}

.request-brand-trigger .multiselect-container{
    -ms-overflow-y: scroll;
    top: inherit;
    bottom: 100%;
    max-height: 490px;
    margin-bottom: -1px;
        overflow-y: scroll;
    text-align: left;
}

.new-itm-btn {
    display: inline-block;
}

.topicPath li a:link,.topicPath li a:visited, .support p a:link,.support p a:visited, .bal a:link, .bal a:visited{
    color: #0066cc;
    text-decoration: none;
}

.topicPath li a:hover, .support p a:hover, .bal a:hover{
    color: #ff9600;
    text-decoration: underline;
}

.wlabel label {
    display: inline;
    font-weight: normal;
}

/*--------------
itmData
----------------*/

.itmData {
    border: none;
}

.itmDataTh,
.itmDataTd{
    border: none;
    background: #FFF;
    vertical-align: top;
}

.itmDataTh {
    width: 131px;
    padding-left: 0;
}

/*--------------
tooltip
----------------*/

.fade {
    -webkit-transition: opacity .30s linear;
    opacity: 0;
    transition: opacity .30s linear;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tooltip-inner {
    width: auto;
    max-width: inherit;
    padding:10px;
    border: 1px solid #CCC;
    border-radius: 0;
    background: #FFF;
    color: #111;
    text-align: left;
}

.tipbttom+.tooltip.bottom .tooltip-arrow {
    top: -2px;
    left: 15px !important;
    width: 14px;
    height: 8px;
    border: none;
    background: url(../img/icon_balloon_arrow.png) no-repeat 0 0;
}

.tooltip {
    display: block;
    visibility: visible;
    z-index: 1070;
    position: absolute;
    font-family: inherit;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    filter: alpha(opacity=0);
    opacity: 0;
}

.tooltip.bottom {
    margin-top: 8px;
}

/*--------------
modal
----------------*/

.modal-open .modal {
    overflow: auto;
}

.modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100vw;
    height: 100%;
    min-height: 100vh;
    background: #000;
    opacity: .8;
}

.modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 900px;
    margin: 0;
}

.modal-dialog .modalClose {
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -webkit-box-sizing: content-box;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                box-sizing: content-box;
        display: block;
        z-index: 1046;
        position: absolute;
        top: -20px;
        right: -20px;
        width: 30px;
        height: 30px;
        padding: 5px;
        border: 0;
        outline: none;
        background-color: #000;
                box-shadow: none;
        color: #333333;
        font-family: Arial, Baskerville, monospace;
        font-size: 28px;
        font-style: normal;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
                user-select: none;
    }

.modal-dialog .modalClose > span {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 4px;
            height: 20px;
            padding: 0;
                    transform: translate(-50%, -50%) rotate(45deg);
            background: #fff
        }

.modal-dialog .modalClose > span::before {
                display: block;
                position: absolute;
                top: 50%;
                left: -8px;
                width: 20px;
                height: 4px;
                margin-top: -2px;
                background: #fff;
                content: "";
            }

.modal-content {
    -webkit-transform: translateX(-50%);
    left: 45%;
    margin: 5%;
    padding: 30px 20px;
            transform: translateX(-50%);
    border-radius: 0;
}

.modal-content .text-danger {
        margin: 20px 0 0;
        font-size: 12px;
    }

.modal-header {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}

.modal-header .title {
        padding: 5px 15px;
        border: 1px solid #ccc;
        background: #f0f0f0;
        font-size: 14px;
    }

.modal-body {
    padding: 0;
}

.modal-footer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            justify-content: space-between;
    margin: 20px 0 0;
    padding: 0;
    border: 0
}

.modal-footer::before, .modal-footer::after {
        display: none;
        content: none;
    }

.modal-footer .btn {
        width: 300px;
        margin: 0
    }

.modal-footer .btn+.btn {
            margin: 0;
        }

.modal-footer .btn:only-child {
            margin: 0 auto;
        }

.modal-footer .btn:disabled {
            background: #efefef;
            color: #999 !important; /* .btn自体がcolor: #fff !importantの為 */
            cursor: default;
        }

.bootstrap-select+.btn-group {
    display: none;
  }

.bootstrap-select .test > label {
      padding: 5px;
      font-weight: normal;
      line-height: 20px;
      cursor: pointer;
    }

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    height: 33px;
    padding: 8px 12px 7px 10px;
    text-align: left;
  }

.bootstrap-select > .dropdown-toggle .filter-option {
      line-height: 16px;
    }

.bootstrap-select .dropdown-menu li a {
        padding: 5px;
        line-height: 20px;
      }