body{background-color: #e0e0ea;}

#main {
      width: 80%;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      background-color: #ffffff;}

/* ヘッダー */
div.header{
           width: 100%;
           margin-top: -1em;
           padding-top: 1.5em;
	   padding-bottom: 1em;
           background-color: #333399;
	   background-size: cover;
}

div.header p{font-size: 11pt;
     margin-top: 0.5em;
     margin-left: 0em;
     text-indent: 0;}

div.header h1{
   color: #ffffff;
   margin-left: 20px;
   font-size: 1.5em;
   border-style:none;
   border-color: #333399;
   border-width:0 0 0px 0;
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;

}

div.header h2{
   color: #ffffff;
   margin-left: 20px;
   font-size: 1em;
   padding:0.0em 0em 0em 0em;
   background-position: left bottom;
   margin-top: 0em;
   margin-bottom: 0em;}  


/*メニュー*/
div.menu{
    padding-top: 0.5em;
    padding-left: 0.5em;
    width: 18%;
    height: 600px;
    float: left;
}
div.menu table {
    width: 100%;
    font-size: 14pt;
    background: #ccdddd;
}
div.menu table td{
   text-align: center;
   background-color: #d0d0f0;
}
div.menu table td.menu_on{
   background-color: #aaddff;
}

/* 本文 */
div#contents{
    width:80%;
    height: 600px;
    background-color: #ffffff;
    float: left;
}

div#contents h3{margin:1em 1em 0.4em 1em;
   background-position: left center;
   padding:0em 0 0.05em 0.5em;
   text-decoration: none;
   color: #ffffff;
   background: linear-gradient(60deg,#333399, #eeeeff);
   border-radius: 5px;
}

div#contents h4{margin:1em 1em 0.4em 1em;
   vertical-align: baseline;
   padding:0em 1em 0.05em 0.5em;
   font-weight: bold;
   text-decoration: underline;
   color: #333399;
  }

div#contents b{
    color: #ff0000;
}

div#contents table{
    margin-left: 2em;
    font-size: 10pt;
     }

div#contents ul.program li{
    font-size: 12pt;
}

span.small{
    font-size: 12pt;
}


/* フッター */
div.footer{
           width: 100%;
           margin-top: -1em;
           padding-top: 1.5em;
           background-color: #ffffff;}

div.footer p{
     font-size: 9.5pt;
     text-indent:1em;
     text-align: right;}
div.footer hr{display:block;}


/* 水平線 */
hr{display:none}

/* リスト */
ul li{
     font-size: 12pt;
     margin-right:4em;
     margin-left:1em;
     margin-bottom:0.2em;}

/* リンク */
a{text-decoration:none;}
a:hover{color: #00ff00;
        text-decoration:underline;}
a:active{color:#0000ff;
         text-decoration:underline;}

/* 段落 */
div p{
    font-size: 12pt;
    text-indent:1em;
    margin-left:2em;
    margin-right: 3em;
    margin-top:0.2em;
    margin-bottom:0.2em;
}

div#navi{text-align:right;
         font-size:0.9em;
         border-top:1px solid black;
         padding-top:0.2em;
         margin-top:1em;}

/* 日付系 */
table.date{
     font-size: 11pt;
     margin-left:2em;
     margin-top:0.2em;
     margin-bottom:0.2em;
     width:95%;}
table.date th{width: 9em;
              text-align: left;}


img.left
 {
     float: right;
     margin-left: 1em;
     margin-right: 1em;
 }
div.floatclear
 {
     clear: both;
 }