@charset "UTF-8";

/****************************************************/
/* 全体 共通CSS                                     */
/****************************************************/
/* ページタイトル */
#pageTitle {
	margin-bottom: 20px;
	padding-bottom: 4px;
	border-bottom: 2px solid #d5d5d5;
	font-size: 150%;
}

/* 折り畳みスタイル */
.sechead h3.folding_sec span{
	color: #225D97;
	background-color: #FFFF99 !important;
	font-size: 90%;
}

h3.folding_sec {
	background-color: #FFFF99;
}



/********************************************/
/* セクション                               */
/********************************************/
/* 通常セクション */
.tzp2Section {
	margin-bottom: 10px;
	font-size: 109%;
}

/* 通常セクション見出し */
div.tzp2Section h3 {
	color: white;
	font-size: 109%;
	line-height: 1.7;
	padding-left: 5px;
}

/* 書類添付一覧 開閉可能な見出し */
div.tzp2Section h3.sechead {
	cursor: pointer;
}

/* 書類添付一覧 開閉可能な見出し マウスフォーカス */
div.tzp2Section h3.sechead:hover {
	color: #225D97;
	background-color: #ffff99;
}

/* 書類添付一覧 開閉可能な見出し */
div.tzp2Section h3.sechead span {
	background: url(../../images/gem/skin/horizontal/icon-arrow-01.png) no-repeat left 0.6em;
	font-weight: bold;
	padding: 0 10px 0 15px;
}

/* 書類添付一覧 開閉可能な見出し */
div.tzp2Section h3.disclosure-close span {
	background: url(../../images/gem/skin/horizontal/icon-arrow-03.png) no-repeat left 0.55em;
}

