body
{
  background-image : url(/image/kumon/back.png);
  color            :  #663300;
}

div.main
{
  padding : 3% 5%;
}

p.title
{
  color       : #ff9933;
  font-size   : 200%  ;
  font-weight : bold  ;
  text-align  : center;
}

p.chapter
{
  color       : #3399aa;
  font-size   : 110%;
  font-weight : bold;
}

p.stress
{
  color       : #333300;
  font-size   : 120%;
  font-weight : bold;
}

p.section
{
  color       : #993300;
  font-size   : 110%        ;
  font-weight : bold        ;
  margin      : 3% 0% 2% 10%;
}

p.explain
{
  margin : 2% 2%;
}

span.day_today
{
  color            : #ffffff;
  background-color : #ff0000;
  text-width       : bold   ;
}

td.day_kumon
{
  color            : #ffffff;
  background-color : #0000ff;
}

td.day_close
{
  color            : #000000;
  background-color : #ffff00;
}

td.day_usual
{
  background-color : #ccff99;
}

*.attention
{
  font-size   : 120%  ;
  font-weight : bold  ;
  text-align  : center;
  color : #ff0000;
}

*.field0
{
  background-color : #0000ff;
  color            : white;
}

*.field1
{
  background-color : #009900;
  color            : white;
}

*.field2
{
  background-color : #ff0000;
  color            : white;
}

*.small1
{
  font-size : 80%;
}

*.small2
{
  color     : #ff0000;
  font-size : 80%;
}

*.stress1
{
  color       : #ff0000;
  font-weight : bold;
}

*.stress2
{
  background-color : #ffff00;
  color            : #ff0000;
  font-weight      : bold;
}


*.field0{
  background-color : #;
  color            : #ffffff;
}


*.field1{
  background-color : #;
  color            : #ffffff;
}


*.field2{
  background-color : #;
  color            : #ffffff;
}


div.topics
{
  background-image : url("img/topics.jpg");
  background-color : #ffcccc;
  margin           : 1% 5% 5% 5%;
  padding          : 1% 3%      ;
}


div.topic
{
  background-image : url("img/topic.jpg");
  background-color : #ffaaaa;
  padding          : 1% 3%      ;
}

div.message
{
  background-image : url("img/message.jpg");
  background-color : #ccffcc;
  margin           : 0% 2% 2% 2%;
  padding          : 1% 3%      ;
}

div.new_message
{
  background-image : url("img/new_message.jpg");
  background-color : #ccccff;
  margin           : 0% 10%;
}

td.head
{
  background-color : #99ff66;
}

td.item
{
  background-color : #ccff99;
}

a.high:link
{
  background-color : #ffaaaa;
  color            : #000000;
  text-decoration  : none;
}

a.high:visited
{
  background-color : #ffaaaa;
  color            : #000000;
  text-decoration  : none;
}


a.high:hover
{
  background-color : #ffaaaa;
  color            : #ffff00;
  text-decoration  : none;
}

a.low:link
{
  color            : #4444ff;
  text-decoration  : none;
  font-weight      : bold;
}

a.low:visited
{
  color            : #ff3333;
  text-decoration  : none;
  font-weight      : bold;
}


a.low:hover
{
  color            : #999900;
  text-decoration  : none;
  font-weight      : bold;
}

span.edge
{
  border:solid 5px #8888ff;
  padding:10px;
  border-radius:10px;
  display      :inline-block; 
  margin-bottom: 20px;
}

table.updown
{
  border : none;
}

td.updown
{
  text-align : center;
}

th.expand
{
  background-color : #99ff66;

}

td.expand_head
{
  background-color : #99ff66;
}

td.expand
{
  background-color : #ccff99;
}



@media only screen and (max-width:800px)
{
  td.updown
  {
    display : block;
    text-align : center;
  }
  
  th.expand
  {
    display : block;
    background-color : #99ff66;
  }

  td.expand_head
  {
    display : block;
    background-color : #99ff66;
  }

  td.expand
  {
    display : block;
    background-color : #ccff99;
  }
}