@charset "UTF-8";
/*---------------------------------
 color-blue 青 : 1
 color-purple 紫 : 2
 color-orange オレンジ : 3
 color-green 緑 : 4
 color-navy ネイビー : 5
---------------------------------*/
/*---------------------------------
 Bace
---------------------------------*/
/*--Title--*/
.title-bar {
  background: #005aff;
  color: #FFF;
  font-weight: bold;
  padding: 8px 10px 5px; }

.contant-title {
  background: #005aff; }

/*--Table--*/
/*Page*/
table.tableline th {
  background: #97e4ff; }
table.tableline th.th-login {
  background: #005aff;
  color: #FFF; }

/*TOP*/
table.table-sp1-border th {
  background: #97e4ff; }
table.table-sp1-border tr:nth-child(even) {
  background: #FFF; }
table.table-sp1-border tr:nth-child(odd) {
  background: #E1F5F9; }
table.table-sp1-border td.cell-1-time {
  background: #FFF; }
table.table-sp1-border td.cell-2-time {
  background: #E1F5F9; }

/*button*/
a.btn-top {
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: .5em;
  color: #111;
  display: block;
  background: #97e4ff;
  margin: auto; }
  a.btn-top:hover {
    opacity: 0.8; }

/*---------------------------------
 color-blue 青:1
---------------------------------*/
body.color-1 {
  /*--Title--*/
  /*--Table--*/
  /*Page*/
  /*TOP*/
  /*button*/ }
  body.color-1 .title-bar {
    background: #005aff;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px; }
  body.color-1 .contant-title {
    background: #005aff; }
  body.color-1 table.tableline th {
    background: #97e4ff; }
  body.color-1 table.tableline th.th-login {
    background: #005aff;
    color: #FFF; }
  body.color-1 table.table-sp1-border th {
    background: #97e4ff; }
  body.color-1 table.table-sp1-border tr:nth-child(even) {
    background: #FFF; }
  body.color-1 table.table-sp1-border tr:nth-child(odd) {
    background: #E1F5F9; }
  body.color-1 table.table-sp1-border td.cell-1-time {
    background: #FFF; }
  body.color-1 table.table-sp1-border td.cell-2-time {
    background: #E1F5F9; }
  body.color-1 a.btn-top {
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: .5em;
    color: #111;
    display: block;
    background: #97e4ff;
    margin: auto; }
    body.color-1 a.btn-top:hover {
      opacity: 0.8; }

/*---------------------------------
 color-purple 紫:2
---------------------------------*/
body.color-2 {
  /*--Title--*/
  /*--Table--*/
  /*Page*/
  /*TOP*/
  /*button*/ }
  body.color-2 .title-bar {
    background: #7030A0;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px; }
  body.color-2 .contant-title {
    background: #7030A0; }
  body.color-2 table.tableline th {
    background: #CCCCFF; }
  body.color-2 table.tableline th.th-login {
    background: #7030A0;
    color: #FFF; }
  body.color-2 table.table-sp1-border th {
    background: #CCCCFF; }
  body.color-2 table.table-sp1-border tr:nth-child(even) {
    background: #FFF; }
  body.color-2 table.table-sp1-border tr:nth-child(odd) {
    background: #FFEFFF; }
  body.color-2 table.table-sp1-border td.cell-1-time {
    background: #FFF; }
  body.color-2 table.table-sp1-border td.cell-2-time {
    background: #FFEFFF; }
  body.color-2 .btn-top {
    background: #CCCCFF; }

/*---------------------------------
 color-orange オレンジ:3
---------------------------------*/
body.color-3 {
  /*--Title--*/
  /*--Table--*/
  /*Page*/
  /*TOP*/
  /*button*/ }
  body.color-3 .title-bar {
    background: #ed7d31;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px; }
  body.color-3 .contant-title {
    background: #ed7d31; }
  body.color-3 table.tableline th {
    background: #ffe699; }
  body.color-3 table.tableline th.th-login {
    background: #ed7d31;
    color: #FFF; }
  body.color-3 table.table-sp1-border th {
    background: #ffe699; }
  body.color-3 table.table-sp1-border tr:nth-child(even) {
    background: #FFF; }
  body.color-3 table.table-sp1-border tr:nth-child(odd) {
    background: #fff2cc; }
  body.color-3 table.table-sp1-border td.cell-1-time {
    background: #FFF; }
  body.color-3 table.table-sp1-border td.cell-2-time {
    background: #fff2cc; }
  body.color-3 .btn-top {
    background: #ffe699; }

/*---------------------------------
 color-green 緑:4
---------------------------------*/
body.color-4 {
  /*--Title--*/
  /*--Table--*/
  /*Page*/
  /*TOP*/
  /*button*/ }
  body.color-4 .title-bar {
    background: #03af7a;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px; }
  body.color-4 .contant-title {
    background: #03af7a; }
  body.color-4 table.tableline th {
    background: #c6e0b4; }
  body.color-4 table.tableline th.th-login {
    background: #03af7a;
    color: #FFF; }
  body.color-4 table.table-sp1-border th {
    background: #c6e0b4; }
  body.color-4 table.table-sp1-border tr:nth-child(even) {
    background: #FFF; }
  body.color-4 table.table-sp1-border tr:nth-child(odd) {
    background: #e6f1df; }
  body.color-4 table.table-sp1-border td.cell-1-time {
    background: #FFF; }
  body.color-4 table.table-sp1-border td.cell-2-time {
    background: #e6f1df; }
  body.color-4 .btn-top {
    background: #c6e0b4; }

/*---------------------------------
 color-navy ネイビー:5
---------------------------------*/
body.color-5 {
  /*--Title--*/
  /*--Table--*/
  /*Page*/
  /*TOP*/
  /*button*/ }
  body.color-5 .title-bar {
    background: #305496;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px; }
  body.color-5 .contant-title {
    background: #305496; }
  body.color-5 table.tableline th {
    background: #b4c6e7; }
  body.color-5 table.tableline th.th-login {
    background: #305496;
    color: #FFF; }
  body.color-5 table.table-sp1-border th {
    background: #b4c6e7; }
  body.color-5 table.table-sp1-border tr:nth-child(even) {
    background: #FFF; }
  body.color-5 table.table-sp1-border tr:nth-child(odd) {
    background: #d9e1f2; }
  body.color-5 table.table-sp1-border td.cell-1-time {
    background: #FFF; }
  body.color-5 table.table-sp1-border td.cell-2-time {
    background: #d9e1f2; }
  body.color-5 .btn-top {
    background: #b4c6e7; }

/*book06のみ特殊対応あり→book06.cssに記載*/
/*---------------------------------
 ボタン
---------------------------------*/
/*_onをつけると選択状態を示すため、すべて文字が黄色になる。*/
/*color-blue 青*/
a.btn_color-1 {
  background: #005aff;
  color: #FFFFFF; }
  a.btn_color-1_on {
    background: #005aff;
    color: #FFF966; }
  a.btn_color-1_out {
    background: #DDD;
    color: #111; }
    a.btn_color-1_out:hover {
      border-color: #005aff; }

/*color-purple 紫*/
a.btn_color-2 {
  background: #70309F;
  color: #FFFFFF; }
  a.btn_color-2_on {
    background: #70309F;
    color: #FFF966; }
  a.btn_color-2_out {
    background: #DDD;
    color: #111; }
    a.btn_color-2_out:hover {
      border-color: #70309F; }

/*color-orange オレンジ*/
a.btn_color-3 {
  background: #ed7d31;
  color: #FFFFFF; }
  a.btn_color-3_on {
    background: #ed7d31;
    color: #FFF966; }
  a.btn_color-3_out {
    background: #DDD;
    color: #111; }
    a.btn_color-3_out:hover {
      border-color: #ed7d31; }

/*color-green 緑*/
a.btn_color-4 {
  background: #03af7a;
  color: #FFFFFF; }
  a.btn_color-4_on {
    background: #03af7a;
    color: #FFF966; }
  a.btn_color-4_out {
    background: #DDD;
    color: #111; }
    a.btn_color-4_out:hover {
      border-color: #03af7a; }

/*color-navy ネイビー*/
a.btn_color-5 {
  background: #305496;
  color: #FFFFFF; }
  a.btn_color-5_on {
    background: #305496;
    color: #FFF966; }
  a.btn_color-5_out {
    background: #DDD;
    color: #111; }
    a.btn_color-5_out:hover {
      border-color: #305496; }