@charset "utf-8";
@import url(reset.css);

/*--------------------------------------------------

global-init

--------------------------------------------------*/
html { height: 100%; overflow-y:scroll; }
body {
    height: 100%;
    font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    font-size: 12px;
    color: #3d3d3d;
    background: #fff;
}
h1 {
    padding: 15px 0;
    width: 240px;
    height: 30px;
    float: left;
}
a { text-decoration: none; color: #0050ba; }
a:hover { text-decoration: underline; }

header { margin-top: 10px; }
footer { margin: 0;
         height: 75px;
         border-top-style: solid;
         border-color: #efefef;
         clear: both
       }


/*--------------------------------------------------

global-id/class

--------------------------------------------------*/
/* wrapper */
#wrapper {
    margin: 0 auto -75px;
    width: 960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/* adminmenu */
#adminmenu {
    margin-left: 260px;
    _margin-top: -80px;
    width: 700px;
    list-style-type: none;
}

/* adminLoginId */
.adminLoginId {
    margin-top: -30px;
    width: 960px;
    float : right;
}

  #adminmenu li { float: right; margin: 0 0 0 10px;}

/* menu */
#menu {
    margin-left: 260px;
    _margin-top: -80px;
    width: 700px;
    list-style-type: none;
    background: url(./../img/menu.gif) no-repeat left top;
    visibility:hidden;
}

    #menu li { width: 100px; height: 70px; float: left;  }
    #menu li a {
        width: 100px;
        height: 70px;
        background: url(./../img/menu.gif) no-repeat left top;
        display: block;
    }
    /* menu01 */
    #menu li.m01 a { background-position: 0 0; }
    #menu li.m01 a:hover, #menu li.m01 a.on { background-position: 0 -70px; }
    /* menu02 */
    #menu li.m02 a { background-position: -100px 0; }
    #menu li.m02 a:hover, #menu li.m02 a.on { background-position: -100px -70px; }
    /* menu03 */
    #menu li.m03 a { background-position: -200px 0; }
    #menu li.m03 a:hover, #menu li.m03 a.on { background-position: -200px -70px; }
    /* menu04 */
    #menu li.m04 a { background-position: -300px 0; }
    #menu li.m04 a:hover, #menu li.m04 a.on { background-position: -300px -70px; }
    /* menu05 */
    #menu li.m05 a { background-position: -400px 0; }
    #menu li.m05 a:hover, #menu li.m05 a.on { background-position: -400px -70px; }
    /* menu06 */
    #menu li.m06 a { background-position: -500px 0; }
    #menu li.m06 a:hover, #menu li.m06 a.on { background-position: -500px -70px; }
    /* menu07 */
    #menu li.m07 a { background-position: -600px 0; }
    #menu li.m07 a:hover, #menu li.m07 a.on { background-position: -600px -70px; }
        #menu li h2 { display: none; }

/* subMenu */
#subMenu { margin-top: 20px; float: right; }
    #subMenu li {
        margin-left: 5px;
        width: 94px;
        height: 26px;
        float: left;
    }

/* resize */
#resize { margin: 24px 10px 0 0; height: 22px; float: right; visibility:hidden; }
    #resize li { margin-left: 3px; height: 22px; float: left; }

/* info */
#info { margin-top: -28px; }

    #info h2 { height: 30px; }
    #info h3 {
        padding: 18px 20px 15px;
        font-size: 16px;
        font-weight: bold;
        line-height: 100%;
        border: 1px solid #a0a0a0;
    }
        #info h3 .loginDate { margin: -15px 0 0; display:block; font-size: 11px; font-weight: normal; text-align: right; }
        #info h3 .loginId { padding-left: 1em; font-size: 15px; font-weight: normal; }

/* pageMenu */
#pageMenu { margin-top: 10px; padding: 10px; background: url(./../img/pageMenuBg.gif) left top repeat; height: 50px; }
    #pageMenu ul { list-style-type: none; }
        #pageMenu li, #pageMenu li a { width: 188px; height: 50px; float: left; }
        #pageMenu li a { display: block }
            #pageMenu li h2 { display: none; }

/* issueMenu */
#issueMenu { margin-top: 10px; padding: 10px; background: url(./../img/pageMenuBg.gif) left top repeat; height: 50px; }
    #issueMenu ul { list-style-type: none; }
        #issueMenu li, #issueMenu li a { width: 156px; height: 50px; float: left; }
        #issueMenu li a { display: block }
            #issueMenu li h2 { display: none; }

/* main */
#main { width: 100%; margin-bottom: 100px; padding: 10px 0; }
    #main h2 { margin-top: 10px; margin-bottom: 2px; }

/* footerIn */
#footerIn { margin: 0 auto; width: 960px; padding: 20px 10px;}
    #footerIn #copyright { float: left; }

    #footerIn ul {
        list-style-type: none;
        float: right;
        border-left: 1px solid #cdcdcd;
    }
    #footerIn li {　height: 25px; float: left; white-space: nowrap; }
    #footerIn li a { text-decoration: none; display: inline-block; border-right: 1px solid #cdcdcd; }
    #footerIn li a:hover { border-bottom: 3px solid #1e80a5; }
    #footerIn li a h2 { padding: 0 12px; font-size: 13px; color: #3d3d3d; line-height: 2em; }

