@charset "UTF-8";

body {
	font-size: 12px;
	margin: 0;
	background-color: #e4f0fc;
	width: 100%;
	height: 100%;
	color: #565656;
	position: relative;
}

th,
td {
	padding: 3px 0 3px 3px;
}

td span {
	padding: 0 3px 0 3px;
}

a:link,
a:visited,
a:active {
	color: #00f;
}

h1 {
	margin-bottom: 5px;
	font-size: 22px;
}

h2 {
	margin-bottom: 5px;
}

#content-wrapper {
	min-height: 100vh;
	position: relative;
	padding-bottom: 54px;
	box-sizing: border-box;
}

/* 改行をさせる */
.newLine {
	word-break: break-all;
}

/* 画面ヘッダー(ログイン画面) */
#login_header {
	font-size: 17px;
	font-weight: bold;
	background-color: #6490cd;
	color: #e9e9e9;
	vertical-align: bottom;
	white-space: nowrap;
	padding: 7px;
}

/* 画面ヘッダー(共通) */
header#header {
	font-size: 16px;
	font-weight: bold;
	background-color: #e4f0fc;
	padding: 7px;
	white-space: nowrap;
}
/* 画面フッター位置(共通) */
#footer-fixed {
	position: absolute;
	bottom: 0;
	width: 100%;
}
/* 画面フッダー(共通) */
#footer {
	font-size: 16px;
	font-weight: bold;
	background-color: #6490cd;
	color: #e9e9e9;
	padding: 7px;
	margin-top: 0;
	white-space: nowrap;
}
#footer00 {
	font-size: 16px;
	font-weight: bold;
	background-color: #6490cd;
	color: #e9e9e9;
	padding: 7px;
	margin-top: 0;
}

.displayMsg {
	font-size: 20px;
	font-weight: bold;
	padding: 7px;
}


/* コンテンツの配置設定(中央) */
#main_area {
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* コンテンツの配置設定(左寄せ) */
#main_area02 {
	display: table;
	margin-left: 15px;
	margin-right: auto;
	text-align: left;
}

div.jiko_search01 {
	margin-left: auto;
	margin-right: auto;
	display: table;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-left: 60px;
	padding-right: 60px;
	text-align: center;
	background-color: #b9b9e8;
}

div.jiko_search02 {
	display: table;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	background-color: #b9b9e8;
}

/* コンテンツの配置設定 */
div.result_area {
	display: table;
	text-align: center;
	margin-bottom: 10px;
	max-width: 800px;
}

/* コンテンツの配置設定 */
div.search_list {
	display: table;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 15px;
}

/* コンテンツの配置設定 */
.scroll_area {
	overflow: scroll;
}

div.middle_area {
	display: table;
	margin-top: 30px;
	text-align: center;
}

div.tbl_center {
	text-align: center;
	display: inline-block;
}

/* コンテンツの配置設定(左) */
.subject_left {
	text-align: left;
}

/* コンテンツの配置設定(左フロート) */
.subject_leftflo {
	text-align: left;
	float: left;
}

/* コンテンツの配置設定(右) */
.subject_right {
	text-align: right;
}

/* コンテンツの配置設定(中央)(左フロート) */
.subject_centerflo {
	text-align: center;
	float: left;
}

/* コンテンツの配置設定(中央) */
.subject_center {
	text-align: center;
}

/* コンテンツの配置設定(右フロート) */
.subject_rightflo {
	text-align: right;
	float: right;
}