/* サブセクション */
div.tzp2SubSection {
	padding: 1px 7px 9px 7px;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

/* サブセクション見出し */
.tzp2SubSection h3 {
	margin-top: 10px;
}

/* グループセクション 2つ目以降の見出し */
.group_section h3:nth-child(n + 2) {
	margin-top: 0px !important;
}

/* セクションタイトル背景（管理項目） */
.system_sub_main_title {
	background-color: #808080;
}

/* セクションタイトル背景（管理項目） */
.jigyosha_sub_main_title {
	color:black;
	background-color: white;
	margin-top:20px;
}


/* セクションタイトル背景（自治体項目） */
.municipality_sub_main_title {
	background-color: #70ad47;
}

/* セクションサブタイトル背景（自治体項目） */
.municipality_sub_title {
	background-color: #70ad47;
}

/* セクションタイトル背景（事業者項目） */
.operator_sub_main_title {
	background-color: #1f497d;
}

/* セクションサブタイトル背景（事業者項目） */
.operator_sub_title {
	background-color: #4f81bd;
}

/* セクションタイトル背景（精算情報項目） */
.settlement_sub_main_title {
	background-color: #548235;
}

/* セクションサブタイトル背景（精算情報項目） */
.settlement_sub_title {
	background-color: #548235;
}

/* セクションタイトル背景（通常項目） */
.sub_main_title {
	background-color: #494529;
}

/* セクションサブタイトル背景（通常項目） */
.sub_title {
	background-color: #948a54;
}

/* 添付書類セクション */
.tzp2binSection {
	margin-bottom: 10px;
	font-size: 109%;
}

/* 添付書類セクション見出し */
div.tzp2binSection h3 {
	color: white;
	font-size: 109%;
	line-height: 1.7;
	padding-left: 5px;
}

/* セクションタイトル背景（公開用項目） */
.publication_title{
	background-color:#31869B;
	color:white;
}

/* セクションサブタイトル背景（公開用項目） */
.publication_sub_title{
	background-color:#4BACC6;
	color:white;
}

/* 手法セクション */
div.methodSubSection {
	padding: 1px 7px 9px 7px;
}

/* セクションタイトル背景（接続先） */
.access_title{
	background-color:#31869B;
	color:white;
}

/* セクションサブタイトル背景（接続先） */
.access_sub_title{
	background-color:#4BACC6;
	color:white;
}

/* 接続先セクション */
div.accessSubSection {
	padding: 1px 7px 9px 7px;
}

/* セクションタイトル背景（口座項目） */
.bank_sub_main_title {
	background-color: #4f81bd;
}

/********************************************/
/* テーブル                                 */
/********************************************/
div.tzp2Section table {
	width: 100%;
	table-layout: fixed;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

div.tzp2SubSection>table:first-child {
	margin-top: 10px;
	border-top: 1px solid #d5d5d5;
}

div.tzp2binSection table {
	width: 100%;
	table-layout: fixed;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

div.tzp2SubSection table tr.firstRow {
	margin-top: 10px;
	border-top: 1px solid #d5d5d5;
}

div.tzp2Section table tr.firstRow {
	margin-top: 10px;
	border-top: 1px solid #d5d5d5;
}
/********************************************/
/* テーブル（セル）                         */
/********************************************/
div.tzp2Section td,div.tzp2Section th {
	padding: 9px 7px;
	border-bottom: 1px dotted #d5d5d5;
	vertical-align: middle;
	overflow-wrap: break-word;
	word-wrap : break-word;
}


div.tzp2Section table th {
	width: 190px;
	border-right: 1px solid #d5d5d5;
	text-align: left;
	font-weight: bold;
	font-size: 109%;
}

div.tzp2Section table.split th {
	width: 190px;
	border-right: 1px solid #d5d5d5;
	text-align: left;
	font-weight: bold;
	font-size: 109%;
}
div.tzp2Section table.split th.tate{
	writing-mode: vertical-rl;

}
div.tzp2Section table.split th.tate span{
	text-combine-upright: all;
	font-weight: bold;
	font-size: 109%;
}
div.tzp2Section table.split th.split  {
	width: 95px;
	border-right: 1px solid #d5d5d5;
	text-align: left;
	font-weight: bold;
	font-size: 109%;
}
/* ヘッダラベル背景色（管理項目） */
table.th_systemBackColor th {
	background-color: #d9d9d9;
}

/* ヘッダラベル背景色（自治体項目） */
table.th_municipalityBackColor th {
	background-color: #e2efda;
}

/* ヘッダラベル背景色（事業者項目） */
table.th_operatorBackColor th {
	background-color: #8db4e2;
}

/* ヘッダラベル背景色（通常項目） */
table.th_backColor th {
	background-color: #ddd9c4;
}

div.tzp2binSection td,div.tzp2binSection th {
	padding: 9px 7px;
	border: 1px dotted #d5d5d5;
	vertical-align: middle;
}

div.tzp2binSection table th {
	border-right: 1px solid #d5d5d5;
	text-align: left;
	font-weight: bold;
}

.officeContact {
		background: #ffeb3b26;
}

.dnpContact {
		background: #03f4c329;
}

/* ヘッダラベル背景色（公開用・管理項目） */
table.th_publicationBackColor th.mngCol {
	background-color: #d9d9d9;
}

/* ヘッダラベル背景色（公開用・参照項目） */
table.th_publicationBackColor th.refCol {
	background-color: #d9d9d9;
}

/* ヘッダラベル背景色（公開用・通常項目） */
table.th_publicationBackColor th {
	background-color: #DAEEF3;
}

/* ヘッダラベル背景色（接続先・通常項目） */
table.th_accessBackColor th {
	background-color: #DAEEF3;
}

/* ヘッダラベル背景色（口座項目） */
table.th_bankBackColor th {
	background-color: #8db4e2;
}
/********************************************/
/* テーブル（セル）                         */
/********************************************/
/* 共通：幅調整 */
div.tzp2Section table .w20 { width: 20px; }
div.tzp2Section table .w30 { width: 30px; }
div.tzp2Section table .w40 { width: 40px; }
div.tzp2Section table .w80 { width: 80px; }
div.tzp2Section table .w100 { width: 100px; }
div.tzp2Section table .w110 { width: 110px; }
div.tzp2Section table .w120 { width: 120px; }
div.tzp2Section table .w130 { width: 130px; }
div.tzp2Section table .w150 { width: 150px; }
div.tzp2Section table .w170 { width: 170px; }
div.tzp2Section table .w190 { width: 190px; }
div.tzp2Section table .w210 { width: 210px; }
div.tzp2Section table .w220 { width: 220px; }
div.tzp2Section table .w330 { width: 330px; }
div.tzp2Section table .w270 { width: 270px; }
div.tzp2Section table .w400 { width: 400px; }
div.tzp2Section table .w460 { width: 460px; }


/********************************************/
/* メッセージ系                             */
/********************************************/
.tzp2ErrorMessage {
	color: red;
}

.tzp2ErrorMessageBold {
	color: #FF0000;
	font-size: 109%;
	font-weight: bold;
}

.tzp2MessageList {
	padding-left: 2em;
	list-style-type: disc;
}

.tzp2Message {
	padding-bottom: 1em;
}

.tzp2MessageBold {
	color: #0000FF;
	font-size: 109%;
	font-weight: bold;
}

div.errMsgDiv {
	margin-bottom: 15px;
	padding: 7px;
	border: 1px solid #d5d5d5;
	background: #fafafa;
	border-radius: 5px;
	min-height: 30px;
}

div.msgDiv {
	margin-bottom: 15px;
	padding: 7px;
	border: 1px solid #d5d5d5;
	background: #fafafa;
	border-radius: 5px;
	min-height: 30px;
}

div.changeAlert {
	margin-bottom: 15px;
	padding: 4px;
	border: 1px solid #FF0000;
	background: #fafafa;
	border-radius: 5px;
	min-height: 30px;
}

.changeMessageList {
	padding-left: 1em;
}

.changeMessageList > li {
	color: #FF0000;
	font-size: 109%;
	font-weight: bold;
	padding: 6px;
}

.tzp2ComparisionMessage {
	color: blue;
}

/********************************************/
/* 入力項目などの各要素                     */
/********************************************/
.tzp2Section label {
	margin-right: 10px;
}

div.tzp2Section div.intputBox {
	display: inline-block;
	vertical-align: middle;
}

div.tzp2Section Input,div.tzp2Section select,div.tzp2Section textarea {
	padding: 2px;
	font-size: 109%;
}

.tzp2Section input[type="radio"],input[type="checkbox"] {
	margin-right: 5px;
}
div.tzp2Section div.verify label,div.tzp2Section div.verify input,div.tzp2Section div.verify select,div.tzp2Section div.verify span {
	background: #ccccff;
	border-color: #6633ff;
}

div.tzp2Section div.normal+div.verify {
	margin-top: 4px;
}

.selectTag select {
	max-width: 100%;
}

div.tzp2Section .seireki {
	width: 90px !important;
}

.inputBox div label img {
	vertical-align: middle !important;
}

div.intputBox input[type="text"] {
	width: 96%;
}

div.intputLongBox {
	width: 100%;
}

div.intputLongBox input {
	width: 98%;
}

.shortBox {
	width:60%;
}
.middleBox {
	width:80%;
}
/** 備考 */
.remarkFlag {
	font-weight: bold;
}
.remarkFlagList li{
	display: inline;
}

.remarkTextArea {
	width: 60%;
}

/** 添付 */
.binShow {
	float: right;
	color: white;
	margin-right: 8px;
	font-size: 13px;
	cursor: pointer;
}

.floatShow {
	margin-right: 8px;
	font-size: 13px;
	cursor: pointer;
}

/* その他選択フリー入力 */
div.otherFreeText {
	margin-top: 8px;
}

.rightAlign {
	float: right;
	margin-right: 8px;
}
/********************************************/
/* ＜文字関連＞                             */
/********************************************/
/* 文字サイズ(px) */
#main .reform-title { font-size:  10px; }

/* 文字サイズ(%) */
#main .fs-3 { font-size:  70%; }
#main .fs-2 { font-size:  80%; }
#main .fs-1 { font-size:  90%; }
#main .fs0  { font-size: 100%; }
#main .fs1  { font-size: 120%; }
#main .fs2  { font-size: 150%; }
#main .fs3  { font-size: 180%; }
#main .fs4  { font-size: 250%; }

/* 行間サイズ */
#main .lh-1	{ line-height: 1.0 !important; }
#main .lh-1v	{ line-height: 1.5 !important; }
#main .lh-2	{ line-height: 2.0 !important; }
#main .lh-2v	{ line-height: 2.5 !important; }

/********************************************/
/* 罫線                                     */
/********************************************/

/* 罫線 */
#main .border   { border: 1px solid #969696; }
#main .borderT  { border-top: 1px solid #969696; }
#main .borderB  { border-bottom: 1px solid #969696; }
#main .borderR  { border-right: 1px solid #969696; }
#main .borderL  { border-left: 1px solid #969696; }

/* 罫線除外 */
#main .noborder  { border: none !important; }
#main .noborderL { border-left: none !important; }
#main .noborderR { border-right: none !important; }
#main .noborderLR {
  border-left: none !important;
  border-right: none !important;
}
#main .noborderT { border-top: none !important; }
#main .noborderB { border-bottom: none !important; }
#main .noborderTB {
  border-top: none !important;
  border-bottom: none !important;
}

/* hr */
#main .hr       { line-height: 0; border-bottom: 1px solid #ccc; }
#main .hr_red   { line-height: 0; border-bottom: 1px solid #FF0000; }
#main .hr hr    { display: none; }

/********************************************/
/* ボタン類                                 */
/********************************************/
/* ボタン枠 */
div.tzp2BtnDiv {
	margin-bottom: 15px;
	padding: 7px;
	border: 1px solid #d5d5d5;
	background: #fafafa;
	border-radius: 5px;
	min-height: 30px;
}

/* ボタンレイアウト */
input.tzp2Btn {
	padding: 1px 4px;
	border-radius: 5px;
	cursor: pointer;
	min-width: 70px;
	min-height: 25px;
	font-weight: bold;
	zoom: 1;
	background: #ffc000;
	color: #000000;
}

.tzp2BtnDiv .tzp2Btn {
	padding: 4px 7px;
	border-radius: 5px;
	cursor: pointer;
	min-width: 120px;
	min-height: 35px;
	font-weight: bold;
	zoom: 1;
	background: #ffc000;
	color: #000000;
	font-size: 16px;
}

input.tzp2ClearBtn {
	padding: 1px 14px;
	border-radius: 5px;
	cursor: pointer;
	min-width: 70px;
	min-height: 25px;
	/**font-weight: bold;*/
	zoom: 1;
	background: #ffffff;
	color: #000000;
}

/* ボタン枠のリンク */
.a_button {
	cursor: pointer;
}

/* ステータス遷移系ボタンレイアウト */
div.tzp2BtnDiv .approve {
	float: right;
}

/* ボタン色分け オレンジ */
input.color_orange {
	background: #ffc000 !important;
	color: #000000 !important;
}

/* ボタン色分け グレー */
input.color_gray {
	background: #C0C0C0 !important;
	color: #000000 !important;
}

/* ボタン色分け 青 */
input.color_blue {
	background: #0000FF !important;
	color: #FFFFFF !important;
}

/* ボタン色分け 黒 */
input.color_black {
	background: #000000 !important;
	color: #FFFFFF !important;
}

/* ボタン色分け 赤 */
input.color_red {
	background: #FF0000 !important;
	color: #FFFFFF !important;
}

/* 標準ボタン色分け 緑 */
input.color_green {
	background: linear-gradient(#37a467 0, #194b2f 100%) !important;
	color: #FFFFFF !important;
}

/* 標準ボタン色分け 緑 */
input.color_green2 {
	background: #37a467 !important;
	color: #FFFFFF !important;
}

/********************************************/
/* 項目補助                                 */
/********************************************/
/* 隠し項目 */
.hidden {
	display: none;
}

/* 非活性 背景色 */
input[type="text"][disabled] {
	background-color: #c0c0c0 !important;
}
/* 非活性 ラジオボタンラベルの背景色 */
input[type="radio"][disabled] + span {
	background-color: #c0c0c0;
}
/* 非活性 チェックボックスラベルの背景色 */
input[type="checkbox"][disabled] + span {
	background-color: #c0c0c0;
}
/* 非活性 セレクトボックスの背景色 */
select[disabled] {
	background-color: #c0c0c0;
}
/* 非活性 テキストエリアの背景色 */
textarea[disabled] {
	background-color: #c0c0c0;
}

/* 必須項目アスタリスク */
.tzp2Asterisk {
	color: rgb(235, 23, 23);
	font-weight: bold;
	font-size: 11px;
}

/* 枠右ライン */
.rightLine {
	border-right: 1px solid #d5d5d5;
}

/* 枠左ライン */
.leftLine {
	border-left: 1px solid #d5d5d5;
}

/* 注釈ボックス */
.explanationBox_app {
	margin-top: 5px;
	margin-bottom: -5px;
}

/* 注釈 */
.explanation_app {
	color: #777;
	font-size: 91%;
}

/* 注釈（メイン系 黒文字） */
.explanation_main {
	color: #000000;
	font-size: 91%;
}

/* 注釈（赤文字） */
.explanation_red {
	color: #ff0000;
	font-size: 91%;
}

/* カウンター */
span.counter {
	color: #000000;
	font-size: 109%;
	font-weight: bold;
}
/* カウンター上限オーバー */
span.overCount {
	color: #FF0000;
}

/********************************************/
/* 住所検索                                 */
/********************************************/
/* 住所検索ボタン */
.getAddress {
	background-color: #FFD481;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"ＭＳ Ｐゴシック", sans-serif;
	padding: 1px 4px;
	border-radius: 5px;
	cursor: pointer;
	min-width: 70px;
	min-height: 25px;
	font-weight: bold;
	zoom: 1;
}

/* 都道府県 横幅 */
.prefecture {
	width: 200px;
}

/* 市区町村 横幅 */
.city {
	width: 250px;
}

/* 番地 横幅 */
.street {
	width: 400px;
}

/* 住所検索 複数候補リンク */
.setAddress {
	font-size: 109%;
}

/********************************************/
/* ラジオ＋フリー入力パーツ                 */
/********************************************/
.radioFreeInput {
	width: 75%;
}

/* ボタン色分けCSS */
#main button.color_white {
    background: #FFFFFF !important;
}

#main button.color_gray {
    background: #C0C0C0 !important;
    color: #000000 !important;
}