/* textBox textareaBox*/
.textBox {
    height: 2em;
    font-size: 120%;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    color: #666;
    border: 5px solid #999;
    outline: 0;
    line-height: 2em\9;
}
.textareaBox {
    font-size: 120%;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    color: #666;
    border: 5px solid #999;
    outline: 0;
}
.focus { background: #ffefc9 !important; }


/* checkbox */
.cust_checkbox { cursor: pointer; }
.cust_checkbox_on { padding: 4px 10px 0 0; background:url("./../img/checkOn.gif") left center no-repeat; }
.cust_checkbox_off { padding: 4px 10px 0 0; background:url("./../img/checkOff.gif") left center no-repeat; }
.cust_checkbox_disabled_on { padding: 4px 10px 0 0; background:url("./../img/checkDisOn.gif") no-repeat left center; }
.cust_checkbox_disabled_off { padding: 4px 10px 0 0; background:url("./../img/checkDisOff.gif") no-repeat left center; }
.cust_radio_on { cursor: pointer; padding: 4px 4px 0 0; background:url("./../img/radioOn.gif") left center no-repeat; }
.cust_radio_off { padding: 4px 4px 0 0; background:url("./../img/radioOff.gif") left center no-repeat; }
.cust_radio_disabled_on { padding: 4px 4px 0 0; background:url("./../img/radioDisOn.gif") no-repeat left center; }
.cust_radio_disabled_off { padding: 4px 4px 0 0; background:url("./../img/radioDisOff.gif") no-repeat left center; }


/* img (event) */
.pointer { cursor: pointer; }


/* arrow */
.exp { background: url(./../img/arrow.gif) left top no-repeat; padding: 5px 0 0 30px; height: 2em; }

/* message area */
.sectionMessage { margin: 10px 0 10px 0; }

/* default table */
.tableContents { clear: both; margin-top: 5px; }
    .tableContents table { background: #ddd; width: 460px; float: left; }
    .tableContents .onetable { background: #ddd; width: 100%; float: center; }
    .tableContents .petittable { width: 100%; font-weight: bold; margin-bottom: 20px; }
    .tableContents .petittable th { width: 130px; }
    .tableContents th, .tableContents td { padding: 10px; word-break: break-all;}
    .tableContents th {
        text-align: center;
        font-weight: bold;
        color: #fff;
        border: 1px solid #fff;
        background: #1e80a5;
    }
    .tableContents td { border: 1px solid #fff; background: #E6E6E6; }
    .tableContents table .billNum { width: 150px; font-size: 105%; }
    .tableContents table .no { width: 20px; }
    .tableContents table .check { width: 5px; }
    .tableContents table .groupCd { width: 60px; }
    .tableContents table .lineNo { width: 110px; }
    .tableContents table .metaMemo { width: 120px; }
    .tableContents table .metaNote { width: 230px; }
    .tableContents table .customerNo { width: 120px; }
    .tableContents table .customerName { width: 410px; }
    .tableContents table .billName { width: 410px; }

/* index table */
.indexHeight { height: 25px; }

/* 名前
------------------------------------------------------------------*/
.name {
    float:right;
    margin-top:10px;
    margin-bottom:10px;
}

/* 赤10px文字
------------------------------------------------------------------*/
.fnt_red10 {
    margin: 10px 0;
    color:#ab2a2a;
    font-size:13px;
    line-height:14px;
}

/* 青10px文字
------------------------------------------------------------------*/
.fnt_blue12_bold {
    margin: 10px 0;
    color:#274765;
    font-size:13px;
    line-height:14px;
}


/* テーブル下のフォームボタン
------------------------------------------------------------------*/
.form_btn {
    text-align: center;
    margin: 0px 8px 32px;
}
.form_btn img { margin-top: 10px; }
.form_btn input[type="image"] { margin-top: 10px; }

.form_btn_details {
    text-align: center;
    margin: 0px 8px 32px;
    position: relative;
}

.form_btn_app {
    text-align: center;
    position: relative;
    padding: 8px 46px 8px 46px;
    color: #FFF;
    background: #084E6A;
    cursor: pointer;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

/* エラー
------------------------------------------------------------------*/
.error {
    background-color: #FF9999 !important;
}

/* TOOLTIP
------------------------------------------------------------------*/
div.tooltip {

    font-size:9pt;
    position: absolute;
    left: -9999px;
    color: #ffffff;
    background: #000000;
    padding: 3px;
    border: 1px double #ffffff;
    z-index: 1;
}

div.tooltip p{
    padding: 3px 3px;
}

/* 回り込み用
------------------------------------------------------------------*/
div.itemBox { display:block; }
html:lang(ja) div.itemBox { display:table; }
div.leftItem { display:inline;
               vertical-align:middle;
               zoom:1;
}
div.rightItem { display:inline;
                vertical-align:middle;
                padding-left:10px;
                zoom:1
}
html:lang(ja) div.leftItem { display:table-cell;
                             vertical-align:middle;
}
html:lang(ja) div.rightItem { display:table-cell;
                              vertical-align:middle;
                              padding-left:10px;
}

/*------------------------------------------------


adminheader.jsp

--------------------------------------------------*/
    header .adminHeaderTbl { width: 960px; }
    header .adminHeaderTbl tr .right { text-align: right; }
    header .adminHeaderTbl tr .right span { float: right; }
    header .adminHeaderTbl tr .right span a { margin-top: 10px; }
    header .adminHeaderTbl tr .right .loginInfo { margin-top: 50px; font-size: 16px; font-weight:bold }

/*--------------------------------------------------

local
    "/auth/login.html"
    "/auth.reissue.html"

--------------------------------------------------*/
#loginSection { height: 230px; }
#resetSection { height: 200px; }

#logoSoftBank { margin: 20px 10px }

#login { margin: 0 auto; width: 540px; min-height: 500px; height: auto !important; height: 650px; }
    #login h1 {
        margin: 5px 0 0;
        padding: 100px 0 0;
        width: 100%;
        height: auto;
        text-align: center;
        float: none;
    }
    #login h2 { width: 100%; text-align: center; margin-top: 5px; _margin-top: 10px; }
    *+html #login h2 { margin-top: 10px;}

    #login #loginKey, #password, #mailAddr { float: center; width: 240px; }
    #login .loginForm { margin: 0 0 5px; text-align: center; width: 100%; }
    #login .loginForm div { margin: 5px 0px 1px 145px; text-align: left; }
    /*
    #login .sectionMessage {margin: 10px 0 0 145px;}
    */
    #login .sectionMessage {padding: 10px 120px 0px 120px;}
    #login .bottom { text-align: center; width: 100%; }
    *+html #login .bottom { margin-top: 10px; }
    #login p { text-align: center; }
    #login p a { text-decoration: underline; color: #156982; }

#systemInfo {padding: 30px 30px 0px;}
    #systemInfo h3 {
        margin: 0px 0px 5px;
        padding: 2px 3px 3px 2px;
        border-bottom: solid #B9B9B9 3px;
        float: none;
    }

    #systemInfo #infoArea {
        width: 500px;
        height: 100px;
        border: solid #B9B9B9 1px;
        overflow: auto;
    }

    #systemInfo #list_info {
        padding: 10px;
        overflow: visible;
    }

    #systemInfo #list_info dd {
        border-bottom: dotted #B9B9B9 1px;
        margin-bottom: 10px;
        margin-top: -1.0em;
        padding-bottom: 10px;
        padding-left: 80px;
    }

#systemInfo2 {padding: 30px 30px 100px;}
    #systemInfo2 h3 {
        margin: 0px 0px 5px;
        padding: 2px 3px 3px 2px;
        border-bottom: solid #B9B9B9 3px;
        float: none;
    }

    #systemInfo2 #infoArea {
        width: 500px;
        height: 100px;
        border: solid #B9B9B9 1px;
        overflow: auto;
    }

    #systemInfo2 #list_info {
        padding: 10px;
        overflow: visible;
    }

    #systemInfo2 #list_info dd {
        border-bottom: dotted #B9B9B9 1px;
        margin-bottom: 10px;
        margin-top: -1.0em;
        padding-bottom: 10px;
        padding-left: 80px;
    }

#reissueSection { text-align: center; }
    #reissueSection .reissueBtn { margin: 15px 0 0 0; }
#reissue { margin: 0 auto; width: 540px; min-height: 700px; height: auto !important; height: 700px; }
    #reissue h1 {
        margin: 5px 0 0;
        padding: 100px 0 0;
        width: 100%;
        height: auto;
        text-align: center;
        float: none;
    }
    #reissue h2 { width: 100%; text-align: center; margin-top: 5px; _margin-top: 10px; }
    *+html #reissue h2 { margin-top: 10px;}
    #reissue #reissuePassword, #confirmPassword { float: center; width: 240px; }
    /*#reissue .loginForm { margin: 30px 0 5px; text-align: center; width: 100%; }*/
    /*#reissue .loginBtn { text-align: center; width: 100%; margin: 0 0 10px 0; }*/
    #reissue .loginBtn input[type="image"] { margin: 15px 0 0 0; }
    *+html #reissue .loginBtn { margin-top: 10px; }
    /*#reissue p { text-align: center; margin: 0 0 15px 0 ; }*/
    #reissue p a { text-decoration: underline; color: #156982; }

/*--------------------------------------------------

local
    "/index.html"

--------------------------------------------------*/
/*#homeMenu { width: 752px; height: 50px; background: url(./../img/menuHome.jpg) no-repeat left top; }*/
    #homeMenu li { width: 189px; height: 50px; float: left;  }
    #homeMenu li a {
        width: 189px;
        height: 50px;
        background: url(./../img/menuHome.jpg) no-repeat left top;
        display: block;
    }
    #homeMenu li.home01 a { background-position: 0 0; }
    #homeMenu li.home01 a:hover, #homeMenu li.home01 a.on { background-position: 0 -50px; }
    #homeMenu li.home02 a { background-position: -189px 0; }
    #homeMenu li.home02 a:hover, #homeMenu li.home02 a.on { background-position: -189px -50px; }
    #homeMenu li.home03 a { background-position: -377px 0; }
    #homeMenu li.home03 a:hover, #homeMenu li.home03 a.on { background-position: -377px -50px; }
    #homeMenu li.home04 a { background-position: -565px 0; }
    #homeMenu li.home04 a:hover, #homeMenu li.home04 a.on { background-position: -565px -50px; }


#home { padding: 5px 0px; width: 100%; }
    #home #groupSelect { float: right; margin: 0 20px; height: 40px;}

#homeSeikyu { padding: 5px 0px; width: 100%; }
    #homeSeikyu #groupSelect { float: right; padding-bottom: 10px; }

    /* tableContents */
    #tableContents { clear: both; margin-top: 5px; }

        #tableContents table { background: #ddd; width: 460px; float: left; margin-right: 40px; }
        #tableContents .onetable { background: #ddd; width: 100%; float: center; }
        #tableContents th, #tableContents td { padding: 10px; }
        #tableContents th {
            text-align: center;
            font-weight: bold;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #tableContents td { border: 1px solid #fff; background: #f3f3f3; }
        #tableContents .billNum { width: 100px; }

    #home .exp { width: 600px; margin-top: 20px; }
    *+html #home .exp { margin-top: 25px; }

    #homeSeikyu .exp { width: 600px; margin-top: 20px; }
    *+html #homeSeikyu .exp { margin-top: 25px; }

