/* base
================================================== */
body {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
        メイリオ, sans-serif;
    font-size: 12px;
}

a.page-link:link {
    color: #0065ff;
}
a.page-link:visited {
    color: #0065ff;
}
a.page-link:hover {
    color: #c40000;
    /*opacity: 0.8;*/
}
a.page-link:active {
    color: #0011ff;
}

a.header-logout:link {
    color: #c40000;
}
a.header-logout:visited {
    color: #c40000;
}
a.header-logout:hover {
    opacity: 0.8;
}

a.btn-link:link {
    display: inline-block;
    height: 28px;
    width: 80px;
    line-height: 28px;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
}
a.btn-link:visited {
    color: black;
    border: 1px solid #999999;
}
a.btn-link:hover {
    opacity: 0.8;
}

a.btn-link-free:link {
    display: inline-block;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
}
a.btn-link-free:visited {
    color: black;
    border: 1px solid #999999;
}
a.btn-link-free:hover {
    opacity: 0.8;
}

.contents {
    min-height: 400px;
    min-width: 980px;
    margin: 0 20px 20px 20px;
}

.footer {
    margin-top: 50px;
    padding: 20px;
    text-align: center;
    border-top: 5px solid #b52615;
}

.titPage {
    color: #ff0000;
    font-size: 24px;
    font-weight: bold;
    /*background: url(/common/img/bg_tit_page.png) repeat-x left bottom;*/
    text-align: center;
}

.titSub {
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    /*background: url(/common/img/icon_tit_sub.png) no-repeat left center;*/
}

.boxContents {
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}

.cmdBorder {
    border-top: 1px solid #333333;
}

.caution {
    color: #ff0000;
    font-weight: bold;
}

.dnTmp {
    display: none;
}

/*
================================================== 
伴走支援システム対応で追加したCSS ここから
================================================== 
*/

/*進捗一覧表の定義*/
.shinchoku_tbl table {
    margin: auto;
    border-spacing: 0;
}

.shinchoku_tbl th {
    white-space: normal;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #f2f2f2;
    padding: 2px;
    font-size: 12px;
}

.shinchoku_tbl td {
    white-space: normal;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #fff;
    padding: 2px;
    font-size: 12px;
}

/*状況一覧の定義*/
.jokyo_tbl table {
    margin: auto;
    border-spacing: 0;
}

.jokyo_tbl th {
    white-space: normal;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #f2f2f2;
    padding: 2px;
    font-size: 12px;
}

.jokyo_tbl td {
    white-space: normal;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #fff;
    padding: 2px;
    font-size: 12px;
}

/*様式1のテーブル*/

.yousiki1_tbl table {
    margin: auto;
    border-spacing: 0;
}

.yousiki1_tbl th {
    white-space: normal;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #f2f2f2;
    padding: 3px;
    font-size: 12px;
}

.yousiki1_tbl td {
    white-space: normal;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #fff;
    padding: 3px;
    font-size: 12px;
}

/*進捗一覧表のLink定義*/
a.btn-link2:link {
    display: inline-block;
    height: 39px;
    width: 130px;
    line-height: normal;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
}
a.btn-link2:visited {
    color: black;
    border: 1px solid #999999;
}
a.btn-link2:hover {
    opacity: 0.8;
}

/*進捗一覧表のLink定義*/
a.btn-link3:link {
    display: inline-block;
    height: 39px;
    width: 130px;
    line-height: 39px;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
}
a.btn-link3:visited {
    color: black;
    border: 1px solid #999999;
}
a.btn-link3:hover {
    opacity: 0.8;
}

/*進捗一覧表のボタン定義*/
.btn_hbig {
    display: inline-block;
    height: 42px;
    width: 140px;
    line-height: normal;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
    cursor: pointer;
    background-repeat: no-repeat;
}
.btn_hbig:hover {
    opacity: 0.8;
}

.btn_hbig:disabled {
    background: #f3f3f3;
    color: #cfcfcf;
    cursor: default;
    opacity: 0.8;
}

/*進捗一覧表のボタン定義(上下中央配置Ver)*/
.btn_hbig_c {
    display: inline-block;
    height: 42px;
    width: 140px;
    line-height: 42px;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
    cursor: pointer;
    background-repeat: no-repeat;
}
.btn_hbig:hover {
    opacity: 0.8;
}

.btn_ns_big {
    display: inline-block;
    height: 60px;
    width: 160px;
    line-height: normal;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
    cursor: pointer;
    background-repeat: no-repeat;
}
.btn_ns_big:hover {
    opacity: 0.8;
}

