@charset "UTF-8";
@media screen,print {
* {
/*  font-family: "ＭＳ 明朝", "MS Mincho", monospace;*/
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
  /* smallでMS Wordの10pt位の大きさ */
  font-size: small;
  *font: x-small;
}
/*=====================================================*/
/* レイアウト用なメニューとコンテンツ                  */
/*=====================================================*/
div.menu {
  position: relative;
  float: left;
  width: 19%;
}
div.content {
  float: right;
  width: 79%;
}
div.hideContent {
  width: 100%;
}
/******************************************************************************/
/* ヘッダ部                                                                   */
/******************************************************************************/
div.header {
  margin-bottom: 10px;
}
div.header table.header {
  text-align: left;
  width: 100%;
  border: solid 1px #88bbff;
  margin-bottom: 0px;
  background-color: #f2ffff;
  border-collapse: separete;
  border-spacing: 3px;
}
div.header table.header tr {
  border: 0px;
}
div.header table.header td {
}
div.header table.header th {
  border: 0px;
}
div.header td.logo {
  width: 1%;
  white-space: nowrap;
}
div.header td.navi {
  white-space: nowrap;
  width: 24%;
  text-align: center;
}
div.header td.system {
  width: 25%;
}
span.systemName {
  display: block;
  padding: 3px;
  border-style: solid;
  border-width: 2px;
  border-top-color: #bbeaff;
  border-left-color: #bbeaff;
  border-bottom-color: #4b678d;
  border-right-color: #4b678d;
  background-color: #c7d2ff;
}
div.header td.display {
  width: 50%;
}
span.displayName {
  display: block;
  padding: 3px;
  border-style: solid;
  border-width: 2px;
  border-top-color: #bbeaff;
  border-left-color: #bbeaff;
  border-bottom-color: #4b678d;
  border-right-color: #4b678d;
  background-color: #c4e2ff;
}
div.header td.timestamp {
  padding: 3px;
  white-space: nowrap;
  text-align: right;
}
/*************** メニューへボタン ***************/
/* ボタンのルール */
/* 押していないときから、backgroundはRから-0x20、Gは-0x10、Bは-0x40 */
/* top、leftとbottom、rightの色を交換。top、leftはRGBから、それぞれ、-0x20、-0x10、-0x20 */
/* bottom、rightはRGBから、それぞれ、-0x20、-0x10、-0x20 */

a.return {
  display: block;
  width: 90%;
  text-align: center;
  text-decoration:none;
  padding: 1px;
  border-width: 3px;
  border-style: solid;
}
a.return:link, a.return:visited {
  color: #000000;
  background-color: #c3ff73;
  border-top-color: #dcffad;
  border-left-color: #dcffad;	
  border-bottom-color: #baf26f;
  border-right-color: #baf26f;
}
a.return:hover, a.return:active {
  color: #ffffff;
  background-color: #a3ef33;
  border-top-color: #9ae26f;
  border-left-color: #9ae26f;
  border-bottom-color: #bcef8d;
  border-right-color: #bcef8d;	
}
/*************** 戻るボタン ***************/
a.back {
  display: block;
  width: 70%;
  text-align: center;
  text-decoration:none;
  padding: 1px;
  border-style: solid;
  border-width: 3px;
}
a.back:link, a.back:visited {
  color: #000000;
  background-color: #ffd865;
  border-top-color: #ffe491;
  border-left-color: #ffe491;
  border-bottom-color: #f7c868;
  border-right-color: #f7c868;
}
a.back:hover, a.back:active {
  color: #ffffff;
  background-color: #efc855;
  border-bottom-color: #efd471;
  border-right-color: #efd471;	
  border-top-color: #d7a848;
  border-left-color: #d7a848;
}
/******************************************************************************/
/* メイン                                                                     */
/******************************************************************************/
div.main {
  line-height: 1.3em;
}
/******************************************************************************/
/* 汎用部品                                                                   */
/******************************************************************************/
img {
  border-width: 0px;
}
/*************** ボタン ***************/
div.button {
  margin-bottom: 10px;
}
/*=====================================================*/
/* table                                               */
/*=====================================================*/
/*************** 汎用テーブル ***************/
table.default {
  color: #000000;
  width: 100%;
  border-collapse: collapse;
  border-width: 3px;
  border-style: solid;
  border-top-color: #88bbff;
  border-left-color: #88bbff;
  border-bottom-color: #4477ff;
  border-right-color: #4477ff;
  margin-bottom: 10px;
}
table.default tr {
  border: solid 1px #88bbff;
}
table.default th {
  text-align: center;
  font-weight: normal;
  border: solid 1px #88bbff;
  background-color: #cfe7ff;
  padding: 3px;
}
table.default td {
  border: solid 1px #88bbff;
  padding: 3px;
}
table.default tbody.valignTop td {
  vertical-align: top;
}
table.default caption {
  caption-side: top;
  font-weight: bold;
}
div.caption {
  text-align: center;
  font-weight: bold;
}
table.autoWidth {
  width: auto;
}
/******************************************************************************/
/* 共通                                                                       */
/******************************************************************************/
div.kensu {
  text-align: right;
}
div.printButton {
  text-align: right;
  margin-right: 5px;
  margin-bottom: 5px;
}
th {
  text-align: center;
  font-weight: normal;
}
td {
  text-align: left;
}
a {
  color: #0000ff;
  text-decoration: none;
}
a:link, a:visited {
}
a:hover, a:active {
  color: #ff0000;
  background-color: #ffff99;
}
ul {
  margin: 0px;
  padding-left: 1.5em;
}
label {
  white-space: nowrap;
}
button {
  white-space: nowrap;
}
.odd {
  background-color: #ffffff;
}
.even {
  background-color: #e9f1fe;
}
.delete {
  text-decoration: line-through;
}
.errorMessage {
  text-align: left;
  font-weight: bold;
  color: #ff0000;
  background-color: #ffff99;
  margin-bottom: 10px;
}
.message {
  text-align: left;
  margin-bottom: 10px;
  clear: both;
}
.alertMessage {
  text-align: center;
  margin-bottom: 10px;
  color: #ff0000;
}
.note {
  text-align: left;
}
.memo {
  border: 1px solid #cccccc;
  padding: 5px 3px 5px 3px;
  cursor: pointer;
  width: 100%;
}
span.nobr {
  display: inline-block;
  white-space: nowrap;
}
/********** 操作（新規作成） **********/
.operation {
  text-align: left;
  margin-bottom: 10px;
}
.operation img {
  vertical-align: middle;
  border: 0px;
}
.operation a {
  border-style: solid;
  border-color: #4477ff;
  border-width: 0px 3px 0px 3px;
  color: #0000ff;
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
}
.operation a:link, .operation a:visited {
}
.operation a:hover, .operation a:active {
  border-style: solid;
  border-color: #0000ff;
  border-width: 0px 3px 0px 3px;
  color: #ff0000;
  background-color: #ffff99;
  padding: 0px 5px 0px 5px;
}
td .operation {
  margin-bottom: 2px;
}
.onError {
  background-color: #ffcccc;
}
.onErrorYusen {
  background-color: #ffcccc !important;
}
.number {
  text-align: right;
}
.comment {
  text-align: left;
  color: #ff00ff;
}
.disabled {
  background-color: #cccccc;
}
.process {
  text-align: center;
  white-space: nowrap;
}
.holiday {
  background-color: #ffcccc;
}
.saturday {
  background-color: #ccccff;
}
.selected {
  background-color: #eeeeff;
}
.required {
  color: #ff0000;
}
.valignTop {
  vertical-align: top;
}
.changed {
  background-color: #ffcccc;
}
textarea.fullWidth {
}
.stringOver {
  font-weight: bold;
  color: #ff0000;
}
img.icon {
  vertical-align: middle;
}
div.menuButton {
  width: 100%;
  height: 2.0em;
  text-align: left;
  margin-bottom: 10px;
}
div.menuButton a {
  display: block;
  width: 25%;
  text-decoration:none;
  text-align: center;
  padding: 1px;
  border-width: 3px;
  border-style: solid;
}
div.menuButton a:link, div.menuButton a:visited {
  color: #000000;
  background-color: #80c0ff;
  border-top-color: #80c0ff;
  border-left-color: #80c0ff;	
  border-bottom-color: #6080ff;
  border-right-color: #6080ff;
}
div.menuButton a:hover, div.menuButton a:active {
  color: #ffffff;
  background-color: #90d0ff;
  border-top-color: #6080ff;
  border-left-color: #6080ff;
  border-bottom-color: #a0e0ff;
  border-right-color: #a0e0ff;	
}
div.menuButtonGrayout {
  width: 100%;
  height: 2.0em;
  text-align: left;
  margin-bottom: 10px;
}
div.menuButtonGrayout span {
  display: block;
  width: 25%;
  color: #000000;
  background-color: #cccccc;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  border-bottom-color: gray;
  border-right-color: gray;
  text-decoration:none;
  text-align: center;
  padding: 1px;
  border-width: 3px;
  border-style: solid;
}
div.subTitle {
  color: #000000;
  text-align: left;
  font-weight: bold;
  background-color: #e9f1fe;
  width: 98%;
  border-style: dashed dashed dashed solid;
  border-color: #0000ff;
  border-width: 0px 0px 1px 10px;
  padding: 5px 0px 5px 5px;
  margin: 0px auto 10px 0px;
}
div.subSubTitle {
  color: #000000;
  text-align: left;
  font-weight: bold;
  background-color: #f2ffff;
  width: 98%;
  border-style: dashed dashed dashed solid;
  border-color: #66ccff;
  border-width: 0px 0px 1px 10px;
  padding: 2px 0px 2px 5px;
  margin: 20px auto 10px 0px;
  clear: both;
}
/******************************************************************************/
/* タブっぽいリンク                                                           */
/******************************************************************************/
div.tabLink {
  width: 100%;
  margin-bottom: 10px;
}
div.tabLink table {
  width: 100%;
  border-collapse: separate;
}
div.tabLink a {
  display: block;
  width: 80%;
  text-decoration: none;
  text-align: center;
  padding: 1px;
  border-width: 3px;
  border-style: solid;
}
div.tabLink a.normal:link, div.tabLink a.normal:visited {
  color: #000000;
  background-color: #d4e9ff;
  border-top-color: #d9ebff;
  border-left-color: #d9ebff;
  border-bottom-color: #b0d1f5;
  border-right-color: #b0d1f5;
}
div.tabLink a.press:link, div.tabLink a.press:visited {
  color: #ffffff;
  background-color: #a4c9ef;
  border-top-color: #90b1e5;
  border-left-color: #90b1e5;
  border-bottom-color: #b9cbef;
  border-right-color: #b9cbef;
}
div.tabLink a.normal:hover, div.tabLink a.normal:active {
  color: #ffffff;
  background-color: #a4c9ef;
  border-top-color: #90b1e5;
  border-left-color: #90b1e5;
  border-bottom-color: #b9cbef;
  border-right-color: #b9cbef;
}
div.tabLink a.press:hover, div.tabLink a.press:active {
  color: #ffffff;
  background-color: #a4c9ef;
  border-top-color: #90b1e5;
  border-left-color: #90b1e5;
  border-bottom-color: #b9cbef;
  border-right-color: #b9cbef;
}
/******************************************************************************/
/* シラバス                                                                   */
/******************************************************************************/
.sirabasuSubmit {
  text-align: center;
  margin-bottom: 10px;
  color: red;
}
.mishoninKensu {
  color: red;
}
.submittingKensu {
  color: red;
}
.warningSubmit {
  color: red;
  font-weight: bold;
}
table.slbsDefault {
  color: #000000;
  border-collapse: collapse;
  border-width: 3px;
  border-style: solid;
  border-top-color: #88bbff;
  border-left-color: #88bbff;
  border-bottom-color: #4477ff;
  border-right-color: #4477ff;
  margin-bottom: 10px;
}
table.slbsDefault tr {
  border: solid 1px #88bbff;
}
table.slbsDefault th {
  text-align: center;
  font-weight: normal;
  border: solid 1px #88bbff;
  background-color: #cfe7ff;
  padding: 3px;
}
table.slbsDefault td {
  border: solid 1px #88bbff;
  padding: 3px;
}
table.slbsDefault tbody.valignTop td {
  vertical-align: top;
}
table.slbsDefault caption {
  caption-side: top;
  font-weight: bold;
}
table.slbsMessage {
  color: #000000;
  border-collapse: collapse;
  border-width: 3px;
  border-style: solid;
  border-top-color: #90EE90;
  border-left-color: #90EE90;
  border-bottom-color: #33cc33;
  border-right-color: #33cc33;
  margin-bottom: 10px;
}
table.slbsMessage tr {
  border: solid 1px #60DD90;
}
table.slbsMessage th {
  text-align: center;
  font-weight: normal;
  border: solid 1px #60DD90;
  background-color: #C7F9C7;
  padding: 3px;
}
table.slbsMessage td {
  border: solid 1px #60DD90;
  padding: 3px;
}
table.slbsMessage tbody.valignTop td {
  vertical-align: top;
}
table.slbsMessage caption {
  caption-side: top;
  font-weight: bold;
}
.tsukiawaseKanryo {
  background-color: #ffccff;
}
td.executeData {
  background-color: #ffcccc;;
}
.emphasisDisp {
  font-weight : bold;
}
.magnifyDisp {
  font-size : 130%;
}
.printBreak {
  page-break-after : always;
}
}