/* ユーザー：共通部分 */
.tinner { /* tinyboxに対する調整 */
  overflow: auto;
}

/* ユーザー一覧 */
.users_container {
  padding: 5px;
}

.users_container #to_add_user {
  text-align: right;
  padding: 0px 0px 10px 0px;
}
.users_container #to_add_user a {
  text-decoration: underline;
  color: #0000FF;
}

.users_container .users_info {
  margin: 0px auto 20px auto;
  overflow: auto;
}
.users_container .users_info table.users_info_table {

}
.users_container .users_info table.users_info_table th {
  background-color: #BBBBBB;
  border: 1px solid #111111;
}
.users_container .users_info table.users_info_table td {
  border: 1px solid #111111;
}
.users_container .users_info table.users_info_table tr.tr_0 td {
/*
  background-color: #DDDDDD;
*/
  background-color: #FFFFFF;
}
.users_container .users_info table.users_info_table tr.tr_1 td {
  background-color: #FFFFFF;
}
.users_container .users_info table.users_info_table tr.tr_user_ng td {
  background-color: #AAAAAA;
}
.users_container .users_info table.users_info_table tr.tr_user_ng td div {
  color: #666666;
}

.users_container .users_info table.users_info_table th div {
  text-align: center !important;
}
.users_container .div_user_to_edit {
  width: 80px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_to_edit a {
  text-decoration: underline;
  color: #0000FF;
  margin: 0px 1px;
}
.users_container .div_user_flg_invisible {
  width: 30px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_account {
  width: 90px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_name {
  width: 70px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_power {
  width: 50px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_flg_visible_by_logistics {
  width: 50px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_flg_visible_by_finance {
  width: 50px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_flg_visible_by_salesmanager {
  width: 50px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_date_invisible {
  width: 120px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_lastlogin {
  width: 120px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_user_chargeaccounts {
  width: 115px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_user_customers {
  width: 115px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_user_members {
  width: 115px;
  padding: 2px 2px;
  text-align: center;
}
.users_container .div_user_created {
  width: 120px;
  padding: 2px 2px;
  text-align: center;
}




/* ユーザー編集：ユーザー情報 */
#frmEditUser {

}

.title_edit_users {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0px 2px 10px;
}
table.tbl_edit_user {
  margin: 0px auto;
}
table.tbl_edit_user th {
  background-color: #BBBBBB;
  border: 1px solid #DDDDDD;
}
table.tbl_edit_user td {
  border: 1px solid #DDDDDD;
}
table.tbl_edit_user th div {
  width: 170px;
  height: 24px;
  line-height: 24px;
  padding: 2px 2px;
}
table.tbl_edit_user td div {
  padding: 2px 2px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table.tbl_edit_user td div.colspan_1 {
  width: 374px;
}
table.tbl_edit_user td div.colspan_3 {
  width: 928px;
}
table.tbl_edit_user td div.colspan_1 input.text {
  width: 365px;
  height: 18px;
}
table.tbl_edit_user td div.colspan_1 select {
  width: 373px;
  height: 23px;
}
table.tbl_edit_user td div.colspan_3 input.text {
  width: 919px;
  height: 18px;
}
table.tbl_edit_user td div.colspan_3 select {
  width: 927px;
  height: 23px;
}
table.tbl_edit_user td div input.checkbox {
  margin-top: 7px;
}

.form_buttons {
  padding: 5px;
  text-align: left;
}

/* ユーザー編集：所属するチャージアカウント、顧客、担当者の情報 */
.users_user_chargeaccounts_container {
  padding: 5px;
  display: none;
}
.users_user_chargeaccounts_title {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0px 2px 5px;
}

ul.ul_users_user_chargeaccounts {
 width: 100%;
}
ul.ul_users_user_chargeaccounts li {
  display: table;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}
ul.ul_users_user_chargeaccounts li .users_user_chargeaccounts_cell {
  display: table-cell;
  vertical-align: middle;
}
ul.ul_users_user_chargeaccounts li.li_users_user_chargeaccounts_title .users_user_chargeaccounts_cell {
  background-color: #BBBBBB;
  border: 1px solid #111111;
  text-align: center;
  font-weight: bolder;
}
ul.ul_users_user_chargeaccounts li.li_users_user_chargeaccounts .users_user_chargeaccounts_cell {
  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
  border-bottom: 1px solid #111111;
}
ul.ul_users_user_chargeaccounts li.li_users_user_chargeaccounts_tosave .users_user_chargeaccounts_cell {
  background-color: #FFAAAA !important;
}
/*
ul.ul_users_user_chargeaccounts li p.users_user_chargeaccounts_code {
  width: 200px;
  padding: 2px 2px;
  text-align: center;
}
*/
ul.ul_users_user_chargeaccounts li p.users_user_chargeaccounts_name {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
ul.ul_users_user_chargeaccounts li p.users_user_chargeaccounts_customer {
  padding: 2px 2px;
  text-align: left;
}
ul.ul_users_user_chargeaccounts li p.users_user_chargeaccounts_button {
  width: 92px;
  padding: 2px 2px;
  text-align: center;
}
.a_users_user_chargeaccount_addrow {
  background-color: #111111;
  color: #DDDDDD;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
}

.users_user_customers_container {
  padding: 5px;
  display: none;
}
.users_user_customers_title {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0px 2px 5px;
}

ul.ul_users_user_customers {
 width: 100%;
}
ul.ul_users_user_customers li {
  display: table;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}
ul.ul_users_user_customers li .users_user_customers_cell {
  display: table-cell;
  vertical-align: middle;
}
ul.ul_users_user_customers li.li_users_user_customers_title .users_user_customers_cell {
  background-color: #BBBBBB;
  border: 1px solid #111111;
  text-align: center;
  font-weight: bolder;
}
ul.ul_users_user_customers li.li_users_user_customers .users_user_customers_cell {
  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
  border-bottom: 1px solid #111111;
}
ul.ul_users_user_customers li.li_users_user_customers_tosave .users_user_customers_cell {
  background-color: #FFAAAA !important;
}
ul.ul_users_user_customers li p.users_user_customers_code {
  width: 200px;
  padding: 2px 2px;
  text-align: center;
}
ul.ul_users_user_customers li p.users_user_customers_name {
  padding: 2px 2px;
  text-align: left;
}
ul.ul_users_user_customers li p.users_user_customers_button {
  width: 92px;
  padding: 2px 2px;
  text-align: center;
}
.a_users_user_customer_addrow {
  background-color: #111111;
  color: #DDDDDD;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
}

.users_user_members_container {
  padding: 5px;
  display: none;
}
.users_user_members_title {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0px 2px 5px;
}

ul.ul_users_user_members {
 width: 100%;
}
ul.ul_users_user_members li {
  display: table;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}
ul.ul_users_user_members li .users_user_members_cell {
  display: table-cell;
  vertical-align: middle;
}
ul.ul_users_user_members li.li_users_user_members_title .users_user_members_cell {
  background-color: #BBBBBB;
  border: 1px solid #111111;
  text-align: center;
  font-weight: bolder;
}
ul.ul_users_user_members li.li_users_user_members .users_user_members_cell {
  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
  border-bottom: 1px solid #111111;
}
ul.ul_users_user_members li.li_users_user_members_tosave .users_user_members_cell {
  background-color: #FFAAAA !important;
}
ul.ul_users_user_members li p.users_user_members_code {
  width: 200px;
  padding: 2px 2px;
  text-align: center;
}
ul.ul_users_user_members li p.users_user_members_name {
  padding: 2px 2px;
  text-align: left;
}
ul.ul_users_user_members li p.users_user_members_button {
  width: 92px;
  padding: 2px 2px;
  text-align: center;
}
.a_users_user_member_addrow {
  background-color: #111111;
  color: #DDDDDD;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
}

#msg_edit_users {
  font-size: 12px;
  font-weight: bold;
  color: #FF0000;
}

#result_edit_users {
  font-size: 14px;
  font-weight: bold;
  color: #FF0000;
  padding: 10px 5px;
}
#result_edit_users a.a_back_to_user_index {
  text-decoration: underline;
  color: #0000FF;
}

/* ユーザー編集：所属するチャージアカウントの編集 */
#frmChooseUserUserChargeaccount {

}

.user_chargeaccount_edit_title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0px 0px 0px;
}
.chargeaccounts_for_user_chargeaccount {
  padding: 5px;
}
.chargeaccounts_for_user_chargeaccount .choose_user_chargeaccounts {
  margin: 0px auto 20px auto;
  overflow: auto;
}
.chargeaccounts_for_user_chargeaccount .choose_user_chargeaccounts table.user_chargeaccounts_table {
  margin: 0px auto;
}
.chargeaccounts_for_user_chargeaccount .choose_user_chargeaccounts table.user_chargeaccounts_table th {
  background-color: #BBBBBB;
  border: 1px solid #111111;
}
.chargeaccounts_for_user_chargeaccount .choose_user_chargeaccounts table.user_chargeaccounts_table td {
  border: 1px solid #111111;
}
.chargeaccounts_for_user_chargeaccount .choose_user_chargeaccounts table.user_chargeaccounts_table tr.tr_0 td {
  background-color: #DDDDDD;
}
.chargeaccounts_for_user_chargeaccount .choose_user_chargeaccounts table.user_chargeaccounts_table tr.tr_1 td {
  background-color: #FFFFFF;
}

.chargeaccounts_for_user_chargeaccount .choose_user_chargeaccounts table.user_chargeaccounts_table th div {
  text-align: center !important;
}
.chargeaccounts_for_user_chargeaccount .div_chargeaccount_check {
  width: 40px;
  padding: 2px 2px;
  text-align: center;
}
.chargeaccounts_for_user_chargeaccount .div_chargeaccount_check input.chk_chargeaccount_check {
  position: relative;
  top: 2px;
}
/*
.chargeaccounts_for_user_chargeaccount .div_chargeaccount_code {
  width: 200px;
  padding: 2px 2px;
  text-align: center;
}
*/
.chargeaccounts_for_user_chargeaccount .div_chargeaccount_name {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
.chargeaccounts_for_user_chargeaccount .div_chargeaccount_customer {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
.chargeaccounts_for_user_chargeaccount .div_chargeaccount_users {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
.choose_user_chargeaccount_buttons {
  width: 660px;
  margin: 10px auto 25px auto;
  text-align: left;
}

/* ユーザー編集：所属する顧客の編集 */
#frmChooseUserUserCustomer {

}

.user_customer_edit_title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0px 0px 0px;
}
.customers_for_user_customer {
  padding: 5px;
}
.customers_for_user_customer .choose_user_customers {
  margin: 0px auto 20px auto;
  overflow: auto;
}
.customers_for_user_customer .choose_user_customers table.user_customers_table {
  margin: 0px auto;
}
.customers_for_user_customer .choose_user_customers table.user_customers_table th {
  background-color: #BBBBBB;
  border: 1px solid #111111;
}
.customers_for_user_customer .choose_user_customers table.user_customers_table td {
  border: 1px solid #111111;
}
.customers_for_user_customer .choose_user_customers table.user_customers_table tr.tr_0 td {
  background-color: #DDDDDD;
}
.customers_for_user_customer .choose_user_customers table.user_customers_table tr.tr_1 td {
  background-color: #FFFFFF;
}

.customers_for_user_customer .choose_user_customers table.user_customers_table th div {
  text-align: center !important;
}
.customers_for_user_customer .div_customer_check {
  width: 40px;
  padding: 2px 2px;
  text-align: center;
}
.customers_for_user_customer .div_customer_check input.chk_customer_check {
  position: relative;
  top: 2px;
}
.customers_for_user_customer .div_customer_code {
  width: 200px;
  padding: 2px 2px;
  text-align: center;
}
.customers_for_user_customer .div_customer_name {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
.customers_for_user_customer .div_customer_users {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
.choose_user_customer_buttons {
  width: 660px;
  margin: 10px auto 25px auto;
  text-align: left;
}

/* ユーザー編集：所属する担当者の編集 */
#frmChooseUserUserMember {

}

.user_member_edit_title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0px 0px 0px;
}
.members_for_user_member {
  padding: 5px;
}
.members_for_user_member .choose_user_members {
  margin: 0px auto 20px auto;
  overflow: auto;
}
.members_for_user_member .choose_user_members table.user_members_table {
  margin: 0px auto;
}
.members_for_user_member .choose_user_members table.user_members_table th {
  background-color: #BBBBBB;
  border: 1px solid #111111;
}
.members_for_user_member .choose_user_members table.user_members_table td {
  border: 1px solid #111111;
}
.members_for_user_member .choose_user_members table.user_members_table tr.tr_0 td {
  background-color: #DDDDDD;
}
.members_for_user_member .choose_user_members table.user_members_table tr.tr_1 td {
  background-color: #FFFFFF;
}

.members_for_user_member .choose_user_members table.user_members_table th div {
  text-align: center !important;
}
.members_for_user_member .div_member_check {
  width: 40px;
  padding: 2px 2px;
  text-align: center;
}
.members_for_user_member .div_member_check input.chk_member_check {
  position: relative;
  top: 2px;
}
.members_for_user_member .div_member_code {
  width: 200px;
  padding: 2px 2px;
  text-align: center;
}
.members_for_user_member .div_member_name {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
.members_for_user_member .div_member_users {
  width: 200px;
  padding: 2px 2px;
  text-align: left;
}
.choose_user_member_buttons {
  width: 660px;
  margin: 10px auto 25px auto;
  text-align: left;
}




/* ユーザーパスワードリセット：処理結果 */
#user_resetpass_result {
  padding: 10px 0px 10px 0px;
}
#user_resetpass_result p.user_resetpass_title {
  background-color: #111111;
  color: #DDDDDD;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 5px;
}
#user_resetpass_result p.user_resetpass_detail {
  font-size: 14px;
  font-weight: bold;
  color: #FF0000;
  padding: 10px 5px;
}




/* ログイン画面 */
form#login_container {
  position: relative;
  width: 300px;
  margin: 0px auto;
}
ul#ul_login {
  width: 220px;
  margin: 0px auto;
}
ul#ul_login li {
  width: 220px;
  display: table;
}
ul#ul_login li p.p_login_left {
  width: 25px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  padding: 2px 5px 2px 0px;
  font-weight: bold;
  /*
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  background-color: #FFFFFF;
  */
}
ul#ul_login li p.p_login_right {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 2px 0px 2px 0px;
}
ul#ul_login li p.p_login_right input#txt_account {
  width: 180px;
}
ul#ul_login li p.p_login_right input#txt_pass {
  width: 180px;
}

form#login_container div#login_buttons {
  padding: 5px 0px 0px 0px;
  text-align: center;
}
form#login_container div#login_msg {
  padding-top: 5px;
  text-align: center;
  font-weight: bold;
  color: #FF0000;
  height: 22px;
  line-height: 22px;
}