a:hover {
      color:#ffffff;
      font-weight:bold;
      text-shadow: -1px 1px 5px #000033, 1px -1px 5px #000033;
    }
 body {
        background-color: #ccccff;
        line-height: 15pt;
        color: #000033;
        scrollbar-base-color: #9999cc;
        scrollbar-arrow-color: white;
    }
    h1 {
        color: #333399;
    }

       h3 {
        color: white;
        background-color: #0033ff;
        text-align: center;
        padding:5px;
    }
td {
padding:0 5px;
vertical-align:top;
}
  

    /*#3366ff;*/
    hr.border1 {
        height: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: #9999ff;
        background-color: #9999ff;
        color: #9999ff;
    }

    img.mail {
        background-color: white;
    }

    img.url {
        border-style: none;
        margin-right:10px;
    }
a.param6 {
        text-decoration: none;
    }

 div.wrap {
max-width:1200px;
margin:auto;
 }   
div.article {
display:flex;
background-color: white;
padding:10px 15px;
align-items:center;
} 
div.article div {
margin-left:10px;
}
  span.menu {
        font-size: 110%;
        font-weight: bold;

    }
 
 @media screen and (max-width: 767px) {
     h1 img {
    margin-top:10px;
    width:100%;
    }
  div.wrap {
margin:auto;
 }   
div.article {
display:block;
background-color: white;
padding:10px 15px;
} 
div.article div.article_image {
text-align:center;
}
  span.menu {
        font-size: 1em;
        font-weight: bold;

    }

 }