/*--------------------------------------------------

local
    "/billing/index.html"

--------------------------------------------------*/
/* alert */
#alert {
    margin: 5px 0 0;
    padding: 10px 25px 10px 50px;
    color: #fff;
    background: #e34e3a url(./../img/alertBg.gif) 25px 10px no-repeat;
    word-break: break-all;
}
/* billingTopMain */
#billTopMain { width: 100%; margin-bottom: 100px; padding: 10px 0;}
    #billTopMain h2 { margin-top: 10px; margin-bottom: 2px; }
.billTopMainCf {
    display:block;
    min-height: 1%;  /* for IE 7*/
}

/* for IE 6 */
#billLeftBottom { _margin-top: 100px !important;}
/* for IE 7 */
*:first-child+html #billLeftBottom { margin-top: 100px;}
*:first-child+html #billRightBottom { margin-top: 100px;}
/* billing-Left */
#billLeft { width: 390px; float: left;  }

    #billLeft table { width: 100%; font-weight: bold; margin-bottom: 20px; }
    #billLeft th {
        padding: 10px;
        width: 130px;
        text-align: center;
        color: #fff;
        border: 1px solid #fff;
        font-weight: bold;
        background: #1e80a5;
        font-size:105%;
    }
    #billLeft td { border: 1px solid #fff; background: #E6E6E6;font-size:105%;padding: 10px }

    #billLeft h3 { margin: 3px 0 6px; font-size: 110%; font-weight: bold; word-break: break-all;}
        #billLeft h3 .day {
            margin-right: 1em;
            padding: 2px 8px;
            font-size: 70%;
            font-weight: normal;
            background: #fece5b;
        }
        #billLeft h3 .new {
            color: red;
        }
    #billLeft p {
        margin-bottom: 20px;
        padding: 10px 15px;
        line-height: 140%;
        border: 5px solid #bde1ef;
        word-break: break-all;
    }

/* billing-Right */
#billRight { width: 530px; float: right; _margin-bottom: 100px; }

/* fullcalendar */
#billCal { margin-top: -10px; }
#billCal .list {
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    margin-bottom: 10px;
    font-size: 11px;
}
    /* fullcalendar.css ----------------------------------------*/

    /* title */
    .fc-header-title h2 {
        white-space: nowrap;
        width: 495px;
        margin: 10px 0 4px 1px !important;
        padding: 6px 0 3px 23px;
        font-size: 14px;
        line-height: 160%;
        border: 5px solid #bde1ef;
        background: url(./../img/fcTtl.gif) 10px center no-repeat;
    }
    /* th */
    .ui-widget-header {
        height: 25px;
        vertical-align: middle !important;
        color: #3d3d3d;
        font-weight: normal;
        border: 1px solid #fff !important;
        background: #bde1ef !important;
    }
    /* td */
    .ui-widget-content {
        padding: 2px !important;
        color: #3d3d3d;
        border: 1px solid #fff;
        background: #E6E6E6;
        font-size:12px;
    }
    /* today */
    .ui-state-highlight { background: #fce69b; }
    /* events */
    .cal01, .cal02, .cal03, .cal04, .cal91,
    .cal01 a, .cal02 a, .cal03 a, .cal04 a, .cal91 a {
        margin: 2px;
        padding: 3px 5px !important;
        color: #fff;
        font-size: 12px !important;
        border: none !important;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
    }
    .cal01, .cal01 a { background: #307844; }/* 請求書取りまとめ期間 */
    .cal02, .cal02 a { background: #f78d05; }/* 当月分変更〆切 */
    .cal03, .cal03 a { background: #2974ab; }/* 当月分Web公開 */
    .cal04, .cal04 a { background: #b9547e; }/* 請求書発送 */
    .cal91, .cal91 a { background: #f9708a; }/* 支払期限 */

    /* //fullcalendar.css ----------------------------------------*/


/*--------------------------------------------------

local
    "/administrator/massageDelivery.html"
    "/administrator/specialUpload.html"
    "/administrator/calendar.html"

--------------------------------------------------*/
/* reference at pageMenu */
/* 2016-08-16 MOD START */
#adminMenu { width: 766px; height: 50px; /*background: url(./../img/menuAdmin.jpg) no-repeat left top; */}
/* 2016-08-16 MOD END */
    #adminMenu li { width: 152px; height: 53px; float: left;  }
    #adminMenu li a {
        width: 150px;
        height: 50px;
        /* background: url(./../img/menuAdmin.jpg) no-repeat left top; */
        display: block;
        text-decoration: none;
        display: inline-block;
    }
    #adminMenu li h2  {
        font-size: 13px;
        display: block;
        width: 150px;
        background-color: white;
        color: black;
        text-decoration: none;
        text-align: center;
        padding-top: 12px;
        height: 30px;
        margin-top: 5px;
        background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
        background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5,white), color-stop(0.5,white), to(rgb(187, 213, 228)));
        -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
        border: 1px solid #0099CC;
        -webkit-border-radius: 4px;
        moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    }
    #adminMenu li a:hover{ border-bottom: 3px solid #1e80a5; }
    #adminMenu li.reference02 a h2 { padding-top: 6px; height: 36px;}
    #adminMenu li a:hover h2 {
        color: #FFF;
        background-color:rgb(13, 151, 204);
        background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
    }
    #adminMenu li a h2.on {
        color: #FFF;
        background-color:rgb(13, 151, 204);
        background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
    }

    /* main Div */
    #adminDiv { font-size: 105%; }

    #adminDiv table { width: 100%; }
    #adminDiv table th {
        width: 150px;
    }

    #adminDiv table input { margin: 0 5px 0 10px; }
    #adminDiv table textarea { margin: 0 5px 0 10px; }
    #adminDiv table td .sendTarget { width:600px; }
    #adminDiv table td .sendBillYear { width:35px; }
    #adminDiv table td .sendBillData { width:320px; }
    #adminDiv table td .sendExplanation { width:320px; }

    /* modalTbl01 */
    #modalTbl01 { table-layout:fixed; width: 840px; margin-top: -10px; _margin-top: -30px; overflow-y:scroll;}
        #modalTbl01 th {
            min-width: 5px !important;
            padding: 5px;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
            margin-bottom:1px;
        }
        #modalTbl01 th a { color: #fff; }
        #modalTbl01 th a:hover { color: #6cadc1; }
        #modalTbl01 td {
            padding: 5px;
            text-align: center;
            border: 1px solid #fff;
            background: #f3f3f3;
            margin-bottom:1px;
        }
        #modalTbl01_1 { width: 90px; padding: 5px;}
        #modalTbl01_2 { width: 260px; padding: 5px;}
        #modalTbl01_3 { width: 25px;}
        #modalTbl01_4 { width: 425px; padding: 5px;}

    /* modalTbl02 */
    #modalTbl02 { width: 840px; margin-top: -10px; _margin-top: -30px; }
        #modalTbl02 th {
            min-width: 5px !important;
            padding: 5px;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #modalTbl02 th a { color: #fff; }
        #modalTbl02 th a:hover { color: #6cadc1; }
        #modalTbl02 td {
            padding: 5px;
            text-align: center;
            border: 1px solid #fff;
            background: #f3f3f3;
        }
        #modalTbl02_1 { width: 90px; }
        #modalTbl02_2 { width: 250px; }
        #modalTbl02_3 { width: 460px; }

    /* inputButton */
    img#modalSearch {
        margin-left: 5px;
        _margin-left: 170px;
        _margin-top: -30px;
        padding: 3px 0;
        float: left;
    }

    /* inputButton */
    img#reset {
        margin-left: 5px;
        _margin-top: -30px;
        padding: 3px 0;
        float: left;
    }

    /* inputButton */
    img#choiceValueAll {
        margin-left: 40px;
        _margin-top: -30px;
        padding: 3px 0;
        float: left;
    }
    /* inputButton */
    img#cancelValueAll {
        margin-left: 5px;
        _margin-top: -30px;
        padding: 3px 0;
        float: left;
    }

    /* pagination */
    #pagination { margin: 10px 0; font-size: 14px;}
        #pagination img { margin: 0 2px -11px; _margin-bottom: -8px; }
        #pagination .denomi { margin-left: 2px; margin-right: 4px; }
        #pagination input[type=text] {
            height: 2.4em;
            width: 2.4em;
            font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
            font-size: 14px;
            text-align: center;
            color: #666;
            border: 5px solid #999;
            outline: 0;
            line-height: 2em\9;
        }
        *:first-child+html #pagination input[type=text] { line-height: 2.5em; margin-bottom: -12px; }
        #pagination input:focus { background: #ffefc9; }
        input#back { float: right; margin-top: 5px; }
        .huck6-7 { /margin-top: -28px !important; /margin-bottom: 8px !important; }

    .modalPageHuck6-7 { /margin-top: -10px !important; _margin-top: -20px !important; /margin-bottom: 8px !important; }
    .modalNext{
        _margin-top: -35px;
    }
    .modalPrevious{
        _margin-top: -35px;
    }