/* 事故情報共通 */
.common_main {
	margin-top: 15px;
	border: 1px #585858 solid;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

/* 事故情報共通 */
.common_main02 {
	margin-top: 5px;
	margin-bottom: 20px;
	border: 1px rgb(88, 88, 88) solid;
	padding: 10px 10px;
}

/* 上下余白5px */
.margin5_ud {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 上下余白20px */
.margin20_ud {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 上下余白30px */
.margin30_ud {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* 上下余白40px */
.margin40_ud {
	margin-top: 40px;
	margin-bottom: 40px;
}

/* 左右余白5px */
.margin5_lr {
	margin-right: 5px;
	margin-left: 5px;
}

/* 左右余白10px */
.margin10_lr {
	margin-right: 10px;
	margin-left: 10px;
}

/* 左右余白20px */
.margin20_lr {
	margin-right: 20px;
	margin-left: 20px;
}

/* 左右余白30px */
.margin30_lr {
	margin-right: 30px;
	margin-left: 30px;
}

/* 左右余白40px */
.margin40_lr {
	margin-right: 40px;
	margin-left: 40px;
}

/* 左右余白50px */
.margin50_lr {
	margin-right: 50px;
	margin-left: 50px;
}

/* 見出し文字(右余白30px) */
.midashi01 {
	margin-right: 30px;
	font-weight: bold;
	font-size: 15px;
}

/* 見出し文字(上下余白8px) */
.midashi02 {
	padding-top: 6px;
	padding-bottom: 6px;
}


/* ヘッダーTABLE */
table.header {
	border-collapse: collapse;
}

/* ログインTABLE */
table.main {
	border: 1px #0c0c0c solid;
	border-collapse: collapse;
}

/* カテゴリ名TH(ログインブルー) */
table.main th {
	background-color: #c0cbe9;
	border: 1px #2e2e2e solid;
	padding: 5px;
	font-size: 12px;
}

table.main td {
	background-color: #eee;
	border: 1px #2e2e2e solid;
	padding: 5px;
	font-size: 12px;
}

/* 検索画面TABLE */
#search_req {
	background-color: #c0cbe9;
	border: none;
	padding: 5px 10px;
}

/* 検索画面TABLE */
#search_req02 {
	background-color: #b9b9e8;
	border: none;
}

/* 事故情報共通TABLE */
table.jk_regist {
	border-collapse: collapse;
	border: none;
	background-color: #eee;
	table-layout: fixed;
	width:100%
}
/* 事故情報共通TABLE */
table.jk_regist02 {
	border-collapse: collapse;
	border: 1px #0c0c0c solid;
	background-color: #eee;
	margin-top: 5px;
	margin-bottom: 15px;
	width:100%
}
/* 事故情報共通TABLE */
table.jk_regist03 {
	border-collapse: collapse;
	border: 1px #0c0c0c solid;
	background-color: #e8e8e8;
	margin-top: 15px;
	margin-bottom: 15px;
	width:100%
}
/* 事故情報共通TABLE */
table.jk_regist04 {
	border-collapse: collapse;
	border: 1px #0c0c0c solid;
	background-color: #e8e8e8;
	margin-top: 0;
	margin-bottom: 15px;
	width: 40%
}

/* 検索結果TABLE */
.search_res_head,
#search_res_body {
	border-collapse: collapse;
	background-color: #fff;
	padding: 0;
	width: 100%;
}

/* 検索結果TABLE */
.list_table {
	border-collapse: collapse;
	background-color: #fff;
	padding: 0;
	width: 100%;
}

/* 検索結果TABLE 奇数行 */
.list_table tr:nth-child(odd) {
	background-color: #ebedef;
}

/* カテゴリ名(メインテーブル) */
.category {
	font-size: 15px;
	font-weight: bold;
}
.radio_category {
	font-size: 15px;
}

/* カテゴリ名(メインテーブル) */
th.category,td.category {
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
	padding: 3px;
}

/* カテゴリ名TH */
.jk_regist th,
.jk_regist04 th,
.jk_regist02 th {
	font-size: 13px;
	background-color: #c0cbe9;
	border: 1px #0c0c0c solid;
	height: 25px;
	text-align: left;
}

/* 読込項目TH(ブルー) */
.jk_regist tr.import th {
	background-color: #90c0f0;
}

.jk_regist03 th {
	font-size: 13px;
	background-color: #ffccff;
	border: 1px #0c0c0c solid;
	text-align: left;
	width: 160px;
}
/* カテゴリ名TH(ブルー) */
.jk_regist03 th {
	font-size: 13px;
	background-color: #ffccff;
	border: 1px #0c0c0c solid;
}

/* カテゴリ名TH(検索結果ブルー) */
.search_res_head th,
.list_table th {
	background-color: #c0cbe9;
	border: 1px #2e2e2e solid;
	padding: 5px;
	font-size: 12px;
}

/* カテゴリ名TH(検索画面) */
#search_req th {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
#search_req td {
	font-size: 16px;
	text-align: left;
}


/* カテゴリ名TH */
.category_w35 {
	min-width: 35px;
	width: 35px;
}

/* カテゴリ名TH */
.category_w50 {
	width: 50px;
}