.btn_ns_other {
    display: inline-block;
    height: 40px;
    width: 120px;
    line-height: normal;
    text-align: center;
    background-color: #f3f3f3;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    color: black;
    cursor: pointer;
    background-repeat: no-repeat;
}
.btn_ns_other:hover {
    opacity: 0.8;
}

/*スクロールboxのサイズ*/
.shinchoku_grid {
    overflow: auto;
    width: 1175px;
    position: relative;
    word-wrap: break-word;
    border-collapse: collapse;
    display: block;
    margin: auto;
}

.shinchoku_grid table {
    width: 2600px;
    margin: auto;
    border-spacing: 0;
}

/*データの設定*/
.shinchoku_grid td {
    white-space: normal;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #fff;
    padding: 5px;
    position: stricky;
}
/*ヘッダーの固定*/
.shinchoku_grid th {
    white-space: nowrap;
    text-align: center;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #f6f6f6;
    position: stricky;
}

/*進捗一覧から詳細表示した際のチェック項目を表示*/
.shinchoku_check table {
    margin: auto;
    border-spacing: 0;
    align: center;
}

.shinchoku_check th {
    white-space: normal;
    text-align: left;
    margin: auto;
    /*font-size:11px;*/
}

.shinchoku_check td {
    white-space: normal;
    text-align: left;
    vertical-align: top;
    margin: auto;
    /*font-size:10px;*/
}

.shinchoku_check td.border_a {
    white-space: normal;
    text-align: left;
    border: 1px solid #222;
    padding: 3px;
    position: stricky;
    /*font-size:10px;*/
}

.shinchoku_check td.border_al {
    white-space: normal;
    text-align: left;
    border: 1px solid #222;
    padding: 3px;
    position: stricky;
    /*font-size:10px;*/
}

.shinchoku_check td.a_left {
    white-space: normal;
    text-align: left;
    border: 1px solid #222;
    padding: 3px;
    position: stricky;
    /*font-size:10px;*/
}

.shinchoku_check td.a_center {
    text-align: center;
    /*font-size:10px;*/
}

.shinchoku_check td.a_rigth {
    text-align: rigth;
    /*font-size:10px;*/
}

/*
================================================== 
伴走支援システム対応で追加したCSS ここまで
================================================== 
*/

/* header
================================================== */
.header {
    min-width: 980px;
    border-top: 5px solid #b52615;
    border-bottom: 2px solid #b52615;
}
.header-time {
    margin-top: 5px;
    margin-right: 10px;
}
.header-userName {
    font-weight: bold;
    margin: 0 10px;
}

.header-logout {
    display: inline-block;
    height: 30px;
    width: 120px;
    line-height: 30px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    color: #c40018;
    font-weight: bold;
    text-decoration: none;
    background: #ffeaed;
    border: 1px solid #ffc1c9;
    border-radius: 1px;
}

