@charset "UTF-8";

html {
 margin: 0px;
 padding: 0px;
 font-size: 14px;
}

body {
 color:#333;
 background-color: #fff;
 margin: 0px;
 padding: 0px;
}

/*

+-- div.wrapper --------------------------------------------+
|+---- div.header -----------------------------------------+|
||+- div.page_title --+- div.navigation --+- div.message -+||
||| h1                |                   |               |||
||+-------------------+-------------------+---------------+||
|+---------------------------------------------------------+|
+-----------------------------------------------------------+
|+---- div.content ----------------------------------------+|
|| (div.inner)                                             ||
...
||
|+---------------------------------------------------------
+-----------------------------------

*/

a:link, a:visited {
    color: #0000ee;
}

div.wrapper {
 background-color: #dddd46;
 width: 100%;
 margin: 0 auto;
}

div.header {
 background-color: #ffffff;
 border: 1px #333333 solid;
 width: 100%;
 margin-left:auto;           /* IE以外用の中央寄せ */
 margin-right:auto;
 text-align:center;
}
div.header img.logo {
  display:block;
  float:left;
  padding:3px;
  height:32px;
  width:32px;
}
div.header div.page_title {
 float: left;
 width: 30%;
}
div.header div.page_title h1 {
 font-size: 130%;
 padding-left: 40px;
 line-height:1.3;
 margin:0;
 padding-top:8px;
}
div.header div.navigation {
 float: left;
 width: 40%;
 padding: 10px 3px 5px 3px;
}
div.header div.message img {
 margin-top:2px;
}
div.header div.message {
 float: left;
 width: 29%;
}
div.header div.message div.messagebox {
 font-size: 12px;
 text-align: center;
 width: 100%;
 margin: 3px 3px 3px auto;
 background-color: #ffffff;
 border: 1px #333333 solid;
 padding: 1px;
}

div.contents {
 background-color: #ffffff;
 border: 1px #333333 solid;
 width: 100%;
 margin-left:auto;           /* IE以外用の中央寄せ */
 margin-right:auto;
 text-align:left;
}
div.inner {
 margin: 10px 1px;
}
div.inner div.message {
 font-size: 20px;
 font-weight:bold;
 color: #009933;
}
div.inner div.page_title {
 font-size: 20px;
 font-weight:bold;
 color: #000000;
 text-align:left;
}
div.inner div.page_description {
 float: left;
 width: 30%;
}
table.display, table.list, table.subdisplay {
 border-collapse: collapse;
}
table.list {
 margin-left: auto;
 margin-right: auto;
}
table.display th, table.display td, table.list th, table.list td {
 border: solid #777777 1px;
 text-align:left;
}
table.subdisplay th {
 border: solid #777777 1px;
 border-right: dotted #777777 1px;
}
table.subdisplay td {
 border: solid #777777 1px;
 border-left: none;
}

table.headless tr:first-child th, table.headless tr:first-child td {
 border-top:none
}
table.display th, table.list th {
 background-color: #cccccc;
}
table.display th, table.subdisplay th {
 text-align: left;
}
table.display td, table.list td {
 background-color: #eeeeee;
}
table.display tr.blank th, table.display tr.blank td,
table.subdisplay tr.blank th, table.subdisplay tr.blank td {
 background-color: transparent;
 border: none;
}
table.display td, table.list td {
 background-color: #eeeeee;
}
table.subdisplay th {
 background-color: #eeeeee;
}
table.subdisplay td {
 background-color: #ffffff;
}
table.page_description {
  text-align:left;
}

/* 検索ボックス */
table.search {
 border-collapse: collapse;
}
table.search th, table.search td {
 border: solid #777777 1px;
}
table.search th {
 background-color: #e7e7e7;
 text-align: left;
 font-weight: normal;
}
table.search td {
 background-color: #ffffff;
}
table.search tr.blank th, table.search tr.blank td {
 background-color: transparent;
 border: none;
}

tr.odd td {
 background-color: #ffffff;
}
tr.even td {
 background-color: #e7e7f7;
}
th {
 text-align: center;
}
td.symbol {
 text-align: center;
}
td.number {
 text-align: right;
}
td.text {
 text-align: left;
}
td.info {
 text-align: left;
 font-size: 12px;
}
table.display th.error, table.subdisplay th.error {
 background-color: #ff7777;
}

div.error, span.error {
 color: #ff0000;
}
div.warning, span.warning {
 color: #ff0000;
}
div.comment, span.comment {
 color: #555555;
}
input.ascii, input.number {
 ime-mode: inactive;
}
input.number {
 text-align: right;
}
input.asciionly {
 ime-mode: disabled;
}
input.fill, textarea.fill {
 width: 95%;
}

.days_red {
 background-color:red;
}
.days_blue {
 background-color:blue;
}
.days_black {
 background-color:black;
}

img.button_icon {
  width:16px;
  height:16px;
  vertical-align:middle;
  border: none;
}

.selector_list {
 display:none;
 position:absolute;
 list-style-type: none;
 margin: 0; padding: 0;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 z-index: 30;
 overflow: auto;
}
.selector_list li {
  margin: 3px;
  padding: 0.4em;
  border: 0px solid #cccccc;
}

.selector_list li:hover {background: #feca40;}
.selector_list li:active {background: #f39814; color: white}


fieldset { padding:0; border:0; margin-top:15px;}
.ui-button { outline: 0; margin:0; text-decoration:none;
  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;font-size: 62.5%;  }
.memo_log_list {
 display:none;
 position:absolute;
 list-style-type: none;
 margin: 0; padding: 0;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 z-index: 30;
 overflow: auto;
}
.memo_log_list li {
  margin: 3px;
  padding: 3px;
  border-bottom: 1px solid #cccccc;
}
//.memo_log_list li:hover {background: #fefefe;}
//.memo_log_list li:active {background: #f39814; color: white}
div.footer {
 background-color: #111111;
 border: 1px #333333 solid;
 width: 95%;
 margin-left:auto;           /* IE以外用の中央寄せ */
 margin-right:auto;
 text-align:center;
 height: 32px
}
div.footer div.rights {
 margin-left:auto;           /* IE以外用の中央寄せ */
 margin-right:auto;
 text-align:center;
 font-family: arial,sans-serif;
 color: #ffffff;
 margin: 8px;
}