.tb_frm {
    border-top: 1px solid #4c84ff
}

.tb_frm>table {
    width: 100%;
    border-collapse: collapse;
    border-right: 1px hidden #fff
}

.tb_frm>table>thead>tr>th,
.tb_frm>table>tbody>tr>th,
.tb_frm>table>tbody>tr>td {
    border: 1px solid #d4d3d3;
    border-width: 0 0 1px 0;
    padding: 8px 10px;
    text-align: center
}

.tb_frm>table>tbody>tr>td .contxt {
    margin-right: 5px
}

.tb_frm>table thead th,
.tb_frm>table tbody th {
    background: #f8f8f8
}

.tb_frm>table .lt,
.tb_frm.lt>table td {
    text-align: left
}

.tb_frm>table .rt {
    text-align: right
}

.tb_frm>table tr.point {
    background: #2e69eb
}

.tb_frm>table tr.point td {
    color: #fff
}

.tb_frm>table th .posbox {
    position: relative
}

.tb_frm td .txtinfo {
    margin-top: 5px
}

.tb_frm>table th {}

.tb_frm .percent {
    margin-left: 5px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 5px;
    height: 25px;
    line-height: 25px;
    bottom: 0;
    margin: auto;
    padding: 0 10px;
    border-radius: 40px;
    font-size: .875em;
    width: 45px
}

.tb_frm .percent.co1 {
    background: #f94f5c
}

.tb_frm .percent.co2 {
    background: #4880f9
}

.tb_frm.ct td {
    text-align: center
}

.tb_frm .lt {
    text-align: left
}

.tb_frm>table .btn.cancel {
    background: #ff6c60;
    color: #fff
}

.tb_frm>table .btn.dcancel {
    background: #f00;
    color: #fff
}

.tb_frm>table .btn.stay {
    background: #aaa;
    color: #fff
}

.tb_frm>table .btn.stay,
.tb_frm>table .btn.complete,
.tb_frm>table .btn.cancel,
.tb_frm>table .btn.dcancel {
    height: 30px;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 30px
}

.tb_frm>table .btn.co1,
.tb_frm>table .btn.co2 {
    padding: 5px 15px
}

.tb_frm>table .badge.cancel {
    background: #ff6c60;
    color: #fff
}

.tb_frm>table .badge.dcancel {
    background: #f00;
    color: #fff
}

.tb_frm>table .badge.stay {
    background: #aaa;
    color: #fff
}

.tb_frm>table .badge.complete {
    background: #4c84ff;
    color: #fff
}

.tb_frm>table .badge.stay,
.tb_frm>table .badge.complete,
.tb_frm>table .badge.cancel,
.tb_frm>table .badge.dcancel {
    height: 30px;
    line-height: 28px;
    padding: 2px 15px;
    border-radius: 30px
}

.tb_frm>table td .subject {
    display: inline-block
}

.tb_frm>table td .subject .txtcut {
    display: inline-block;
    min-width: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb_frm>table td .subject .txtcut.ty1 {
    width: inherit;
    max-width: 300px;
    flex: none
}

.tb_frm>table td .subject.flex {
    display: flex;
    -webkit-display: flex
}

.tb_frm>table td .subject.flex .txtcut {
    flex: 1;
    width: 0
}

.tb_frm>table td .subject.flex .txtcut+.notice_clipicon {
    margin-left: 10px
}

.tb_frm>table td .subject.flex .txtcut+.notice_clipicon {
    margin-left: 10px
}

.tb_frm>table td .subject.ty1.notice {
    display: flex;
    font-weight: 400;
    align-items: center
}

.tb_frm>table td .subject.ty1 .txtcut {
    min-width: 0;
    max-width: 40vw
}

.tb_frm>table td .notice_icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('../img/newicon.png') no-repeat 0 0;
    margin-left: 5px;
    background-size: 100%
}

.tb_frm>table td .notice_icon+.comment_count {
    margin-left: 5px;
    display: inline-block;
    vertical-align: super
}

