@charset "UTF-8";
a:link    {color: #0000FF;}
a:visited {color: #0000FF;}
a:active  {color: #0000FF;}
a:hover   { background-color:#ff8080; }
body      { background-color:#f0f0f0 ;font-size:11pt;font-family:font-family:"ＭＳ Ｐゴシック"; margin: 10px 10px 10px 10px; }
h1{ background-color:#000080; color:#FFFFFF;text-align:center;margin: 0%;}


.tag    {margin: 0%; padding: 5px 5px 5px 5px;background-color:#c0c000;text-align:center;
         color:#000000; font-size:100%; font-weight:bold;}
.news   {background-color:#eeeeee ; height:100px; overflow:auto; margin : 0px 0px 0px 0px ;}
.menu   {background-color:#bbffbb ; margin : 0px 0px 0px 0px ;}
.ph     {margin: 0%; padding: 0% ; background-color:#000080; color:#FFFFFF;}
.pt     {margin: 0%; padding: 5px 5px 5px 5px;background-color:#c0c000;text-align:center;}
.div    {background-color:#0000ff ;}
.sp     {margin-right:40px ;margin-left:40px;padding:1%;
        background-color:#efe;
        border: 1px solid #090;
}
.tt    {margin: 0%;padding:1%;
        background-color:#acc;
        border: 1px solid #366;
}
.dd    {margin-right:40px ;margin-left:40px;padding:1%;}
table.tbl    {border-width:1px;border-style:solid;}
table.tbl td {border-width:1px;border-style:solid;}
table.tbl th {border-width:1px;border-style:solid;}
#right {width: 160px; float: right;}
#left  {float: left;padding-right:20px;}
@media screen and (max-width: 700px) {
  body { }

  #right { display: none; }
  #bottom { display:inline ;}
}
@media screen and (min-width: 701px) {
 body { }
 #right { width: 160px; float: right; }
 #bottom { display: none; }
}