#main button.color_black {
    background: #000000 !important;
    color: #FFFFFF !important;
}

#main button.color_black:hover {
    background: #505050 !important;
    color: #FFFFFF !important;
}

#main button.color_orange {
    background: #ffc000 !important;
    color: #000000 !important;
}

#main button.color_green {
    background: #4BB9A9 !important;
    color: #FFFFFF !important;
}

#main button.color_green:hover {
    background: #3C8E82 !important;
    color: #FFFFFF !important;
}

#main button.color_blue {
    background: #0000FF !important;
    color: #FFFFFF !important;
}

#main button.color_blue:hover {
    background: #030386 !important;
    color: #FFFFFF !important;
}

#main button.color_red {
    background: #FF0000 !important;
    color: #FFFFFF !important;
}

#main button.color_red:hover {
    background: #BB0B0B !important;
    color: #FFFFFF !important;
}

textarea.bgcolor_note_dnp {
	background: #D6FDF5 !important;
}

textarea.bgcolor_note_applicant {
	background: #FFFCE2 !important;
}

/********************************************/
/* ポップアップ                             */
/********************************************/
#main #layer {
    display: none;  /* 初期表示は非表示 */
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.20;
}
#main #popup {
    display: none;  /* 初期表示は非表示 */
    position: fixed;
    left: 50%;
    top: 50%;
    width: 524px;
    height: 271px;
    margin-left: -250px;
    margin-top: -100px;
    background-color: white;
    border-radius: 5px;
    text-align: center;
}
/********************************************/
/* フロート,アライン,行頭字下げ                 */
/********************************************/
/* フロート */
#main .in-fL { display: inline; float: left; }
#main .in-fR { display: inline; float: right; }
#main .in-fC { margin-left: auto; margin-right: auto; }

#main .fL { float: left; }
#main .fR { float: right; }

/* クリア */
#main .clearer { clear: both; display: block; height: 0; margin: 0; padding: 0; line-height: 1px; font-size: 1px; }
#main .clear   { clear: both; }

/* アライン */
#main .tL { text-align: left !important; }
#main .tR { text-align: right !important; }
#main .tC { text-align: center !important; }

#main .vT { vertical-align : top !important; }
#main .vM { vertical-align : middle !important; }
#main .vB { vertical-align : bottom !important; }

/* 行頭字下げ */
#main .indent1 { padding-left: 1em; text-indent: -1em; }
#main .indent2 { padding-left: 2em; text-indent: -2em; }
#main .indent3 { padding-left: 3em; text-indent: -3em; }