/* 共通 */
/*全体のフォント指定*/
body {
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	font-size:20px;		/*全体的にフォントは20px統一*/
}
input , select , textarea , button{
font-size: 100%;
font-family: inherit;
}
input , select , textarea , button{
}
select::-ms-expand {
/*display: none;*/
}

:disabled::-ms-expand {
	background-color: #c0c0c0; color: white;
	}

:disabled {
	background-color: #c0c0c0; color: white;
	}

/*  -MMC Logo */
.imgbox {
	text-align:right;			/*ロゴを右寄せにする*/
	width: 100%;
	height: 100%;
	}

img.mmclogo {
	padding:  5px;             /* 余白指定 */
	width: 80px;					/*元画像を縮める*/
	height: auto;				/*横比率に合わせる*/
}

/*  -エラーコード */
.display_errorcode {
	text-align:right;			/*右寄せにする*/
    padding:  10px;             /* 余白指定 */
	width: 80%;					/*元画像を縮める*/
}

/*  -メイン枠 */
.mainbox {
    padding:  10px;             /* 余白指定 */
    background-color: #E3E5E6;	 /* 背景色指定 */
    text-align: center;
    width: 800px;  /*(800pt)*/
    margin-left: auto;
    margin-right: auto;
/*    overflow: scroll;			/* スクロールバーを表示する場合は有効 */
/*    height: 400pt;			/* スクロールバーを表示する場合は有効 */
}

/*  --AS2 Logo */
.as2imgbox {
	text-align:center;			/*ロゴを中央に配置する*/
	width: 100%;
	height: auto;				/*横比率に合わせる*/
	}

img.as2logo {
	width: 80px;					/*元画像を縮める*/
	height: auto;				/*横比率に合わせる*/

}

