body
{
  background-image : url(/image/human/back.jpg);
  color            :  #663300;
    height: 100%;
}

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

p.title
{
  color       : #663300;
  font-size   : 200%  ;
  font-weight : bold  ;
  text-align  : center;
  text-decoration-color: #ffff00;
  text-decoration-line: underline;
  text-decoration-thickness: 8px;}

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

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

p.explain
{
  color  : #FFFFC0;
  margin : 2% 2%;
}

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

*.attention
{
  color  : #FF00CC;
  font-weight : bold;
}

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

*.tiny
{
  font-size : 60%;
 margin : 0px;
 padding : 0px;
}

*.attention_small
{
  color            : #ff0000;
  background-color : #fffc00;
  font-size : 80%;
}

*.explain_small
{
  color  : #FFFFC0;
  font-size : 80%;
}

*.explain_tiny
{
  color  : #FFFFC0;
  font-size : 60%;
}

*.price_small
{
  color            : #ffffff;
  background-color : #880000;
  font-size        : 80%;
  text-align       : left;
}

*.stress
{
  color       : ##fffff0;
  font-weight : bold;
}

*.lesson_bk
{
  color            : #0000ff;
  background-color : #ffffff;

}

*.rest_bk
{
  color            : #888888;
  background-color : #ffffff;

}

th.head
{
  background-color : #dddddd;
}

td.head
{
  background-color : #dddddd;
}

td.item
{
  background-color : #eeeeee;
 padding-left : 2px;
 padding-right : 2px;
}

td.item1
{
  background-color : #eedddd;
}

td.item2
{
  background-color : #eeffff;
}

a.high:link
{
  background-color : #aa0040;
  color            : #ffffff;
  text-decoration  : none;
}

a.high:visited
{
  background-color : #880040;
  color            : #ffffff;
  text-decoration  : none;
}

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


td.small
{
  font-size        : 80%    ;
  background-color : #eeeeee;
  white-space      : nowrap ;
} 

td.small_right
{
  font-size        : 80%    ;
  background-color : #eeeeee;
  text-align       : right  ;
  white-space      : nowrap ;
} 

td.small_right_attention
{
  font-size        : 80%    ;
  font-weight      :  bold  ;
  color            : #ff0000;
  background-color : #eeeeee;
  text-align       : right  ;
  white-space      : nowrap ;
} 

td.tiny
{
  font-size        : 60%    ;
  background-color : #eeeeee;
  white-space      : nowrap ;
} 

td.tiny_attention
{
  font-size        : 60%    ;
  font-weight      :  bold  ;
  color            : #ff0000;
  background-color : #eeeeee;
  white-space      : nowrap ;
} 

td.tiny_right_attention
{
  font-size        : 60%    ;
  font-weight      :  bold  ;
  color            : #ff0000;
  background-color : #eeeeee;
  text-align       : right  ;
  white-space      : nowrap ;
} 

table.updown
{
  border : none;

}

div._table
{
  height : 90%;
 width: 90%; 
overflow : auto;
}

@media only screen and (max-width:480px)
{
  body
  {
    background-image : url(/image/school/back_mobile.jpg);
    background-attachment: fixed;
    background-size      : cover;
    color            :  #663300;
  }


  td.updown
  {
    display : block;
    text-align : center;
  }
}