/* カテゴリ名TH */
.category_w60 {
	width: 60px;
}

/* カテゴリ名TH */
.category_w70 {
	width: 70px;
}

/* カテゴリ名TH */
.category_w75 {
	width: 75px;
}

/* カテゴリ名TH */
.category_w80 {
	width: 80px;
}

/* カテゴリ名TH */
.category_w90 {
	width: 90px;
}

/* カテゴリ名TH */
.category_w100 {
	width: 100px;
}

/* カテゴリ名TH */
.category_w120 {
	width: 120px;
}

.category_w148 {
	width: 148px;
}

.category_w150 {
	min-width: 150px;
	width: 150px;
}

/* カテゴリ名TH */
.category_w160 {
	width: 160px;
}

/* カテゴリ名TH */
.category_w180 {
	width: 180px;
}

/* カテゴリ名TH */
.category_w200 {
	max-width: 200px;
}

/* カテゴリ名TH */
.category_w220 {
	width: 220px;
}

/* カテゴリ名TH */
.category_w250 {
	width: 250px;
}

/* カテゴリ名TH */
.category_w300 {
	width: 300px;
}

/* カテゴリ名TH */
.category_w350 {
	width: 350px;
}

/* カテゴリ名TH */
.category_w380 {
	width: 380px;
}

/* カテゴリ名TH */
.category_w400 {
	min-width: 400px;
	width: 400px;
}

/* カテゴリ名TH */
.category_w500 {
	min-width: 500px;
	width: 500px;
}

/* カテゴリ名TH */
.category_w800 {
	max-width: 800px;
}


/* 検索テーブルTH(見出し) */
.category00 {
	font-size: 16px;
	color: #003399;
	text-align: left;
}

/* カテゴリ名TH(共通右) */
.category_right {
	text-align: right;
}

div#scroll_area {
	overflow-y: scroll;
	height: 100px;
	width: auto;
}

.scroll_margin {
	background-color: #fff;
	border: none;
	width: auto;
}

/* テーブルTH(赤文字) */
.red {
	color: red;
}



/* TD共通 */
td.space {
	width: 50px;
}

td.center {
	text-align: center !important;
}

td.nowrap {
	white-space: nowrap;
}


/* ヘッダーTD共通(ブルー) */
td.header01 {
	font-size: 16px;
	font-weight: bold;
	background-color: #5460bb;
	color: #e9e9e9;
	vertical-align: bottom;
	white-space: nowrap; 
	padding: 5px;
}

/* ヘッダーTD共通(グリーン) */
td.header02 {
	font-size: 17px;
	font-weight: bold;
	background-color: #6490cd;
	color: #e9e9e9;
	vertical-align: bottom;
	white-space: nowrap; 
	padding: 5px;
}

/* ヘッダーTD共通(グリーン) */
td.header03 {
	font-size: 13px;
	font-weight: bold;
	background-color: #6490cd;
	color: #e9e9e9;
	vertical-align: bottom;
	white-space: nowrap; 
	padding: 5px;
}

.header_green {
	background-color: #f9fff9;
}
.header_yellow {
	background-color: yellow;
}


/* 検索結果TD */
#search_res_body td,
.search_res_head td,
.list_table td {
	padding: 5px;
	border: 1px #585858 solid;
	font-size: 12px;
	text-align: center;
}

/* 検索件数などTD */
.feedpage {
	border-style: hidden;
}

/* 検索結果TD(選択中) */
.td_selected td{
	background-color: #ffe0e0;
}

#rireki td.td_none {
	background-color: #ffe1ff;
	border-bottom: none;
	border-right: none;
}

.y_data td.td_right {
	text-align: right;
	padding-right: 17px;
}
.y_data td.td_left {
	text-align: left;
}

/* 共通情報登録TD */
.jk_regist td,
.jk_regist04 td,
.jk_regist02 td {
	border: 1px #585858 solid;
	vertical-align: middle;
	font-size: 12px;
}

/* 読込項目TD(ブルー) */
.jk_regist tr.import td {
	background-color: #eee;
}

.jk_regist03 td {
	border: 1px #585858 solid;
	vertical-align: middle;
	font-size: 12px;
}
.jk_regist03.center td,
.jk_regist03.center th {
	text-align: center;
}

/*
input[type="text"]{
	background-color: #fff;
}
*/