.tb_frm>table td .subject.notice .tip {
    display: inline-block;
    font-size: .75em;
    white-space: nowrap;
    ;
    background: #0c4da1;
    color: #fff;
    vertical-align: middle;
    margin-right: 5px;
    padding: 3px 5px;
    border-radius: 3px
}

.tb_frm>table td .answer {
    display: inline-block;
    vertical-align: top
}

.tb_frm>table td .context {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.tb_frm>table td .btn.notice {
    background: none;
    width: 100%;
    font-size: 1em
}

.tb_frm>table td .btn.notice .arr {
    width: 16px;
    height: 10px;
    background: url('../img/boarlist_arricon.png') no-repeat 0 0;
    background-size: 16px auto;
    display: inline-block
}

.tb_frm>table td .btn.notice .arr.up {
    background-position: 0 0
}

.tb_frm>table td .btn.notice .arr.down {
    background-position: 0 -10px
}

.tb_frm>table .ansrow td {
    background: #f2f2f2
}

.tb_frm>table tr.sum {
    background: #f2f2f2
}

.tb_frm>table tr.sum td {
    text-align: center;
    padding: 10px;
    font-size: 1.2em
}

.tb_frm>table tr.sum td.lt {
    text-align: left
}

.tb_frm>table tr.sum td.rt {
    text-align: right
}

.tb_frm>table tr.sum .tsum_txtresult {
    overflow: hidden
}

.tb_frm>table tr.sum .tsum_txtresult .lt {
    float: left
}

.tb_frm>table tr.sum .tsum_txtresult .rt {
    float: right
}

.tb_frm td .break {
    display: block;
    width: 90px;
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Firefox */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* IE */
    word-break: break-all;
    margin: 0 auto;
}

.tb_frm td .break.ty2 {
    width: 105px
}

.tb_frm td .break.ty1 {
    width: 70px
}

.tb_frm td.innertb {
    position: relative;
    margin: 0;
    padding: 0
}

/*.tb_frm td.innertb .innertbset {position:relative}*/

.tb_frm td.innertb tr+tr:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 100;
    background: #d2d2d2
}

.tb_frm td.innertb tr:nth-child(2):after {
    transform: translateY(66px)
}

.tb_frm td.innertb tr:nth-child(3):after {
    transform: translateY(132px)
}

.tb_frm td.innertb tr:nth-child(4):after {
    transform: translateY(198px)
}

.tb_frm td.innertb>table {
    width: auto
}

.tb_frm td.innertb>table th {
    background: #f2f2f2
}

.tb_frm td.innertb>table td {
    position: relative;
    padding: 5px 30px 5px 10px
}

.tb_frm td.innertb>table td+td {
    padding-left: 30px
}

.tb_frm td.innertb>table td+td:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #d2d2d2;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0 0
}

.tb_frm td .icontxt {
    display: inline-block
}

.tb_frm td .icontxt .ico {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../img/area_iconset.png) no-repeat 0 0;
    background-size: auto 36px;
    vertical-align: middle;
    margin-right: 10px
}

.tb_frm td .icontxt .ico.ty1 {
    background-position: 0 0
}

.tb_frm td .icontxt .ico.ty2 {
    background-position: -36px 0
}

.tb_frm td .icontxt .ico.ty3 {
    background-position: -72px 0
}

.tb_frm td .icontxt .txtinfo {
    display: inline-block;
    vertical-align: middle
}

.tb_frm td .icontxt .txtinfo .hd3 {
    font-size: 1em
}

.tb_frm td .icontxt .txtinfo .money {
    font-size: 1.125em
}

/* 寃뚯떆?? 湲??곌린 ?쒖떇?? */

dl.detail_noticelist {
    float: left;
    width: 100%;
    overflow: hidden
}

dl.detail_noticelist dt,
dl.detail_noticelist dd {
    float: left;
    color: #000
}

dl.detail_noticelist dt {
    position: relative;
    padding: 0 13px 0 0;
    margin-right: 0;
    text-align: right;
    background: url('../img/dtview_bar.gif') no-repeat right center;
    font-weight: bold;
    font-weight: normal
}

dl.detail_noticelist dd {
    margin: 0 0 0 13px
}

dl.detail_noticelist dd.rt {
    float: right
}

