#title{
      vartical-align: top;
      border-top: 1px solid lightgrey; 
      background-color: #FDF5E6;
      padding: 5px;
      text-align: left;
      margin-top: 3px;
      margin-bottom: 8px;
      font-size: x-small;
      font-weight: bold;
    }
    #list{ 
      vartical-align: middle;
      padding-left: 10px;
      padding-right: 10px;
      text-align: left;
      font-size: x-small
    }
    #table-title{
      padding: 3px;
      border-bottom: 1px solid lightgrey;
      text-align: center;
      background-color:  #FDF5E6;
      font-weight: bold;
      font-size: x-small
    }
    #table-title_total{
      padding: 3px;
      text-align: center;
      background-color: pink;
      color: black;
      font-size: x-small
    }
    #table-subtitle{
      padding: 3px;
      text-align: center;
      background-color: lavender;
      color: black;
      font-size: x-small
    }
    #kyuukou{
      padding-left: 3px;
      padding-right: 3px;
      border-bottom: 1px solid #998899;
      background-color: snow;
      text-align: center;
      font-size: x-small
    }
    #kyuukou1{
      padding-left: 3px;
      padding-right: 3px;
      border-bottom: 1px solid #998899;
      background-color: lavender;
      text-align: center;
      font-size: x-small
    }
    .left{
      float: left;
      position: absolute;
      top: 0px;
    }
    .right{
      float: right;
    }
    .menu{
      border: #DCDCDC 1px solid;
      padding: 2pt;
      font-size: 10pt;
      background-color: #F8F8FF;
      line-height: 120%;
    }
    .menutitle{
      border-bottom: #DCDCDC 1px solid;
      border-left: #DCDCDC 1px solid;
      font-weight: bold;
      font-size: 12px;
    }
    .titlemenu{ /* タイトルロゴページで使用 */
      position: absolute;
      bottom: 5pt;
      right: 5pt;
    }
    .titlemenuitem{ /* タイトルロゴページで使用 */
      background-color: #F5F5F5;
      padding: 3pt;
      margin: 3pt;
      margin-right: 5pt;
    }
    .borderbox100{
      vertical-align: top;
      width: 100px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 5px;
      padding-bottom: 10px;
    }   
    #box200{
      vertical-align: top;
      width: 200px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 5px;
      padding-bottom: 10px;
      margin-bottom: 10px;
      line-height: 130%
    }
    #box400{
      vertical-align: top;
      width: 100%;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: x-small
    }
    img{
      vertical-align: middle;
      border: 0px;
      margin-right: 1px;
      margin-left: 1px;
      margin-bottom: 1px
    }
    .infos{
      background-color: #FDF5E6;
    }
    table#list{
      border: 1px solid #998899;
    }
    body#color{
      background-color: #F8F8FF;
    }

    .bonrei{
      vertical-align: top;
      align: center;
      width: 90%;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: x-small;
      margin-left: 5%
    }

    a:link{
      text-decoration: none;
    }
    a:visited{
      text-decoration: none;
    }
    a:hover{
      text-decoration: underline;
    }
    a:active{
      color: green;
      font-weight: bold;
    }
    P#navi{
      color: darkgray;
      border-bottom: #998899 1px solid;
      border-top: #998899 1px solid;
      padding: 3px;
      margin-top:3px;
      margin-bottom:8px;
    }      
    P#navi B {
      color: #333333;
    }
    DIV.attendusage {
      letter-spacing: 1px;
      line-height: 140%;
      width: 95%;
    }
    DIV.attendusage ul {
      list-style: inside;
    }
    DIV.attendusage ul li{
      border-bottom: 1px dashed slategray;
    }
    TABLE.messagelist {
      border: 1px solid lightgrey;
    }
    TABLE.messagelist td {
      border-bottom: 1px dashed lightgrey;
    }
    TABLE.messagelist th {
      background-color: lavender;
    }