@charset "UTF-8";

/*
------------------------------------------------------------------- */
html {
    overflow-y: scroll;
}

/* for mozilla: always display scrollbar */
body {
    background: url('/img/frontend/bg02.gif') repeat-x 0 20px;
    position: relative;
}

body.type01,
body.type02 {
    background: url('/img/frontend/bg01.gif') repeat-x 0 20px;
}

body.type04 {
    padding: 30px 0 0;
    background: none;
}

body.type05 {
    background: url('/img/frontend/bg02.gif') repeat-x 0 -110px;
}

a, img {
    cursor: pointer;
}

#wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

#wrapper2 {
    width: 1152px;
    margin: 0 auto;
    text-align: left;
}

#header {
    width: 960px;
    height: 90px;
    position: relative;
    /margin-top: -20px;
}

.type01 #header,
.type02 #header {
    width: 960px;
    height: 93px;
    position: relative;
}

#header #logo {
    position: absolute;
    top: 25px;
    width: 140px;
    height: 40px;
    margin-top: 15px;
}

#header #header_btns {
    position: absolute;
    top: 20px;
    right: 0;
    width: 520px;
    font-size: 85.7%;
}

#header #header_btns li,
#header #header_btns2 li {
    float: right;
    display: inline;
    margin: 0 0 0 6px;
    position: relative;
}

#header #header_btns li.le {
    margin: 0 0 0 0;
}

#header #header_btns li .header_btn {
    display: block;
    height: 17px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

#header #header_btns li .header_btn.hb_help {
    width: 128px;
}

#header #header_btns li .header_btn.hb_manu {
    width: 110px;
}

#header #header_btns li .header_btn.hb_home {
    width: 118px;
}

#header #header_btns li .header_btn a {
    display: block;
    /*text-align:center;
    width:106px;*/
    height: 25px;
    line-height: 25px;
}

#header #header_btns li .header_btn a.icn_help {
    width: 100px;
    height: 17px;
    background: url('/img/frontend/phase3/header/ico_faq.png') no-repeat 4px center;
    padding: 0 0 0 31px;
}

#header #header_btns li .header_btn a.icn_logout {
    width: 40px;
    height: 17px;
    background: url('/img/frontend/phase3/header/ico_logout.png') no-repeat 4px center;
    padding: 0 0 0 31px;
}

#header #header_btns li .header_btn a.icn_setting {
    width: 100px;
    height: 17px;
    background: url('/img/frontend/icn_setting02.png') no-repeat 4px center;
    padding: 0 0 0 25px;
}

#header #header_btns li .header_btn a.icn_contact {
    width: 83px;
    height: 17px;
    background: url('/img/frontend/phase3/header/icn_contact.png') no-repeat 4px center;
    padding: 0 0 0 25px;
}

#header #header_btns li .header_btn a.icn_manual {
    width: 70px;
    height: 17px;
    background: url('/img/frontend/phase3/header/ico_manual.png') no-repeat 4px center;
    padding: 0 0 0 31px;
}

#header #header_btns li .header_btn a.icn_palette {
    width: 40px;
    height: 17px;
    background: url('/img/frontend/phase3/header/ico_palette.png') no-repeat 4px center;
    padding: 0 0 0 31px;
}

#header #header_btns2 {
    position: absolute;
    top: 53px;
    right: 0;
    width: 110px;
    font-size: 85.7%;
}

#header #header_btns2 li .header_btn {
    display: block;
    width: 120px;
    /width: 100px;
    /*for IE7*/
    height: 25px;
    background: #c8e0f7;
    border: solid 1px #6faceb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
}

#header #header_btns2 li .header_btn a.icn_add {
    width: 120px;
    background: url('/img/frontend/icn_add.png') no-repeat 4px center;
    padding: 0 0 0 31px;
}


#header #header_btns li .header_btn a,
#header #header_btns2 li .header_btn a {
    display: block;
    height: 25px;
    line-height: 25px;
}

#header #header_name {
    position: absolute;
    top: -8px;
    right: 0;
    width: 810px;
    height: 50px;
    margin-top: 20px;
}

#header #header_name_inner {
    font-size: 12px;
    position: relative;
    padding-left: 12px;
    width: 690px;
    height: 50px;
}

#header #header_name_inner p {
    /*position:absolute;
    bottom:2px;
    left:20px;*/
    font-size: 85.7%;
}

/* Added 29/08/2024 */
#header #header_name_inner .header_custCd {
    /* font-family: Ryo Gothic PlusN B; */
    font-size: 15px;
    text-decoration: underline;
}

/* End */

.menu {
    width: 960px;
    height: 40px;
    margin: 0 0 0 0;
    position: relative;
}

.menu .ptit {
    width: 960px;
    height: 40px;
    margin-top: 20px;
}

.menu .ptit p {
    font-family: "メイリオ", Meiryo, Helvetica, Arial, "ＭＳ Ｐゴシック", Verdana, "ヒラギノ角ゴ Pro W3", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #ffffff;
    padding: 7px 0 0 20px;
}

.menu .pservicemenu {
    background: url('/img/frontend/phase3/header/ico_servicemenu_header.png') no-repeat 0 0;
    background-size: 157px;
    width: 960px;
    height: 40px;
}

.menu .pchanges {
    background: url('/img/frontend/phase3/header/ico_changes_header.png') no-repeat 0 0;
    background-size: 127px;
    margin-top: 32px;
    width: 960px;
    height: 40px;
}

.menu .pmanagement {
    background: url('/img/frontend/phase3/header/ico_management_header.png') no-repeat 0 0;
    background-size: 157px;
    margin-top: 20px;
    width: 960px;
    height: 40px;
}

.menu .pinquiry {
    background: url('/img/frontend/phase3/header/ico_inquiry_header.png') no-repeat 0 0;
    background-size: 157px;
    margin-top: 20px;
    width: 960px;
    height: 40px;
}

.menu .editinfo {
    position: absolute;
    top: 0;
    left: 150px;
    width: 810px;
    height: 40px;
    text-align: right;
}

.menu .editinfo p {
    font-size: 85.7%;
    color: #ffffff;
    padding-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu .controllbtn {
    position: absolute;
    top: 0;
    left: 800px;
    width: 160px;
    height: 28px;
    padding: 6px 0;
    text-align: center;
}

.menu .controllbtn p {
    width: 160px;
    height: 28px;
    background: url('/img/frontend/btn26_01.png') no-repeat 0 0;
}

.menu .controllbtn p a {
    display: block;
    font-size: 85.7%;
    line-height: 28px;
    font-weight: bold;
    color: #4c7393;
    padding: 0 0 0 15px;
}

.menu .controllbtn p.act {
    width: 160px;
    height: 28px;
    background: url('/img/frontend/btn26_02.png') no-repeat 0 0;
}

.menu .controllbtn p.act a {
    display: block;
    font-size: 85.7%;
    line-height: 28px;
    color: #ffffff;
    padding: 0 0 0 15px;
}

.menu ul {
    width: 960px;
    padding: 28px 0 0 0;
}

.menu li {
    float: left;
    margin: 0 20px 0 0;
}

.menu li.ri {
    float: right;
    margin: 0 0 0 0;
}

#mwrapper {
    width: 960px;
    padding-top: 20px;
    margin: 0 auto;
    text-align: left;
}

.controllpanel01 {
    position: absolute;
    top: 130px;
    left: 0;
    background: #eeeeee;
    width: 100%;
    height: 70px;
}

.controllpanel01_inner {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

#main {
    padding: 40px 0 50px 0;
}

#main.pt20 {
    padding-top: 20px;
}

#main.pt10 {
    padding-top: 10px;
}

#fwrapper {}

body.type01 #fwrapper {
    border-top: solid 1px #e5e5e5;
    text-align: left;
}

#footer {
    width: 960px;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    text-align: right;
    color: #aaaaaa;
}


#footer {
    text-align: right;
    color: #aaaaaa;
}

#footer p {
    font-size: 70%;
}

.backbtn {
    text-align: right;
    margin: 0 0 20px 0;
    font-size: 85.7%;
}

.backbtn a {
    color: #333333;
    background: url('/img/frontend/icn_back.png') no-repeat 0 center;
    padding: 0 0 0 20px;
}


/* submenu */

.submenu01 {
    width: 960px;
    text-align: left;
}

.submenu01 ul {
    width: 960px;
    text-align: left;
}

.submenu01 li {
    float: left;
    width: 110px;
    margin: 0 10px 0 0;
}



/* title */

.menutit {
    font-size: 143%;
    background: url('/img/frontend/line01.gif') repeat-x 0 0.9em;
}

.menutit p span {
    background: #ffffff;
    padding: 0 10px 0 0;
}

/* borderbox */

.bd01 {
    background: #c9c9c9;
}

.bd02 {
    background: #434343;
}

.bd03 {
    background: #ed7f7f;
}

.bd04 {
    background: #333333;
}

.bd05 {
    background: #999999;
}



/* box */

