﻿@charset "UTF-8";

/* --------------------------------------------------------------------
	販売取次店設定
-------------------------------------------------------------------- */
.agency_info_detail_title_ {
	margin: 10px auto 0;
	padding: 8px 0 8px 16px;
	color: #ffffff;
	background: var(--c-gray);
	font-size: 20px;
	font-weight: bold;
}

table.formdetail_ + .agency_info_detail_title_,
.position_relative_ .agency_info_detail_title_ {
	margin-top: 35px;
}

div.position_relative_ .agency_info_detail_title_ {
	background: var(--c-black);
}

div.position_relative_ .close_agency_info_detail_,
div.position_relative_ .open_agency_info_detail_ {
	position: absolute;
	top: 4px;
	right: 16px;
}

div.position_relative_ .open_agency_info_detail_::before,
div.position_relative_ .open_agency_info_detail_::after {
	content: "";
	width: 12px;
	height: 2px;
	background: var(--c-black);
	position: absolute;
	right: 12px;
	top: 50%;
	z-index: 1;
	pointer-events: none;
}

div.position_relative_ .open_agency_info_detail_::before {
	transform: translateY(-50%);
}

div.position_relative_ .open_agency_info_detail_::after {
	transform: translateY(-50%) rotate(90deg);
}

div.position_relative_ .close_agency_info_detail_::before {
	content: "";
	width: 12px;
	height: 2px;
	background: var(--c-black);
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	pointer-events: none;
}

p .agency_info_detail_move_button_ {
	width: 144px;
	padding-right: 30px;
	text-align: left;
}

div.agency_info_detail_ table th {
	width: 18em;
}

div.agency_info_detail_ table textarea {
	width: 98%;
}

div.agency_info_img_ table.agency_info_img_outer_ {
	margin-bottom: 10px;
}

div.agency_info_img_ table.agency_info_img_outer_ td {
	padding: 0;
}

div.agency_info_img_ table.agency_info_img_ td {
	padding: 6px;
	border-right: none;
}

div.agency_info_img_ table.agency_info_img_ td.agency_info_img_input_ {
	width: 50%;
	vertical-align: top;
}

div.agency_info_img_ table.agency_info_img_ td.agency_info_img_img_ {
	width: 50%;
	vertical-align: top;
}

div.agency_info_img_ table.agency_info_img_ td.agency_info_img_input_ table th {
	padding: 2px;
}

div.agency_info_img_ table.agency_info_img_ td.agency_info_img_input_ table td {
	padding: 2px;
}

div.agency_info_img_ table.agency_info_img_ td.agency_info_img_img_ div {
	margin: 2px;
	width: 370px;
	overflow: auto;
	overflow-y: hidden;
}

div.agency_info_img_ table.agency_info_img_ td.agency_info_img_img_ div a {
	text-decoration: none;
}

div.agency_info_img_ table.agency_info_img_ td.agency_info_img_img_ div img {
	max-width: 370px;
	border-width: 0;
}

div.agency_info_img_ table.agency_info_img_alt_ {
	margin-top: 3px;
}

div.agency_info_img_ table.agency_info_img_alt_ th {
	padding: 3px;
	border-width: 0;
	width: 100px;
}

div.agency_info_img_ table.agency_info_img_alt_ td {
	padding: 3px;
	border-width: 0;
}

p.close_agency_info_detail_,
table.other_info_ {
	display: none;
}

div.estimate_company_seal_img_ img {
	max-width: 200px;
	max-height: 200px;
}

/* --------------------------------------------------------------------
	販売取次店基本情報
-------------------------------------------------------------------- */
table.agency_ span.name_label_ {
    display: inline-block;
    font-size: 16px;
    width: 50px;
    text-align: center;
}

/* --------------------------------------------------------------------
	管理ユーザー設定
-------------------------------------------------------------------- */
div.go_agency_user_entry_ {
    margin: 0 auto 10px auto;
    text-align: right;
}

table.agency_user_list_ .agency_user_ {
    min-width: 200px;
}

table.agency_user_list_ .uid_ {
    min-width: 200px;
}

table.agency_user_list_ .name12_ {
    min-width: 250px;
}

table.agency_user_list_ .mail_ {
    min-width: 250px;
}

table.agency_user_list_ .status_ {
    min-width: 90px;
}

table.agency_user_list_ td.status_ {
    text-align: center;
}

/* --------------------------------------------------------------------
	管理ユーザー詳細
-------------------------------------------------------------------- */
table.agency_user_detail_ span.name_label_ {
    display: inline-block;
    font-size: 16px;
    width: 50px;
    text-align: center;
}

.agency_user_detail_ textarea {
    width: 98%
}

.agency_user_submit_ {
	margin: 0;
	padding: 16px;
	display: flex;
	justify-content: center;
}

.agency_user_submit_ .delete_button_ {
	order:2;
}

.agency_user_submit_ .next_button_ {
	order:3;
}

/* --------------------------------------------------------------------
	営業担当者設定
-------------------------------------------------------------------- */
div.go_agency_staff_entry_ {
    margin: 0 auto 10px auto;
    text-align: right;
}

table.agency_staff_list_ .staff_ {
    min-width: 270px;
}

table.agency_staff_list_ .name12_ {
    min-width: 270px;
}

table.agency_staff_list_ .mail_ {
    min-width: 400px;
}

table.agency_staff_list_ .status_ {
    min-width: 90px;
}

table.agency_staff_list_ td.status_ {
    text-align: center;
}

/* --------------------------------------------------------------------
	営業担当者詳細
-------------------------------------------------------------------- */
div.go_agency_staff_biz_ {
    margin: 0 auto 10px auto;
    text-align: right;
}

.agency_staff_detail_ textarea {
    width: 98%
}

table.agency_staff_detail_ span.name_label_ {
    display: inline-block;
    font-size: 16px;
    width: 50px;
    text-align: center;
}

.agency_staff_submit_ {
	margin: 0;
	padding: 16px;
	display: flex;
	justify-content: center;
}

.agency_staff_submit_ .delete_button_ {
	order:2;
}

.agency_staff_submit_ .next_button_ {
	order:3;
}

/* --------------------------------------------------------------------
	担当顧客設定
-------------------------------------------------------------------- */
table.agency_staff_list_ .biz_ {
    min-width: 200px
}

table.agency_staff_list_ .biz_name_ {
    min-width: 250px;
}

table.agency_staff_list_ .address_ {
    min-width: 300px;
}

table.agency_staff_list_ .tel_ {
    min-width: 200px;
}

table.agency_staff_list_ .selected_biz_ {
    min-width: 80px;
}

table.agency_staff_list_ td.selected_biz_{
    text-align: center;
}

table.agency_staff_list_ td.selected_biz_ input{
    margin: 0;
}