/*  --画面名 */
.display_name {
    text-align: center;         /* 左右中央揃えにする */
    padding:  10px;             /* 余白指定 */
    font-weight: bold;			/* 太字 */
    font-size: 30px;			/* 画面名:30px */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*  --画面名(画面(B)用) */
.display_name_B {
    text-align: center;         /* 左右中央揃えにする */
    padding:  10px;             /* 余白指定 */
    font-weight: bold;			/* 太字 */
    font-size: 30px;			/* 画面名:30px */
	color: red;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*  --説明枠 */
.overview {
/*    text-align: center;        */ /* 左右中央揃えにする */
    text-align: left;         /* 左右中央揃えにする */
	padding:  10px;             /* 余白指定 */
    width:  550pt;    /* 500pt; */
    margin-left: auto;
    margin-right: auto;
}

/*  --メッセージ欄   */
.message1 {
	text-align: left;
	padding:  10px;             /* 余白指定 */
    width: 733px;        /* 550pt */
    margin-left: auto;
    margin-right: auto;
}


/*  --説明枠(広い画面用：ユーザ管理系/ID検索系) */
.overview_user {
/*    text-align: center;        */ /* 左右中央揃えにする */
    text-align: left;         /* 左右中央揃えにする */
	padding:  10px;             /* 余白指定 */
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

/*  --操作枠 */
.opeout {
/*	padding:  10px;             /* 余白指定 */
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	display: inline-block;
}

.attrbox{/*ラベルとinputboxの外枠親(センタリングのため)*/
	border: solid #686D71;
	display: inline-table;
	text-align: center;
	width: 550px;
	height: 50px;
	}


.box{/*ラベルとinputboxの枠*/
	margin:0;
/*	border: solid #686D71;*/
	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
	width: 550px;
}

.labelbox{/* ラベルボックス*/
	margin:0;
	background: #686D71;
  	text-align: center;
  	color: white;
	width: 30%;
}

.pwd_labelbox{/* ラベルボックス(パスワード用)*/
	margin:0;
	background: #686D71;
  	text-align: center;
  	color: white;
	width: 40%;
}

.inputfield_box{/*inputボックス*/
	margin:0;
	text-align: center;
	background: white;
	width: 100%;
	height: 100%;
}

.inputfield_box_disable{/*inputボックス：入力不可*/
	margin:0;
	text-align: center;
	background: #c0c0c0;
	width: 100%;
	height: 100%;
}

input.inputfield{/* inputボックス(入力欄そのもの) */
	width: 80%;
	height: 50px;
	font-size: 20px;
	border:none;				/* 枠線を消す */
	background-color:transparent;/* 背景色を透明に */
}

input.inputfield_disable{/* inputボックス(入力欄そのもの):入力不可 */
	width: 80%;
	height: 50px;
	font-size: 20px;
	border:none;				/* 枠線を消す */
	background-color:#E3E5E6;	/* 背景色をグレー */
}

/*  ---ID棚卸用ファイルインプットフォーム */
.IDUp_attrbox{/*ラベルとinputboxの外枠親(センタリングのため)*/
	border: solid #686D71;
	display: inline-table;
	text-align: center;
	width: 550px;
	height: 50px;

	}

.IDUp_labelbox{/* ラベルボックス*/
/*	border: solid 5px blue;*/
	margin:0;
	background: #686D71;
  	text-align: center;
  	color: white;
	/*width: 300px;*/
	width: 30%;
}

.IDUp_inputfield_box{/*inputボックス*/
	margin:0;
	text-align: center;
	background: white;
	width: 100%;
	height: 100%;

}
input.fileinput {
	/*width: 500px;*/
	width: 100%;
	height: 50px;
	font-size: 16px;

	border:none;				/* 枠線を消す */
	background-color:transparent;/* 背景色を透明に */
}

/*  ---パスワード表示画像 */
.eyeimg_box{/*画像ボックスボックス*/
	border:none;				/* 枠線を消す */
    display: inline-block;      /* インラインブロック要素にする */
	margin:0;
	width: 10%;
	height: auto;
}

img.eyeimg {
	border:none;				/* 枠線を消す */
	display: inline-block;      /* インラインブロック要素にする */
	width:30pt;
	height:30pt;
}

/*ユーザ登録・変更用*/
.mainbox_user {
	padding:  10px;             /* 余白指定 */
    background-color: #E3E5E6;	 /* 背景色指定 */
    text-align: center;
    width: 1200px;/*約1000pt  元々は1340pt*/
    margin-left: auto;
    margin-right: auto;
}

.user_attrbox{/*ラベルとinputboxの外枠親(センタリングのため)*/
	border: solid;
	border-color: #686D71;
	display: inline-table;
	text-align: center;
	width: 1100px;				/*900pt 元々は1200px*/
	height: 50px;

	}

.user_box{/*ラベルとinputboxの枠*/
/*	border: solid;
	border-color: lime;*/
	margin:0;
	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
}

.user_box_personal{/*個人情報利用通知枠*/
/*	border: solid blue;*/
	vertical-align: middle;
	display: table-cell;
	margin:0;
	background: #686D71;
  	text-align: center;
  	color: white;
  	height: 100%;

}

.user_labelbox{/* ラベルボックス*/
/*	border: solid;
	border-color: red;*/
	margin:0;
	background: #686D71;
  	text-align: center;
  	color: white;
	width: 25%;
}

.user_inputfield_box{/*inputボックス*/
	margin:0;
  	text-align: center;
	width: 100%;
	height: 100%;
	background: white;
}

input.user_inputfield{/* inputボックス(入力欄そのもの) */
	width: 95%;
	height: 50px;
	border:none;				/* 枠線を消す */
	font-size: 20px;
	color: black;
}

select.user_inputfield_select{/* selectボックス:広いところ用(入力欄そのもの) */
	width: 95%;
	height: 50px;
	border:none;				/* 枠線を消す */
	font-size: 20px;
}
select.user_inputfield_s{/* selectボックス(入力欄そのもの) */
	border: solid 1px blue;
	width: 95%;
	height: 50px;
	border: none;				/* 枠線を消す */
	font-size: 20px;
}

input.user_inputfield_chk{/* inputボックス(入力欄そのもの)確認コード用 */
	width: 70%;
	height: 50px;
	border:none;				/* 枠線を消す */
	font-size: 20px;
}
input.user_inputfield_disable{/* inputボックス(入力欄そのもの)disable */
	width: 95%;
	height: 50px;
	border:none;				/* 枠線を消す */
	font-size: 20px;
	color: black;
}

.user_inputfield_box_p{/*inputボックスの子(1行) .user_inputfield_box_c_lと.user_inputfield_box_cのセット*/
	display: inline-table;
	text-align: left;
	width: 100%;
	background: white;
}

.user_inputfield_box_p_chk{/*inputボックスの子(1行) 確認コードの枠*/
/*	padding: 5px;*/
/*	border: solid red;*/
	display: inline-table;
	text-align: left;
	width: 95%;
	background: white;
}

input.user_inputfield_chkinput{/* inputボックス(入力欄そのもの:確認コードの前) */
	width: 450px;
	height: 50px;
	border:none;				/* 枠線を消す */
	font-size: 20px;
	color: black;
}
.user_inputfield_box_c_l{/*inputボックスの子(ラベル)*/
	margin:0;
  	text-align: center;
	width: 350px;
}
.user_inputfield_box_c_l_app{/*inputボックスの子(ラベル:アプリ支払い状況用)*/
	margin:0;
  	text-align: center;
	width: 450px;
}
.user_inputfield_box_c_i{/*inputボックスの子(input)*/
	border: solid #686D71;
	background: white;
	margin:0;
  	text-align: center;
	width: 500px;
}

.user_inputfield_box_c_i_disable{/*inputボックスの子(input_disable)*/
	border: solid #686D71;
	background: #c0c0c0;
	margin:0;
  	text-align: center;
	width: 500px;
}

.user_inputfield_box_c_b{/*inputボックスの子(パスワードリセット：確認コード用)*/
	border: solid red;
	display: inline-block;      /* インラインブロック要素にする */
	text-align: center;
	margin:0;
	width: 100pt;
	height: 100%;
}

input.user_inputfield_c{/* inputボックス(入力欄そのもの)子 */
	border: solid;
	border-color: blue;
	width: 400pt;
	height: 50pt;
	font-size: 20px;

}
.user_inputfield_box_comment{/*inputボックス内のメッセージ枠*/
/*	border: solid;
	border-color: blue;*/
	margin: 0px;
    padding: 0px;
	display: inline-table;
	text-align: center;
	width: 100%;
	background: #ffa500;
	font-size: 20px;

}

.user_inputfield_box_comment_c{/*inputボックス内のメッセージ枠・子*/
/*	border: solid blue;*/
	margin: 0px;
    padding: 0px;
	display: inline-table;
	text-align: left;
	width: 95%;
/*	background: #ffa500;*/
	font-size: 20px;

}

.user_attrbox_msg{/*  注意文枠：親 */
	border: solid #ffa500;
	background: #ffa500;
	display: inline-table;
	text-align: center;
	width: 1200px;				/*900pt*/
	height: auto;

	}

.user_msgbox_c {/*  注意文枠：子 */
    padding:  0px;             /* 余白指定 */
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* 本登録確認画面のLv3配下ユーザリスト用*/
.user_attrbox_L3list{/*外枠*/
/*	border: solid #686D71;*/
	display: inline-table;
	text-align: center;
/*	width: 1200px;		*/		/*900pt*/
	width: 1000px;				/*900pt*/
	height: 50px;

	}
.user_attrbox_L3list_c{/*内枠　センタリング用*/
/*	border: solid #686D71;*/

	display: inline-table;
	text-align: center;
/*	width: 100%;*/
	}

.useradd_confirm_Lv3list_labelbox_p{/* ラベルボックス*/
/*	border: solid 1px #686D71;*/
    float: left;
/*	display: inline-block;*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
	margin:0;
  	color: white;
/*	width: 900px;*/
	width: 100%;
  	text-align: center;
	overflow: hidden;/*ヘッダのスクロールバーは非表示*/

}
.useradd_confirm_Lv3list_labelbox{/* ラベルボックス*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 159px;/*表示枠の横幅を登録画面の各項目の幅と合わせるため159pxとしている*/
    max-width: 159px;
    min-height: 20px;
    max-height: 20px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
/*    white-165px: nowrap;*//*改行しない*/
	width: 159px;
    height: 20px;
  	font-size:  16px;
  	text-align: center;
}

.useradd_confirm_Lv3list_resultbox_p{/* 結果ボックス外*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
/*	border: solid #ff80ff;*/
/*	display: inline-block;*/
	margin:0;
/*		background: #686D71;*/
  	color: white;
	width: 100%;
/*	width: 930px;*/
  	height: 450px;
  	text-align: left;
  	overflow: scroll;/* スクロールバーを表示する場合は有効 */

}

.useradd_confirm_Lv3list_resultbox{/* 結果ボックス*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 159px;/*表示枠の横幅を登録画面の各項目の幅と合わせるため159pxとしている*/
    max-width: 159px;
    min-height: 30px;
    max-height: 30px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 159px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}

/*IDサーチ画面用*/
.mainbox_Search {
/*	border: solid red;*/
	padding:  10px;             /* 余白指定 */
    background-color: #E3E5E6;	 /* 背景色指定 */
    text-align: center;
    width: 1340px;/*約1000pt*/
    margin-left: auto;
    margin-right: auto;
/*    overflow: scroll;			/* スクロールバーを表示する場合は有効 */
/*    height: 400pt;			/* スクロールバーを表示する場合は有効 */
}

.opeout_Search {
	display: inline-table;
/*	border: solid red;*/
	padding:  10px;             /* 余白指定 */
    text-align: center;
    width: 1200px;/*約1000pt*/
}

.attrbox_Search{/*ラベルとinputboxの外枠親(センタリングのため)*/
	/*border: solid #686D71;*/
	display: inline-table;
	text-align: center;
	width: 800px;
	height: 50px;
	}

.box_Search_tbl{/*検索条件のテーブル*/
	border-collapse: collapse;
/*	border: solid #686D71;*/
	display: inline-table;
	text-align:center;
}

.box_Search{/*ラベルとinputboxの枠*/
	margin:0;
	border: solid #686D71;
	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
	width: 250px;
	height: 20px;
	font-size:16px;		/*フォントを小さめにする*/
}

.dummy_Searchtd{/*表示調整用ダミー列*/
	width:10px;
}
.labelbox_Search{/* ラベルボックス*/
	margin:0;
	border: solid #686D71;
  	text-align: center;
	background: #686D71;
  	color: white;
	width: 250px;
	height: 20px;
	font-size:16px;		/*フォントを小さめにする*/
}

.inputfield_box_Search{/*inputボックス*/
	/*border: solid yellow;*/
	margin:0;
	text-align: center;
	background: white;
	width: 250px;
	height: 20px;
	font-size:16px;		/*フォントを小さめにする*/
}

.inputfield_box_disable_Search{/*inputボックス：入力不可*/
	/*border: solid yellow;*/
	margin:0;
	text-align: center;
	background-color:#E3E5E6;	/* 背景色をグレー */
	width: 250px;
	height: 20px;
	font-size:16px;		/*フォントを小さめにする*/
}

input.inputfield_disable_Search{/* inputボックス(入力欄そのもの) */
	width: 80%;
	height: 50px;
	font-size: 20px;
	border:none;				/* 枠線を消す */
	text-align: left;
	background-color:transparent;/* 背景色を透明に */
	color: black;
}


input.inputfield_Search{/* inputボックス(入力欄そのもの) */
	width: 80%;
	height: 50px;
	font-size: 20px;
	border:none;				/* 枠線を消す */
	background-color:transparent;/* 背景色を透明に */
}


/*販社・拠点コード選択リスト画面用*/
/*  -メイン枠 */
.selectcode_mainbox {
    padding:  10px;             /* 余白指定 */
    background-color: #E3E5E6;	 /* 背景色指定 */
    text-align: center;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 700px;
}

/*  --操作枠 */
.selectcode_opeout {
/*	border: solid red;*/
/*	padding:  10px;             /* 余白指定 */
/*    text-align: center;*/
    text-align: center;
    width: 100%;
    height: 500px;
/*    margin-left: auto;
    margin-right: auto;*/
	display: inline-block;
/*    overflow: scroll;*/
}

.selectcode_attrbox{/*外枠親(センタリングのため)*/
/*	border: solid #686D71;*/
	display: inline-table;
	text-align: center;
    width: 900px;
    height: 500px;
	}

.emp_selectcode_labelbox{/* ラベルボックス外*/
	border: solid 1px #686D71;
    float: left;
/*	border: solid rgb(0, 255, 128);*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
	margin:0;
  	color: white;
	width: 900px;
  	text-align: center;
	overflow: hidden;/*ヘッダのスクロールバーは非表示*/

}

.emp_selectcode_labelbox_c1_reg{/* ラベルボックス子:拠点名*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 300px;
    max-width: 300px;
    min-height: 20px;
    max-height: 20px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 300px;
    height: 20px;
  	font-size:  16px;
  	text-align: left;
}

.emp_selectcode_labelbox_c1_code{/* ラベルボックス子:コード用*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 100px;
    max-width: 100px;
    min-height: 20px;
    max-height: 20px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 100px;
    height: 20px;
  	font-size:  16px;
  	text-align: left;
}

.emp_selectcode_labelbox_c1_emp{/* ラベルボックス子:販社名*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 300px;
    max-width: 300px;
    min-height: 20px;
    max-height: 20px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 300px;
    height: 20px;
  	font-size:  16px;
  	text-align: left;
}

.emp_selectcode_labelbox_c1_check{/* ラベルボックス子:ラジオボタン欄*/
	padding:10px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 40px;
    max-width: 40px;
    min-height: 20px;
    max-height: 20px;
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 40px;
    height: 20px;
  	font-size:  16px;
  	text-align: center;
}

.emp_selectcode_resbox{/* 結果ボックス外*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
/*	border: solid #ff80ff;*/
/*	display: inline-block;*/
	margin:0;
/*		background: #686D71;*/
  	color: white;
	width: 930px;
  	height: 450px;
  	text-align: center;
  	overflow: scroll;/* スクロールバーを表示する場合は有効 */

}
.emp_selectcode_resultbox_c1_emp{/* 結果ボックス子 販社名*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 300px;
    max-width: 300px;
    min-height: 30px;
    max-height: 30px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 300px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}
.emp_selectcode_resultbox_c1_reg{/* 結果ボックス子 拠点名*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 300px;
    max-width: 300px;
    min-height: 30px;
    max-height: 30px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 300px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}

.emp_selectcode_resultbox_check{/* 結果ボックス:ラジオボタン欄*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 50px;
    max-width: 50px;
    min-height: 30px;
    max-height: 30px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 50px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}

.emp_selectcode_resultbox_code{/* 結果ボックス:コード用*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
/*    text-overflow: ellipsis;*//*切り取られたテキストを…で表現*/
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
/*    white-space: nowrap;*//*改行しない*/
	width: 100px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}

/*ID検索リスト用*/
.selectcode_labelbox{/* ラベルボックス外*/
/*    float: left;*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
	margin:0;
/*	width: 1340px;*/
	width: 1600px;
  	text-align: left;
/*  	overflow: scroll;			*//* スクロールバーを表示する場合は有効 */	overflow: hidden;/*ヘッダのスクロールバーは非表示*/
	overflow: hidden;

}

.selectcode_labelbox_left{/* ラベルボックス外*/
    float: left;
	display:table-cell;
	width: 540px;
}
.selectcode_labelbox_right{/* ラベルボックス外*/
    float: left;
	display:table-cell;
    overflow: hidden;
	width:  790px;

/*	width: 1340px;*/

}

.selectcode_labelbox_tbl_left{/* ラベルボックス外(テーブル) 左*/
    border-collapse: collapse;
    table-layout:fixed;
}

.selectcode_labelbox_tbl_right{/* ラベルボックス外(テーブル) 右*/
    border-collapse: collapse;
    table-layout:fixed;
}


.selectcode_labelbox_c1_left{/* ラベルボックス子(固定列)*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 150px;
    max-width: 150px;
    min-height: 60px;
    max-height: 60px;
    text-overflow: ellipsis;
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
    white-space: nowrap;
	width: 150px;
    height: 60px;
  	font-size:  16px;
  	text-align: left;
}
.selectcode_labelbox_c1{/* ラベルボックス子*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 150px;
    max-width: 150px;
    min-height: 30px;
    max-height: 30px;
    text-overflow: ellipsis;
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
    white-space: nowrap;
	width: 150px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}

.selectcode_labelbox_c1_check{/* ラベルボックス子:ラジオボタン欄*/
	padding:10px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
    min-width: 40px;
    max-width: 40px;
    min-height: 60px;
    max-height: 60px;
	margin:0;
	background: #686D71;
  	color: white;
    overflow: hidden;
    white-space: nowrap;
	width: 40px;
    height: 60px;
  	font-size:  16px;
  	text-align: center;
}


.selectcode_labelbox_c1_dummy{/* ラベルボックス子:スクロールバー分のダミー列*/
	padding:5px;
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid white;
	margin:0;
	background: #686D71;
  	color: white;
    min-width: 50px;
    max-width: 50px;
	width: 50px;
  	height: auto;
  	font-size:  16px;
  	text-align: left;
}

.selectcode_resbox_left{/* 結果ボックス外*/
    float: left;
	display:table-cell;
	width: 540px;
  	height: 450px;
  	overflow: hidden;/* 固定列はスクロールなし */
}
.selectcode_resbox_right{/* 結果ボックス外*/
    float: left;
	display:table-cell;
    overflow: hidden;
	width:  790px;
  	height: 450px;
/*	width: 1340px;*/
  	overflow: scroll;/* スクロールバーを表示 */

}

.selectcode_resbox_tbl_left{/* 結果ボックス外(テーブル) 左*/
    border-collapse: collapse;
    table-layout:fixed;
}

.selectcode_resbox_tbl_right{/* 結果ボックス外(テーブル) 右*/
    border-collapse: collapse;
    table-layout:fixed;
}

.selectcode_resbox_c{/* 結果ボックス子(固定列)*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 150px;
    max-width: 150px;
    min-height: 30px;
    max-height: 30px;
    text-overflow: ellipsis;
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
    white-space: nowrap;
	width: 150px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}

.selectcode_resbox_c{/* 結果ボックス子*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 150px;
    max-width: 150px;
    min-height: 30px;
    max-height: 30px;
    text-overflow: ellipsis;
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
    white-space: nowrap;
	width: 150px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}

.selectcode_resbox_c_check{/* 結果ボックス:ラジオボタン欄*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
    border:1px solid #686D71;
    min-width: 50px;
    max-width: 50px;
    min-height: 30px;
    max-height: 30px;
    text-overflow: ellipsis;
	margin:0;
	background: white;
  	color: black;
    overflow: hidden;
    white-space: nowrap;
	width: 50px;
    height: 30px;
  	font-size:  16px;
  	text-align: left;
}
.selectcode_resbox_c_dummy{/* 結果ボックス子(dummy列)*/
	padding:5px;
	word-wrap:break-word;/*改行する*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
/*    border:1px solid #686D71;*/
    min-width: 100px;
    max-width: 100px;
    min-height: 16px;
    max-height: 16px;
    text-overflow: ellipsis;
	margin:0;
/*	background: white;*/
	background: #E3E5E6;
  	color: black;
    overflow: hidden;
    white-space: nowrap;
	width: 100px;
    height: 16px;
  	font-size:  16px;
  	text-align: left;
}

.selectcode_listbox{/* リストボックス*/
	display: inline-block;
	margin:0;
	background: white;
  	text-align: center;
	width: 100%;
	height: 100%;
}

/*ID検索リスト用*/
.IDL_box_p{/* 外枠*/
	margin:0;
  	text-align: center;
    overflow: scroll;
/*	white-space: nowrap;*/
}
.IDL_box{/* 外枠*/
	margin:0;
	width: 800pt;
	height: 400pt;
    overflow: scroll;
/*	white-space: nowrap;*/
}

.IDL_labelbox{/* ラベルボックス*/
	display: inline-block;
	margin:0;
	background: #686D71;
  	color: white;
	width: 800pt;
  	text-align: left;
  	height: 50pt;
}
.IDL_listbox{/* リストボックス*/
	border: solid;
	border-color: olive;

	display: inline-block;
	margin:0;
	background: white;
  	text-align: center;
	width: 800pt;
	height: 250pt;
    overflow: scroll;
}

/*個人情報同意画面用*/



/*  -メイン枠 */
.accept_mainbox {
    padding:  10px;             /* 余白指定 */
    background-color: #E3E5E6;	 /* 背景色指定 */
    text-align: center;
    width: 1340px;/*約1000pt*/
    margin-left: auto;
    margin-right: auto;
/*    overflow: scroll;			/* スクロールバーを表示する場合は有効 */
/*    height: 400pt;			/* スクロールバーを表示する場合は有効 */
}

.accept_box{/*同意テキストボックス*/
	margin:0;
	border: solid;
	border-color: #686D71;
	text-align: left;
	background: white;
	width: 100%;
    overflow-y: scroll;
    height: 450px;
}

.accept_box_select{/*selectボックス枠*/
	margin:0;
	border: solid;
	border-color: #686D71;
	display: inline-table;
/*	text-align: left;*/
	text-align: center;
	background: white;
	width: 300px;
}

select.accept_inputfield_s{/* selectボックス(入力欄そのもの) */
	width: 95%;
	height: 50px;
	border: none;				/* 枠線を消す */
	font-size: 20px;
}


/*  ---AS2メニュー用 */
/*  -メイン枠 */
.mainbox_as2menu {
    padding:  10px;             /* 余白指定 */
    background-color: #E3E5E6;	 /* 背景色指定 */
    text-align: center;
    width: 1340px;/*約1000pt*/
    margin-left: auto;
    margin-right: auto;
}

.as2menu_box{/*ラベルとmenuの枠 1行*/
	border: solid transparent;
	display: inline-table;
	text-align: center;
	width: 90%;
	height: auto;
  	vertical-align: middle;
}
.as2menu_labelbox{/* ラベルボックス*/
	margin:0;
	background: #686D71;
  	text-align: center;
  	color: white;
	width: 200px;
	height: auto;
}
.as2menu_labelbox_h{/* ラベルボックス_ヘッダ*/
	margin:0;
	border: solid 1px  #E3E5E6;
	background: red;
  	text-align: center;
  	color: white;
	width: 200px;
	height: auto;
}
.as2menu_labelbox_h2{/* ラベルボックス_ヘッダ(機能名)*/
	margin:0;
	border: solid 1px  #E3E5E6;
	background: red;
  	text-align: center;
  	color: white;
	width: 400px;
	height: auto;
}
.as2menu_labelbox_h3{/* ラベルボックス_ヘッダ(概要)*/
	margin:0;
	border: solid 1px  #E3E5E6;
	background: red;
  	text-align: center;
  	color: white;
	width: auto;
	height: auto;
}
.as2menu_attrbox_p{/*linkboxとtxtboxの枠(親) lablboxでも使用*/
	border: solid  #E3E5E6;
	border-collapse: collapse;
	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
}

.as2menu_attrbox{/*linkboxとtxtboxの枠(1区分枠)*/
	border: solid 3px #686D71;
/*	margin-bottom: -3px;	*//* 上下の線の重なりを調整 */
/*	display: inline-table;*/
	display: inline-box;
	text-align: left;
	width: 1000px;
	height: auto;
	}
.as2menu_attrbox_tr{/*tr枠*/
	border: solid 3px red;
/*	padding:50px 0px 50px 50px;*/
	padding:10px;
	text-indent: 20px;/*左が詰まりすぎるので字下げする*/
	white-space: nowrap;
	border-collapse: collapse;
    border:1px solid #686D71;
/*	display: inline-block;*/
	margin:0;
  	color: black;
/*	width: auto;
  	height: auto;*/
  	text-align: left;
	}

.as2menu_linkbox{/*リンク枠*/
/*	padding:10px 0px 10px 0px;*/
/*	text-indent: 1em;/*左が詰まりすぎるので字下げする*/
/*	white-space: nowrap;*/
	border-collapse: collapse;
/*    border:1px solid blue;*/
/*	display: inline-block;*/
	margin:0;
  	color: black;
/*	width: 420px;*/
	width: 41%;
  	height: auto;
  	text-align: left;
  	font-size: 16px; /* フォントのおさまりが悪いので少々小さくする*/
	}
.as2menu_txtbox{/*txt枠*/
	padding:10px;
/*	text-indent: 1em;/*左が詰まりすぎるので字下げする*/
/*	white-space: nowrap;*/
	border-collapse: collapse;
/*    border:1px solid yellow;*/
/*	display: inline-block;*/
	margin:0;
  	color: black;
/*	width: 600px;*/
  	height: auto;
  	text-align: left;
  	font-size: 16px; /* フォントのおさまりが悪いので少々小さくする*/
	}

/* ID棚卸ダウンロード*/
.mainbox_IDinv {
	padding:  10px;             /* 余白指定 */
    background-color: #E3E5E6;	 /* 背景色指定 */
    text-align: center;
    width: 1340px;/*約1000pt*/
    margin-left: auto;
    margin-right: auto;
}

/*  --操作枠 */
.opeout_IDinv {
/*	padding:  10px;             /* 余白指定 */
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	display: inline-block;
}

input.IDinv_input{/* inputボックス(入力欄そのもの) */
	width: 30%;
	height: 50pt;

}

.IDinv_attrbox{/*外枠*/
	border: solid #686D71;
    padding:  10px;             /* 余白指定 */
    background: white;
	display: inline-table;
	text-align: center;
	width: 1250px;
	}

.IDinv_attrbox2{/*1行*/
	width: 1250px;
    padding:  5px;             /* 余白指定 */
	height: auto;
}

.IDinv_box{/*ラベルとチェックボックスの枠*/
	display: table-cell;
  	text-align: center;
	width: 250px;
	height: auto;
  	vertical-align: middle;
}
.IDinv_labelbox{/* ラベルボックス(文字を押したときにチェックが入る用の枠)*/
	display: inline-table;
	margin:0;
  	text-align: left;
	width: 100%;
	height: auto;
}
.IDinv_chkbox{/*チェックボックス(ラジオボタン)*/
	margin:0;
	width:24px;
	height:24px;
	text-align:center;			/*中央配置*/
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
}
.IDinv_chkbox_disable{/*チェックボックス(ラジオボタン)*/
	margin:0;
	width:24px;
	height:24px;
	text-align:center;			/*中央配置*/
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	background: #c0c0c0;
}


/*  --リンク */
.link_p {
	text-align: center;         /* 子要素を左右中央揃えにする */
    width: 100%;
}
.link_c {
    display: inline-block;      /* インラインブロック要素にする */
    text-align: center;         /* 子要素を左右中央揃えにする */
    width: 300px;
}

/*  --ボタン */
.button_p {
    text-align: center;         /* 子要素を左右中央揃えにする */
    width: 100%;
}
.button_c {
	display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
    width: 30%;
}
.button_button {/*ボタンそのものの設定*/
    display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
    width: 260px;
    height: 50pt;
  	color: white;				/*文字色*/
  	background: #686D71;			/*背景色*/
  	border: solid 5px #686D71;	/*枠線*/
  	border-radius: 10px;			/*角を丸くする*/
  	font-size:20px;
}

/*  --ボタン(closeだけの画面用) */
.button_p_B {
    text-align: right;         /* 子要素を右寄せにする */
    width: 80%;
}

.button_button_B {/*(closeだけの画面用)ボタンそのものの設定*/
    display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
    width: 260px;
    height: 50pt;
  	color: white;				/*文字色*/
  	background: #686D71;			/*背景色*/
  	border: solid 5px #686D71;	/*枠線*/
  	border-radius: 10px;			/*角を丸くする*/
  	font-size:20px;
	position: relative;			/*配置場所を右寄りにする*/
  	left: 80px;					/*配置場所を右寄りにする*/
}

.button_button_Register {/*(非活性Submitボタン用)ボタンそのものの設定*/
    display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
    width: 260px;
    height: 50pt;
  	color: #686D71;				/*文字色*/
  	background: #E3E5E6;			/*背景色*/
  	border: solid 5px #686D71;	/*枠線*/
  	border-radius: 10px;			/*角を丸くする*/
  	font-size:20px;

}

.button_button_Register_active {/*(活性Submitボタン用)ボタンそのものの設定*/
    display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
    width: 260px;
    height: 50pt;
  	color: white;				/*文字色*/
  	background: #686D71;			/*背景色*/
  	border: solid 5px #686D71;	/*枠線*/
  	border-radius: 10px;			/*角を丸くする*/
  	font-size:20px;

}

.button_button_chk {/*(確認コード用)ボタンそのものの設定*/
    display: inline-block;      /* インラインブロック要素にする */
    padding:  5px;             /* 余白指定 */
    width: 300px;                /*  元々は350px    */
  	color: white;				/*文字色*/
  	background: #686D71;			/*背景色*/
  	border: solid 5px #686D71;	/*枠線*/
  	border-radius: 10px;			/*角を丸くする*/
  	font-size:20px;

}

.button_button_policy {/*(個人情報同意用)ボタンそのものの設定*/
    display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
    width: 400px;
  	color: white;				/*文字色*/
  	background: #686D71;			/*背景色*/
  	border: solid 5px white;	/*枠線*/
  	border-radius: 10px;			/*角を丸くする*/
  	font-size:20px;
  	text-decoration: none;	/*リンクの下線を消す*/

}

/*  --メッセージ欄 */
.message1 {
	padding:  10px;             /* 余白指定 */
    text-align: left;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.message2 {
	font-size: 60%;
	padding:  10px;             /* 余白指定 */
    text-align: left;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.message1_c {
    padding:  10px;             /* 余白指定 */
    text-align: left;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/*  -エラーメッセージ欄 */
.errormsg {
    padding:  10px;             /* 余白指定 */
    text-align: left;
    width: 90%;
    width: 650px;				/* 約500pt */
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;			/* 太字 */
    color: red;				/* 赤字 */
}

/*  -エラーメッセージ欄(広い画面用：ユーザ管理系/ID検索系) */
.errormsg_user {
    padding:  10px;             /* 余白指定 */
    text-align: left;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;			/* 太字 */
    color: red;				/* 赤字 */
}

/*  -メンテナンス欄 */
.mentebox {
    padding:  10px;             /* 余白指定 */
    background-color: black;	 /* 背景色指定 */
    text-align: center;
    width: 800px;/*(600pt)*/
    margin-left: auto;
    margin-right: auto;
}

.message_mente {
    padding:  10px;             /* 余白指定 */
    text-align: left;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color:white;				/*文字色*/
	font-weight: bold;		/* 太字 */
	line-height: 1.5;	/*行間調整*/
}

label[for="require"] {
	color: red;
	font-weight: bold;
}
.button_p_l {
    text-align: left;         /* 子要素を左右中央揃えにする */
    width: 30%;
}
.button_button_ch {/*(全選択・前解除)ボタンの設定*/
    padding:  10px;             /* 余白指定 */
    width: 150px;
  	color: white;				/*文字色*/
  	background: #686D71;			/*背景色*/
  	border: solid 5px white;	/*枠線*/
  	border-radius: 10px;			/*角を丸くする*/
  	font-size:20px;
  	text-decoration: none;	/*リンクの下線を消す*/
}