.box01 {
    background: #eeeeee;
    border: solid 3px #434343;
    border-radius: 10px;
    padding: 25px 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.box01.t02 {
    border: none;
}

.box01.t03 {
    border: none;
    padding: 0;
}

.box01.t04 {
    border: none;
    padding: 20px 20px;
}

.box01.t05 {
    border: none;
    padding: 20px 20px;
    width: 856px;
}

/*
.box01.t02{
    padding:50px 18px;
}*/

.box01.t02 logintbl {
    margin-top: 0;
}

.box01.t06 {
    border: none;
    padding: 20px 0 0 0;
}

.box02 {
    background: #feece8;
    border: solid 1px #ed7f7f;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.box02.t02 {
    padding: 10px 20px;
}

.box02 p {
    padding: 10px 20px;
}

.box02.t02 p {
    padding: 0 0;
}

.box03 {
    border: solid 2px #959595;
    padding: 70px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.box03.t02 {
    padding: 100px 0;
}

.box03.t03 {
    padding: 0 40px;
}

.box03.t03 .box03_inner {
    padding: 40px 0 75px 0;
}

.box03.t04 {
    padding: 10px 0;
}

.box03.t05 {
    padding: 30px;
}

.box03.t06 {
    padding: 60px 0;
}

.box03.t07 {
    padding: 10px 0 40px 0;
}

.box03.t08 {
    padding: 50px 28px 20px 38px;
}

.box03_ibox {
    padding: 20px 28px 20px 28px;
}

.box03_ibox.adb {
    border-bottom: solid 1px #c9c9c9;
    padding: 10px 28px 20px 28px;
}

.box04 {
    background: #d7ecf6;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.box04_inner {
    padding: 1em 20px;
    position: relative;
}

.btn_refresh {
    font-size: 85.7%;
}

.box04_inner .btn_refresh {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -0.8em 0 0 0;
}

.btn_refresh a {
    display: inline-block;
    background: url('/img/frontend/icn_refresh.png') no-repeat 0 center;
    padding: 3px 0 3px 20px;
    color: #2b5b83;
}

.box05 {
    background: #eeeeee;
    padding: 10px 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.box06 {
    width: 960px;
    background: #eeeeee;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
    display: table;
}

.box06_1 {
    display: table-cell;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
    border-right: solid 1px #dcdcdc;
    padding: 10px;
    vertical-align: bottom;
}

.box06_2 {
    display: table-cell;
    border-right: solid 1px #dcdcdc;
    padding: 10px;
    vertical-align: bottom;
}

.box06_3 {
    display: table-cell;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
    padding: 10px;
    vertical-align: bottom;
}

.box_inner {
    padding: 10px;
}

.box07 {
    border: solid 1px #d2d2d2;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
    vertical-align: bottom;
}

.box08 {
    border: solid 2px #999999;
    background: url('/img/frontend/bg03.gif') repeat-y 0 0;
    padding: 10px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
    vertical-align: bottom;
}

.box09 {
    border: solid 2px #999999;
    background: #ffffff;
    padding: 0 0 10px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.box10 {
    width: 920px;
    margin-left: 20px;
}

/* table */

td.nw {
    white-space: nowrap;
}

.logintbl {
    width: 510px;
    margin: 24px auto 0 auto;
}

.logintbl th {
    vertical-align: middle;
    padding: 5px 0;
}

.logintbl td {
    vertical-align: middle;
    padding: 5px 0;
}

.tblsubt01 {
    padding: 8px 0;
    width: 956px;
    background: url('/img/frontend/icn_open.png') #cccccc no-repeat 10px center;
}

.tblsubt01.open {
    background: url('/img/frontend/icn_close.png') #ffffff no-repeat 10px center;
}

.tblsubt01 a {
    display: block;
    padding: 3px 0 3px 50px;
}

.tbl01 {
    font-size: 85.7%;
    width: 100%;
    /*    border:solid 1px #666666;
    background:#999999;*/
}

.tbl01.cls {
    display: none;
}

.tbl01 th {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: url('/img/frontend/bg04.gif') #e6e6e6 repeat-x 0 0;
    padding: 1em;
    line-height: 1.2;
}

.tbl01 td {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: #ffffff;
    vertical-align: middle;
    padding: 1em;
    word-break: break-all;
}

.tblsubt02 {
    width: 956px;
    padding: 1em 0;
    background: #eaeaea;
    font-size: 107%;
    font-weight: bold;
}

.tblsubt02 p {
    padding: 0 20px;
}

.tbl02 {
    font-size: 85.7%;
    width: 100%;
}

.tbl02 th {
    border-top: solid 1px #eaeaea;
    border-left: none;
    background: #ffffff;
    vertical-align: middle;
    text-align: left;
    padding: 1em 0 1em 40px;
    font-weight: normal;
}

.tbl02 td {
    border-top: solid 1px #eaeaea;
    background: #ffffff;
    vertical-align: middle;
    text-align: right;
    padding: 1em;
    word-break: break-all;
}

.tbl03 {
    font-size: 85.7%;
    width: 100%;
}

.tbl03 th {
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: url('/img/frontend/bg04.gif') #e6e6e6 repeat-x 0 0;
    padding: 1em 2em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl03 th.al {
    text-align: left;
}

.tbl03 td {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: #ffffff;
    vertical-align: middle;
    padding: 1em 2em;
    word-break: break-all;
}

.list-bill {
    font-size: 100% !important;
}

.list-bill .bold {
    font-weight: bold;
}

.form-bill {
    padding: 0;
    background-color: #efefef;
    border-radius: 10px;
}

.at-title {
    cursor: pointer;
    position: relative;
    background: #2f6695;
    color: white;
    transition: background-color 0.3s ease;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
}

.at-title:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    position: absolute;
    right: 20px;
    content: " ";
    top: 15px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}

.at-title.active:after {
    transform: rotate(-135deg);
    transition: all 0.2s ease-in-out;
}

.at-tab {
    padding: 20px 10px;
    background-color: rgb(239, 248, 255);
}

.at-item {
    border-radius: 5px;
    margin-bottom: 15px;
}

.selectYM {
    min-width: 170px;
    height: 22px;
}

.tbl03.t03 {}

.tbl03.t03 th {
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: url('/img/frontend/bg04.gif') #e6e6e6 repeat-x 0 0;
    padding: 0.5em 0.5em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl03.t03 th.le {
    width: 2em;
    padding: 1em 0;
    border-right: none;
    text-align: right;
}

.tbl03.t03 th.al {
    text-align: left;
    padding: 1em 1em 1em 1em
}

.tbl03.t03 td {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: #ffffff;
    vertical-align: middle;
    padding: 1em;
    word-break: break-all;
}

.tbl03.t03 th:last-child,
.tbl03.t03 td:last-child {
    border-right: none;
}

.tbl03.t03 td.le {
    width: 2em;
    padding: 1em 0;
    border-right: none;
    text-align: right;
}

.tbl03.t03 td.w80 {
    width: 80px;
}

.tbl03.t03 .colored td {
    background: #ebf5fa;
}

.tbl03 td.tdcheck01 {
    background: #ebf5fa;
}

.tbl03.t03 td.nw {
    white-space: nowrap;
}

.tbl03.t03 td.nop {
    padding: 0;
    /*    background:url('/img/frontend/line01.gif') #ffffff repeat-x 0 center;*/
    /*    background:#ffffff;*/
    vertical-align: middle;
}

.tbl03.t03 .colored td.nop {
    /*    background:url('/img/frontend/line01.gif') #ebf5fa repeat-x 0 center;*/
    background: #ebf5fa;
}

.tbl03.t03 td.nop .perbox {
    display: inline-block;
    width: 80px;
    height: 9em;
    min-height: 70px;
    position: relative;
    margin: auto 0;
}

.tbl03.t03 td.nop .perbox01 {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 2em;
    margin: -0.7em 0 0 0;
    text-align: center;
    /*background:url('/img/frontend/line01.gif') repeat-x 0 bottom;*/
}

.tbl03.t03 td.nop .perbox01 p.on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit01_01.png') no-repeat 0 center;
    padding: 5px 0 0 25px;
    text-align: center;
}

.tbl03.t03 td.nop .perbox01 p.off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit01_02.png') no-repeat 0 center;
    padding: 5px 0 0 25px;
    text-align: center;
}

.tbl03.t03 td.nop .perbox02 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5em;
    margin: -0.7em 0 0 0;
    text-align: center;
}

.tbl03.t03 td.nop .perbox02 p.on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit_new_01.png') no-repeat 0 center;
    background-size: 23px;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl03.t03 td.nop .perbox02 p.off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit_new_02.png') no-repeat 0 center;
    background-size: 25px;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl03.t03 td.nop .perbox03 {
    position: absolute;
    top: 75%;
    left: 0;
    width: 100%;
    height: 1.5em;
    margin: -0.7em 0 0 0;
    text-align: center;
}

.tbl03.t03 td.nop .perbox03 p.on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit02_01.png') no-repeat 0 center;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl03.t03 td.nop .perbox03 p.off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit02_02.png') no-repeat 0 center;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl03subt {
    padding: 10px 20px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.tbl04 {
    font-size: 85.7%;
    width: 100%;
}

.tbl04 th {
    border-top: solid 1px #dcdcdc;
    background: #efefef;
    padding: 30px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl04 td {
    border-top: solid 1px #dcdcdc;
    background: #ffffff;
    padding: 30px;
    vertical-align: top;
    word-break: break-all;
}

.tbl04.t02 th,
.tbl04.t02 td {
    padding: 20px 30px;
}

.tbl04.t04 th,
.tbl04.t04 td {
    padding: 12px 30px;
}

.tbl04.t03 th {
    border-top: solid 1px #dcdcdc;
    background: #ffffff;
    padding: 30px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl04.t03 td {
    border-top: solid 1px #dcdcdc;
    background: #ffffff;
    padding: 30px;
    vertical-align: top;
}

.tbl05 {
    font-size: 85.7%;
}

.tbl05.t02 {
    font-size: 100%;
}

.tbl05 th {
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    padding: 10px 0;
}

.tbl05 th.pr30 {
    padding-right: 30px;
}

.tbl05 td {
    text-align: left;
    vertical-align: middle;
    padding: 10px 0;
    word-break: break-all;
}

.tbl05 td.vt {
    vertical-align: top;
}

.tbl05_inner {
    float: left;
    margin: 0 10px 0 0;
}

.tbl07 {
    width: 100%;
}

.tbl07 th {
    padding: 15px 0 15px 40px;
    background: #ffffff;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    border-top: solid 1px #c9c9c9;
}

.tbl07 th span {
    display: inline-block;
    width: 218px;
}

.tbl07 td {
    padding: 15px 40px 15px 0;
    background: #ffffff;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    border-top: solid 1px #c9c9c9;
    word-break: break-all;
}

.tbl07 td .w694 {
    width: 652px;
}

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

.tbl07 td.td01 {
    padding: 15px 40px 15px 40px;
}

.tbl07 td.td02 {
    padding: 10px 40px 20px 38px;
}

.tbl07 th.vm {
    vertical-align: middle;
}

.tbl08 {
    width: 100%;
}

.tbl08 th {
    padding: 15px 0 15px 25px;
    width: 20%;
    background: #eeeeee;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    border-top: solid 1px #c9c9c9;
}

.tbl08 th span {
    display: inline-block;
    width: 193px;
}

.tbl08 td {
    padding: 15px 25px 15px 0;
    width: 80%;
    background: #eeeeee;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    border-top: solid 1px #c9c9c9;
    word-break: break-all;
}

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

.tbl08 th.vm {
    vertical-align: middle;
}

.tbl09 {
    font-size: 85.7%;
    width: 100%;
}

.tbl09 th {
    width: 168px;
    padding: 30px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl09 td {
    padding: 0;
    vertical-align: top;
    word-break: break-all;
}

.tbl09_th01 {}

.tbl09_th01_inner {
    position: relative;
}

.tbl09_th01 ul {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: normal;
}

.tbl09_th01 li {
    margin: 0 0 0.5em 0;
}

.tbl09_td01 {
    background: #ffffff;
    padding: 10px 0;
}

.tbl09_td01 .tbl09_ibox {
    height: 368px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.tbl06 {
    width: 100%;
}

.tbl06 th {
    padding: 12px 20px;
    background: #ffffff;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    border-bottom: solid 1px #c9c9c9;
}

.tbl06 td {
    padding: 10px;
    background: #ffffff;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    border-bottom: solid 1px #c9c9c9;
    word-break: break-all;
}

.tbl06 .colored th,
.tbl06 .colored td {
    background: #ebf5fa;
}

.tbl10 {
    font-size: 85.7%;
    width: 100%;
    border-top: solid 1px #dcdcdc;
}

.tbl10 th {
    border-bottom: solid 1px #dcdcdc;
    background: #efefef;
    padding: 12px 30px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl10 td {
    border-bottom: solid 1px #dcdcdc;
    background: #ffffff;
    padding: 12px 30px;
    vertical-align: top;
    word-break: break-all;
}

.tbl11 {
    width: 100%;
    font-size: 100%;
}

.tbl11 th {
    padding: 10px 30px;
    background: #d7ecf6;
    text-align: left;
    font-weight: bold;
}

.tbl11 td {
    padding: 10px 35px;
    background: #ffffff;
    border-top: solid 1px #c9c9c9;
    font-size: 85.7%;
}

.tbl11 td.td01 {
    padding: 15px 30px;
    font-size: 100%;
}

.tbl11 td .question a {
    display: block;
    background: url('/img/frontend/icn_arrow04.png') no-repeat 0 0;
    min-height: 21px;
    height: auto !important;
    height: 21px;
    padding: 0 0 0 40px;
    line-height: 1.5em;
}

.tbl11 td .question a span.tbl11_1 {
    display: block;
    width: 2em;
    padding: 3px 0 0 0;
}

.tbl11 .question a span.tbl11_2 {
    display: block;
    margin: -1.5em 0 0 2em;
}

.tbl12 {
    width: 100%;
    font-size: 100%;
}

.tbl12 th {
    padding: 10px 30px;
    background: #d7ecf6;
    text-align: left;
    font-weight: bold;
}

.tbl12 td {
    padding: 10px 35px;
    background: #ffffff;
    border-top: solid 1px #c9c9c9;
    border-bottom: solid 1px #c9c9c9;
    font-size: 85.7%;
}

.tbl12 td.first {
    border-top: none;
}

.tbl12 td ul li a {
    display: block;
    background: url('/img/frontend/icn_arrow04.png') no-repeat 0 0;
    min-height: 21px;
    height: auto !important;
    height: 21px;
    padding: 0 0 0 40px;
    line-height: 1.5em;
}

.tbl12 td ul li a span.tbl12_1 {
    display: block;
    width: 2em;
    padding: 3px 0 0 0;
}

.tbl12 td ul li a span.tbl12_2 {
    display: block;
    margin: -1.5em 0 0 2em;
}

.tbl13 {
    width: 956px;
    font-size: 85.7%;
}

.tbl13 th {
    padding: 10px;
    background: #eeeeee;
    border: solid 1px #dcdcdc;
    border-top: none;
    border-right: none;
}

.tbl13 th span {
    display: block;
}

.tbl13 th span.w280 {
    width: 280px;
}

.tbl13 th span.w316 {
    width: 316px;
}

.tbl13 th.tln {
    border-top: none;
    border-left: none;
    text-align: left;
}

.tbl13 th.trn {
    padding: 0;
    border-top: none;
    border-right: none;
    border-left: none;
}

.tbl13 th.trn span {
    width: 18px;
}

.tablebody {
    height: 450px;
    overflow: auto;
    overflow-x: hidden;
    border-bottom: solid 1px #dcdcdc;
}


.tbl13 div.t02 {
    height: 180px;
}

.tbl13 div.t03 {
    height: 225px;
}


.tablebody .tbl13 {
    width: 936px;
    font-size: 100%;
}

.tbl13 td {
    background: #ffffff;
}

.tbl13.out td.outcell {
    padding-bottom: 10px;
}

.tbl13 .tablebody td {
    padding: 10px;
    border: solid 1px #dcdcdc;
    border-left: none;
    border-top: none;
}

.tbl13 .tablebody td p.w280 {
    width: 280px;
}

.tbl13 .tablebody td p.w316 {
    width: 316px;
}

.tbl13 .tablebody td.tdcheck01 {
    background: #ebf5fa;
}

.tbl14 {
    width: 956px;
    font-size: 85.7%;
}

.tbl14 th {
    background: #d7ecf6;
    text-align: left;
    border-left: solid 1px #dcdcdc;
    padding: 10px 20px;
}

.tbl14 th.tln {
    border-left: none;
}

.tbl14 td {
    background: #ffffff;
    padding: 10px 20px;
    text-align: left;
    border-left: solid 1px #dcdcdc;
    vertical-align: middle;
}

.tbl15 {
    width: 910px;
    margin-left: 30px;
}

.tbl15 td {
    padding-bottom: 10px;
    vertical-align: middle;
}

.tbl15 td.vt {
    vertical-align: top;
}

.tbl16 {
    width: 956px;
}

.tbl16 th {
    text-align: left;
    vertical-align: middle;
    padding: 20px 0;
}

.tbl16 th span {
    display: block;
    padding: 0 0 0 38px;
}

.tbl16 th.adb {
    padding: 10px 0 20px 0;
    border-bottom: solid 1px #dcdcdc;
}

.tbl16 td {
    vertical-align: top;
    padding: 20px 0;
}

.tbl16 td.adb {
    width: 800px;
    padding: 10px 0 20px;
    border-bottom: solid 1px #dcdcdc;
}

/*==▼2013.5.10追記▼============================================================*/
.tbl17 {
    margin: 0 0 30px;
    width: 956px;
    font-size: 85.7%;
    border-top: solid 1px #dcdcdc;
}

.tbl17 th {
    padding: 10px;
    background: #eeeeee;
    border: solid 1px #dcdcdc;
    border-top: none;
    border-right: none;
    text-align: left;
}

.tbl17 th.le,
.tbl17 td.le {
    border-left: none;
}

.tbl17 td {
    padding: 10px;
    border: solid 1px #dcdcdc;
    border-top: none;
    border-right: none;
    text-align: left;
}

/*==▲2013.5.10追記▲============================================================*/

.tblItem {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px;
}

.tblItem th {
    padding: 0px 0px 0px 25px;
}

.tblItem th span {
    display: inline-block;
    width: "20%";
}

.tblItem td {
    padding: 0px 0px 0px 0px;
    text-align: left;
    align: left;
}

/* tab */

.tab01 {
    margin: 20px 0 0 20px;
    width: 900px;
    height: 40px;
    position: relative;
}

.tab01 li {
    /*float:left;
    margin:0 20px 0 0;*/
}

#tabbtn1 {
    position: absolute;
    top: 2px;
    left: 0;
}

#tabbtn2 {
    position: absolute;
    top: 2px;
    left: 230px;
}

#tabbtn3 {
    position: absolute;
    top: 2px;
    left: 460px;
}

#tabbtn1.act,
#tabbtn2.act,
#tabbtn3.act {
    z-index: 999;
}

.tab01 li .tabbtn01 {
    width: 210px;
    height: 40px;
    background: #2e6593;
    text-align: center;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.tab01 li .tabbtn01 a {
    display: block;
    width: 210px;
    height: 36px;
    font-size: 114%;
    line-height: 36px;
    color: #ffffff;
    font-weight: bold;
    background: url('/img/frontend/icn_arrow02.png') no-repeat 15px center;
    padding: 4px 0 0 0;
}

.tab01 li .tabbtn01.act {
    border-top: solid 2px #959595;
    border-left: solid 2px #959595;
    border-right: solid 2px #959595;
    background: #ffffff;
    width: 206px;
    height: 38px;
    text-align: center;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.tab01 li .tabbtn01.act a {
    display: block;
    font-size: 114%;
    line-height: 38px;
    color: #333333;
    font-weight: bold;
    padding: 0 0 0 0;
}



/* btn */

.btn11 {
    width: 290px;
    height: 50px;
    margin: 0 auto;
    background: url('/img/frontend/btn11.png') no-repeat 0 0;
}

.btn11 a {
    display: block;
    width: 290px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 114%;
    line-height: 50px;
}

.btn13 {
    width: 230px;
    height: 40px;
    background: url('/img/frontend/btn13.png') no-repeat 0 0;
}

.btn13.t03 {
    display: inline-block;
}

.btn13 a {
    display: block;
    width: 230px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 114%;
    line-height: 40px;
}

.btn13.t02 a {
    display: block;
    width: 230px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 85.7%;
    line-height: 1.2;
    display: table;
}

.btn13.t03 a {
    font-size: 100%;
}

.btn13.t02 a span {
    display: table-cell;
}

.btn13.t02 a span {
    display: table-cell;
    vertical-align: middle;
}

* html .btn13.t02 a span {
    display: inline;
    zoom: 1;
}

*:first-child+html .btn13.t02 a span {
    display: inline;
    zoom: 1;
}


.btn14 {
    width: 290px;
    height: 40px;
    background: url('/img/frontend/btn14.png') no-repeat 0 0;
}

.btn14 a {
    display: block;
    width: 290px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #406a8d;
    line-height: 40px;
}

.btn15 {
    width: 250px;
    height: 70px;
    background: url('/img/frontend/btn15.png') no-repeat 0 0;
}

.btn15 a {
    display: block;
    width: 250px;
    height: 70px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 70px;
}

.btn16 {
    height: 30px;

    background: url('/img/frontend/btn16_right.png') no-repeat right 0;

}

.btn16 p {
    height: 30px;
    background: url('/img/frontend/btn16_left.png') no-repeat 0 0;
}

.btn16 p a {
    display: block;
    height: 30px;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
}

.btn17 {
    width: 210px;
    height: 40px;
    background: url('/img/frontend/btn17.png') no-repeat 0 0;
}

.btn17.t02 {
    display: inline-block;
}

.btn17 a {
    display: block;
    width: 210px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
}

.btn17 button {
    background: none;
    display: block;
    width: 210px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    border: none;
}

.btn17 .btn_off {
    cursor: default;
    background: url('/img/frontend/btn40.png') no-repeat 0 0;
}

.btn24 .btn_off {
    cursor: default;
    background: #959595;
    border-radius: 5px;
}



.btn18 {
    width: 210px;
    height: 40px;
    background: url('/img/frontend/btn18.png') no-repeat 0 0;
}

.btn18 a {
    display: block;
    width: 210px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #20517a;
    line-height: 40px;
}

.btn19 {
    display: inline-block;
    width: 140px;
    height: 30px;
    background: url('/img/frontend/btn19.png') no-repeat 0 0;
}

.btn19 a {
    display: inline-block;
    width: 140px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 30px;
}

.btn20 {
    display: block;
    width: 290px;
    height: 70px;
    background: url('/img/frontend/btn20.png') no-repeat 0 0;
}

.btn20 a {
    width: 290px;
    height: 70px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 114%;
    line-height: 70px;
}

.btn20 a span {
    display: table-cell;
    vertical-align: middle;
}



.btn21 {
    display: block;
    width: 270px;
    height: 40px;
    background: url('/img/frontend/btn21.png') no-repeat 0 0;
}

.btn21 a {
    display: block;
    width: 270px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
}

.btn22 {
    display: block;
    width: 170px;
    height: 30px;
    background: url('/img/frontend/btn22.png') no-repeat 0 0;
}

.btn22 a {
    display: block;
    height: 30px;
    text-align: center;
    padding: 0 0 0 10px;
    color: #ffffff;
    font-size: 85.7%;
    line-height: 30px;
}

.btn23 {
    display: inline-block;
    width: 70px;
    height: 30px;
    background: url('/img/frontend/btn23.png') no-repeat 0 0;
}

.btn23 a {
    display: inline-block;
    width: 70px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 30px;
}

.btn24 {
    display: inline-block;
    width: 100px;
    height: 30px;
    background: url('/img/frontend/btn24.png') no-repeat 0 0;
}

.btn24 a {
    display: inline-block;
    width: 100px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 30px;
}

.btn25 {
    display: block;
    width: 140px;
    height: 30px;
    background: url('/img/frontend/btn25.png') no-repeat 0 0;
}

.btn25 a {
    display: block;
    width: 140px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #20517a;
    line-height: 30px;
}

.btn27 {
    display: block;
    width: 230px;
    height: 40px;
    background: url('/img/frontend/btn27.png') no-repeat 0 0;
}

.btn27 a {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    padding: 0 0 0 15px;
}

.btn28 {
    display: block;
    width: 230px;
    height: 40px;
    background: url('/img/frontend/btn28.png') no-repeat 0 0;
}

.btn28 a {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    padding: 0 0 0 15px;
}

.btn29 {
    display: block;
    width: 130px;
    height: 40px;
    background: url('/img/frontend/btn29.png') no-repeat 0 0;
}

.btn29 a {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    padding: 0 0 0 15px;
}

.btn30 {
    display: block;
    width: 130px;
    height: 40px;
    background: url('/img/frontend/btn30.png') no-repeat 0 0;
}

.btn30 a {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    padding: 0 0 0 15px;
}

.btn31 {
    display: block;
    width: 450px;
    height: 40px;
    background: url('/img/frontend/btn31.png') no-repeat 0 0;
}

.btn31 a {
    display: block;
    width: 450px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #20517a;
    line-height: 40px;
}

.btn32 {
    display: block;
    width: 300px;
    height: 30px;
    background: url('/img/frontend/btn32.png') no-repeat 0 0;
}

.btn32 a {
    display: block;
    width: 300px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #20517a;
    line-height: 30px;
}

.btn33 {
    display: block;
    width: 40px;
    height: 30px;
    background: url('/img/frontend/btn33.png') no-repeat 0 0;
}

.btn33 a {
    display: block;
    width: 40px;
    height: 30px;
    text-indent: -9999px;
}

.btn34 {
    display: block;
    width: 230px;
    height: 40px;
    background: url('/img/frontend/btn34.png') no-repeat 0 0;
}

.btn34 a {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    padding: 0 0 0 15px;
}

.btn35 {
    display: block;
    width: 50px;
    height: 26px;
    background: url('/img/frontend/btn35.png') no-repeat 0 0;
}

.btn35 a {
    display: block;
    height: 26px;
    text-align: center;
    color: #406a8d;
    line-height: 26px;
}

.btn36 {
    display: block;
    width: 350px;
    height: 70px;
    background: url('/img/frontend/btn36.png') no-repeat 0 0;
}

.btn36 a {
    display: block;
    width: 330px;
    height: 70px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 70px;
    padding: 0 0 0 15px;
}

.btn37 {
    display: block;
    width: 260px;
    height: 30px;
    background: url('/img/frontend/btn37.png') no-repeat 0 0;
}

.btn37 a {
    display: block;
    height: 30px;
    text-align: center;
    color: #406a8d;
    line-height: 30px;
    padding: 0 0 0 10px;
}

.btn38 {
    width: 440px;
    height: 180px;
}

.btn38 a {
    display: block;
    width: 440px;
    height: 180px;
    text-indent: -9999px;
    background: url('/img/frontend/btn38.png') no-repeat 0 0;
}

.btn38_off a {
    display: block;
    width: 440px;
    height: 180px;
    text-indent: -9999px;
    background: url('/img/frontend/btn38_off.png') no-repeat 0 0;
    cursor: default;
}

.btn38 a:hover {
    background: url('/img/frontend/btn38.png') no-repeat 0 -180px;
}

.btn39 {
    width: 440px;
    height: 180px;
}

.btn39 a {
    display: block;
    width: 440px;
    height: 180px;
    text-indent: -9999px;
    background: url('/img/frontend/btn39.png') no-repeat 0 0;
}

.btn39_off a {
    display: block;
    width: 440px;
    height: 180px;
    text-indent: -9999px;
    background: url('/img/frontend/btn39_off.png') no-repeat 0 0;
    cursor: default;
}

.btn39 a:hover {
    background: url('/img/frontend/btn39.png') no-repeat 0 -180px;
}

.btn44 {
    display: block;
    width: 206px;
    height: 30px;
    background: url('/img/frontend/btn44.png') no-repeat 0 0;
}

.btn44 a {
    display: block;
    width: 206px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #20517a;
    line-height: 30px;
}

.btn00 {
    border: solid 1px #c9c9c9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.btn01 {
    background: #cccccc;
}

.btn01 a {
    display: block;
    text-align: center;
    padding: 5px;
    line-height: 1;
}

.btn02 {
    background: #ffffff;
}

.btn02 a {
    display: block;
    text-align: center;
    color: #406a8d;
    padding: 5px;
    line-height: 1;
}

.btype01 {
    background: #1b68b8;
}

.mbtn {
    background: url('/img/frontend/bg_menubtn01_left.png') no-repeat 0 0;
    width: 310px;
    height: 40px;
}

.mbtn p {
    background: url('/img/frontend/bg_menubtn01_right.png') no-repeat right 0;
}

.mbtn p a {
    display: block;
    padding: 0 0 0 24px;
    height: 40px;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
}

.mbtn.on {
    background: url('/img/frontend/bg_menubtn02_left.png') no-repeat 0 0;
    width: 300px;
    height: 40px;
}

.mbtn.on p {
    background: url('/img/frontend/bg_menubtn02_right.png') no-repeat right 0;
}

.mbtn.on p span {
    display: block;
    padding: 0 0 0 24px;
    height: 40px;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
}

.btype01 a {
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 5px;
    line-height: 1;
}

.btype02 {
    background: #bc2d49;
}

.btype02 a {
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 5px;
    line-height: 1;
}

.btype03 {
    background: #ffffff;
}

.btype03 a {
    display: block;
    text-align: center;
    color: #bc2d49;
    padding: 5px;
    line-height: 1;
}

.btype04 {
    background: #cccccc;
}

.btype04 a {
    display: block;
    text-align: center;
    padding: 5px;
    line-height: 1;
}

.btype05 {
    background: #ffffff;
}

.btype05 a {
    display: block;
    text-align: center;
    color: #406a8d;
    padding: 5px;
    line-height: 1;
}



/* etc */

.mbtns {
    width: 940px;
    margin: 0 0 0 20px;
}

.mbtns ul {
    width: 940px;
}

.mbtns li {
    float: left;
    width: 290px;
    margin: 0 25px 30px 0;
}

.mbtns li.ri {
    margin-right: 0;
}

.mbtns_bottom {
    text-align: left;
    margin: 0 0 0 335px;
}

.mbtns02 {
    width: 790px;
    margin: 0 auto;
}

.mbtns02 li {
    float: left;
    width: 250px;
    margin: 0 20px 10px 0;
}

.mbtns02 li.ri {
    margin: 0 0 10px 0;
}

.dummytbl {
    display: table;
    margin: 10px 0 0 0;
}

.dummytbl.first {
    margin: 0 0 0 0;
}

.dummycell {
    display: table-cell;
    width: 100%;

}

* html .dummycell {
    display: inline;
    zoom: 1;
}

*:first-child+html .dummycell {
    display: inline;
    zoom: 1;
}

.innertbl01 {
    display: table;
}

.innertbl01c {
    display: table-cell;
}

.innertbl01 .vm {
    vertical-align: middle;
}

.innertbl01 .wa {
    width: 100%;
}

.innertbl01 .nw {
    white-space: nowrap;
}

* html .innertbl01c {
    display: inline;
    zoom: 1;
}

*:first-child+html .innertbl01c {
    display: inline;
    zoom: 1;
}

.selbox01 {
    width: 380px;
    margin: 0 20px 0 0;
}

.btnbox01 {
    width: 960px;
    text-align: center;
}

.btnbox01.m50 {
    width: 956px;
}

.btnbox01 li {
    display: inline-block;
    padding: 0 15px;
}

.btnbox01.m50 li {
    display: inline-block;
    padding: 0 25px;
}

* html .btnbox01 li {
    display: inline;
    zoom: 1;
}

*:first-child+html .btnbox01 li {
    display: inline;
    zoom: 1;
}

.btnbox02 {
    width: 960px;
    padding: 20px 0 10px 0;
}

.btnbox02 li {
    float: left;
}

.btnbox02_1 {
    width: 230px;
    margin: 0 260px 0 0;
}

.btnbox02_2 {
    width: 230px;
    margin: 0 10px 0 0;
}

.btnbox02_3 {
    width: 230px;
}

.btnbox03 {
    width: 960px;
    padding: 0 0 10px 0;
}

.btnbox03 li {
    float: left;
    height: 40px;
}

.btnbox03_1 {
    width: 230px;
    margin: 0 20px 0 0;
}

.btnbox03_2 {
    width: 230px;
    margin: 0 0 0 0;
}

.btnbox03_3 {
    width: 195px;
    margin: 0 15px 0 0;
    position: relative;
}

.btnbox03_3 p {
    position: absolute;
    right: 0;
    bottom: 0;
}

.btnbox03_4 {
    width: 130px;
    margin: 0 10px 0 0;
}

.btnbox03_5 {
    width: 130px;
    margin: 0 0 0 0;
}

.btnbox04 {
    width: 450px;
}

.btnbox04 li {
    float: left;
    width: 210px;
    margin: 0 30px 0 0;
}

.btnbox04 li.ri {
    margin: 0 0 0 0;
}

.olist01 {
    margin: 0 0 0 3em;
}

.olist01 li {
    list-style: decimal;
}

.list01 li {
    float: left;
    margin: 0 2em 0 0;
}

.list01 li.ml4e {
    margin: 0 4em 0 0;
}

.list01 li.last {
    margin: 0 0 0 0;
}

.list02 {
    width: 635px;
}

.list02 li {
    float: left;
    width: 170px;
    height: 20px;
    overflow: hidden;
}

.icn_arrow {
    display: inline-block;
    padding: 0 15px 0 0;
    background: url('/img/frontend/icn_arrow.png') no-repeat 0 center;
    padding: 0 0 0 20px;
}

.tbl03 th .icn_arrow {
    display: block;
    padding: 0 15px 0 0;
    background: url('/img/frontend/icn_arrow03.png') no-repeat right center;
    cursor: pointer;
}

.login_news {}

.login_news dt {
    width: 120px;
    height: 67px;
}

.login_news.potaltop dt {
    height: 86px;
}

.login_news dt img {
    margin: 0 0 0 20px;
}

.login_news dd {
    width: 798px;
    min-height: 61px;
    height: auto !important;
    height: 61px;
    margin: -67px 0 0 120px;
}

.login_news.potaltop dd {
    min-height: 86px;
    height: auto !important;
    height: 86px;
    margin: -86px 0 0 120px;
}

.login_news dd ul {
    padding: 6px 0 0 0;
    font-size: 85.7%;
}

.login_news.potaltop ul {
    padding: 0 0 0 0;
}

.login_news dd li {
    padding: 6px 10px;
    border-bottom: solid 1px #e5e5e5;
}

.login_news dd li.attcell {
    background: #e5e5e5;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.login_news dd li p.icn_setting {
    background: url('/img/frontend/icn_setting03.png') no-repeat 0 0;
    padding: 0 0 0 20px;
}

.login_news dd li p.icn_info {
    background: url('/img/frontend/icn_information.png') no-repeat 0 0;
    padding: 0 0 0 20px;
}

.login_news dd li p.icn_att {
    background: url('/img/frontend/icn_attention.png') no-repeat 0 0;
    padding: 0 0 0 20px;
}

.login_news dd li p.icn_question {
    background: url('/img/frontend/icn_question.png') no-repeat 0 0;
    padding: 0 0 0 20px;
}

.login_news dd li p.icn_dl {
    background: url('/img/frontend/icn_download04.png') no-repeat 0 0;
    padding: 0 0 0 20px;
}

.login_news dd li p span.date {
    display: block;
}

.login_news dd li p span.date2 {
    display: block;
}

.login_news dd li p span.txt {
    display: block;
    margin: -1.5em 0 0 6.5em;
}

.login_news dd li p span.txt2 {
    display: block;
    margin: -1.5em 12em 0 10em;
}

.login_news dd li p span.txtr {
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
}

.login_news dd li p span.txtr a.icn_download {
    display: inline-block;
    background: url('/img/frontend/icn_download01.png') no-repeat 0 center;
    padding: 1px 0 1px 20px;
}

.login_news dd li p a:hover {
    text-decoration: underline;
}

.login_news dd li p a.icn_new {
    background: url('/img/frontend/icn_new.png') no-repeat right 0;
    padding: 0 30px 0 0;
}

.main_inner {
    width: 960px;
    margin: 36px 0 0 0;
}

.main_left {
    float: left;
    width: 630px;
}

.potaltop_btns {
    width: 630px;
}

.potaltop_btns li {
    float: left;
    width: 210px;
    font-size: 85.7%;
}

.potaltop_btns li dl {
    width: 210px;
    height: 260px;
    position: relative;
}

.potaltop_btns li dt {
    position: absolute;
    display: block;
    text-indent: -9999px;
}

.potaltop_btns li dd {
    position: absolute;
    display: block;
    top: 183px;
    left: 0;
    width: 210px;
    text-align: center;
}

.potaltop_btns li .hovr dd a {
    color: #ffffff;
}

.potaltop_btns .potaltop_btn01 {
    width: 210px;
    height: 260px;
    background: url('/img/frontend/potaltop_btn.gif') no-repeat 0 0;
}

.potaltop_btns .potaltop_btn01.hovr {
    background: url('/img/frontend/potaltop_btn.gif') no-repeat 0 -260px;
}

.potaltop_btns .potaltop_btn02 {
    width: 210px;
    height: 260px;
    background: url('/img/frontend/potaltop_btn.gif') no-repeat -210px 0;
}

.potaltop_btns .potaltop_btn02.hovr {
    background: url('/img/frontend/potaltop_btn.gif') no-repeat -210px -260px;
}

.potaltop_btns .potaltop_btn03 {
    width: 210px;
    height: 260px;
    background: url('/img/frontend/potaltop_btn.gif') no-repeat -420px 0;
}

.potaltop_btns .potaltop_btn03.hovr {
    background: url('/img/frontend/potaltop_btn.gif') no-repeat -420px -260px;
}

.potaltop_btns .potaltop_btn01_off {
    width: 210px;
    height: 260px;
    background: url('/img/frontend/potaltop_btn_gry.gif') no-repeat 0 0;
}

.potaltop_btns .potaltop_btn02_off {
    width: 210px;
    height: 260px;
    background: url('/img/frontend/potaltop_btn_gry.gif') no-repeat -210px 0;
}

.potaltop_btns .potaltop_btn03_off {
    width: 210px;
    height: 260px;
    background: url('/img/frontend/potaltop_btn_gry.gif') no-repeat -420px 0;
}

.fontoff {
    color: #d1d1d1;
}

.potaltop_faq {
    font-size: 85.7%;
    margin: 18px 0 0 0;
    width: 630px;
}

.potaltop_faq li {
    float: left;
    width: 315px;
    padding: 6px 0;
}

.potaltop_faq li.odd {
    background: #f5f5f5;
}

.potaltop_faq li p.icn_q01 {
    background: url('/img/frontend/icn_q01.png') no-repeat 20px center;
    padding: 0 15px 0 45px;
}

.potaltop_faq li p.icn_q02 {
    background: url('/img/frontend/icn_q02.png') no-repeat 20px center;
    padding: 0 15px 0 45px;
}

.potaltop_faq li p.icn_q03 {
    background: url('/img/frontend/icn_q03.png') no-repeat 20px center;
    padding: 0 15px 0 45px;
}

.main_right {
    float: right;
    width: 300px;
}

.side_inquiry {
    background: url('/img/frontend/bg_inquiry.png') repeat-y;
}

.icn_download02 {
    display: inline-block;
    background: url('/img/frontend/icn_download02.png') no-repeat 0 center;
    padding: 1px 0 1px 24px;
}

.icn_download03 {
    display: inline-block;
    background: url('/img/frontend/icn_download03.png') no-repeat 0 center;
    padding: 1px 0 1px 24px;
}

a.icn_out {
    display: inline-block;
    background: url('/img/frontend/icn_out.png') no-repeat 0 center;
    padding: 4px 0 4px 25px;
    color: #2d628e;
}

a.icn_remove {
    display: inline-block;
    background: url('/img/frontend/ico_remove.png') no-repeat 0 center;
    padding: 4px 0 4px 25px;
    color: #2d628e;
}

.icn_per01_on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit01_01.png') no-repeat 0 center;
    background-size: 20px;
    padding: 0 0 0 18px;
}

.icn_per01_off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit01_02.png') no-repeat 0 center;
    background-size: 20px;
    padding: 0 0 0 18px;
}

.icn_per02_on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit_new_01.png') no-repeat 0 center;
    background-size: 23px;
    padding: 0 0 0 18px;
}

.icn_per02_off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit_new_02.png') no-repeat 0 center;
    background-size: 25px;
    padding: 0 0 0 18px;
}

.icn_per03_on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit02_01.png') no-repeat 0 center;
    padding: 0 0 0 18px;
}