input.login {
	width: 200px;
}

input.digit3 {
	width: 35px;
}
input.digit4 {
	width: 40px;
}
input.digit5 {
	width: 45px;
}

input.digit1 {
	width: 10px;
}

input.digit2 {
	width: 30px;
}

input.digit7 {
	width: 60px;
}

input.digit8 {
	width: 70px;
}

input.digit10 {
	width: 85px
}

input.digit11 {
	width: 100px
}

input.jk_num8 {
	width: 120px;
	font-size: 18px;
	background-color: #ddd;
	color: #777;
	font-weight: bold;
}

input.jk_eda {
	width: 45px;
	font-size: 18px;
	background-color: #ddd;
	color: #777;
	font-weight: bold;
}

input.sk_num14 {
	width: 160px;
	font-size: 18px;
	background-color: #ddd;
	font-weight: bold;
}
input.sk_num14_2 {
	width: 160px;
	font-size: 12px;
}

input.digit4_da {
	width: 40px;
	background-color: #ddd;
	font-weight: bold;
}

input.digit2_da {
	width: 30px;
	background-color: #ddd;
	font-weight: bold;
}

input.digit10_da {
	width: 85px;
	background-color: #ddd;
	font-weight: bold;
}


input[type="button"]{
	border: 0.5px #6e6e6e solid;
	padding: 0.2em 0.8em;
    border-bottom: solid 3px #6e6e6e;/*ボタン色より暗めに*/
    border-right: solid 3px #6e6e6e;/*ボタン色より暗めに*/
}

input[type="button"]:hover {
	background-color: #c0c0c0;
}

input[type="button"]:disabled {
    border: 0.5px #6e6e6e solid;
    padding: 0.2em 0.8em;
    border-bottom: solid 3px #6e6e6e;
    border-right: solid 3px #6e6e6e;
}

#button_logout,
#button_back {
	margin-top: 15px;
}

input[readonly]{
	background-color: #ddd;
}

input.textbox150 {
	width: 150px;
}

input.textbox280 {
	width: 299px;
}
input.textbox {
	width: 200px;
}

input.textbox3 {
	width: 300px;
}

input.textbox2 {
	width: 610px;
}

input.textbox4 {
	width: 480px;
}

input.textbox5 {
	width: 400px;
}

input.textbox6 {
	width: 393px;
}

input.textbox7 {
	width: 220px;
}

input.widetext {
	width: 100%;
}
td input.widetext {
	width: calc(100% - 13px);
}

td input.widetext_b {
	width: calc(100% - 80px);
}

input.textbox_da {
	width: 200px;
	background-color: #ddd;
	font-weight: bold;
}

input.button_import {
	width: 130px;
}

input.button_wide {
	width: 100px;
}

input.button_narrow {
	width: 40px;
	padding: 1px;
}

input.menu_button {
	width: 200px;
	font-size: 15px;
	padding: 8px;
	margin: 10px 10px;
}

select.selectbox {
	width: 170px;
}
select.selectbox100 {
	width: 100px;
}
select.selectbox130 {
	width: 130px;
}
select.selectbox250 {
	width: 250px;
}

.ime_on {
	ime-mode: active;
}
.ime_off {
	ime-mode: inactive;
}
.jk_regist02 .table_title, 
.jk_regist04 .table_title, 
.jk_regist03 .table_title {
	border-top-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
	background-color: #e4f0fc;
	font-size: 15px;
	text-align: left;
}
/*
/ *-- Header Footer部を画面内に固定する --* /
div#header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 86px;
	border-bottom: 5px #fff solid;
}
div#header-bk {
	padding: 0;
	height: 100%;
	width: 100%;
}
div#header {
	height: 100%;
	width: 100%;

}

div#footer-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
}
div#footer-bk {
	padding: 0;
	height: 40px;
	width: 100%;
}
div#footer-main {
	height: 100%;
	width: 100%;
	border-top: 5px #fff solid;
}
/ *---------------------------------------*/

/* Tooltip */
div.tooltip {
	color: #555;
	display: inline-block;
}

div.tooltip span {
	display: none;
}

div.tooltip:hover {
	position: relative;
	color: #333;
}

div.tooltip:hover span {
	display: block;
	position: absolute;
	top: 30px;
	color: #fff;
	background-color: #ff8e9d;
	width: 300px;
	padding: 5px;
	border-radius: 3px;
	z-index: 100;
}

