@charset "UTF-8";
@import "common.css";
@import "outline.css";
@import "function.css";

/* ---------------------------------------------------------------- */
/* elements */

html, body, form {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  font-size: 85%;
}
body {
  background-color: #fff;
  font-family: Tahoma, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
  line-height: 1.2;
  letter-spacing: 0;
}
h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-size: 120%;
}
p {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
caption, th, td {
  font-size: 95%;
  font-weight: 400;
  text-align: left;
}
input, textarea, select, option {
  font-size: 100%;
  font-family: Tahoma, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
}
input[type=text], input[type=password], textarea {
  height: 1.8em;
  padding: 0px 3px;
  border: 1px solid #bbb;
}
select {
  border: 1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  background-color: #ffd;
}
ul, ol, dl {
  margin: 0;
  padding: 0;
}
ul {
  list-style-type: none;
  list-style-position: outside;
}
img {
  border-style: none;
}
a {
  color: #03c;
}
a:hover {
  color: #c00;
}

/* ---------------------------------------------------------------- */
/* jquery ui */

/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* original modify */
.ui-datepicker { font-size: 90%; }
.ui-datepicker .ui-state-default { padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; }
.ui-timepicker-div { margin-top: 8px; padding-top: 10px; border-top: 1px solid #ccc; }
.ui-timepicker-div table.ui-tpicker-grid-label { margin: 5px 0px 1px -2px !important; }
.ui-timepicker-div table.ui-tpicker-grid-label td { border: 1px solid #fff; padding: 4px 0px; background-color: #eee; }
.ui-timepicker-div table.ui-tpicker-grid-label td:hover { background-color: #ddd; }
.ui-timepicker-div { position: relative; }
.ui_tpicker_time { display: none; }
.ui_tpicker_hour_label { position: absolute; top: 10px; left: 100px; }
.ui_tpicker_minute_label { position: absolute; top: 10px; left: 165px; }
.ui_tpicker_time_label { margin-bottom: 0px; padding-left: 15px; }
.ui_tpicker_hour_slider { position: absolute; top: 7px; left: 55px; }
.ui_tpicker_minute_slider { position: absolute; top: 7px; left: 120px; }
.ui_tpicker_minute { padding-top: 10px; }
.ui-timepicker-div dl dd { margin-left: 55px; }

/* ---------------------------------------------------------------- */
/* simple layout */

#simpleContainer {
  padding: 0px 10px 0px;
}
#simpleContainer .actionMenu {
  margin: 4px -15px 6px;
  vertical-align: bottom;
}
#simpleContainer .actionMenu span {
  display: inline-block;
  margin: 0px 4px 0px 8px;
  padding: 5px 1px;
}
#simpleContainer .actionMenu span.separator {
  display: inline-block;
  margin: 0px 2px;
  border-left: 1px solid #ccc;
}
#simpleContainer .actionMenu a {
  display: inline-block;
  margin: 0px 2px 0px 0px;
  border: 1px solid #ccc;
  border-width: 1px 2px 2px 1px;
  text-decoration: none;
}
#simpleContainer table.files .pasteLinks {
  margin: 8px 0px 0px;
}

/* ---------------------------------------------------------------- */
/* input */

input.id {
  width: 240px;
  ime-mode: disabled;
}
input.number {
  width: 100px;
  ime-mode: disabled;
}
input.name {
  width: 240px;
}
input.nameEn {
  width: 240px;
  ime-mode: disabled;
}
input.title {
  width: 600px;
}
input.email {
  width: 400px;
  ime-mode: disabled;
}
input.url {
  width: 600px;
  ime-mode: disabled;
}
input.date {
  width: 100px;
  background-color: #f4fff4;
  text-align: center;
}
input.datetime {
  width: 160px;
  background-color: #f4fff4;
  text-align: center;
}

/* ---------------------------------------------------------------- */
/* field with errors */

.field_with_errors {
  display: inline;
}
.field_with_errors input,
.field_with_errors textarea, 
.field_with_errors select {
  border: 1px solid #e00;
}
.field_with_errors input[type=radio] {
  margin-right: 6px;
  outline: 1px solid #e00;
}
.field_with_errors + .field_with_errors,
.field_with_errors ~ .field_with_errors {
  display: inline;
}
.field_with_errors input[type="hidden"] {
  display: none;
}

/* ---------------------------------------------------------------- */
/* index table */

table.index {
  width: 100%;
  border: 1px solid #bbb;
}
table.index th {
  padding: 8px 6px;
  border: 1px solid #bbb;
  background-color: #ddd;
  color: #000;
  font-weight: lighter;
  text-align: left;
  word-break: keep-all;
}
table.index td {
  padding: 7px 6px;
  border: 1px solid #bbb;
  border-width: 0px 1px;
}
table.index tr.cycle {
  background-color: #f2f4f2;
}

/* ---------------------------------------------------------------- */
/* show table */

table.show {
  border: 0px solid #fff;
}
table.show tr {
}
table.show th {
  padding: 8px 2px 8px 8px;
  border-bottom: 1px solid #fff;
  background-color: #d0d8dd;
  word-break: keep-all;
}
table.show td {
  padding: 8px;
  border: 1px solid #fff;
  border-width: 0px 0px 1px 0px;
  background-color: #edefed;
}
table.noDesign, table.noDesign th, table.noDesign td {
  border-width: 0px;
}
table.noDesign th, table.noDesign td {
  padding: 8px 8px 8px 0px;
}
table.show td.tableContainer {
  padding: 0px;
}
table.show td.tableContainer th {
  background-color: #ddd;
}

/* ---------------------------------------------------------------- */
/* common class */

.mailBodyText {
  font-family: "MS Gothic", sans-serif;
  line-height: 1.2;
}
p.form, p.managerForm {
  margin: 20px 0px 10px;
  padding: 12px 12px;
  background-image: url(images/bg-form-p.png);
  background-repeat: no-repeat;
  font-size: 130%;
}
p.form {
  color: #07a;
}
p.managerForm {
  background-image: url(images/bg-form-pm.png);
  color: #b44;
}
form .note {
  margin: 2px 0px;
  color: #c00;
}
.inlineForm {
  margin: 0px 0px 1px 0px;
  padding: 15px 0px 15px 10px;
  border-top: 3px double #ddd;
  border-bottom: 3px double #ddd;
}

/* ---------------------------------------------------------------- */