.icn_per03_off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit02_02.png') no-repeat 0 center;
    padding: 0 0 0 18px;
}

.accbtn {
    display: inline-block;
    background: url('/img/frontend/icn_open.png') no-repeat 0 center;
    padding: 2px 0 2px 24px;
    margin: 0 0 0 0.5em;
}

.accbtn.open {
    background: url('/img/frontend/icn_close.png') no-repeat 0 center;
}

.accbox {
    display: none;
}

.pagenav {
    width: 960px;
    padding: 5px 0;
}

.pagenavi {
    width: 960px;
    position: relative;
}

.pagenavi li a {
    display: block;
    width: 31px;
    height: 31px;
    text-indent: -9999px;
}

.pagenavi li.pagenavi01 {
    position: absolute;
    top: 0;
    left: 20px;
}

.pagenavi li.pagenavi02 {
    position: absolute;
    top: 0;
    left: 54px;
}

.pagenavi li.pagenavi03 {
    position: absolute;
    top: 0;
    right: 54px;
}

.pagenavi li.pagenavi04 {
    position: absolute;
    top: 0;
    right: 20px;
}

.pagenavi li.pagenavi01 a {
    background: url('/img/frontend/icn_prv02.png');
}

.pagenavi li.pagenavi02 a {
    background: url('/img/frontend/icn_prv01.png');
}