div.tooltip span:before {
	content:'';
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	top: -15px;
	left: 15px;
	border: 13px transparent solid;
	border-right-width: 0;
	border-left-color: #ff8e9d;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	z-index: 100;
}



div.y_data_area {
	border-bottom: 1px solid #CCC;
}


table.y_data {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
	width: 100%;
}

table.y_data tr:nth-child(even) {
	background-color: #ebedef;
}

table.y_data th {
	background-color: #c0cbe9;
	padding: 2px;
	font-size: 12px;
	border-right: 1px solid #2e2e2e;
	border-bottom: 1px solid #2e2e2e;
	border-top: 1px solid #2e2e2e;
	border-left: 1px solid #2e2e2e;
	text-align: center;
}

table.y_data td {
	border-bottom: 1px solid #585858;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 30px;
}





/*
table.y_data_title {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
	padding: 0;
	width: 100%;
}

table.y_data_title th {
	background-color: #c0cbe9;
	padding: 2px;
	font-size: 12px;
	border-right: 1px solid #2e2e2e;
	border-bottom: 1px solid #2e2e2e;
	border-top: 1px solid #2e2e2e;
	border-left: 1px solid #2e2e2e;
}
table.y_data_title td {
	border-bottom: 1px solid #585858;
	padding: 2px;
	font-size: 12px;
	text-align: center;
}

table.y_data_title td.r_none,
table.y_data_title th.r_none {
	border-right: 0px solid #2e2e2e;
}

div.y_scroll_box {
	max-height: 200px;
	height: auto !important;
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	border-right: 1px solid #ccc;
}

div.y_hidden {
	overflow: hidden;
	background-color: #fff;
}

table.y_data {
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	background-color: #fff;
}

table.y_data th {
	background-color: #ffccff;
	padding: 2px;
	font-size: 12px;
	border-bottom: 1px solid #2e2e2e;
	border-left: 1px solid #ccc;
}
table.y_data td {
	border-bottom: 1px solid #585858;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #ccc;
}

table.y_data th.r_none,
table.y_data td.r_none {
	border-right: none;
}

table.y_data td {
	overflow: hidden;
	white-space: nowrap;
}

table.y_data td p {
	margin: 0;
}
table.y_data tr {
	height: 30px;
}

table.y_data tr:nth-child(even) {
	background-color: #ebedef;
}

div.y_data_area.w880,
table.y_data_title.w880,
div.y_scroll_box.w880 {
	width: 880px;
}
table.y_data.w880 {
	width: 880px;
}
div.y_data_area.w850,
table.y_data_title.w850,
div.y_scroll_box.w850 {
	width: 880px;
}
table.y_data.w850 {
	width: 880px;
}
div.y_data_area.w900,
table.y_data_title.w900,
div.y_scroll_box.w900 {
	width: 900px;
}
table.y_data.w900 {
	border-collapse: collapse;
	background-color: #fff;
	padding: 0;
	width: 100%;
	width: 899px;
}
div.y_data_area.w1000,
table.y_data_title.w1000,
div.y_scroll_box.w1000 {
	width: 1000px;
}
table.y_data.w1000 {
	width: 999px;
}
*/

/* テーブル(検索結果) */
table.result {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
	padding: 0;
	width: 100%;
}

table.result tr:nth-child(even) {
	background-color: #ebedef;
}

table.result th {
	background-color: #c0cbe9;
	padding: 2px;
	font-size: 12px;
	border: 1px solid #2e2e2e;
}

table.result td {
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #585858;
	overflow: hidden;
	white-space: nowrap;
	height: 30px;
}


/* Function Key */
div.funcKey:hover {
	position: relative;
	background-color: #ccc;
}

/* Tab */

.tabs {
	margin-top: 10px;
	padding-bottom: 0;
	background-color: #e4f0fc;
	width: 100%;
	margin: 0 auto;
}

.tab_item,
.tab_item2 {
	width: calc(99.1%/5);
	height: 30px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 10px 10px 0 0;
	background-color: #ddd;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
}
.tab_item.r_none,
.tab_item2.r_none {
	border-right: none;
}

.tab_item:hover,
.tab_item2:hover {
	opacity: 0.75;
}

input[name*="tab_item"] {
	display: none;
}

