h1
{
   border-color: red;
   border-style: solid;
   border-width: 0px 0px 4px 20px;
   padding-left: 0.5em;
   font-size: 1.2em;
   font-weight: bold;
}


h2
{
   font-weight: bold;
   font-size: 1.2em;
}


h3
{
   color: blue;
   font-weight: bold;
   font-size: 0.8em;
   margin-top: 0;
   margin-bottom: 0;
}


h4
{
   color: red;
   font-weight: bold;
   font-size: 0.7em;
   margin-top: 0;
   margin-bottom: 0;
}


h5
{
   font-size: 0.7em;
   font-weight: bold;
}


#abox
{
   visibility:visible;
   width: 400px;
   height: 600px;
   position: absolute;
   top: 50px;
   left: 0;
   right: 0;
   bottom: 0;
   margin:0 auto;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   z-index: 1;
}


#bbox
{
   visibility:visible;
   width: 320px;
   height: 700px;
   overflow-y: scroll;
   background-color: #dddddd;
   border-top: 1px solid #eeeeee;
   border-right: 1px solid #4c4c4c;
   border-bottom: 1px solid #4c4c4c;
   border-left: 1px solid #eeeeee;
   padding: 1px 3px 1px 3px;
   z-index: 1;
}


.p-btn
{
    background: #EEE8AA;
    border: 1px solid #DDD;
    color: #00008B;
    font-weight: bold;
    font-size: 120%;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
    width: 250px;
    padding: 20px 20px;
    margin: 0 auto;
}

.q-btn
{
    background: #0000FF;
    border: 1px solid #DDD;
    color: #FFF;
    font: bold 1.5em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
    width: 100px;
    padding: 10px 0;
}


input[type="button"] 
{
    cursor: pointer;
}


img.ttl
{
   padding: 0.1em;
}


p.yd
{
   text-align: center;
   font-size: 1.2em;
}