.pagenavi li.pagenavi03 a {
    background: url('/img/frontend/icn_nxt01.png');
}

.pagenavi li.pagenavi04 a {
    background: url('/img/frontend/icn_nxt02.png');
}

.pagenavc {
    text-align: center;
    height: 31px;
    font-size: 85.7%;
    line-height: 31px;
}

.pagenavc li {
    display: inline;
}

.pagenavc li span {
    color: #a40000;
}

.pagenavc li a {
    color: #104571;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url('/img/frontend/bg_black.png');
    visibility: hidden;
    display: none;
}

.popupbox {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 796px;
    margin: 0 0 0 -400px;
    z-index: 15;
    /* display: none; */
}

html>

/**/
body .popupbox {
    visibility: visible;
}


#overlay02 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/img/frontend/bg_black.png');
    visibility: hidden;
    display: none;
}

.popupbox02 {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 900px;
    margin: 0 0 0 -450px;
    visibility: hidden;
    display: none;
}

html>

/**/
body .popupbox02 {
    visibility
    /*\**/
    : visible\9;
}

.popupbox03 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 960px;
    margin: 0 0 0 -480px;
    visibility: hidden;
    display: none;
}

html>

/**/
body .popupbox03 {
    visibility
    /*\**/
    : visible\9;
}

