/* 20170100 k */

/* reset */
li {
  list-style-type: none;
}

input[type="radio"] {
  margin: 3px 5px 3px 3px;
}

/* mobile reset */
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
}


/* hack */
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}
 
.clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* page layout begin */
#site-box {
  /* border-top: solid 2px #fa780e; */
  border-top: solid 2px #6eae02;
  width: 900px;
  margin: 0 auto 0 0;
  /* font-size: small; */
  /* font-size: medium; */
  font-size: small;
  line-height: 1.5;
  color: #4e4e4e;
  /* text-shadow: 1px 1px 2px rgba(0,0,0,0.1); */
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  overflow: hidden;
  /* background-color: #eeeeee; */
}

#logout {
  width: auto;
  padding: 6px 10px 0 0;
  text-align: right;
}

#header table.header {
  width: 100%;
  height: 48px;
  margin: 10px 0 10px 0;
  background-image: url(images/header.gif);
  background-repeat: no-repeat; 
  background-position: 20px 0px;
}

#header table.header td {
  padding: 14px 0 0 0;
  text-align: center;
  color: #505050;
  font-size: x-large;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
}

#header table.header td.logout {
  display:none;
}

#pankuzu {
  width: auto;
  padding: 4px 0 0 6px;
  font-size: small;
  /* border-top: dashed 3px #0e7ac4; */
  /* border-top: dotted 2px #fa780e; */
  border-top: dotted 2px #6eae02;
}

#loginid {
  width: auto;
  padding: 0 10px 0 0;
  text-align: right;
}

#menu {
  margin: 0 0 0 6px;
  padding: 8px 0 75px 8px;
  float: left;
  width: 190px;
  background-color: #f6f6f6;
  line-height: 1.8;
}

#login {
  margin: 25px 0 0 0;
  text-align: center;
}

#login table {
  margin: 0 auto 16px auto;
}

#login table.login td.login input {
  width: 180px;
}

.information_login {
  width: 680px;
  margin: 25px auto 0 auto;
  padding: 8px 16px 8px 16px;
  text-align: left;
}

.information_login .information_login_help {
  width: 280;
  margin: 0 auto 10px auto;
}

.information_login ol {
  padding: 5px 0 5px 15px;
  border: solid 1px #aaaaaa; border-collapse: collapse;
  background-color: #f6f6f6;
}

.information_login ol li {
  margin: 0 0 0 20px;
  padding: 0 0 6px 0;
  list-style-type: decimal;
}

#main,
#main1 {
  padding: 8px 0 50px 18px;
  float: right;
  width: 676px;
}

#login table td.message,
#main .notice,
#main table td.message,
#main1 table td.message {
  color: #fe2e2e;
}

table.service,
table.table {
  width: 100%;
  margin: 0 0 30px 0;
}

table.login td,
table.service td,
table.table td {
  border-bottom: solid 1px #aaaaaa; border-collapse: collapse;
  /* vertical-align: middle; */
  vertical-align: middle;
  padding: 4px 0 4px 4px;
}

#filter_fields,
#filter_fields th,
#filter_fields td.filter_actions,
#filter_fields td.filter_forwarding,
table.service td {
  border: solid 1px #aaaaaa; border-collapse: collapse;
}

table.login input,
table.service input,
table.service select,
table.table input,
table.table select {
  padding: 4px 0 4px 4px;
  margin: 0 0 0 4px;
}

td.search_none {
  text-align: center;
  width: 28px;
  background-color: #f0f0f0;
}

table.login td.key1,
table.parent_account_id_table td.search_mail,
table.parent_account_id_table td.search_web,
table.parent_account_id_table td.search_id,
table.service td.svc,
table.service td.value_svc0,
table.table td.u-conf2,
table.table td.u-conf6,
table.table td.search_uid,
table.table td.key3,
table.table td.key5,
table.table td.key6 {
  padding: 7px 4px 5px 4px;
  background-color: #f0f0f0;
}