/* message
================================================== */
/* messageErr */
.messageErr {
    padding: 10px;
    margin: 10px 150px 10px 150px;
    border: 1px dotted #ff0000;
    background: #ffe6e6;
    color: #ff0000;
}
.messageErr li {
    list-style: disc;
    list-style-position: inside;
}
.messageErrkyodo {
    padding: 10px;
    border: 1px dotted #ff0000;
    background: #ffe6e6;
    color: #ff0000;
}
.messageErrkyodo li {
    list-style: disc;
    list-style-position: inside;
}
/* messageFadeBox */
.messageFadeBox {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 30px;
    width: 200px;
    text-align: center;
    background: #eeeeee;
    border: 1px solid #999;
    border-radius: 2px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

/* sprite
================================================== */
.sprt {
    display: block;
    background-image: url(/common/img/sprt_common.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.sprt-logo {
    float: left;
    height: 50px;
    /* width: 900px; */
    width: 965px;
    margin: 10px;
    background-position: 0 0;
}
.sprt-getAdobe {
    height: 39px;
    width: 158px;
    background-position: 0 -60px;
}

/* sprite-menu
================================================== */
.sprt-menu {
    display: block;
    background-image: url(/common/img/sprt_common-menu.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.sprt-logo-menu {
    float: left;
    height: 50px;
    width: 900px;
    margin: 10px;
    background-position: 0 0;
}
.sprt-getAdobe-menu {
    height: 39px;
    width: 158px;
    background-position: 0 -60px;
}

/* a
================================================== */
.aPdf {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    background: url(/common/img/icon_pdf.png) no-repeat left center;
}

.aDotArrow {
    padding-left: 10px;
    background: url(/common/img/icon_dot_arrow.png) no-repeat left center;
}

/* table
================================================== */
.tbl {
    border: 1px solid #999999;
}
.tbl th,
.tbl td {
    border: 1px solid #999999;
}
.tbl th {
    vertical-align: top;
    padding: 6px 5px;
    border: 1px solid #999999;
    background-color: #f3f3f3;
}
.tbl td {
    padding: 2px 5px;
}
.tbl .tbl-require {
    padding-right: 50px;
    background-image: url(/common/img/icon_require.png);
    background-repeat: no-repeat;
    background-position: right 3px;
}
.tbl .tbl-label {
    width: 280px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.tbl .tbl-jigyosya {
    font-weight: bold;
    background: #ffe0c1;
}
.tbl .tbl-footer td {
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #f3f3f3;
}
.tbl .tbl-kekka {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.tbl .tbl-kekka input[type="text"] {
    width: 40px;
    text-align: center;
}

.tbl_jisseki {
    width: 600px;
    text-align: left;
    border-width: 0;
}
.tbl .tbl-center {
    text-align: center;
}

.tblPannel th {
    min-width: 100px;
    text-align: left;
}
.tblPannel td {
    text-align: left;
}

.tblPannel2 th {
    text-align: left;
}
.tblPannel2 td {
    text-align: left;
}

.tblPannel3 th {
    text-align: center;
}
.tblPannel3 td {
    text-align: center;
}

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

.divNoMargin {
    display: table;
    margin: auto;
}

.kaigisho {
    margin-top: auto;
    margin-left: 210px;
    margin-right: auto;
}

.kaigisho_banso {
    margin-top: auto;
    margin-left: 50px;
    margin-right: auto;
    padding-bottom: 5px;
}

.datetbl {
    margin: auto;
    border-spacing: 0;
}
.datetbl th {
    width: 100px;
    margin: auto;
    border: 1px solid #333333;
    background: #f2f2f2;
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

.datetbltd {
    margin: auto;
    border: 1px solid #333333;
    background: #ffffff;
    font-size: 12px;
    text-align: center;
}

.tbl-title {
    text-align: left;
    font-size: 14px;
    color: red;
}

/* grid
================================================== */
.grd {
    border: 1px solid #999999;
}
.grd tr:nth-child(2n) {
    background: #c8ffff;
}
.grd th,
.grd td {
    border: 1px solid #999999;
}
.grd th {
    padding: 6px 5px;
    border: 1px solid #999999;
    background-color: #f3f3f3;
}
.grd td {
    padding: 2px 5px;
}

/* grid pager */
.grd-pager {
}
.grd-pager-label {
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
}
.grd-pager-index {
    float: left;
    margin: 0 20px;
}
.grd-pager-size {
    float: left;
}
.grd-pager-index li,
.grd-pager-size li {
    float: left;
    border-left: 1px solid #999;
}
.grd-pager-index a,
.grd-pager-size a,
.grd-pager-index span,
.grd-pager-size span {
    display: block;
    padding: 2px 10px;
}
.grd-pager-index li:last-child,
.grd-pager-size li:last-child {
    border-right: 1px solid #999;
}
.grd-pager .active {
    font-weight: bold;
}
.grd-pager .disabled {
    color: #cccccc;
}

/* form
================================================== */
.txt,
.slt {
    padding: 3px;
    border: 1px solid #cccccc;
}
.txtarea {
    padding: 3px;
    border: 1px solid #cccccc;
    resize: none;
}
.txtarea2 {
    padding: 3px;
    height: 100px;
    border: 1px solid #cccccc;
}
.txtarea_bl {
    padding: 3px;
    display: block;
    border: 1px solid #cccccc;
    resize: none;
}
.txtRed {
    padding: 3px;
    background-color: #ff0000;
    border: 1px solid #cccccc;
}

.txt-readonly {
    border: none;
    background-color: #ffffff;
    font-size: large;
    font-weight: bold;
}

.oflowauto {
    overflow: auto;
}
.oflowhdn {
    overflow: hidden;
}
/* button
================================================== */
.btn {
    display: inline-block;
    height: 30px;
    width: 80px;
    line-height: 28px;
    text-align: center;
    background-color: #f3f3f3;
    font-weight: bold;
    text-decoration: none;
    border: solid 1px #999999;
    cursor: pointer;
    background-repeat: no-repeat;
}
.btn_big {
    display: inline-block;
    height: 30px;
    width: 130px;
    line-height: 28px;
    text-align: center;
    background-color: #f3f3f3;
    font-weight: bold;
    text-decoration: none;
    border: solid 1px #999999;
    cursor: pointer;
    background-repeat: no-repeat;
}
.btn:hover {
    opacity: 0.8;
}
.btn-free {
    display: inline-block;
    text-align: center;
    background-color: #f3f3f3;
    font-weight: bold;
    text-decoration: none;
    border: solid 1px #999999;
    cursor: pointer;
    background-repeat: no-repeat;
}
.btn-free:hover {
    opacity: 0.8;
}
.btn-narrow {
    width: 70px;
}
.btn-middle {
    width: 100px;
}
.btn-wide {
    width: 180px;
}
.btn-red {
    background-color: #ff0000;
}
.btn-blue {
    background-color: #330099;
}
.btn-black {
    background-color: #666666;
}

.btn-gray {
    background-color: #f3f3f3;
}

.bg-gray {
    background-color: #f3f3f3;
}
.bg-maru {
    background-image: url(/common/img/marubkgd.png);
    background-repeat: no-repeat;
    background-position: center;
}
.btn-disabled {
    background-color: #cccccc;
    cursor: default;
}
.btn-disabled:hover {
    opacity: 1;
}
.btn-icon-begin,
.btn-icon-previous {
    width: 50px;
    padding-left: 20px;
    background-position: 5px center;
}
.btn-icon-end,
.btn-icon-next {
    width: 50px;
    padding-right: 20px;
    background-position: right center;
}
.btn-icon-begin {
    background-image: url(/common/img/icon_nav_begin.png);
}
.btn-icon-end {
    background-image: url(/common/img/icon_nav_end.png);
}
.btn-icon-previous {
    background-image: url(/common/img/icon_nav_previous.png);
}
.btn-icon-next {
    background-image: url(/common/img/icon_nav_next.png);
}
.btn-icon-resetinfo {
    width: 55px;
    height: 20px;
    line-height: 20px;
    background-position: right center;
}
.btn-kofu {
    display: inline-block;
    height: 20px;
    width: 100px;
    line-height: 10px;
    text-align: center;
    background-color: #f3f3f3;
    font-weight: bold;
    text-decoration: none;
    border: solid 1px #999999;
    cursor: pointer;
    background-repeat: no-repeat;
}

/* ul, ol, dl
================================================== */
/* pankz */
.lstPankz {
    margin-top: 5px;
}
.lstPankz li {
    display: inline;
}

.lstPankz li:after {
    margin-left: 8px;
    content: ">";
}
.lstPankz li:last-child:after {
    content: "";
}

/* lstHorizon */
.lstHorizon li {
    float: left;
    margin-left: 10px;
}
.lstHorizon li:first-child {
    margin-left: 0;
}

/* lstHorizon */
.lstHorizonRight li {
    float: right;
    margin-right: 10px;
}
.lstHorizonRight li:first-child {
    margin-right: 0;
}

/* lstMenu */
.lstMenu li {
    float: left;
    margin-right: 20px;
}
.lstMenu a {
    display: block;
    position: relative;
    height: 50px;
    width: 230px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    background: linear-gradient(#ffffff, #cccccc);
    border: 1px solid #999999;
    border-radius: 4px;
}
.lstMenu a:after {
    display: inline-block;
    position: absolute;
    height: 50px;
    width: 18px;
    right: 10px;
    content: " ";
    background: url(/common/img/icon_circle_arrow.png) no-repeat right center;
}

/* lstGaido */
.lstGaido {
    padding: 10px;
    background: #ffffec;
    border: 1px solid #cccccc;
}
.lstGaido dt {
    font-weight: bold;
}
.lstGaido dt:not(:first-child) {
    margin-top: 20px;
}

/* lst-autoComplete */
.lst-autoComplete {
    position: absolute;
    margin-top: 5px;
    padding: 10px 20px 10px 10px;
    border: 1px solid #cccccc;
    background: #ffffff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    z-index: 1;
}

/* modal
================================================== */
.modalBg {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75);
}
.modalBody {
    z-index: 2;
    position: relative;
    top: -760px;
    width: 500px;
    padding: 20px;
    margin: auto;
    border: 10px solid #cccccc;
    background: #ffffff;
}
.modalBgKyodo {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75);
}
.modalBodyKyodo {
    z-index: 2;
    position: relative;
    top: -1050px;
    width: 1130px;
    height: 650px;
    padding: 20px;
    margin: auto;
    border: 10px solid #cccccc;
    background: #ffffff;
}
/* else
================================================== */
.navRedirect {
    border-left: 2px solid #272822;
}

.finishMessage {
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
}

.chkimg {
    background: url(/common/img/check_on.png) no-repeat center;
    background-position: 55px 0px;
}

.tbl .tblscroll {
    height: 295px;
    padding-top: 2px;
}