.popupbox_inner {
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
    padding: 35px 38px;
    border: solid 2px #000000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #ffffff;
    /*text-align:left;*/
}

.popupbox_inner.t02 {
    padding: 20px 0 40px 0;
}

/*html>/**/
body .popupbox02 .popupbox_inner {
    visibility
    /*\**/
    : hidden\9;
}

*/ html>

/**/
body .popupbox03 .popupbox_inner {
    visibility
    /*\**/
    : hidden\9;
}

.popupbox_tit {
    font-size: 143%;
    font-weight: bold;
    border-bottom: solid 2px #d2d2d2;
    margin: 0 0 20px 0;
    text-align: center;
}

.popupbox_tit.le {
    text-align: left;
    padding: 0 0 15px 0;
}

.popupbox_innerc {
    font-size: 85.7%;
}

.popup_cbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 23px;
    font-size: 85.7%;
}

.popup_cbtn a {
    display: inline-block;
    background: url('/img/frontend/icn_close.png') no-repeat right center;
    padding: 3px 25px 3px 0;
    color: #406a8d;
}

.faqbox {}

.faqbox dt {
    border-bottom: solid 2px #d2d2d2;
    padding: 0 0 10px 45px;
    background: url('/img/frontend/icn_q.png') no-repeat 0 0;
    min-height: 31px;
    height: auto !important;
    height: 31px;
}

.faqbox dt span {
    display: block;
    font-size: 116%;
    font-weight: bold;
    padding: 5px 0 0 0;
}

.faqbox dd {
    font-size: 85.7%;
    padding: 15px 0 20px 45px;
    background: url('/img/frontend/icn_a.png') no-repeat 0 15px;
    min-height: 31px;
    height: auto !important;
    height: 31px;
}

.wa {
    width: 100%;
}
.w10p {
    width: 10%;
}

.w25p {
    width: 25%;
}

.w50p {
    width: 50%;
}

.w2e {
    width: 2em;
}

.w20 {
    width: 20px;
}

.w40 {
    width: 40px;
}

.w48 {
    width: 48px;
}

.w50 {
    width: 50px;
}

.w64 {
    width: 64px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}

.w170 {
    width: 170px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w210 {
    width: 210px;
}

.w220 {
    width: 220px;
}

.w250 {
    width: 250px;
}

.w251 {
    width: 251px;
}

.w253 {
    width: 253px;
}

.w280 {
    width: 280px;
}

.w290 {
    width: 290px;
}

.w300 {
    width: 300px;
}

.w320 {
    width: 320px;
}

.w350 {
    width: 350px;
}

.w406 {
    width: 406px;
}

.w450 {
    width: 450px;
}

.w470 {
    width: 470px;
}

.w480 {
    width: 480px;
}

.w520 {
    width: 520px;
}

.w600 {
    width: 600px;
}

.w630 {
    width: 630px;
}

.w700 {
    width: 700px;
}

.w920 {
    width: 920px;
}

.w960 {
    width: 960px;
}

.form_txt01 {
    width: 340px;
}

.form_txt02 {
    width: 150px;
}

.form_txt03 {
    width: 220px;
}

.form_txt04 {
    width: 180px;
    height: 40px;
}

.form_txt05 {
    width: 660px;
}

.form_txt06 {
    width: 660px;
    height: 50px;
}

.form_txt07 {
    width: 25em;
    color: #9c9c9c;
}

.form_txt08 {
    width: 260px;
}

.form_txt09 {
    width: 100px;
}

.spbox40 {
    height: 40px;
}

.spbox25 {
    height: 25px;
}

.form_err {
    background: #feece8;
}

.form_gray {
    background: #eeeeee;
}

.messagebox {
    margin: 0 auto 20px;
    padding: 20px;
    width: 680px;
}


/* common parts */

.hovr img.aovr,
a:hover .aovr,
.abtn_ov {
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=75);
    /* Older than Firefox 0.75 */
    -moz-opacity: 0.75;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.75;
    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.75;
    zoom: 1;

}

/*2013.03.18 追陦ｦ*/
.abtn,
.atn_ov {
    font-family
    /*\**/
    : "MS PGothic", "Osaka", Arial, sans-serif/9;
    /*IE7,8*/
}

/*2024.08.08 Add hover for abtn*/
.abtn:hover {
    cursor: pointer;
}

.fred {
    color: #db0000;
}

.fwhite {
    color: #f3f3f3;
}

a.txtlink01 {
    color: #1f5079;
}

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

.fontnb {
    font-weight: normal;
}

.fontbb {
    font-weight: bold;
}

.fontb {
    font-size: 114%;
}

.fontb2 {
    font-size: 186%;
}

.fontb3 {
    font-size: 142%;
}

.fonts {
    font-size: 85.7%;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.al {
    text-align: left;
}

.vm {
    vertical-align: middle;
}

.aac {
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mt_20 {
    margin-top: -20px;
}

.mt5 {
    margin-top: 5px;
}

.mthe {
    margin-top: 0.5em;
}

.mt1e {
    margin-top: 1em;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb0 {
    margin-bottom: 0;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}


.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb90 {
    margin-bottom: 90px;
}

.ml1e {
    margin-left: 1em;
}

.ml1e.bl {
    display: block;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml40 {
    margin-left: 40px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl40 {
    padding-left: 40px;
}

.pr10 {
    padding-right: 10px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

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

.pt5 {
    padding-top: 5px;
}

.pt15 {
    padding-top: 15px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt40 {
    padding-top: 40px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}



/* 2013.03.15 */

/*#header #header_btns li .header_btn{
    behavior: url('')\9;
    *behavior: url('');
    border:none\9;
    *border:none;
    background:url('/img/frontend/btn103.png')\9;
    *background:url('/img/frontend/btn103.png');
}
:root #header #header_btns li .header_btn{
    border:solid 1px #999999\0/;
}
#header #header_btns li .header_btn.hb_help {
    background:url('/img/frontend/btn102.png')\9;
    *background:url('/img/frontend/btn102.png');
}*/

.btn00 {
    /*border:none\9;*/
    behavior: url('')\9;
    /**border:none;*/
    *behavior: url('');
}

.btype05.w48 {
    background: url('/img/frontend/btn101.png')\9;
    *background: url('/img/frontend/btn101.png');
    height: 30px\9;
    *height: 30px;
}

.btype05 a {
    line-height: 20px\9;
    *line-height: 20px;
}

/* 2013.03.19 */
.homebtn {
    padding: 0 0 0 20px;
    margin: 30px 0 0 0;
    background: url('/img/frontend/icn_arrow.png') no-repeat 5px 3px;
}

#subBillItem {
    position: relative;
    width: 876px;
}

.form-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    background: #CCCCCC;
    opacity: 0.3;
    filter: alpha(opacity=30);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.form-cover2 {
    display: block;
    position: absolute;
    margin-left: -30px;
    margin-top: -12px;
    width: 830px;
    height: auto;
    z-index: 100;
    background: #CCCCCC;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.form-cover3 {
    display: block;
    position: absolute;
    margin-left: -160px;
    margin-top: -12px;
    width: 960px;
    height: auto;
    z-index: 100;
    background: #666666;
    opacity: 0.6;
    filter: alpha(opacity=60);
    border-radius: 1px 1px 8px 8px;
}

.form-cover4 {
    display: block;
    position: absolute;
    margin-left: -160px;
    margin-top: -12px;
    width: 960px;
    height: auto;
    z-index: 100;
    background: #666666;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#pw_set {
    padding: 0 15px;
    vertical-align: middle;
    border-right: 1px solid #dcdcdc;
    background: #e5e5e5;
}

.notice {
    position: absolute;
    color: #fff;
    font-size: 20px;
    margin-top: 40px;
    margin-left: 250px;
}

.notice2 {
    position: absolute;
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
    margin-left: 270px;
    text-align: center;
}

* {
    /zoom: 1;
}

/*===================================================
    phase2
=====================================================*/
/*    グローバルナビ
----------------------------------------------------*/
#gnav {
    height: 40px;
    margin: 0 0 30px;
    background: #3b3b3b;
}

#gnav ul {
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    /*border-left: 1px solid rgba(0, 0, 0, 1);
    box-shadow: rgba(255, 255, 255, .1) -1px 0 0;*/
    background: url(/img/frontend/gnav_line.png) no-repeat left 0;
    overflow: hidden;
    zoom: 1;
}

#gnav li {
    float: left;
    display: inline;
}

#gnav a {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 41px;
    color: #fff;
    text-align: center;
    font-size: 120%;
    /*border-right: 1px solid rgba(0, 0, 0, 1);
    box-shadow: rgba(255, 255, 255, .1) -1px 0 0 inset;
    -webkit-box-shadow: rgba(255, 255, 255, .1) -1px 0 0 inset;*/
    background: url(/img/frontend/gnav_line.png) no-repeat right 0;
}

#gnav a:hover {
    color: #b2b2b2;
    font-weight: bold;
}

#gnav a.bill:hover,
#gnav a.bill.on {
    color: #529be6;
    font-weight: bold;
}

