.bright{background-color: #d7d7ff;}
.dark{background-color: #aaaadd;}
a:hover { color: #FF5500; } 
.ul{text-decoration: underline;}
.ttl1{font-size: 1.7em;  font-weight: bold; line-height: 130%;
     color: #ffffff; background-color: #8888ff; text-align:center;
     vertical-align: middle;
     border-right: 1px solid #0000aa ;
     border-bottom: 1px solid #0000aa ;

  background-color: #8080ee;
  border-left: 3px solid #ccccff;
  border-bottom: 4px solid #7070aa;
  border-right: 4px solid #7070aa;
  border-top: 3px solid #ccccff;
  border-radius: 10px;

}

th{font-size: 0.9em;line-height: 130%; background-color: #d7d7ff; padding:0.2em 0.3em;
     -webkit-text-size-adjust: 100%;}
td{ font-size: 0.9em;line-height: 130%;  padding:0.2em 0.3em;
   -webkit-text-size-adjust: 100%;}
.th_gray{font-size: 0.9em;line-height: 130%; background-color: #d0d0d0; padding:0.2em 0.3em;
     -webkit-text-size-adjust: 100%;}
body {
  -webkit-text-size-adjust: 100%;
}