table.table td input.search {
  width: 320px;
}

table.table td.value input,
table.table td.value select {
  width: 280px;
}

table.table td.value input.radio,
table.table td.value input.checkbox {
  width: 40px;
}

table.course_table {
  width: 672px;
  font-size: small;
}

table.course_table td {
  text-align: center;
  border: solid 1px #aaaaaa; border-collapse: collapse;
  width: 85px;
  padding: 7px 0 5px 0;
}

.admin_user_delete_submit_wrap,
.admin_user_edit_submit_wrap,
.add_course_submit_wrap {
  margin: 0 0 10px 0;
}

table.change_password_table td.operator_id {
  padding: 4px 0 4px 8px;
}

table.change_password_table td.value3 input {
  padding: 4px 0 4px 4px;
  width: 280px;
}

table.svcsearch_table td.value_search input {
  width: 20px;
}

table.table td.value_search input.search {
  width: 280px;
}

table.table td.value_search input.search1 {
  width: 120px;
}

table.log_search_table input.year {
  width: 56px;
}

table.log_search_table input.mon,
table.log_search_table input.day {
  width: 36px;
}

#main1 {
  font-size: small;
}

#main1 table.table {
  width: 672px;
}

#main1 table.table td {
  padding: 3px 0 2px 3px;
  border: solid 1px #aaaaaa; border-collapse: collapse;
}

#main1 table.table td.search_sum {
  border: none;
}

#main1 table.table td.search_tmp {
  border: none;
  text-align: right;
}

#main1 table.result_search_parent_id_table td.search_id {
  width: 88px;
  padding: 7px 0 5px 3px;
  background-color: #f0f0f0;
}

#main1 table.result_search_parent_id_table td.search_status {
  width: 108px;
  padding: 7px 0 5px 3px;
  background-color: #f0f0f0;
}

#main1 table.result_search_user_id_table td.search_mod,
#main1 table.result_search_parent_id_table td.search_mod {
  padding: 7px 0 5px 3px;
  background-color: #f0f0f0;
}

#main1 table.result_search_user_id_table td.search_id,
#main1 table.result_search_user_id_table td.search_web {
  width: 120px;
  padding: 7px 0 5px 3px;
  background-color: #f0f0f0;
}

.log-result {
  padding: 10px 10px 20px 10px;
}

.log-result table.table {
  margin: 0 0 10px 0;
}

.log-result table.table td.t-log1,
.log-result table.table td.t-log2,
.log-result table.table td.t-log3 {
  background-color: #f0f0f0;
}

.log-result table.table td {
  font-size: small;
  padding: 3px 0 2px 3px;
  border: solid 1px #aaaaaa; border-collapse: collapse;
}

.log-result table td.message {
  color: #fe2e2e;
}

table.service {
  font-size: small;
}

table.service td.value_svc1,
table.service td.value_svc2,
table.service td.value_svc1n {
  text-align: center;
  font-size: x-small;
  padding: 3px 0 2px 3px;
  border: solid 1px #aaaaaa; border-collapse: collapse;
}

table.service input.year {
  width: 42px;
}

table.service input.mon,
table.service input.day {
  width: 28;
}

table.admin_mod_confirm_table,
table.admin_mod_confirm_table td {
  border: solid 1px #aaaaaa; border-collapse: collapse;
}

table.parent_status_table td.search_uid {
  width: 280px;
}

.parent_account_id_not_found {
  width: 100%;
  text-align: center;
  font-family: sans-serif;
  font-style: italic;
}

#filter_fields {
  margin: 10px 0 10px 0;
  width: 672px;
}

#filter_fields th {
  background-color: #f0f0f0;
}

#filter_fields td {
  vertical-align: middle;
}

#filter_fields .filter_check_boxes {
  width: 110px;
}

#filter_fields .filter_text_fields {
  min-width: 160px;
}

