/*
    memolead-motors stylesheet
    @copyright  Ishimaru Co.,LTD.
    @version    1.0.0
    @create     2023/09/15
    @author     a.kawamoto

    各ページデザイン
*/

/* ログイン */
.login_main {
    width: 1000px;
}

.login_title {
    padding: 15px 0;
    text-align: center;
    color: #1400C6;
    font-size: 30px;
    font-weight: bold;
}

.login_inbox {
    text-align: center;
}
.login_inbox table {
    margin: 0 auto 15px;
}

.alert-error {
    background-color: #F4CDCD;
    width: 450px;
    padding: 10px 0;
    margin: 10px auto;
}

/* メンテナンス用 */
.maintenance {
	text-align: center;
	color: #FF0000;
	font-size: 30px;
	font-weight: bold;
}

/* メインメニュー */
.main_manu {
    display: flex;
    justify-content: space-around;
}
.main_manu a {
    text-decoration: none;
    color: #333;
}
.main_manu ul {
    list-style: none;
}
.main_manu ul li {
    padding: 5px;
    margin-bottom: 15px;
    border: solid 1px #A9A9A9;
    font-size: 15px;
}
.main_manu ul li ul {
    padding: 0;
    margin: 10px 5px;
}
.main_manu ul li ul li {
    text-align: center;
    background-color: #F0F0F0;
    border: solid 1px #808080;
    border-radius: 10px;
    font-size: 20px;
}
.main_manu ul li ul li:hover {
    background-color: #C0C0C0;
}

/* ＝＝＝日時処理＝＝＝ */
/* －－－運送実績入力－－－ */
/* 入力不可 */
.t_result_edit tr input[type=text]:read-only {
    background-color: #c4fdfd;
}
/* 項目テーブル */
.t_result_edit {
    border-collapse: collapse;
    margin-bottom: 10px;
}
.t_result_edit td {
    padding: 1px 10px;
    border: solid 2px #A9A9A9;
}
.b-off {
    border: none !important;
}
.t-left {
    text-align: left !important;
}
/* 項目タイトル */
.t_result_edit td.itm {
    background-color: #87CEFA;
    text-align: center;
}
.t_result_edit td.amount {
    background-color: #1400C6;
    color: #FFF;
}
/* 項目入力 */
.t_result_edit td input[type=text] {
    text-align: right;
}
.t_result_edit td input,
.t_result_edit td select {
    font-size: 15px;
}

/* ボタン */
.result_button {
    background-color: #808080;
    padding: 10px 20px;
    margin-bottom: 15px;
}
.result_button input[type=button] {
    padding: 0 30px;
    margin-right: 50px;
    font-size: 15px;
}

/* 数値入力 */
.t_result_edit #ship_km,
.t_result_edit #mokutekichi_km,
.t_result_edit #okurisaki_km,
.t_result_edit #kiko_km,
.t_result_edit #actual_vehicle_km,
.t_result_edit #empty_car_km,
.t_result_edit #running_km,
.t_result_edit #excess_time,
.t_result_edit #basic_charge,
.t_result_edit #premium_add,
.t_result_edit #add,
.t_result_edit #night_morning,
.t_result_edit #delivery_fee,
.t_result_edit #rounding,
.t_result_edit #adjustment,
.t_result_edit #detention_fee,
.t_result_edit #actual_cost,
.t_result_edit #total_amount,
.t_result_edit #member_service,
.t_result_edit #service,
.t_result_edit #billing_amount {
    width: 120px;
}

/* 時間表示 */
.t_result_edit #late_night,
.t_result_edit #early_morning,
.t_result_edit #night {
    width: 60px;
}

/* 時計の非表示 */
input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

/* モーダルウィンドウ */
.modal.m01,
.modal.m02 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(152, 152, 152, 0.7);
    width: 100%;
    height: 100%;
}

.small {
    width: 1000px;
    padding: 20px;
    margin: 150px auto 0;
    background-color: #E6E6E6;
}
.sub_title p {
    text-align: center;
    color: #808080;
    font-size: 20px;
    font-weight: bold;
}