#modalWrap { margin: 5px 0 5px; }
    #modalSelect { margin: 5px 0 20px; }

#speciallineId{
        background-color: #CCCCCC;
        border: medium solid #FFFFFF;
    }

    /* calendar.html */
    #calendarMain table tr th { text-align: center; }
    #calendarTbl_1 { width: 5%; }
    #calendarTbl_2 { width: 20%; }
    #calendarTbl_3 { width: 14%; }
    #calendarTbl_4 { width: 14%; }
    #calendarTbl_5 { width: 14%; }
    #calendarTbl_6 { width: 14%; }
    #calendarTbl_7 { width: 14%; }
    #calendarTbl_8 { width: 5%; }
    #calendarMain table tr td .textBox { width: 90px; }
    #calendarRight {  float: right; }

/*--------------------------------------------------

local
    "/billing/reference/monitor/monitor.jsp"
    "/billing/reference/decision/decision.jsp"

--------------------------------------------------*/
/* reference at pageMenu */
/* #referenceMenu { width: 376px; height: 50px; background: url(./../img/menuReference.jpg) no-repeat left top; } */
    #referenceMenu li { width: 188px; height: 50px; float: left;  }
    #referenceMenu li a {
        width: 188px;
        height: 50px;
        background: url(./../img/menuReference.jpg) no-repeat left top;
        display: block;
    }
    #referenceMenu li.reference01 a { background-position: 0 0; }
    #referenceMenu li.reference01 a:hover, #referenceMenu li.reference01 a.on { background-position: 0 -50px; }
    #referenceMenu li.reference02 a { background-position: -188px 0; }
    #referenceMenu li.reference02 a:hover, #referenceMenu li.reference02 a.on { background-position: -188px -50px; }

#groupSelectWrap { margin: 10px 0 10px; }

#billingMonitor { font-size: 105%; }

    /* table1 */
    #billingMonitorTbl01 { width: 100%; }
    #billingMonitorTbl01 th { width: 150px; }
    #billingMonitorTbl01 input { margin: 0 5px 0 10px;}

    /* table2 */
    #billingMonitorTbl02 { table-layout: fixed; }
    #billingMonitorTbl02_1 { width: 100px; }
    #billingMonitorTbl02_2 { width: 180px; }
    #billingMonitorTbl02_3 { width: 110px; }
    #billingMonitorTbl02_4 { width: 80px; }
    #billingMonitorTbl02_5 { width: 80px; }

#billingDecision { font-size: 105%; }

    /* table1 */
    #billingDecisionTbl01 { width: 100%; }
    #billingDecisionTbl01 th { width: 150px; }
    #billingDecisionTbl01 input { margin: 0 5px 0 10px;}

    /* table2 */
    #billingDecisionTbl02 { table-layout: fixed; }
    #billingDecisionTbl02_1 { width: 100px; }
    #billingDecisionTbl02_2 { width: 180px; }
    #billingDecisionTbl02_3 { width: 110px; }
    #billingDecisionTbl02_4 { width: 80px; }
    #billingDecisionTbl02_5 { width: 80px; }

/*--------------------------------------------------
    modal window
--------------------------------------------------*/
#groupSelectionWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll; }
#lineSelectionWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll; }
#carrierSelectionWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll;}
#commCompanyWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll; }
#otherBillGrpWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll;}
    #carrierSelectionWindow ul { margin:0px; padding: 0px; }
    #carrierSelectionWindow li { list-style: none; margin-bottom: 3px; padding: 0px; }
    /* commCompanyPagination */
    #commCompanyPagination { margin: 10px 0; font-size: 14px;}
        #commCompanyPagination img { margin: 0 2px -11px; _margin-bottom: -8px; }
        #commCompanyPagination .denomi { margin-left: 2px; margin-right: 4px; }
        #commCompanyPagination input:focus { background: #ffefc9; }
    /* otherBillGrpPagination */
    #otherBillGrpPagination { margin: 10px 0; font-size: 14px;}
        #otherBillGrpPagination img { margin: 0 2px -11px; _margin-bottom: -8px; }
        #otherBillGrpPagination .denomi { margin-left: 2px; margin-right: 4px; }
        #otherBillGrpPagination input:focus { background: #ffefc9; }
    /* linePagination */
    #linePagination { margin: 10px 0; font-size: 14px;}
        #linePagination img { margin: 0 2px -11px; _margin-bottom: -8px; }
        #linePagination .denomi { margin-left: 2px; margin-right: 4px; }
        #linePagination input:focus { background: #ffefc9; }

#lineBreakdownWindow { display: none; padding: 20px !important; background: #fff; }
    #modalTbl { background: #fff; }
        #modalTbl tbody th { padding: 0 0 0 10px }
        #modalTbl th { text-align: left; }
        #modalTbl td { text-align: right; }
        #modalTbl .modalCostName { width: 300px; }
        #modalTbl .modalCostNameMonitor { width: 300px; }
        #modalTbl .modalTaxKbn { width: 50px; text-align:center; }
        #modalTbl .modalSeikyuSum { width: 60px; }
        #modalTbl .modalPeriod { width: 156px; }
        #modalTbl .modalTblCarrName { color: #0000FF; font-size: 110%; font-weight: bold; padding: 15px 0 5px;　  }
        #modalTbl .modalTblHead { font-size: 110%; font-weight: bold; padding: 15px 0 5px;　  }
        #modalTbl .modalTax { font-size: 110%; font-weight: bold; }
        #modalTbl .modalLast th, #modalTbl .modalLast td { border-top: 1px solid #777; }

/* calendar operation description modal window... */
#calendarPreviewWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll; }
#ui-dialog-title-calendarPreviewWindow { font-size: 150%; font-weight:bold; }

/* groupSetting operation description modal window... */
#introductoryNotesWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll; }
    #introductoryNotesWindow table tr td { background-color:#fff; }
#ui-dialog-title-introductoryNotesWindow { font-size: 150%; font-weight:bold; }

/* groupSetting lineMove description modal window... */
#lineMoveDescriptionWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll; }
    #lineMoveDescriptionWindow span { font-size: 120%; }
#ui-dialog-title-lineMoveDescriptionWindow { font-size: 150%; font-weight:bold; }
#confirmWindow { background: white; !important; }
#ui-dialog-title-confirmWindow { font-weight: bold; margin-top: 3px; }
.reAdd-ui-widget-overlay { background: #666666 url(../lib/jquery.ui/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }

/* help modal window...*/
#helpModalWindow { display: none; padding: 20px !important; background: #fff; overflow-y:scroll; }
    #helpModalWindow table { width: 200px; margin: 20px; 0 0 30px; float: left; }
        #helpModalWindow table tr td { background-color:#fff; }
        #helpModalWindow .imgTd { text-align: center; }
        #helpModalWindow .imgTd a img { width: 64px; height: 64px; }
        #helpModalWindow .descript { text-align: center; font-size:120% ;font-weight:bold; padding: 10px; }
        #helpModalWindow .detailDescript { padding: 10px; background-color: #e6e6e6; border: 1px solid #000000; }
#ui-dialog-title-helpModalWindow { font-size: 150%; font-weight:bold; }

/* modalWindowのmodule */
/* textBox */
input#searchCondition[type="text"] {
    height: 2em;
    width: 16em;
    _width: 100px;
    font-size: 120%;
    color: #666;
    float: left;
    border: 5px solid #999;
    outline: 0;
    background: #fff;
}
input#searchCondition1[type="text"] {
    height: 2em;
    width: 16em;
    _width: 100px;
    font-size: 120%;
    color: #666;
    float: left;
    border: 5px solid #999;
    outline: 0;
    background: #fff;
}
input#searchCondition2[type="text"] {
    height: 2em;
    width: 16em;
    _width: 100px;
    font-size: 120%;
    color: #666;
    float: left;
    border: 5px solid #999;
    outline: 0;
    background: #fff;
}
input#searchCondition3[type="text"] {
    height: 2em;
    width: 16em;
    _width: 100px;
    font-size: 120%;
    color: #666;
    float: left;
    border: 5px solid #999;
    outline: 0;
    background: #fff;
}
/* inputButton */
    input#searchCommand {
    margin-left: 10px;
    _margin: -30px 0 0 115px;
    padding: 3px 0;
    float: left;
}
/* inputButton */
    input#searchReset {
    margin-left: 10px;
    _margin: -30px 0 0 115px;
    padding: 3px 0;
    float: left;
}
/* imgButton */
    img#searchCommand {
    margin-left: 10px;
    _margin: -30px 0 0 200px;
    padding: 3px 0;
    float: left;
}
/* imgButton */
    img#searchReset {
    margin-left: 10px;
    _margin: -30px 0 0 115px;
    padding: 3px 0;
    float: left;
}

