@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;
}

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

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

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

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

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

/* サブセクション 返金管理用 */
div.mnpSubSection2 {
	padding: 1px 7px 9px 7px;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

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

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

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

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

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

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

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

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

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

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

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

/* 添付書類セクション見出し */
div.mnpbinSection 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.mnpSection table {
	width: 100%;
	table-layout: fixed;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

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

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

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

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

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

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

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

/* ヘッダラベル背景色（共通ID事業者項目） */
table.th_commonOperatorBackColor th {
	background-color: #F4B084;
}

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

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

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

.officeContact {

		background: #ffffcc;

}

/* ヘッダラベル背景色（公開用・管理項目） */
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;
}

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

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

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

.mnpMessage {
	padding-bottom: 1em;
}

.mnpMessageBold {
	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;
}

.mnpComparisionMessage {
	color: blue;
}

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

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

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

.mnpSection input[type="radio"],input[type="checkbox"] {
	margin-right: 5px;
}

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

div.mnpSection .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%;
}

/** 備考 */
.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;
}

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

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

input.mnpClearBtn {
	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.mnpBtnDiv .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;
}

/********************************************/
/* 項目補助                                 */
/********************************************/
/* 隠し項目 */
.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;
}

/* 必須項目アスタリスク */
.mnpAsterisk {
	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%;
}