#contents-01 table,
#contents-01 td,
#contents-02 table,
#contents-02 td {
    padding: 5px 10px;
    margin: 0 auto 15px;
    border: solid 2px #A9A9A9;
    border-collapse: collapse;
}
.m-itm {
    background-color: #87CEFA !important;
}
#contents-01 td,
#contents-02 td {
    background-color: #F0F0F0;
}

/* 縦スクロール */
.y_scroll_vehicle,
.y_scroll_search {
    overflow-y: auto;
	max-height: 450px;
}
.y_scroll_vehicle thead th,
.y_scroll_search thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}
.y_scroll_vehicle thead th::before,
.y_scroll_search thead th::before {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    height: 100%;
    border: solid 2px #A9A9A9;
}

/* ＝＝＝月次処理＝＝＝ */
/* －－－車両別運転日報－－－ */
.driving_report {
    margin: 30px 200px;
}
.driving_report.text p {
    margin: 5px 0;
}

/* －－－月間車両別運行実績表－－－ */
.operation_result_list #file_path {
    width: 500px;
}
.operation_result {
    margin: 30px 200px;
}
.operation_result.text p {
    margin: 5px 0;
}

/* －－－霊柩車料金請求書－－－ */
.hearse_fee_bill_list #file_path {
    width: 500px;
}
.hearse_fee_bill {
    margin: 30px 200px;
}
.hearse_fee_bill.text p {
    margin: 5px 0;
}

/* －－－月別輸送実績報告書－－－ */
.transport_result_report_list #department_id {
    background-color: #c4fdfd;
}
.transport_result_report_list #file_path {
    width: 500px;
}
.transport_result_report {
    margin: 30px 200px;
}
.transport_result_report.text p {
    margin: 5px 0;
}

/* ＝＝＝随時処理＝＝＝ */
/* －－－部署別車両一覧表－－－ */
.vehicles_by_department_list p {
    text-align: center;
}
.vehicles_by_department_button {
    margin: 15px 150px;
}

/* －－－車検対象車両一覧表－－－ */
.vehicle_inspection.text p {
    text-align: center;
}
.vehicle_inspection_button {
    margin: 15px 150px;
}

/* －－－加入保険一覧表－－－ */
.participating_insurance_list p {
    text-align: center;
}
.participating_insurance_button {
    margin: 15px 150px;
}

/* ＝＝＝マスタ保守＝＝＝ */
/* 共通 */
.list {
    border-collapse: collapse;
    margin: 0 auto 15px;
}
.list th,
.list td {
    padding: 5px 10px;
    border: solid 2px #A9A9A9;
}
.list th {
    background-color: #87CEFA;
    white-space: nowrap;
}
.list td {
    background-color: #F0F0F0;
}

.list td.b-off {
    background-color: #E6E6E6;
}
.list td input,
.list td select {
    font-size: 15px;
}
.list td.select input[type=button] {
    font-size: 15px;
}

.list_button {
    background-color: #808080;
    padding: 10px 20px;
    margin-bottom: 15px;
}
.list_button input[type=button] {
    padding: 0 30px;
    margin-right: 50px;
    font-size: 15px;
}

.required {
    color: #F00;
}

/* 縦スクロール */
.y_scroll {
    overflow-y: auto;
    max-height: 450px;
}
.y_scroll.premium {
    overflow-y: auto;
    width: 435px;
	max-height: 250px;
}
.y_scroll thead th,
.y_scroll.premium thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}
.y_scroll thead th::before,
.y_scroll.premium thead th::before {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    height: 100%;
    border: solid 2px #A9A9A9;
}

/* －－－車両マスタ－－－ */
.list_button.vehicle_button {
    margin: 15px 200px;
}

.vehicle_edit p {
    text-align: center;
}

.vehicle_edit .edit_item {
    display: flex;
    justify-content: space-around;
}
.edit_item .vertical {
    display: flex;
    flex-flow: column;
}

.vehicle_edit .edit_item input[type=text] {
    width: 250px;
}

/* －－－担当者マスタ－－－ */
.list_button.user_button,
.list_button.user_edit_button {
    margin: 15px 150px;
}

.user_edit p {
    text-align: center;
}
.user_edit ul {
    padding: 0;
    list-style: none;
}

/* －－－料金テーブル－－－ */
/* ===一覧=== */
.price_table {
    display: flex;
    justify-content: space-around;
}
.vertical {
    display: flex;
    flex-flow: column;
}