#gnav a.bill.on,
#gnav a.meisai.on,
#gnav a.bunseki.on {
    background: #555;
}

#gnav a.meisai:hover,
#gnav a.meisai.on {
    color: #d24a64;
    font-weight: bold;
}

#gnav a.bunseki:hover,
#gnav a.bunseki.on {
    color: #48af20;
    font-weight: bold;
}

/*    料金確認
----------------------------------------------------*/
.mod-box {
    margin: 0 0 30px;
    width: 960px;
    overflow: hidden;
    zoom: 1;
}

.mod-box-h2 {
    float: left;
    display: inline;
    margin: 9px 100px 10px 0;
    font-family: "メイリオ", Meiryo, Helvetica, Arial, "ＭＳ Ｐゴシック", Verdana, "ヒラギノ角ゴ Pro W3", sans-serif;
    font-size:16px;
    line-height:24px;
    font-weight:700;
    color:rgb(49,49,49);
}

.mod-box-charge {
    float: left;
    font-size: 22px;
}

.mod-box-charge table {
    /*border: 1px solid #B5B5B5;*/
}

.mod-box-charge th {
    padding: 13px 10px 10px;
    width: 220px;
    text-align: center;
    /*background:#ECECEC;*/
    /*border-right: 1px solid #B5B5B5;*/
}

.mod-box-charge td {
    padding: 13px 0 5px;
    text-align: right;
}

.mod-box-btn li {
    float: left;
    display: inline;
    margin-left: 10px;
}

.mod-box-btn-lable {
    padding-top: 11px;
    width: 70px;
    font-size: 110%;
}

.tbl03.t03.mod-table01 th {
    padding: 15px 20px;
    text-align: left;
    overflow: hidden;
    zoom: 1;
}

a.mod-ico {
    display: block;
    float: right;
    width: 18px;
    height: 18px;
}

a.mod-ico-plus {
    background: url(/img/frontend/ico_plus.png) no-repeat 0 0;
}

a.mod-ico-minus {
    background: url(/img/frontend/ico_minus.png) no-repeat 0 0;
}

a.mod-ico02 {
    display: block;
    float: left;
    margin-right: 3px;
    width: 30px;
    height: 30px;
}

.tbl03.t03.mod-table01 td {
    padding-left: 20px;


}

.tbl03.t03.mod-table01 td a:link,
.tbl03.t03.mod-table01 td a:visited {
    text-decoration: underline !important;
}

.tbl03.t03.mod-table01 td a:hover {
    text-decoration: none;
}

a.mod-ico-filter {
    display: block;
    padding: 0 15px 0 0;
    background: url(/img/frontend/ico_filter.png) no-repeat right 2px;
}

/*    料金確認（回線別）　*/
.tbl03.t03.mod-table02 td {
    text-align: right;
}

.tbl03.t03.mod-table02 tr td:last-child {
    border-right: none;
}

.tbl03.t03.mod-table02 tr.bt-dash td {
    border-top: 1px dashed #dcdcdc;
}

.tbl03.t03.mod-table02 tr.bt-none td {
    border-top: none;
}

.tbl03.t03.mod-table02 td a:link {
    text-decoration: underline;
}

.tbl03.t03.mod-table02 td a:visited {
    text-decoration: underline;
}

.tbl03.t03.mod-table02 td a:hover {
    text-decoration: none;
}

.tbl03.t03.mod-table02 th a:link,
.tbl03.t03.mod-table02 th a:visited {
    text-decoration: underline !important;
}

.tbl03.t03.mod-table02 th a:visited {
    text-decoration: underline;
}

.tbl03.t03.mod-table02 th a:hover {
    text-decoration: none;
}

.tbl03.t03.mod-table02 tr.even td {
    background: #e7f7fe;
}

a.mod-ico-pdf {
    background: url(/img/frontend/btn41_pdf_off.png) no-repeat 0 0;
}

a.mod-ico-pdf:hover {
    background: url(/img/frontend/btn41_pdf.png) no-repeat 0 0;
}

.mod-ico-pdf-noactive {
    background: url(/img/frontend/btn41_pdf_noactive.png) no-repeat 0 0;
}

a.mod-ico-excel {
    background: url(/img/frontend/btn41_excel_off.png) no-repeat 0 0;
}

a.mod-ico-excel:hover {
    background: url(/img/frontend/btn41_excel.png) no-repeat 0 0;
}

a.mod-ico-txt {
    background: url(/img/frontend/btn41_txt_off.png) no-repeat 0 0;
}

a.mod-ico-txt:hover {
    background: url(/img/frontend/btn41_txt.png) no-repeat 0 0;
}

a.mod-ico-web {
    background: url(/img/frontend/btn41_web_off.png) no-repeat 0 0;
}

a.mod-ico-web:hover {
    background: url(/img/frontend/btn41_web.png) no-repeat 0 0;
}

.mod-ico-close {
    background: url(/img/frontend/icn_close.png) no-repeat 10px 50%;
}

/*    ご利用料金一覧　*/
.tbl03.t03.mod-table03 tr td:last-child {
    border-right: none;
}

.tbl03.t03.mod-table03 tr.flag td {
    background: #edf3f9;
}

/*    スイッチボタン　*/
.mod-box-switchbtn td {
    padding: 0 5px;
    vertical-align: middle;
}

.switch li {
    float: left;
    display: inline;
}

.cb-enable,
.cb-disable,
.cb-enable span,
.cb-disable span {
    background: url(/img/frontend/switch.png) repeat-x;
    display: block;
    float: left;
}

.cb-enable span,
.cb-disable span {
    line-height: 30px;
    display: block;
    background-repeat: no-repeat;
}

/*2つボタン*/
.cb-enable {
    background-position: 0 0px;
}

.cb-enable span {
    background-position: left -60px;
    padding: 0 15px;
}

.cb-disable {
    background-position: 0 0px;
}

.cb-disable span {
    background-position: right -120px;
    padding: 0 10px;
    border-left: 1px solid #b3b3b3;
}

.cb-enable.selected {
    background-position: 0 -30px;
}

.cb-enable.selected span {
    background-position: left -90px;
    font-weight: bold;
    color: #fff;
}

.cb-disable.selected {
    background-position: 0 -30px;
}

.cb-disable.selected span {
    background-position: right -150px;
    padding: 0 10px;
    font-weight: bold;
    color: #fff;
}

.switch label {
    cursor: pointer;
}

.switch input {
    display: none;
}

/*3つボタン*/
.cb-left,
.cb-center,
.cb-right,
.cb-left span,
.cb-center span,
.cb-right span {
    background: url(/img/frontend/switch.png) repeat-x;
    display: block;
    float: left;
}

.cb-left span,
.cb-center span,
.cb-right span {
    line-height: 30px;
    display: block;
    background-repeat: no-repeat;
}

.cb-left span {
    background-position: left -60px;
    padding: 0 10px;
}

.cb-center span {
    background-position: left 0;
    padding: 0 15px;
    background-repeat: repeat-x;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.cb-right span {
    background-position: right -120px;
    padding: 0 10px;
}

.cb-right.selected {
    background-position: 0 -30px;
}

.cb-right.selected span {
    background-position: right -150px;
    font-weight: bold;
    color: #fff;
}

/*.cb-center.selected { background-position: 0 -60px; }*/
.cb-center.selected span {
    background-position: 0 -30px;
    font-weight: bold;
    color: #fff;
}

.cb-left.selected {
    background-position: 0 -30px;
}

.cb-left.selected span {
    background-position: left -90px;
    font-weight: bold;
    color: #fff;
}

/*    スライドパネル　*/
.mod-open {
    padding-left: 25px;
    background: url(/img/frontend/icn_open.png) no-repeat 0 0%;
    cursor: pointer;
}

.slidebox {
    display: none;
}


.btn41 {
    display: block;
    width: 150px;
    height: 40px;
    font-size: 14px;
    background: url('/img/frontend/btn41.png') no-repeat 0 0;
}

.btn41 a {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    padding: 0 0 0 15px;
}

.btn41 a:hover {
    color: #fff;
}

.btn41 span {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    padding: 0 0 0 15px;
    color: #666;
}


.mod-btn2 {
    float: left;
    display: inline;
    margin-left: 20px;
}

.btn42 {
    display: block;
    width: 260px;
    height: 30px;
    background: url('/img/frontend/btn42.png') no-repeat 0 0;
}

.btn42 a {
    display: block;
    height: 30px;
    text-align: center;
    color: #406a8d;
    line-height: 30px;
    padding: 0 0 0 10px;
}

.btn43 {
    display: block;
    width: 230px;
    height: 40px;
    background: url('/img/frontend/btn43.png') no-repeat 0 0;
}

.btn43 a {
    display: block;
    height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 40px;
    padding: 0 0 0 15px;
}

/*各種お手続きの変更*/
.change_info {
    margin-right: -40px;
    overflow: hidden;
    zoom: 1;
}

.change_info li {
    float: left;
    display: inline;
    width: 460px;
    margin: 0 40px 30px 0;
}

.change_info a {
    display: block;
    width: 460px;
    height: 180px;
    text-indent: -9999px;
}

#basic_gry {
    background: url(/img/frontend/change_basic02.png) no-repeat 0 0;
}

#group_gry {
    background: url(/img/frontend/change_group02.png) no-repeat 0 0;
}

a#change_basic {
    background: url(/img/frontend/change_basic.png) no-repeat 0 0;
}

a#change_basic:hover {
    background: url(/img/frontend/change_basic.png) no-repeat 0 -180px;
}

a#change_account {
    display: block;
    width: 920px;
    height: 180px;
    text-indent: -9999px;
    background: url(/img/frontend/change_account.png) no-repeat 0 0;
}

a#change_account:hover {
    background: url(/img/frontend/change_account.png) no-repeat 0 -180px;
}

a#change_group {
    display: block;
    width: 920px;
    height: 180px;
    text-indent: -9999px;
    background: url(/img/frontend/change_group.png) no-repeat 0 0;
}

a#change_group:hover {
    background: url(/img/frontend/change_group.png) no-repeat 0 -180px;
}

