div.system_name{
  text-align: right;
  font-size:6px;
}
p.footer{
  background-color: #b74511;
  text-align: center;
  color: white;
  height:70px;
  font-size:12px;
}

div.go_back{
  background-color: #b74511;
  text-align: center;
  color: white;
  height:20px;
  font-size:14px;
}

ul{
  color:black;
  margin-left: 50px;
}

body{
      background-color:white;
      color:black;
}

div.title{
     font-size:45px;
}

div.duration{
     text-align:right;
     font-size:20px;
}

a.go_back{
  text-decoration: none;
  color:white;
}

a.workshopno{
  text-decoration: none;
  color:black;
  font-size:20px;
}

table.workshop{
   margin-top: 0px;
   margin-bottom: -9px;
   text-align:right;
   width:100%;
   height:20px;
}

div.workshopno{
    text-align:left;
    font-size:20px;
}

td.workshopinfo{
    background-color:#b74511;
    color:white;
    width:60px;
}

td.workshopinfo_complete{
    background-color:lightgray;
    color:white;
    width:60px;
}

td.workshoptitle{
    text-align:right;
    font-weight: 700;
    font-size:20px;
}

hr.title{
   border: 3px solid;
   border-color: #b74511;
   color: #b74511;
}

hr.workshop{
   border: 1px solid;
   border-color: #b74511;
   color: #b74511;
}

.sentence { 
     text-align:center;
}

td{
      text-align:center;
}
#RealtimeClockArea2 {
  font-size:25px;
  color:#b74511;
  font-weight:bold;
  font-family: YuGothic, 游ゴシック,"Yu Gothic", "Noto Sans Japanese", sans-serif;
  text-align:right;
}
.text-pop-up-top {
  -webkit-animation: text-pop-up-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: text-pop-up-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-27 16:10:41
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-pop-up-top
 * ----------------------------------------
 */
@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
	    text-shadow: 0 1px 0 #b74511, 0 2px 0 #b74511, 0 3px 0 #b74511, 0 4px 0 #b74511, 0 5px 0 #b74511, 0 6px 0 #b74511, 0 7px 0 #b74511, 0 8px 0 #b74511, 0 9px 0 #b74511, 0 50px 30px #886611;
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #b74511, 0 2px 0 #b74511, 0 3px 0 #b74511, 0 4px 0 #b74511, 0 5px 0 #b74511, 0 6px 0 #b74511, 0 7px 0 #b74511, 0 8px 0 #b74511, 0 9px 0 #b74511, 0 50px 30px #886611;
  }
}
table{
    color:black;
    bgcolor:#b74511;
    margin:30px auto; 
    width:700px;
    height:400px;
}
a:hover{
    background-color:#886611;
    color:black;
}