/* ボタン */
.fare_button,
.basic_button,
.premium_button {
    background-color: #808080;
    padding: 10px;
    margin: 10px 0 15px;
}

.fare_edit p,
.premium_edit p,
.basic_edit p {
    text-align: center;
}

.fare_edit_button,
.premium_edit_button,
.basic_edit_button {
    margin: 15px 200px;
}

/* －－－在庫ファイル登録－－－ */
/* －－－コントロールマスタ登録－－－ */
.m_control_edit {
    border-collapse: collapse;
    margin: 0 auto 15px;
}
.m_control_edit th,
.m_control_edit td {
    padding: 5px 10px;
    border: solid 2px #A9A9A9;
}
.m_control_edit td.itm {
    background-color: #87CEFA;
}

.m_control_edit td input[type=text],
.m_control_edit td select,
.m_control_edit td input[type=radio] {
    font-size: 15px;
}

.m_control_edit #name,
.m_control_edit #transportation_bureau_name,
.m_control_edit #branch_name {
    width: 350px;
}
.m_control_edit #add1,
.m_control_edit #add2 {
    width: 450px;
}
.m_control_edit #business_number {
    width: 200px;
}
.m_control_edit #tax_rate {
    width: 50px;
}

/* －－－コードマスタ－－－ */
.code_menu {
    display: flex;
    justify-content: space-around;
}
.code_menu a {
    text-decoration: none;
    color: #333;
}
.code_menu ul {
    list-style: none;
}
.code_menu ul li {
    text-align: center;
    background-color: #F0F0F0;
    border: solid 1px #808080;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 15px;
    font-size: 20px;
}
.code_menu ul li:hover {
    background-color: #C0C0C0;
}

/* －－－車種マスタ－－－ */
.list_button.car_model_button {
    margin: 15px 150px;
}

.car_model_edit p {
    text-align: center;
}
.list_button.car_model_edit_button {
    margin: 15px 200px;
}

/* －－－部署マスタ－－－ */
.list_button.department_button,
.list_button.department_edit_button {
    margin: 15px 200px;
}

.department_edit p {
    text-align: center;
}

/* －－－輸送区分マスタ－－－ */
.list_button.transport_class_button,
.list_button.transport_class_edit_button {
    margin: 15px 200px;
}

.transport_class_edit p {
    text-align: center;
}

/* －－－他社区分マスタ－－－ */
.list_button.other_class_button,
.list_button.other_class_edit_button {
    margin: 15px 200px;
}

.other_class_edit p {
    text-align: center;
}

/* －－－会員区分マスタ－－－ */
.list_button.member_class_button,
.list_button.member_class_edit_button {
    margin: 15px 200px;
}

.member_class_edit p {
    text-align: center;
}

/* －－－値引調整区分マスタ－－－ */
.list_button.discount_class_button,
.list_button.discount_class_edit_button {
    margin: 15px 200px;
}

.discount_class_edit p {
    text-align: center;
}

/* －－－施設区分マスタ－－－ */
.list_button.facility_class_button,
.list_button.facility_class_edit_button {
    margin: 15px 200px;
}

.facility_class_edit p {
    text-align: center;
}

/* －－－都道府県マスタ－－－ */
.list_button.pref_button,
.list_button.pref_edit_button {
    margin: 15px 200px; 
}

.pref_edit p {
    text-align: center;
}

/* －－－市町村Aマスタ－－－ */
.list_button.cities_a_button,
.list_button.cities_a_edit_button {
    margin: 15px 200px;
}

.cities_a_edit p {
    text-align: center;
}

/* －－－施設名マスタ－－－ */
.list_button.facility_button,
.list_button.facility_edit_button {
    margin: 15px 200px;
}

.facility_edit p {
    text-align: center;
}

/* －－－市町村Bマスタ－－－ */
.list_button.cities_b_button,
.list_button.cities_b_edit_button {
    margin: 15px 200px;
}

.cities_b_edit p {
    text-align: center;
}

/* －－－町名マスタ－－－ */
.list_button.town_button,
.list_button.town_edit_button {
    margin: 15px 200px;
}

.town_edit p {
    text-align: center;
}

.list.town_edit td #name,
.list.town_edit td #kana {
    width: 350px;
}