@charset "utf-8";
/*
テーブル要素のスタイルを定義

*/
/*table*/
.defTable {
    width: 100%;
    table-layout:fixed;
}
.defTable th {
    width: 20%;
    min-width: 180px;
    padding: 10px;
    text-align: left;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f5f5f5;
    font-weight: bold;
}
.defTable th .iconRequired {
    padding: 2px 5px;
    margin-right: 4px;
    background-color: #e06b2a;
    color: #fff;
    float: left;
    clear: both;
}
.defTable td {
    padding: 10px 10px;
    width: 80%;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    vertical-align: top;
}
.defTable td.error { background-color: #f1e7a6 }
.defTable td.inTd {
    padding-right: 45px;
    padding-left: 45px;
}
.defTable td.price {
    text-align: right;
    font-size: 172%;
    font-weight: bold;
}
.defTable td p.data {
    float: left;
    vertical-align: middle;
    display: inline-block;
    width: 480px;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
    font-size: 143%;
}
.defTable td .btnDetail {
    float: right;
    width: 40px;
    padding: 10px 5px 8px;
    background-color: #65ae07;
    border-bottom: 3px solid #508906;
    line-height: 1em;
}
.defTable td.nameArea label { display: inline-block }
.defTable td.nameArea label.first { padding-right: 20px }
.defTable td.nameArea label span,
.defTable td.nameArea label input { display: inline-block }
.defTable td.nameArea label span {
    padding-right: 10px;
    padding-left: 5px;
}
.defTable td.nameArea label input {
    width: 190px;
    height: 40px;
    border: 1px solid #c6c6c6;
    background-color: #f8f8f8;
}
.defTable td.pullDownWrapArea .pullDownArea {
    width: 255px;
    height: 35px;
}
.defTable td .wrap { display: inline-block }
.defTable td.radioArea label.target,
.defTable td.radioArea span {
    display: inline-block;
    vertical-align: middle;
}
.defTable td.radioArea label.target {
    width: 29px;
    height: 31px;
    background: url(/common/responsive/img/icon_radio_01.png) 0 0 no-repeat;
    margin-right: 5px;
}
.defTable td.radioArea input { display: none }
.defTable td.radioArea span {
    width: 170px;
    font-weight: bold;
}
.defTable td.radioArea input:checked +label.target { background-image: url(/common/responsive/img/icon_radio_01_on.png) }
.defTable td.checkArea label.target,
.defTable td.checkArea span {
    display: inline-block;
    vertical-align: middle;
}
.defTable td.checkArea label.target {
    width: 29px;
    height: 31px;
    background: url(/common/responsive/img/icon_check_01.png) 0 0 no-repeat;
    margin-right: 5px;
}
.defTable td.checkArea input { display: none }
.defTable td.checkArea span {
    width: 170px;
    font-weight: bold;
}
.defTable td.checkArea input:checked +label.target { background-image: url(/common/responsive/img/icon_check_01_on.png) }
body .defTable td.checkArea input:disabled +label.target {
    background-image: url(/common/responsive/img/icon_check_01.png);
    opacity: 0.35;
}




/**** table style ****/
/* 横スクロール用ラッパー */
.defTable02-tableWrap {
    overflow: auto;
}
.ie8 .defTable02-tableWrap {
    overflow: visible;
}


.defTable02-tableThWidth50 th{
    width: 50%;
}
.defTable02-tableThWidth30 th{
    width: 30%;
}
.defTable02-tableThWidth25 th{
    width: 25%;
}
.defTable02-tableThWidth20 th{
    width: 20%;
}
.defTable02-tableThWidth12-5 th{
    width: 12.5%;
}




.defTable .popup-txtLeft{
    text-align: left !important;
}

/* table01 */
.defTable02 {
    width: 100%;
    table-layout:fixed;
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
}
.defTable02 th,
.defTable02 td{
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
.defTable02 th {
    width: 20%;
    min-width: 180px;
    padding: 10px;
    text-align: left;
    font-weight: bold;
}
.defTable02 td {
    padding: 10px 10px;
    width: 80%;
    vertical-align: top;
}

/* table02 */
.defTable02-detailTable {
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    width: 100%;
}
.defTable02-detailTable th,
.defTable02-detailTable td {
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px;
    font-weight:normal;
}

.defTable02-bgColrWDecoType-gray01{
    background-color: #E6E6E6 !important;
}
.defTable02-bgColr-gray01{
    background-color: #E6E6E6 !important;
}
.defTable02-bgColr-gray02{
    background-color: #F5F5F5 !important;
}
.defTable02-bgColrWDecoType-blak01{
    background-color: #000 !important;
}