.tab_content {
	display: none;
	padding: 10px;
	clear: both;
	overflow: hidden;
	min-width: 900px;
}

#tab1:checked~#tab1_content,
#tab2:checked~#tab2_content,
#tab3:checked~#tab3_content,
#tab4:checked~#tab4_content {
	display: block;
}
#tab5:checked~* .notRequired {
	display: none;
}
#tab5:not(:checked~*) .Required {
	display: none;
}
#tab6:checked~* .notCustomer {
	display: none;
}
#tab6:not(:checked)~* .Customer {
	display: none;
}
#tab6:checked~* .jk_regist02.setCustomer {
	width: 40%;
}

.tabs input:checked+.tab_item {
	background-color: #6490cd;
	color: #e9e9e9;
}
.tabs input:checked+.tab_item2 {
	background-color: red;
	color: #fff;
}
/*
.tabs input:checked+label.tab_item:after {
	content:"表示";
}
.tabs input:not(:checked)+label.tab_item:after {
	content:"非表示";
}
*/
.tabs input:checked+label.tab_item3:after {
	content:"お客さま用";
}
.tabs input:not(:checked)+label.tab_item3:after {
	content:"代理店用";
}

th.table_title.tab_pink {
	background-color: #ffc1ff;
	text-align: left;
}
th.table_title.tab_pink2 {
	background-color: #ffe1ff;
	text-align: left;
}
th.table_title.tab_noneColor {
	background-color: #FFF;
	text-align: left;
}
td.table_title.tab_left,
th.table_title.tab_left {
	text-align: left;
}

#search_res_body td.tab_left,
.y_data td.tab_left {
	text-align: left;
	padding-left: 5px;
}

#dispKey td {
	width: 100px;
}

/* Footer PF Key Arrea */
.flex-container {
	margin-bottom: 0;
	padding: 0;
	display: flex;
	background-color: #ffccff;
}

.flex-item {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 90px;
	text-align: center;
}

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

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

.center {
	justify-content: center;
}

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

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

span.info_title {
	font-weight: bold;
	border-top-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
	font-size: 15px;
	text-align: left;
}



.box {
	width: 600px;
	margin-bottom: 20px;
	color: #333;
	box-shadow: 0 0 3px #ddd;
	border: 1px solid #ccc;
	boackground: #f9fff9;
	text-align: left;
	padding: 0px 0px 10px 10px;
}

/* Error */
.error {
	color: red;
	font-size: 14px;
}

/* 枝番 */
td.jk_eda {
	font-size: 18px;
	font-weight: bold;
	color: #585858;
}

input,
select {
	margin: 3px 3px 3px 3px;
}

textarea {
	margin: 3px 3px 3px 3px;
	width: calc(100% - 13px);
}

/*---- radio ------------------*/
div.radio {
 display: inline-flex;
}

.radio label {
    display: block;
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
}

.radio label input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
/*---- checkbox ------------------*/
div.checkbox {
 display: inline-flex;
}

div.check_cancel {
 margin: 5px 0;
}

.checkbox label {
    display: block;
    position: relative;
    padding-left: 1.3em;
    padding-right: 2.5em;
}

.checkbox label.group {
    display: block;
    position: relative;
    padding-left: 1.3em;
    padding-right: 0.5em;
}

.checkbox label input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

div.cb_right {
	padding-left: 20px;
}

/*---- border none --------------*/
td.border_none,
th.border_none {
	border: none;
}
td.border_right_only {
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
	border-right: 1px #585858 solid;
}
td.border_bottom_right_only {
	border-top: 0;
	border-left: 0;
	border-right: 1px #585858 solid;
	border-bottom: 1px #585858 solid;
}
td.border_bottom_only {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px #585858 solid;
}
td.border_top_right_only {
	border-top: 1px #585858 solid;
	border-left: 0;
	border-right: 1px #585858 solid;
	border-bottom: 0;
}
td.border_top_only {
	border-top: 1px #585858 solid;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
/* 見出し文字03 */
th.midashi03 {
	padding: 0;
	border: 0;
	background-color: #e4f0fc;
}
/* 見出し文字04 */
th.midashi04 {
	padding: 0;
	border: 0;
	background-color: #e4f0fc;
}
/*--アコーディオン設定--*/
.accbox {
	padding: 0;
}

.accbox label.midashi {
	display: block;
	padding: 8px 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
	transition: all 0.2s;
}

.accbox label.midashi:before {
	content: "＋";
	padding: 2px 2px 0px 2px;
	margin: 0px 3px;
	border: 1px #585858 solid;
	color: #fff;
	background-color: #585858;
	font-weight: normal;
}

.accbox .accinput {
	display: none;
}

.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.2s;
}