.change_basic2 {
    display: block;
    background: url('/img/frontend/icn_arrow05.png') no-repeat 0 center;
    background-size: 28px;
    background-position: right;
    height: auto !important;
    height: 100px;
    padding: 17.5px 0 17.5px 0;
    line-height: 1.5em;
    border-bottom: solid 1px #808080;
}

.change_basic2:hover {
    display: block;
    background: #e0f0f7 url('/img/frontend/icn_arrow05_ov.png') no-repeat 0 center;
    background-size: 28px;
    background-position: right;
    color: #386e9b;
}

.change_basic2 li, .change_basic2_off li {
    font-weight: bold;
    /* font-family: "Ryo Gothic PlusN B" !important; */
    font-size: 18px;
    padding-top: 2px;
}

.change_basic2 li:hover {
    color: #386e9b;
}

.change_basic2_off {
    cursor: context-menu;
    display: block;
    background: url('/img/frontend/icn_arrow05.png') no-repeat 0 0;
    background-size: 28px;
    background-position: right;
    height: auto !important;
    height: 100px;
    padding: 17.5px 0 17.5px 0;
    line-height: 1.5em;
    display: block;
    border-bottom: solid 1px #808080;
}

.change_basic2_off li {
    color: gray;
}

.del_btn {
    padding: 4px 5px 3px;
    background: #eee;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.del_btn:hover {
    background: #f6f6f6;
}

/*step*/
#step,
#step02 {
    width: 960px;
    height: 62px;
    margin: 0 0 20px;
}

#step ul,
#step02 ul {
    height: 62px;
    overflow: hidden;
    zoom: 1;
}

#step ul {
    background: url(/img/frontend/step.png) no-repeat 0 0;
}

#step li {
    float: left;
    width: 240px;
    height: 62px;
    line-height: 63px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

#step02 li {
    float: left;
    width: 320px;
    height: 62px;
    line-height: 63px;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: #faeec3 url(/img/frontend/step.gif) no-repeat right 0;
}

#step02 li.step_end {
    background: #faeec3 url(/img/frontend/step_end.gif) no-repeat right 0;
}

.select_bill {
    /*display:none;*/
    position: absolute;
    display: block;
    background: #ffe7e7;
    border-bottom: 1px solid #fff;
    z-index: 100;
    width: 150px;
    padding: 0;
    vertical-align: middle;
}

.select_bill li {
    padding: 0;
    margin: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.select_bill li a {
    text-align: left;
    color: #ba2f4a;
    line-height: 1.4em;
    font-weight: normal;
    font-size: 12px;
    padding: 10px 10px 0 50px;
    margin: 0;
}

.select_bill .bill1 {
    background: url(/img/frontend/icn_bill1.png) no-repeat 12px 15px;
}

.select_bill .bill1 a:hover {
    color: #000;
    background: #fffed1 url(/img/frontend/icn_bill1.png) no-repeat 12px 15px;
}

.select_bill .bill2 {
    background: url(/img/frontend/icn_bill2.png) no-repeat 12px 10px;
}

.select_bill .bill2 a:hover {
    color: #000;
    background: #fffed1 url(/img/frontend/icn_bill2.png) no-repeat 12px 10px;
}

.txt_inde {
    padding-left: 1em;
    text-indent: -1em;
}

.border-rc {
    padding: 2px 5px;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #efefef;
}

.d-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-end {
    justify-content: flex-end;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.billing-box {
    background: #0081c6;
    border-radius: 5px;
    padding: 5px;
    min-height: 50px;
    justify-content: space-between;
}

.billing-box .title {
    color: #fff;
    padding-left: 15px;
    display: flex;
    align-items: center;
    font-size: 25px;
}

.box-price {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    justify-content: space-between;
    min-width: 350px;
}

.big-price {
    font-size: 25px;
}

.big-price2 {
    font-size: 20px;
}

.unit {
    display: inline-block;
    padding-left: 7px;
}

.tt-h3 {
    font-size: 20px;
    color: #0081c6;
    border-bottom: 2px solid #6bb6e2;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.tt-h4 {
    padding-left: 10px;
    border-left: 10px solid #0081c6;
}

.text-end {
    text-align: right;
}

.table-new {
    width: 100%;
}

.table-new th {
    padding: 1em 1em 1em 1.5em;
    background: #f6f6f6;
    border-bottom: 1px solid #c7c7c7;
}

.table-new td {
    padding: 1em 1em 1em 1.5em;
    border-bottom: 1px dotted #c7c7c7;
    height: 20px;
}

.heading-table-price {
    padding: 1em;
    margin-left: 30px;
    min-height: 20px;
}

.note-list-box {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 1em;
}

.note-list {
    list-style: none;
    padding-left: 40px;
}

.note-list li {
    padding: 2px 0px;
}

.icon-circle {
    position: relative;
}

.icon-circle:before {
    position: absolute;
    left: -1.2em;
    top: 6px;
    content: ' ';
    display: block;
    width: 0.65em;
    height: 0.65em;
    background: #0081c6;
    border-radius: 50%;

}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 50px;
    text-decoration: none;
    font-weight: bold;
}

.btn-negative {
    border: solid 1px #999;
    background: #fff;
    color: #333;
}

.btn-default {
    border: solid 1px #0081c6;
    background: #fff;
    color: #0081c6;
}

a.btn-default {
    color: #0081c6;
}

.ico-fa {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: -1px;
}

.ico-mail {
    background: url(/img/frontend/ico-mail.svg) no-repeat 0 0;
}

.ico-print {
    background: url(/img/frontend/ico-print.svg) no-repeat 0 0;
}

/*option B*/
.box-price2 {
    background: inherit;
    color: #fff;
}

.box-content {
    background: #fff;
}

.box-content:last-child {
    border-radius: 0px 0px 6px 5px;
}

.heading-table2 {
    background: #eef9ff;
    padding: 0.5em 1em;
}

.box-table {
    padding: 1em;
}

.table-new .th-none {
    background: none;
    border: none;
    font-weight: normal;
    padding-left: 10px;
}

.w-100 {
    width: 100%;
}

.w-105 {
    width: 105px;
}

.w-1-2 {
    width: 50%;
}

.ico-between-table {
    max-width: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w350 {
    width: 350px;
}

.triangle {
    border-color: transparent transparent #0081c6 transparent;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    height: 0px;
    width: 0px;
    margin-left: 1px;
    -ms-transform: rotate(20deg);
    transform: rotate(90deg);
}

.mb-5 {
    margin-bottom: 5px;
}

.item {
    padding-left: 40px;
}

.note-list-box2 {
    background: #f8edec;
}

.note-list-box2 .title-list {
    padding: 0 20px;
    color: #d91c1c;
}

.note-list-box2 .icon-circle:before {
    background: #d91c1c;
}

.bor-bottom {
    border-bottom: 1px solid #c7c7c7;
}

.initial-cost {
    padding: 1em 1em 1em 1.5em;
}

.price {
    margin-left: 15px;
}

.bor-radius-5 {
    border-radius: 5px;
}

.maxw-380 {
    max-width: 380px;
}

a.link-underline {
    text-decoration: underline;
    color: #0081c6;
    ;
}

.tbl18 {
    font-size: 85.7%;
    width: 59.2%;
}

.tbl18 th {
    border-bottom: solid 1px #808080;
    background: #efefef;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl18 td {
    border-bottom: solid 1px #808080;
    background: #ffffff;
    vertical-align: top;
    word-break: break-all;
}

.modal {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 130px;
    left: 50%;
    width: 796px;
    margin: 0 0 0 -400px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
.modal-sso{
    display: none;
    width: 500px !important;
    margin: 0px 0 0 -251px !important;
}
/* Added by Nhut 08/29/2024 */
.modal-table-permission {
    float: right;
    border: 1px solid #e7e7e7;
    padding: 5px 10px;
}

/* End Added by Nhut 08/29/2024 */

.modal-body {
    max-height: 250px;
    overflow-y: auto;
}

.btnbox-modal {
    width: 100%;
    text-align: center;
}

.btnbox-modal.m50 {
    width: 100%;
}

.btnbox-modal li {
    display: inline-block;
    padding: 0 15px;
}

.btnbox-modal.m50 li {
    display: inline-block;
    padding: 0 25px;
}

* html .btnbox-modal li {
    display: inline;
    zoom: 1;
}

*:first-child+html .btnbox-modal li {
    display: inline;
    zoom: 1;
}

.tbl19 {
    font-size: 85.7%;
    width: 100%;
}

.tbl19 th {
    border-bottom: solid 2px #808080;
    background: #ffffff;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl19 th ul li {
    font-weight: bold;
    font-family: "Ryo Gothic PlusN B";
    font-size: 24px;
    color: #2b5f90;
    padding-top: 13px;
    display: inline;
}

.tbl19 td ul {
    background: #ffffff;
    vertical-align: top;
    word-break: break-all;
    padding-left: 40px;
}

.tbl20 {
    font-size: 85.7%;
    width: 100%;
}

.tbl20 th {
    border-bottom: solid 2px #808080;
    background: #ffffff;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl20 th ul li {
    font-weight: bold;
    font-family: "Ryo Gothic PlusN B";
    font-size: 24px;
    color: #2b5f90;
    padding-top: 13px;
}

.list_top {
    display: block;
    background: url('/img/frontend/icn_arrow05.png') no-repeat 0 center;
    background-size: 28px;
    background-position: right;
    height: auto !important;
    height: 100px;
    padding: 17.5px 0 17.5px 0;
    line-height: 1.5em;
    border-bottom: solid 1px #808080;
}

.list_top:hover {
    display: block;
    background: #e0f0f7 url('/img/frontend/icn_arrow05_ov.png') no-repeat 0 center;
    background-size: 28px;
    background-position: right;
    color: #386e9b;
}

.list_top li {
    font-weight: bold;
    font-family: "Ryo Gothic PlusN B";
    font-size: 18px;
    padding-top: 2px;
}

.list_top li:hover {
    color: #386e9b;
}

.list_top_off {
    cursor: context-menu;
    display: block;
    background: url('/img/frontend/icn_arrow05.png') no-repeat 0 center;
    background-size: 28px;
    background-position: right;
    height: auto !important;
    height: 100px;
    padding: 17.5px 0 17.5px 0;
    line-height: 1.5em;
    border-bottom: solid 1px #808080;
}

.list_top_off li {
    color: gray;
    font-weight: bold;
    font-family: "Ryo Gothic PlusN B";
    font-size: 18px;
    padding-top: 2px;
}

.tbl20 dt img {
    margin: 0 0 0 20px;
}

.tbl20 td {
    width: 798px;
    min-height: 61px;
    height: auto !important;
    height: 61px;
    margin: -67px 0 0 120px;
}

.login_news.potaltop dd {
    min-height: 86px;
    height: auto !important;
    height: 86px;
    margin: -86px 0 0 120px;
}

.tbl20 tr td ul {
    padding: 10px 0 0 0;
    font-size: 85.7%;
}

.tbl20.potaltop ul {
    padding: 0 0 0 0;
}

.tbl20 td li {
    padding: 6px 10px;
    margin-left: 30px;
    border-bottom: solid 1px #808080;
    font-weight: bold;
    font-family: "Ryo Gothic PlusN B";
}

.tbl20 td li.attcell {
    background: #e5e5e5;
    /* border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px; */
    position: relative;
    font-size: 12px;
    padding: 6px 0 6px 30px;
    font-family: "Ryo Gothic PlusN B";
    font-weight: bold;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.tbl20 td li p.icn_setting {
    background: url('/img/frontend/icn_setting03.png') no-repeat 0 0;
    background-size: 20px;
    padding: 0 0 0 30px;
}

.tbl20 td li p.icn_info {
    background: url('/img/frontend/icn_information_02.png') no-repeat 0 0;
    background-size: 20px;
    padding: 0 0 5px 30px;
}

.tbl20 td li p.icn_att {
    background: url('/img/frontend/icn_attention.png') no-repeat 0 0;
    background-size: 20px;
    padding: 0 0 0 30px;
}

.tbl20 td li p.icn_question {
    background: url('/img/frontend/icn_question.png') no-repeat 0 0;
    background-size: 20px;
    padding: 0 0 0 30px;
}

.tbl20 td li p.icn_dl {
    background: url('/img/frontend/icn_download04.png') no-repeat 0 0;
    background-size: 20px;
    padding: 0 0 0 30px;
}

.tbl20 td li p span.date {
    display: block;
    font-size: 12px;
    font-family: "Ryo Gothic PlusN B";
    font-weight: bold;
}

.tbl20 td li p span.date2 {
    display: block;
    font-size: 12px;
    padding-top: 2px;
    font-family: "Ryo Gothic PlusN B";
    font-weight: bold;
}

.tbl20 td li p span.txt {
    display: block;
    margin: -1.5em 0 0 6.5em;
    font-size: 12px;
    font-family: "Ryo Gothic PlusN B";
    font-weight: bold;
    padding: 0 0 0 10px;
}

.tbl20 td li p span.txt2 {
    display: block;
    margin: -1.5em 12em 0 10em;
    font-size: 12px;
    font-family: "Ryo Gothic PlusN B";
    font-weight: bold;
    padding: 0 0 0 10px;
}

.tbl20 td li p span.txtr {
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 12px;
    font-family: "Ryo Gothic PlusN B";
    font-weight: bold;
    padding: 0 0 0 10px;
}

.tbl20 td li p span.txtr a.icn_download {
    display: inline-block;
    background: url('/img/frontend/icn_download01.png') no-repeat 0 center;
    padding: 1px 0 1px 20px;
}

.tbl20 td li p a:hover {
    text-decoration: underline;
}

.tbl20 td li p a.icn_new {
    background: url('/img/frontend/icn_new.png') no-repeat right 0;
    padding: 0 30px 0 0;
}

.block {
    margin-block: 70px;
}

.btn_addbill {
    display: block;
    width: 450px;
    height: 30px;
    background: url('/img/frontend/btn_addbill.png') no-repeat 0 0;
}

.btn_addbill a {
    display: block;
    width: 450px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #20517a;
    line-height: 30px;
}

#check1_0:disabled {
    filter: invert(100%) hue-rotate(18deg) brightness(8);
}

a.txtlinkblue {
    color: #2F6796;
}

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

#header #header_btns li .header_btn a.icn_home {
    width: 85px;
    height: 17px;
    background: url('/img/frontend/phase3/header/ico_home.png') no-repeat 4px center;
    padding: 0 0 0 31px;
}

.tbl03.t03 td.wrap {
    word-wrap: break-word;
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 270px;
    height: 10px;
    max-width: 100%;
    padding: 25px;
    border: 2px dotted gray;
    border-radius: 10px;
}

.file-drop-area-disabled {
    background: #808080;
    position: relative;
    display: flex;
    align-items: center;
    width: 270px;
    height: 10px;
    max-width: 100%;
    padding: 25px;
    border: 2px dotted gray;
    border-radius: 10px;
}

.file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;

    &:focus {
        outline: none;
    }
}

.file-input:disabled {
    cursor: not-allowed;
}

.img-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 270px;
    height: 10px;
    max-width: 100%;
    padding: 25px;
    border: 2px dotted gray;
    border-radius: 10px;
}