#decision { padding: 10px; font-size: 105%; }

    /* sortIcon */
    #decision th img { margin: 0 0 -3px 3px; }
    #decision th a:hover { color: #fff !important; }

    /* table1 */
    #decisionTbl01 { width: 100%; }
    #decisionTbl01 th {
        padding: 10px;
        width: 150px;
        text-align: center;
        color: #fff;
        border: 1px solid #fff;
        background: #1e80a5;
    }
        #decisionTbl01 td { padding: 10px; border: 1px solid #fff; background: #f3f3f3; }
        #decisionTbl01 input { margin: 0 5px 0 10px;}

    /* table2 */
    #decisionTbl02 { width: 100%; }
        #decisionTbl02 th {
            padding: 10px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #decisionTbl02 td {
            padding: 10px;
            text-align: right;
            border: 1px solid #fff;
            background: #f3f3f3;
        }
        #decisionTbl02_1 { width: 90px; }
        #decisionTbl02_2 { width: 310px; }
        #decisionTbl02_3 { width: 70px; }
        #decisionTbl02_4 { width: 70px; }
        #decisionTbl02_5 { width: 70px; }
        #decisionTbl02_6 { width: 70px; }
        #decisionTbl02_7 { width: 170px; }

    /* table3 */
    #decisionTbl03 { width: 100%; }
        #decisionTbl03 th {
            padding: 10px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #decisionTbl03 td {
            padding: 10px;
            text-align: right;
            border: 1px solid #fff;
            background: #f3f3f3;
        }
        #decisionTbl03_1 { width: 90px; }
        #decisionTbl03_2 { width: 250px; }
        #decisionTbl03_3 { width: 110px; }
        #decisionTbl03_4 { width: 60px; }
        #decisionTbl03_5 { width: 60px; }
        #decisionTbl03_6 { width: 60px; }
        #decisionTbl03_7 { width: 60px; }
        #decisionTbl03_8 { width: 110px; }

    /* table4 */
    #decisionTbl04 { width: 100%; }
        #decisionTbl04 th {
            min-width: 60px !important;
            padding: 5px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #decisionTbl04 td {
            padding: 5px;
            text-align: right;
            border: 1px solid #fff;
            background: #f3f3f3;
        }
        #decisionTbl04_1 { width: 60px; }
        #decisionTbl04_2 { width: 144px; }
        #decisionTbl04_3 { width: 60px; }
        #decisionTbl04_4 { width: 60px; }
        #decisionTbl04_5 { width: 60px; }
        #decisionTbl04_6 { width: 60px; }
        #decisionTbl04_7 { width: 60px; }
        #decisionTbl04_8 { width: 60px; }
        #decisionTbl04_9 { width: 60px; }

    /* table5 */
    #decisionTbl05 { width: 950px; margin-top: -10px; _margin-top: -30px; }
        #decisionTbl05 th {
            min-width: 30px !important;
            padding: 10px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #decisionTbl05 th a { color: #fff; }
        #decisionTbl05 th a:hover { color: #6cadc1; }
        #decisionTbl05 td {
            padding: 10px;
            text-align: center;
            border: 1px solid #fff;
            background: #f3f3f3;
        }
        #decisionTbl05_1 { width: 30px; }
        #decisionTbl05_2 { width: 110px; }
        #decisionTbl05_3 { width: 720px; }
        #decisionTbl05_4 { width: 120px; }

/* imgButton */
img#commCompanySearchCommand {
    margin-left: 10px;
    _margin: -30px 0 0 155px;
    padding: 3px 0;
    float: left;
}
/* imgButton */
img#commCompanySearchReset {
    margin-left: 10px;
    _margin: -30px 0 0 5px;
    padding: 3px 0;
    float: left;
}
img#otherSearchCommand {
    margin-left: 10px;
    _margin: -30px 0 0 155px;
    padding: 3px 0;
    float: left;
}
/* imgButton */
img#otherSearchReset {
    margin-left: 10px;
    _margin: -30px 0 0 5px;
    padding: 3px 0;
    float: left;
}
img#lineSearchCommand {
    margin-left: 10px;
    _margin: -30px 0 0 155px;
    padding: 3px 0;
    float: left;
}
/* imgButton */
img#lineSearchReset {
    margin-left: 10px;
    _margin: -30px 0 0 5px;
    padding: 3px 0;
    float: left;
}

/*--------------------------------------------------

local
    "/billing/analysis/top.html.html"
    "/billing/analysis/history.html"
    "/billing/analysis/carrier.html"

--------------------------------------------------*/
#analysisMenu { width: 752px; height: 50px; background: url(./../img/menuAnalysis.jpg) no-repeat left top; }
    #analysisMenu li { width: 188px; height: 50px; float: left;  }
    #analysisMenu li a {
        width: 188px;
        height: 50px;
        background: url(./../img/menuAnalysis.jpg) no-repeat left top;
        display: block;
    }
    #analysisMenu li.home01 a { background-position: 0 0; }
    #analysisMenu li.home01 a:hover, #analysisMenu li.home01 a.on { background-position: 0 -50px; }
    #analysisMenu li.home02 a { background-position: -188px 0; }
    #analysisMenu li.home02 a:hover, #analysisMenu li.home02 a.on { background-position: -188px -50px; }
    #analysisMenu li.home03 a { background-position: -376px 0; }
    #analysisMenu li.home03 a:hover, #analysisMenu li.home03 a.on { background-position: -376px -50px; }


#billingHistory { font-size: 105%; }

    /* table1 */
    #billingHistoryTbl01 { width: 100%; }
    #billingHistoryTbl01 th { width: 150px; }
    #billingHistoryTbl01 input { margin: 0 5px 0 10px;}

    /* table2 */
    #billingHistoryTbl02 { width: 1420px; }
    #billingHistoryTbl02_Item { width: 300px; }
    #billingHistoryTbl02_Amount { width: 100px; }

#billingHistoryTop { font-size: 105%; }

    /* table1 */
    #billingHistoryTopTbl01 { width: 100%; }
    #billingHistoryTopTbl01 th { width: 150px; }
    #billingHistoryTopTbl01 input { margin: 0 5px 0 10px;}

    /* table2 */
    #billingHistoryTopTbl02 { width: 100%; }
    #billingHistoryTopTbl02_1 { width: 700px; }
    #billingHistoryTopTbl02_2 { width: 120px; }
    #billingHistoryTopTbl02_3 { width: 120px; }

    /* グラフ */
    .graphDomain { margin-top:20px };

#billingHistoryCarrier { font-size: 105%; }


/*--------------------------------------------------

local
    "/billing/issues/standard.html"
    "/billing/issues/specify.html"
    "/billing/issues/medium.html"
    "/billing/issues/special.html"
    "/billing/issues/charge.html"
--------------------------------------------------*/
    #downloadMenu li a {
        width: 156px;
        height: 50px;
        background: url(./../img/menuDownload.jpg) no-repeat left top;
        display: block;
    }
    #downloadMenu li.home01 a { background-position: 0 0; }
    #downloadMenu li.home01 a:hover, #downloadMenu li.home01 a.on { background-position: 0 -50px; }
    #downloadMenu li.home02 a { background-position: -156px 0; }
    #downloadMenu li.home02 a:hover, #downloadMenu li.home02 a.on { background-position: -156px -50px; }
    #downloadMenu li.home03 a { background-position: -312px 0; }
    #downloadMenu li.home03 a:hover, #downloadMenu li.home03 a.on { background-position: -312px -50px; }
    #downloadMenu li.home04 a { background-position: -468px 0; }
    #downloadMenu li.home04 a:hover, #downloadMenu li.home04 a.on { background-position: -468px -50px; }
    #downloadMenu li.home05 a { background-position: -624px 0; }
    #downloadMenu li.home05 a:hover, #downloadMenu li.home05 a.on { background-position: -624px -50px; }
    #downloadMenu li.home06 a { background-position: -780px 0; }
    #downloadMenu li.home06 a:hover, #downloadMenu li.home06 a.on { background-position: -780px -50px; }

