/*                                                         */
/* ----- A CSS for pages in Learning-Square Kumamoto ----- */
/*                             written by mari 2005.08.11  */
/*                                                         */

body        { background: #336699; }  /* white */

div.ab     { font-style: normal;
                  font-weight: normal;
                  font-size: 0.9em;
                  line-height: 1.3em;
                  color: #345678;
                  margin: 10px 0px 5px 0px;
                  padding: 8px;
                  border: solid 1px #345678;
                  background-color: #ecd	}

div.main    { background-color: #ffffff; /* royalblue */
                  margin-top:   3%;
                  margin-left:  5%;
                  margin-right: 5%;
                  margin-bottom: 5%;
                  padding: 20px 20px 20px 20px}


div.ab     { font-style: normal;
                  font-weight: normal;
                  font-size: 0.9em;
                  line-height: 1.3em;
                  color: #345678;
                  margin: 10px 0px 5px 0px;
                  padding: 8px;
                  border: solid 1px #345678;
                  background-color: #ecd	}

div.mokuji   { line-height: 1.3em;
                  font-size: 1.2em;
                  margin: 7px 15px 7px 15px		}


h1.q        { background-color: transparent; 
                  border-style: solid ;
                  border-color: #cc3300;
                  border-width: 0px 0px 2px 6px;
                  margin: 20px 35px 20px 25px;
                  padding: 5px; 
                  font-size: 2.4em;
                  font-weight: nomal;
                  color: #cc3300;}  /* #fffafa */

h2.q          { background-color: transparent; 
                  border-style: solid ;
                  border-color: #9370DB;
                  border-width: 0px 0px 2px 6px;
                  margin: 0px 35px 20px 25px;
                  padding: 5px; 
                  font-size: 1.4em;
                  font-weight: nomal;
                  color: #008080;}   /* fffafa */

h2.a          { background-color: transparent; 
                  border-style: solid ;
                  border-color: #98fb98;
                  border-width: 0px 0px 2px 6px;
                  margin: 0px 35px 20px 25px;
                  padding: 5px; 
                  font-size: 1.4em;
                  font-weight: nomal;
                  color: #008080;}   /*  #fffafa */

h3.r          { background-color: transparent; 
                  border-style: solid ;
                  border-color: #ff4500;
                  border-width: 0px 0px 1px 3px;
                  margin: 0px 35px 20px 25px;
                  padding: 5px; 
                  font-size: 1.1em;
                  font-weight: nomal;
                  color: #800080;}   /*  #fffafa */

div.ques        { font-style: normal;
                  font-weight: nomal;
                  font-size: 1.1em;
                  text-align: left;
                  line-height: 1.4em;
                  color: #000080; /* navy blue */
                  margin: 15px 75px 10px 75px;
                  padding: 10px;			
                  border: solid 5px #6666ff;
                  background-color: #ddeeff	}

div.ans         { background: #cffffc;
                  font-size: 1.1em;
                  font-style: normal;
                  font-weight: nomal;
                  text-align: left;
                  color: #0000cd; /* medium blue */
                  margin: 20px 75px 50px 75px;
                  padding: 5px;
                  border: 3pt solid #6495ed     }

div.adv         { background: #afeeee;
                  font-size: 0.8em;
                  font-style: normal;
                  font-weight: nomal;
                  text-align: left;
                  color: #008080; /* medium blue */
                  margin: 5px 25px 10px 25px;
                  padding: 3px;
                  border: 1pt solid #0000cd     }

table           { margin-left:auto;
                  margin-right:auto;
                  text-align: center;
                  color: #ff3300;
                  }

table.hyo       { margin-left:auto;
                  margin-right:auto;
                  width:450px;
                  border-style: solid ;
                  border-color: #330099;
                  border-width: 2px 2px 2px 2px;
                  font-size: 0.9em;
                  font-weight: nomal;
                  text-align: center;
                  color: #483d8b;
                  }


img.lf            { float:left;}

img.rt            { float:right;}

br.ed             {clear: both;}

font.ref        { font-size: 0.6em;
                  font-style: normal;
                  font-weight: nomal;
                  text-align: center;
                  color: #808080;
                 }


a.lns{color:magenta;}  /* set color of hyperlink to be magenta */