.img-drop-area-disabled {
    background: #808080;
    position: relative;
    display: flex;
    align-items: center;
    width: 270px;
    height: 10px;
    max-width: 100%;
    padding: 25px;
    border: 2px dotted gray;
    border-radius: 10px;
}

.tbl33 {
    font-size: 85.7%;
    width: 100%;
}

.tbl33 th {
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: url('/img/frontend/bg04.gif') #e6e6e6 repeat-x 0 0;
    padding: 1em 2em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl33 th.al {
    text-align: left;
}

.tbl33 td {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: #ffffff;
    vertical-align: middle;
    padding: 1em 2em;
    word-break: break-all;
}

.tbl33.t03 {}

.tbl33.t03 th {
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: url('/img/frontend/bg04.gif') #e6e6e6 repeat-x 0 0;
    padding: 0.5em 0.5em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.2;
}

.tbl33.t03 th.le {
    width: 2em;
    padding: 1em 0;
    border-right: none;
    text-align: right;
}

.tbl33.t03 th.al {
    text-align: left;
    padding: 1em 0.5em 1em 0.5em
}

.tbl33.t03 td {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    border-left: none;
    background: #ffffff;
    vertical-align: middle;
    padding: 0.5em;
    word-break: break-all;
}

.tbl33.t03 th:last-child,
.tbl33.t03 td:last-child {
    border-right: none;
}

.tbl33.t03 td.le {
    width: 2em;
    padding: 1em 0;
    border-right: none;
    text-align: right;
}

.tbl33.t03 td.w80 {
    width: 80px;
}

.tbl33.t03 .colored td {
    background: #ebf5fa;
}

.tbl33 td.tdcheck01 {
    background: #ebf5fa;
}

.tbl33.t03 td.nw {
    white-space: nowrap;
}

.tbl33.t03 td.nop {
    padding: 0;
    /*    background:url('/img/frontend/line01.gif') #ffffff repeat-x 0 center;*/
    /*    background:#ffffff;*/
    vertical-align: middle;
}

.tbl33.t03 .colored td.nop {
    /*    background:url('/img/frontend/line01.gif') #ebf5fa repeat-x 0 center;*/
    background: #ebf5fa;
}

.tbl33.t03 td.nop .perbox {
    display: inline-block;
    width: 60px;
    height: 9em;
    min-height: 60px;
    position: relative;
    margin: auto 0;
}

.tbl33.t03 td.nop .perbox01 {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 2em;
    margin: -0.7em 0 0 0;
    text-align: center;
    /*background:url('/img/frontend/line01.gif') repeat-x 0 bottom;*/
}

.tbl33.t03 td.nop .perbox01 p.on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit01_01.png') no-repeat 0 center;
    padding: 5px 0 0 25px;
    text-align: center;
}

.tbl33.t03 td.nop .perbox01 p.off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit01_02.png') no-repeat 0 center;
    padding: 5px 0 0 25px;
    text-align: center;
}

.tbl33.t03 td.nop .perbox02 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5em;
    margin: -0.7em 0 0 0;
    text-align: center;
}

.tbl33.t03 td.nop .perbox02 p.on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit_new_01.png') no-repeat 0 center;
    background-size: 23px;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl33.t03 td.nop .perbox02 p.off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit_new_02.png') no-repeat 0 center;
    background-size: 25px;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl33.t03 td.nop .perbox03 {
    position: absolute;
    top: 75%;
    left: 0;
    width: 100%;
    height: 1.5em;
    margin: -0.7em 0 0 0;
    text-align: center;
}

.tbl33.t03 td.nop .perbox03 p.on {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit02_01.png') no-repeat 0 center;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl33.t03 td.nop .perbox03 p.off {
    display: inline-block;
    height: 1.5em;
    background: url('/img/frontend/icn_permit02_02.png') no-repeat 0 center;
    padding: 3px 0 2px 25px;
    text-align: center;
}

.tbl33subt {
    padding: 10px 20px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    position: relative;
    /*    behavior: url('/giportal-front/js/PIE-1.0.0/PIE.htc');*/
}

.tbl33 th .icn_arrow {
    display: block;
    padding: 0 15px 0 0;
    background: url('/img/frontend/icn_arrow03.png') no-repeat right center;
    cursor: pointer;
}

.tbl33.t03 td.wrap {
    word-wrap: break-word;
}

.tbl33 th .icn_arrow_0 {
    display: block;
    padding: 0 15px 0 0;
    background: url('/img/frontend/icn_arrow03b.png') no-repeat right center;
    cursor: pointer;
}

.tbl33 th .icn_arrow_1 {
    display: block;
    padding: 0 15px 0 0;
    background: url('/img/frontend/icn_arrow03.png') no-repeat right center;
    cursor: pointer;
}

.list_costReduction {
    display: block;
    background: url('/img/frontend/icn_arrow05.png') no-repeat 0 center;
    background-size: 28px;
    background-position: right;
    height: auto !important;
    height: 100px;
    padding: 7.5px 0 7.5px 0;
    line-height: 1.5em;
    border-bottom: solid 1px #808080;
}

.list_costReduction:hover {
    background: #e0f0f7 url('/img/frontend/icn_arrow05_ov.png') no-repeat 0 center;
    background-size: 28px;
    background-position: right;
    color: #386e9b;

    .propA {
        color: #B92E49;
    }
}

.list_costReduction li {
    display: block;
    font-weight: bold;
    font-family: "Ryo Gothic PlusN B";
    font-size: 18px;

    .propA {
        color: #2F6796;
    }
}

.list_costReduction li:hover {
    color: #386e9b;

    .propA {
        color: #B92E49;
    }
}

/* Added by Nhut 08/29/2024 */
.list_costReduction li .pTag {
    display: inline-block;
}

.list_costReduction li .startPropA {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.list_costReduction li .endPropA {
    font-family: "Ryo Gothic PlusN B" !important;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

/* End Added by Nhut 08/29/2024 */

.btnfaq {
    width: 290px;
    height: 70px;
    background: url('/img/frontend/btn20.png') no-repeat 0 0;
}

.btnfaq a {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    line-height: 70px;
}

.font-arial input, .font-arial select, .font-arial option, .font-arial textarea {
    font-family: Arial, Helvetica, sans-serif !important;
}

.career-first {
    border-radius: 8px 1px 1px 1px;
    border-top-style: none;
}

.border-b-gray {
    border-bottom: 1px solid #c9c9c9;
}

.d-none {
    display: none !important;
}

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

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

.border-none {
    border: none !important;
}

.h-10 {
    height: 10px !important;
}

.w-135 {
    width: 135px !important;
}

.w-163 {
    width: 162.5px !important;
}

.w-170 {
    width: 170px !important;
}

.w-200 {
    width: 200px !important;
}

.w-500 {
    width: 500px !important;
}

.w-700 {
    width: 700px !important;
}

.w-800 {
    width: 800px !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

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

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

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

.btn-disabled {
    border-radius: 5px;
    color: #ffffff !important;
    cursor: unset !important;
    user-select: none;
    pointer-events: none;
}

.btn-disabled a {
    cursor: unset !important;
    user-select: none;
}

.btn-disabled-bg {
    background-color: #959595 !important;
    border-radius: 5px;
}

#btn-reset-search {
    color: #2c608c !important;
}

.break-words {
    overflow-wrap: break-word;
}

.bg-gray {
    background-color: #CCCCCC;
}

.add-modal-sso {
    display: block;
    position: absolute;
    top: 0;
    left: 21%;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    min-height: 100vh;
    min-width: 104vw;
}

.add-modal-sso .modal-content {
    width: auto !important;
}

.add-modal-sso::-webkit-scrollbar {
    display: none;
}

.tbl04.t_sso th, .tbl04.t_sso td {
    padding: 12px 15px;
}

@media (min-width: 1550px) and (max-width: 1920px) {
    .add-modal-sso {
        min-width: 99vw;
    }
}
.category-select {
    width: 348px;
}
.display-none {
    display: none;
}

.giptlflst510 .ui-datepicker-prev,
.giptlflst510 .ui-datepicker-next {
    display: none;
}

.giptlflst510 .ui-datepicker-month {
    float: inline-end;
}

.giptlflst510 .ui-datepicker-year {
    float: inline-start;
}

.giptlflst510 .ui-datepicker-calendar {
    display: none;
}

.giptlflst510 .tbl03.t03.mod-table03 tr:last-child td:last-child{
    border-radius: 1px 1px 8px !important;
}

.giptlflst510 .tbl03.t03.mod-table03 tr:last-child td:first-child{
    border-radius: 1px 1px 1px 8px !important;
}

.giptlflst510 .btn-inactive {
    cursor: no-drop !important;
    user-select: none;
    opacity: 0.75;
    background-color: #c9c9c9;
    border-radius: 8px;
}

a.mod-ico-bill-palette {
    background: url(/img/frontend/btn_bill_palette.png) no-repeat 0 0;
}

.w-315 {
    width: 315px !important;
}