#sectionHistoryMessage {
        background-color:#FFFF99;
        font-weight: bold;
        font-size: 130%;
    }
    #billingIssue table tr th.th01 {
            width: 200px;
            border-top-color:white;
            border-top-width:2px;
            border-bottom-color:white;
/* 			border-bottom-width:2px; */
    }
    #billingIssue table tr th.th02 {
            width: 80px;
            border-top-color:white;
            border-top-width:2px;
            border-bottom-color:white;
/* 			border-bottom-width:2px; */
            }
    #billingIssue table tr th.th03 {
            width: 50px;
            text-align: right;
            border-right-color:#1E80A5;
            border-right-width:0px;
            border-top-color:white;
            border-top-width:2px;
            border-bottom-color:white;
/* 			border-bottom-width:2px; */
    }
    #billingIssue table tr th.th04 {
            width: 10px;
            text-align: left;
            border-left-color:#1E80A5;
            border-left-width:0px;
            border-top-color:white;
            border-top-width:2px;
            border-bottom-color:white;
/* 			border-bottom-width:2px; */
    }

/* コメント こめんと */
    #billingIssue table tr td { height: 32px; }
#billingIssue table tr td.td01 {
            width: 25%;
            text-align: left;
            border-right-color:#E6E6E6;
            white-space: nowrap;
    }
    #billingIssue table tr td.td02 { border-left-color:#E6E6E6; }
    #billingIssue table tr th span img { margin-left: -12px; margin-top: 1px; }
    #billingIssue table tr td img { _bottom: 10px;}
    #billingIssue table tr td span img { margin-left: -12px; _margin-top: -10px; _bottom: 13px; position: relative;}
#billingIssueCollectInfo {
        margin: -5px 0px 0px -30px;
        padding: 0px 0px 0px 18px;
        font-size: 140%;
        font-weight: bold;
        letter-spacing: .05em;
    }
    #billingIssueSpecial table tr td input[type="image"] { text-align: center; }
    #billingIssueDetails table tr td input[type="image"] { text-align: center; }
/* medium.html */
    #billingIssueMedium table td { height: 32px; }
    #billingIssueMedium .tableContents table {
            background: #ddd;
            width: 540px;
            float: left;
    }
    #billingIssueMedium .th04 {
            font-weight: normal;
    }
    #billingIssueMedium .th05 {
            font-weight: normal;
    }
/* charge.html */
    #billingIssueCharge { font-size: 105%; }
    #billingIssueCharge table tr th.th01 {
            width: 200px;
            border-top-color:white;
            border-top-width:2px;
            border-bottom-color:white;
            border-bottom-width:2px;
    }
    #billingIssueCharge table tr th.th02 {
            width: 80px;
            border-top-color:white;
            border-top-width:2px;
            border-bottom-color:white;
            border-bottom-width:2px;
            }
    #billingIssueCharge table tr th.th03 {
            width: 50px;
            text-align: right;
            border-right-color:#1E80A5;
            border-right-width:0px;
            border-top-color:white;
            border-top-width:2px;
            border-bottom-color:white;
            border-bottom-width:2px;
    }
    #billingIssueCharge table tr td.td01 {
            width: 25%;
            text-align: left;
            border-right-color:#E6E6E6;
            white-space: nowrap;
    }
    #billingIssueCharge table tr td.td02 { border-left-color:#E6E6E6; }
    #billingChargeTbl01 { width: 100%; }
    #billingChargeTbl01 th { width: 150px; }
    #billingChargeTbl01 input { margin: 0 5px 0 10px;}
    #billingChargeTbl02 { width: 100%; }
    #billingChargeTbl02 th { width: 150px; }
    #billingChargeTbl02 input { margin: 0 5px 0 10px;}

/* details.jsp */
.sectionMessageLarge {
    margin: 10px 0 10px 0;
    font-size: 150%; }

/*--------------------------------------------------

local
    "/billing/setting/groupline.html"
    "/billing/setting/groupline_selected.html"

--------------------------------------------------*/
/* groupline at pageMenu */
/* #settingMenu { width: 266px; height: 50px; background: url(./../img/menuSetting.jpg) no-repeat left top; } */
    #settingMenu li { width: 188px; height: 50px; float: left;  }
    #settingMenu li a { width: 188px; height: 50px; background: url(./../img/menuSetting.jpg) no-repeat left top; display: block; }
    #settingMenu li.setting01 a { background-position: 0 0; }
    #settingMenu li.setting01 a:hover, #settingMenu li.setting01 a.on { background-position: 0 -50px; }
    #settingMenu li.setting02 a { background-position: -188px 0; }
    #settingMenu li.setting02 a:hover, #settingMenu li.setting02 a.on { background-position: -188px -50px; }
    #settingMenu li.setting03 a { background-position: -376px 0; }
    #settingMenu li.setting03 a:hover, #settingMenu li.setting03 a.on { background-position: -376px -50px; }

/* groupline-Left */
#grouplineLeft { width: 640px; float: left; _width: 630px; }
    /* groupLine_Search */
    .groupLine_Search {}
        /* inputText */
        .groupLine_Search .searchCondition {
            height: 2em;
            width: 180px;
            font-size: 120%;
            color: #666;
            border: 5px solid #999;
            outline: 0;
            background: #fff;
        }
        /* inputButton */
        .groupLine_Search .searchCommand {
            margin-left: 10px;
            margin-top: 14px;
            _margin-top: 14px;
            vertical-align: bottom;
        }

        /* imgButton */
        .groupLine_Search .example {
            width: 103px;
            height: 24px;
            margin-left: 10px;
            margin-top: 22px;
            _margin-top: 22px;
            vertical-align: bottom;
        }

    /* groupTreeView */
    #groupTreeView #linkGroup { background-position: 0% 20% ; }

    /* groupTree */
    #groupTree { clear: both; font-size: 120%; line-height: 100%; }
        #groupTree #sidetreecontrol { margin-top: 10px; margin-bottom: 10px; }
        #groupTree h3 {
            margin: 0 0 -8px;
            padding: 8px 3px 8px 28px;
            font-size: 140%;
            font-weight: bold;
            letter-spacing: .05em;
            background: url(./../img/groupTreeH3.gif) left 5px no-repeat;
        }
        #groupTree ul { margin-top: 12px; }
        #groupTree div.num { color: #3d3d3d; }
        #groupTree a.lineOpen { margin-left: .5em;}
        #groupTree a.lineOpen:hover { color: #ee8100; margin-left: .5em; }
        #groupTree img { padding-left: 1px; margin-bottom: -2px; width: 16px; height: 16px; }

        /* form */
        #treeElementForm_y { display: none; }
        .treeElementFormStyle a {
            padding: 5px 15px;
            color:#555 !important;
            background: url(./../img/treeElementFormStyleArrow.gif) left no-repeat !important;
        }
        .treeElementFormStyle a:hover { color: #aaa !important; }
        .treeElementFormStyle .treeElementForm {  }

        /* jquey.treeview.css ----------------------------------------*/

        .treeview .hitarea {
            background: url(./../img/treeview.gif) -64px -25px no-repeat !important;
            margin-left: -25px !important;
            height: 30px !important;
            _margin-bottom: -15px !important;
        }
        .treeview .expandable-hitarea { background-position: -80px -3px !important; height: 30px !important;}
        .treeview li { padding: 2px 0px 10px 25px !important; _display:inline-block !important; }
        .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(./../img/treeview.gif) !important; }
            .treeview li span { line-height: 125% !important; }
            .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0 !important; }

/*		.editable { line-height: 125% !important; } */
        /* //jquery.treeview.css ----------------------------------------*/

        .treeElementAdd{
              margin-left:10px;
        }

        .groupLabelRow {
            width: 100%;
            _width: 95%;
            _zoom:1; /* hasLayout を true にする */
            display: inline-block; _display: inline;
        }

        .groupTextBox {
            height: 2em;
            font-size: 100%;
            font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
            color: #666;
            border: 5px solid #999;
            outline: 0;
            background: #fff;
            /line-height: 2em;
        }