dl.detail_noticelist dd+dt {
    margin-left: 44px
}

.tb_frm.ty1 th,
.tb_frm.ty1 td {
    border-right: 1px solid #d2d2d2
}

.tb_frm.sm>table th,
.tb_frm.sm>table td {
    padding: 5px;
    font-size: .875em
}

.tb_frm.view .inputdate .inputset input {
    height: 28px
}

.tb_frm.view .btn {
    padding: 0 10px;
    height: 30px;
    line-height: 30px
}

.tb_frm.view .row.pc_inline .inputdate .inputset+.btn {
    vertical-align: top
}

.tb_frm.view .inputset+.btn {
    margin-left: 10px
}

.tb_frm.full .inputset {
    width: 100%
}

.tb_frm.sm+.tb_cap {
    margin-top: 5px
}

.tb_cap {
    font-size: .875em;
    color: #666;
    display: flex;
    align-items: flex-end;
}

.tb_cap .f_left {}

.tb_cap .f_left .caption {
    margin-top: 15px
}

.tb_cap .f_right {
    flex: 1;
    justify-content: flex-end;
    display: flex;
}

.tb_cap .btn {
    border-radius: 3px;
    text-align: center;
    padding: 10px 20px
}

.tb_cap .btn+.btn {
    margin-left: 5px
}

.tb_cap .inputset input,
.tb_cap .inputset select {
    height: 28px
}

.tb_cap .btn {
    padding: 0 10px;
    height: 30px;
    line-height: 28px
}

.tb_cap .btn.icon {
    padding: 0 15px
}

.tb_cap.mflex {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.tb_cap.mflex .f_left {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center
}

.tb_cap.mflex .f_right {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 20px
}

.tb_cap .stxt+.inputset,
.tb_cap .inputset+.inputset,
.tb_cap .inputset+.btn,
.tb_cap .inputdate+.btn {
    margin-left: 10px
}

.tb_cap.ty1 {
    align-items: center
}

.tb_cap.ty1 .btn+.inputgrid1 {
    margin-left: 30px
}

.tb_cap.ty1 .inputset.ckbox>label:before {
    vertical-align: top
}

.tb_cap.ty1 .inputset .labeltxt {
    display: inline-block;
    height: 19px;
    line-height: 19px;
    vertical-align: top
}

.tb_cap.ty1 .inputset+.stxt,
.tb_cap.ty1 .inputset+#taxCheckWrap,
.tb_cap.ty1 .inputset+.inputset.money {
    margin-left: 10px
}

.tb_cap.ty1 .stxt+.inputset,
.tb_cap.ty1 .btn+.ckbox {
    margin-left: 10px
}

.tb_frm .required {
    color: #f00;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

#dealTb col:nth-child(1) {
    width: 7%
}

#dealTb col:nth-child(2) {
    width: 23%
}

#dealTb col:nth-child(3) {
    width: 10%
}

#dealTb col:nth-child(4) {
    width: 7%
}

#dealTb col:nth-child(5) {
    width: 7%
}

#dealTb col:nth-child(6) {
    width: 10%
}

#dealTb col:nth-child(7) {
    width: 14%
}

#dealTb col:nth-child(8) {
    width: 10%
}

#dealTb col:nth-child(9) {}

#dealViewtb col:nth-child(1) {
    width: 15%
}

#dealViewtb col:nth-child(2) {
    width: 15%
}

#dealViewtb col:nth-child(3) {
    width: 20%
}

#dealViewtb col:nth-child(4) {
    width: 25%
}

#dealViewtb col:nth-child(5) {
    width: 25%
}

/* 怨듭??ы빆 由ъ뒪?? */

#noticetb col:nth-child(1) {
    width: 10%
}

#noticetb col:nth-child(2) {
    width: 50%
}

#noticetb col:nth-child(3) {
    width: 20%
}

#noticetb col:nth-child(4) {
    width: 20%
}

/* ?낆텧湲? 嫄곕옒 由ъ뒪?? */

#deallisttb col:nth-child(1) {
    width: 7%
}

#deallisttb col:nth-child(2) {
    width: 15%
}