.cssacc:checked+label+.accshow {
	height: auto;
	opacity: 1;
}

.cssacc:checked+label:before {
	content: "－";
}

/*-------------------------------------------------------*/
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	background-color: rgba(0,0,0,0.5);
}

.modal-wrap {
	height: 100%;
	padding: 0 30px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.modal-content {
	height: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.modal-table-wrap {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}

.modal-table-cell {
	display: table-cell;
	padding: 60px 0 60px;
	vertical-align: middle;
}

.modal-content-box {
	position: relative;
	margin: 0 atuo;
	background-color: #fff;
}

.modal-content-inner {
	padding: 50px 30px 50px;
}

.modal-btn-close {
	position: absolute;
	top: -40px;
	right: 0;
	z-index: 9;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.modal-btn-close span {
	display: block;
	background-color: #fff;
	height: 2px;
	width: 30px;
}

.modal-btn-close .bar01 {
	-moz-transform: translateY(15px) rotate(-45deg);
	-ms-transform:  translateY(15px) rotate(-45deg);
	-webkit-transform:  translateY(15px) rotate(-45deg);
	transform:  translateY(15px) rotate(-45deg);
}
.modal-btn-close .bar02 {
	-moz-transform: translateY(13px) rotate(45deg);
	-ms-transform:  translateY(13px) rotate(45deg);
	-webkit-transform:  translateY(13px) rotate(45deg);
	transform:  translateY(13px) rotate(45deg);
}

@media only screen and (max-width: 768px) {
	.modal-wrap {
		padding 0 3.125%;
	}
	
	.modal-content-inner {
		padding: 40px 3.33333% 40px;
	}
}
/*-------------------------------------------------------*/

div.error_field_large {
	color: red;
	font-size: 18px;
	margin-top: 15px;
	padding: 10px 10px 10px;
	border: solid 1px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 600px;
	font-weight: bold;
}
div.msg_area {
    margin-top: 15px;
    padding: 10px 10px 10px;
    font-size: 22px;
    text-align: left;
    border: double 5px red;
}

#jiko_basho_pref {
	display: none;
}

.anotate {
	font-size: 12px;
}
.anotate ul {
	margin: 0;
	padding-left: 20px;
}

.modal2 {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	display: none;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(200, 200, 200, 0.9);
	z-index: 10;
}

.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	transform: translate(-50%, -50%);
	background-color: #e4f0fc;
	padding: 20px;
	max-height: 300px;
	overflow: auto;
	border: 2px solid #000;
}

.modal-link {
	color: #00f;
	cursor: pointer;
	text-decoration: underline;
}

.scroll-lock {
	overflow: hidden;
}

.center-left-justified {
	text-align:center;
}

.center-left-justified p {
	display:inline-block;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
}

/*-------------------------------------------------------*/
.formSlect {
	width: 225px;
}

.formFile {
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
}

.formFile input[type="file"]{
	display: none;
}

.info{
	display: inline-block;
}

.formFile label{
	border-radius: 3px;
	padding: 2px 5px;
	letter-spacing: 0;
	cursor: pointer;
}

.formFileName{
	display: inline-block;
	margin-left: 10px;
	width: 35%;
	border-bottom: 1px solid #6e6e6e;
	text-align: left;
	word-break: break-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.file_selet_btn{
	background-color: buttonface;
	border: 0.5px solid #6e6e6e;
	border-bottom: 3px solid #6e6e6e;
	border-right: 3px solid #6e6e6e;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	color: buttontext;
	display: inline-block;
}

@media all and (-ms-high-contrast: none) {
	.file_selet_btn{
		background-color: buttonface;
		border: 0.5px solid #6e6e6e;
		border-bottom: 3px solid #6e6e6e;
		border-right: 3px solid #6e6e6e;
		padding-top: 0.4em;
		padding-bottom: 0.2em;
		padding-left: 0.8em;
		padding-right: 0.8em;
		color: buttontext;
	}
}