/* groupline-Right */
#grouplineRight { padding: 0 0 10px; width: 310px; float: right; }
    /* groupSelect */
/* 	#groupSelect { margin: 10px 0; } */
        #groupSelect img { margin: 0 0 -11px; _margin-bottom: -8px; }
        #groupSelect .denomi { margin-left: 2px; margin-right: 4px; }
        *:first-child+html #groupSelect input[type=text] { line-height: 2.5em; margin-bottom: -12px; }
        #groupSelect input:focus { background: #ffefc9; }
        img#back { float: right; margin-top: 5px; }
        .huck6-7 { /margin-top: -28px !important; /margin-bottom: 8px !important; }
    /* groupCheck */
    #groupCheck {
        margin-top: 20px;
        background: #FFEFC9;
        padding: 5px;
        clear: right;
        border: 1px solid #fff;
        -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
        behavior: url(/lib/PIE.htc);
    }
        #groupCheck h3 {
            width: 100%;
            padding: 10px 0 6px;
            font-size: 120%;
            background: #980;
            text-align: center;
            color: white;
            font-weight: bold;
            _margin-left: 5px;
        }
        #groupCheck ul { margin-top: 10px; }
            #groupCheck li {
                /*margin: 0 5px 1px;*/
                padding: 5px;
                width: 135px;
                font-size: 110%;
                float: left;
            }
            #groupCheck li#checkAll { margin: 5px; width: 280px; }
            #groupCheck li.errorMsg { margin: 5px; width: 280px; text-align: center;}

        input#groupPageText[type="text"] {
            height: 2em;
            width: 16em;
            _width: 100px;
            font-size: 120%;
            color: #666;
            border: 5px solid #999;
            outline: 0;
            background: #fff;
            text-align: center;
            _margin-top: 8px;
        }

        /* sectionBillingSelected */
        div.sectionBillingSelected {
            color: #3333FF;
              background-color: #ADD8E6;
              padding: 0px 5px 5px 5px;
              _height: 90px;
              _width: 93%;
        }
        div.sectionBillingSelected select { _margin-bottom: 5px; width: 500px; }
            div.sectionBillingSelected h2 {
                padding: 7px 3px 3px 27px;
                _padding: 8px 3px 8px 27px;
                font-size: 140%;
                font-weight: bold;
                letter-spacing: .05em;
                background: url(./../img/groupTreeH3.gif) left 8px no-repeat;
            }
                div.sectionBillingSelected h2 span{ color: black; }

/* requestline at pageMenu */
#requestMenu { width: 188px; background: url(./../img/menuRequest.jpg) no-repeat left top; }
    #requestMenu li a { background: url(./../img/menuRequest.jpg) no-repeat left top; }
    #requestMenu li.request01 a { background-position: 0 0; }
    #requestMenu li.request01 a:hover, #requestMenu li.request01 a.on { background-position: 0 -50px; }

/** ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/
/*--------------------------------------------------
settings/package/package.jsp
--------------------------------------------------*/

    #grouplineUploadTitle {
        font-size: 180%;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        padding: 0px 28px;
        line-height: 20px;
        background: url(./../img/groupTreeH3.gif) left no-repeat;
    }

    #grouplineUploadDownloadMain .dlulArea {
        font-size: 110%;
        margin: 10px;
    }

    #grouplineUploadDownloadMain .dlTitle {
        font-size: 140%;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        padding: 0px 30px;
        line-height: 25px;
        background: url(./../img/icon/agt_update_misc.png) left no-repeat;
    }

    #grouplineUploadDownloadMain .ulTitle {
        font-size: 140%;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        padding: 0px 30px;
        line-height: 25px;
        background: url(./../img/icon/agt_uninstall-product.png) left no-repeat;
    }

    .histTitleTbl {
        padding: 0px;
        width: 100%;
    }

    #historyTitle {
        font-weight: bold;
        font-size: 140%;
        margin: 10px 0px 5px 0px;
        padding: 0px 25px;
        line-height: 25px;
        background: url(./../img/icon/page_white_text.png) left no-repeat;
    }

    #historyTitle .histLimitMsg {
        font-weight: normal;
        padding: 0 0 0 15px;
        font-size: 75%;
    }

    #histReflesh {
        float:right;
        width: 300px;
        font-weight: normal;
        text-align: right;
        margin: 30px 0px 0px 0px;
        padding: 0 5px 0 0;
    }

    .grouplineUploadDownloadStyle {
        margin: 10px;
        padding: 0px 15px;
        line-height: 15px;
        color:#555 !important;
        background: url(./../img/treeElementFormStyleArrow.gif) left no-repeat;
    }

    #groupUploadArea {
        font-size: 110%;
    }

    #lineUploadArea {
        font-size: 110%;
    }

/*--------------------------------------------------

global-id/class

--------------------------------------------------*/

/* passwordTable */
    #passwordTable {  width: 100%; clear: both; margin-top: 0px; }

        #passwordTable th, #tableContents td { padding: 10px; margin-bottom: 0px; }
        #passwordTable th {
            text-align: center;
            width: 31%;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #passwordTable td {
            border: 1px solid #fff;
            background: #E6E6E6;
            width: 436px;
        }

    /* table1 */
    #passwordTbl01 { width: 640px; }
    #passwordTbl01 th {
        padding: 10px;
        width: 192px;
        text-align: center;
        color: #fff;
        border: 1px solid #fff;
        background: #1e80a5;
    }
        #passwordTbl01 td { padding: 10px; border: 1px solid #fff; background: #f3f3f3; }
        #passwordTbl01 input { margin: 0 5px 0 10px;}


/* requestline at pageMenu */
#requestMenu { width: 188px; background: url(./../img/menuRequest.jpg) no-repeat left top; }
    #requestMenu li a { background: url(./../img/menuRequest.jpg) no-repeat left top; }
    #requestMenu li.request01 a { background-position: 0 0; }
    #requestMenu li.request01 a:hover, #requestMenu li.request01 a.on { background-position: 0 -50px; }
/*--------------------------------------------------

local
    "/billing/account/billing.html"
    "/billing/account/billingdetail.html"

--------------------------------------------------*/

/* billingTable */
        #billingTable  table { background: #ddd; width: 700px; float: left; margin-top: 0px; margin-bottom: 30px; }
        #billingTable .onetable { background: #ddd; width: 100%; float: center; }
        #billingTable th, #tableContents td { padding: 10px; margin-bottom: 0px; }
        #billingTable th {
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #billingTable td { border: 1px solid #fff; background: #f3f3f3; }
        #billingTable .billNum { width: 100px; }

/* billingTableTop */
        #billingTableTop  table tr #searchWord { width:150px; margin-top:5px; }
        #billingTableTop  table tr td input[type="image"] { vertical-align: top; margin-top: 8px; }

/* billingListArea */
    .billingList{width: 100%; clear: both;}

/* inputArea at billingList */
    #inputArea {
        border: 0px;
        font-size: 100%;
        font-style: normal;
        font-weight: normal;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        text-decoration: none; }

        #inputArea td{padding: 10px; }

        #inputArea input[type="text"]:focus { background: #ffefc9; }


        #billingPage input[type=text] {
            margin-right: -3px;
            width: 30px;
            font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
            font-size: 120%;
            text-align: center;
            color: #666;
            border: 5px solid #999;
            outline: 0;
            line-height: 2em\9;
        }
        #billingPage input:focus { background: #ffefc9; }
        *:first-child+html #billingPage input[type=text] { line-height: 2.5em; margin-bottom: -12px; }
         #billingPage { margin: 10px 0; }
        #billingPage img { margin: 0 2px -11px; _margin-bottom: -8px; }
        #billingPage .denomi { margin-left: 2px; margin-right: 4px; }



/* completedMessage */
    .completedMessage p{
        border: 0px;
        font-size: 100%;
        font-style: normal;
        font-weight: normal;
        list-style-type: none;
        margin: 0px;
        padding: 10px;
        text-decoration: none;
    }


/* billingArea */
    .billingName {
        margin: 0px 31px 16px;
        width: 888px;
    }



/* detailTableTOP */
    .detailTableTop {
        margin: 0px 31px;
        width: 888px;
        padding: 0px;
    }