#filter_fields .filter_input_cell {
  border-top: solid 1px #aaaaaa; border-collapse: collapse;
}

#filter_fields .movement_button_holder {
  width: 108px;
}

#filter_fields .filter_forwarding {
  border-style: none;
}

#filter_fields .hidden {
  visibility: hidden;
}

#filter_fields .filter_actions button {
  margin: 0;
  border: 0;
  background: transparent;
}

.information_list {
  margin: 25px 0 0 16px;
}

.information_list li {
  list-style-type: disc;
  font-size: x-small;
}



/* page layout end */

/* headline */
h1 {
  display: none;
  font-size: large;
}

h2 {
  font-size: medium;
}

/* font size */
.x-large {
  font-size: large;
}

.large {
  font-size: large;
}

.medium {
  font-size: medium;
}

sup {
  font-size: smaller;
  vertical-align: text-top;
}

/* link */
a:link { color: #0066cc; }
a:visited { color: #0066cc; }
a:hover { color: #0066cc; }
a:active { color: #cc0000; }

/* button */
button,
input[type="button"],
input[type="submit"] {
  /* margin: 4px 4px 4px 4px; */
  /* padding: 6px 18px 6px 18px; */
  padding: 4px 12px 4px 12px;
  text-align: center;
  border-style: solid;
  border-width: 2px;
  /* background-color: #66aada; */
  /* border-color: #66aada; */
  /* background-color: #f8b28a; */
  /* border-color: #f8b28a; */
  background-color: #9bd560;
  border-color: #7ec733;
  color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  width: auto; /* ie6,7 fix */
  overflow: visible; /* ie6,8 fix */
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  /* border-color: #3d93d0; */
  /* border-color: #e06a3b; */
  border-color: #6aa82b;
}

button:active,
input[type="button"]:active,
input[type="submit"]:active {
  /* padding: 7px 18px 6px 18px; */
  /* border-top-width: 2px; */
  background-color: #888888;
  border-color: #666666;
  /* background-color: #cad0d2; */
  /* border-color: #a1abaf; */
  /* background-color: #d2ccca; */
  /* border-color: #afa5a1; */
  background-color: #cad2cc;
  border-color: #a1afa5;
}

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled {
  /* padding: 7px 18px 7px 18px; */
  /* border-top-width: 1px; */
  background-color: #dddddd;
  border-color: #dddddd;
  cursor: default;
}

.submit_button {
  margin: 4px 4px 4px 4px;
  padding: 6px 18px 6px 18px;
  text-align: center;
  border-style: solid;
  border-width: 2px;
  background-color: #66aada;
  border-color: #66aada;
  color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  width: auto; /* ie6,7 fix */
  overflow: visible; /* ie6,8 fix */
}

.submit_button:hover {
  border-color: #3d93d0;
}

.submit_button:active {
  /* padding: 7px 18px 6px 18px; */
  /* border-top-width: 2px; */
  background-color: #888888;
  border-color: #666666;
  background-color: #cad0d2;
  border-color: #a1abaf;
}

.submit_button:disabled {
  /* padding: 7px 18px 7px 18px; */
  /* border-top-width: 1px; */
  background-color: #dddddd;
  border-color: #dddddd;
  cursor: default;
}

.a_tag_button {
  padding: 0 0 2px 0;
  color: #0066cc;
  text-decoration: underline;
  border-width: 0px;
  background-color: transparent;
  cursor: pointer;
}

.a_tag_button:active {
  padding: 0 0 2px 0;
  color: #cc0000;
}

/* common */
.bold {
  font-weight: bold;
}

.red {
  color: #fe2e2e;
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.x-small {
  font-size: x-small;
}

.radio_right_text {
  margin: 0 0 0 4px;
}

.display_none {
  display: none;
}

.form_must_mark {
  font-size: x-small;
  margin: 0 0 0 12px;
  padding: 1px 6px 1px 6px;
  color: #fe2e2e;
  background-color: #fdeada;
}