#deallisttb col:nth-child(3) {
    width: 11%
}

#deallisttb col:nth-child(4) {
    width: 20%
}

#deallisttb col:nth-child(5) {
    width: 11%
}

#deallisttb col:nth-child(6) {
    width: 11%
}

/*faq 寃뚯떆?? 由ъ뒪?? */

#faqtb col:nth-child(1) {
    width: 50%
}

#faqtb col:nth-child(2) {
    width: 20%
}

#faqtb col:nth-child(3) {
    width: 20%
}

#faqtb col:nth-child(4) {
    width: 10%
}

#areaMebertb col:nth-child(1) {
    width: 7%
}

#areaMebertb col:nth-child(2) {
    width: 13%
}

#areaMebertb col:nth-child(3) {
    width: 10%
}

#areaMebertb col:nth-child(4) {
    width: 10%
}

#areaMebertb col:nth-child(5) {
    width: 10%
}

#areaMebertb col:nth-child(6) {
    width: 15%
}

#areaMebertb col:nth-child(7) {
    width: 20%
}

#areaMebertb col:nth-child(8) {
    width: 15%
}

#localAreaMebbertb col:nth-child(1) {}

#localAreaMebbertb col:nth-child(2) {}

#localAreaMebbertb col:nth-child(3) {}

#localAreaMebbertb col:nth-child(4) {}

#localAreaMebbertb col:nth-child(5) {}

#localAreaMebbertb col:nth-child(6) {}

#localAreaMebbertb col:nth-child(7) {}

#localAreaMebbertb col:nth-child(8) {}

#localAreaMebbertb col:nth-child(9) {}

#localAreaMebbertb col:nth-child(10) {}

#localAreaMebbertb col:nth-child(11) {}

#localAreaDeposittb:nth-child(1) {}

#localAreaDeposittb:nth-child(2) {}

#localAreaDeposittb:nth-child(3) {}

#localAreaDeposittb:nth-child(4) {}

#localAreaDeposittb:nth-child(5) {}

#localAreaDeposittb:nth-child(6) {}

#localAreaDeposittb:nth-child(7) {}

#localAreaDeposittb:nth-child(8) {}

#localAreaDeposittb:nth-child(9) {}

#localAreaDeposittb:nth-child(10) {}

#localAreaDeposittb:nth-child(11) {}

#areaPoint col:nth-child(1) {
    width: 7%
}

#areaPoint col:nth-child(2) {
    width: 20%
}

#areaPoint col:nth-child(3) {
    width: 15%
}

#areaPoint col:nth-child(4) {
    width: 15%
}

#areaPoint col:nth-child(5) {
    width: 15%
}

#areaPoint col:nth-child(6) {
    width: 14%
}

#areaPoint col:nth-child(7) {
    width: 14%
}

.page_navi {
    text-align: center
}

.page_navi button {
    font-size: 1.2em;
    background: transparent;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    position: relative
}

.page_navi button+button {
    margin-left: 27px
}

.page_navi button:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #000;
    vertical-align: bottom;
    margin: 0 0 0 10px;
    transform: skew(-25deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg)
}

.page_navi button.on {
    color: #d71a21
}

.page_navi button.fst>span,
.page_navi button.prev>span,
.page_navi button.next>span,
.page_navi button.lst>span {
    text-indent: -9999px;
    display: block;
    visibility: hidden;
    width: 0;
    height: 0
}

.page_navi button.fst:after,
.page_navi button.prev:after,
.page_navi button.next:after,
.page_navi button.lst:after {
    content: "";
    display: inline-block;
    transform: inherit;
    background: url('../img/paging_icoset.png') no-repeat;
    margin: 0 0 2px 0;
    padding: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    vertical-align: middle
}

.page_navi button.fst:after {
    background-size: auto 14px;
    background-position: 0 0
}

.page_navi button.prev:after {
    background-size: auto 14px;
    background-position: -14px 0
}

.page_navi button.next:after {
    background-size: auto 14px;
    background-position: -28px 0
}

.page_navi button.lst:after {
    background-size: auto 14px;
    background-position: -47px 0
}