/* detailTable */
    .tbl02 {
        background-color: white;
    margin: 0px 25px 16px;
    padding: 0px;
    width: 888px;
    }

    .tbl02 input[type="text"]{
        margin: 3px;
        padding: 3px 5px;
        font-size: 120%;
        color: #666;
        border: 5px solid #999;
        outline: 0;
        font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    }
    .tbl02 input[type="text"]:focus { background: #ffefc9; }
/*--------------------------------------------------

local
    "/billing/account/user.html"
    "/billing/account/user_detail.html"

--------------------------------------------------*/

/* userMainArea */
    .userMain {width: 100%; clear: both;}


/* userTable */
    #userTable {  width: 100%; clear: both; margin-top: 5px; }

        #userTable  table { background: #ddd; width: 700px; float: left; margin-top: 0px; margin-bottom: 30px; }
        #userTable .onetable { background: #ddd; width: 100%; float: center; }
        #userTable th, #tableContents td { padding: 10px; margin-bottom: 0px; }
        #userTable th {
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            background: #1e80a5;
        }
        #userTable td { border: 1px solid #fff; background: #f3f3f3; }
        #userTable .billNum { width: 100px; }

.userSidescrolllength {
  overflow-x: hidden;
  overflow-y: auto;
  height: 150px;
}

/* userTableTop */
        #userTableTop  tr td #searchWord { width:150px; margin-top:5px; }
        #userTableTop  tr td input[type="image"] { vertical-align: top; margin-top: 8px; }

/* inputArea at userList */
    #inputArea {
        border: 0px;
        font-size: 100%;
        font-style: normal;
        font-weight: normal;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        text-decoration: none; }

        #inputArea td{padding: 10px; }
        #inputArea input[type="text"]{
            margin: 3px;
            padding: 3px 5px;
            font-size: 120%;
            color: #666;
            border: 5px solid #999;
            outline: 0;
            font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
        }

        #userPage input[type=text] {
            margin-right: -3px;
            width: 30px;
            font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
            font-size: 120%;
            text-align: center;
            color: #666;
            border: 5px solid #999;
            outline: 0;
            line-height: 2em\9;
        }
        #userPage input:focus { background: #ffefc9; }
        *:first-child+html #userPage input[type=text] { line-height: 2.5em; margin-bottom: -12px; }
         #userPage { margin: 10px 0; }
        #userPage img { margin: 0 2px -11px; _margin-bottom: -8px; }
        #userPage .denomi { margin-left: 2px; margin-right: 4px; }


    .pageTextbox {
        margin-right: -3px;
        width: 30px;
        height: 2.3em;
        font-size: 120%;
        font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
        color: #666;
        border: 5px solid #999;
        text-align: center;
        outline: 0;
        line-height: 2em\9;
        margin-bottom: -12px;
    }

/* detailTable */
    .userDetailTbl {
    background-color: white;
    margin: 0px 25px 16px;
    padding: 0px;
    width: 100%;
    }

    .userDetailTbl input[type="text"],.userDetailTbl input[type="password"]{
        margin: 3px;
        padding: 3px 5px;
        font-size: 120%;
        color: #666;
        border: 5px solid #999;
        outline: 0;
        font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    }
    .userDetailTbl input[type="text"]:focus,.userDetailTbl input[type="password"]:focus { background: #ffefc9; }

    #completed {
      margin: 0 150px 0 150px;
    }
        #completed h3 {
            border: 1px solid #A0A0A0;
            font-size: 16px;
            font-weight: bold;
            line-height: 100%;
            padding: 18px 20px 15px;
            list-style-type: none;
            margin: 0px;
            text-align: center;
        }
        #completed h2 {	height: 30px; margin-bottom: 0px;}


    #logo h1 {
        float: none;
        height: auto;
        margin: 5px 0px 0px;
        padding: 100px 0px 0px;
        text-align: center;
        width: 100%;
    }

    #logo h2 {
        clear: both;
    }

    span.addExplainUser {
        margin-left:10px;
        margin-top: 16px;
        position: absolute;
    }

    span.addExplainPassword {
        margin-left:10px;
        margin-top: 17px;
        position: absolute;
    }

    span.addExplainPostCode {
        margin-left:10px;
    }

    span.addExplainAddress {
        margin-left:10px;
        margin-top: 17px;
        position: absolute;
    }

    div.secMessage {
        margin : 10px;
    }

/*--------------------------------------------------

local
    "/billing/account/password.html"
--------------------------------------------------*/

/* inputText */
    .passwordTbl input[type="password"]{
        margin: 3px;
        padding: 3px 5px;
        font-size: 120%;
        color: #666;
        border: 5px solid #999;
        outline: 0;
        background: #fff;
        width: 280px;
        font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    }
    .passwordTbl [type="password"]:focus { background: #ffefc9; }
    .passwordWidth{width: 280px;}

/*--------------------------------------------------

local
    "/report/support/inquiry.jsp"
--------------------------------------------------*/

/* div */
    #inquiry { padding: 0px; font-size: 105%; }

/* inquiryMain */
    #inquiryMain { margin-top: 10px; margin-bottom: 90px; padding: 10px 30px 10px 30px;
            border-width: 1px;
            border-color: #339999;
            border-style: solid; }
    #inquiryMain .titleTable { padding-top: 20px; height: 60px; }
    #inquiryMain .titleIcon { margin-right: 5px; height: 25px; width:10px; background-color: #339999; }
    #inquiryMain .title { font-size: 18px; }
    #inquiryMain .inquiryContents1 {
            margin-top: 0px; margin-bottom: 30px; margin-left: 35px; width: 800px;
            text-align: left; padding: 10px;
            border-width: 3px;
            border-color: #A0A0A0;
            border-style: solid; }
    #inquiryMain .inquiryContents2 {
            margin-top: 0px; margin-bottom: 30px; margin-left: 35px; width: 800px;
            text-align: left; padding: 10px;
            border-width: 3px;
            border-color: #A0A0A0;
            border-style: solid; }
    #inquiryMain .inquiryContents3 {
            margin-top: 0px; margin-bottom: 30px; margin-left: 35px; width: 800px;
            text-align: left; padding: 10px;
            border-width: 3px;
            border-color: #A0A0A0;
            border-style: solid; }
    #inquiryMain .ui-flickable-container { cursor: pointer; }
    #inquiryMain .textArea { text-align: left; margin: 10px; padding: 10px; }
    #inquiryMain .textAreaTitle { font-size: 15px; font-weight: bold; }
    #inquiryMain .tableText { padding-top: 5px; }
    #inquiryMain .textTel { font-size: 24px; font-weight: bold; color: #ff6600; }
    #inquiryMain .textUrl { font-size: 16px; }

/*--------------------------------------------------

local
    "/report/billing/setting/line_manage.html"
--------------------------------------------------*/
    #inputLineDetailWindow { display: none; padding: 20px !important; background: #fff; }

/*--------------------------------------------------
common...
--------------------------------------------------*/

/* telSearch */
#telSearch {}
    /* inputText */
    #telSearch #searchCondition {
        height: 2em;
        width: 180px;
        font-size: 120%;
        color: #666;
        float: left;
        border: 5px solid #999;
        outline: 0;
        background: #fff;
    }
    /* inputButton */
    #telSearch #searchCommand {
        margin-left: 10px;
        _margin-top: 9px;
    }
    /* inputButton */
    #telSearch #searchReset {
        margin-left: 10px;
        _margin: -30px 0 0 115px;
        padding: 3px 0;
        float: left;
    }

    /* imgButton */
    #telSearch #searchReset {
        margin-left: 10px;
        _margin: -30px 0 0 115px;
        padding: 3px 0;
        float: left;
    }

/* エラーメッセージ
------------------------------------------------------------------*/
.error_message  ul li {
    margin: 0 0 5px 0;
    font-size:105%;
    color:#FF0000;
    font-weight:bold;
}

.error_message {
    margin: 0 0 5px 0;
    font-size:105%;
    color:#FF0000;
    font-weight:bold;
}

/* 完了メッセージ
------------------------------------------------------------------*/
.info_message{
    margin: 0 0 5px 0;
    font-size:105%;
    color:#175D93;
    font-weight:bold;
}

.important_message_area{
    margin: 5px 0 0;
    padding: 15px;
    word-break: break-all;
    border: 5px solid #FF9900;
}

.important_message{
    font-size: 120%;
    font-weight:bold;
    color:#FF0000;
}