@charset "UTF-8";

.contents{
   width:850px;
   background:#EEFFFF;
   height:950px;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   box-shadow: 0px 4px 3px 2px #000000;
   -moz-box-shadow:0px 4px 3px 2px #000000;
   -webkit-box-shadow:0px 4px 3px 2px #000000;
 }
 .left{
    width:300px;
    background:#EEFFFF;
    float:left;
  }
    a:link {color:#0F5494;}
    a:visited{color:#0F5494;} 
    a:hover{color:#770077;} 
    a:active{color:#ff0000;} 
    .left h2{
      display:block;
      width:210px;
      margin-top:20px;
      margin-left:auto;
      margin-right:auto;
      padding:5px;
      border:#00AAEE 1px solid;
      text-align: center;
      background:#00aaee;
      background: linear-gradient(#ccffee, #00aaee);
      font-size:17px;
      font-weight:400;
      color:#FFFFFF; 
      border-top-left-radius: 15px 15px;
      border-top-right-radius: 15px 15px;
      -moz-border-top-left-radius: 15px 15px;
      -webkit-border-top-left-radius: 15px 15px;
      -webkit-border-top-right-radius: 15px 15px;
      -moz-border-top-left-radius: 15px 15px;
      -moz-border-top-right-radius: 15px 15px;
      }
    .submenu ul{
      width:220px;
      border:#00AAEE 1px solid;
      border-bottom:0px;
      margin-left:auto;
      margin-right:auto;
      display:block;
      list-style-type: none;
      }
    .submenu ul li{
      text-align:center;
      }
    .submenu li a{
      display:block;
      width:210px;
      padding:5px;
      background:#EEFFFF;
      border-bottom:#00AAEE 1px solid;
      text-decoration:none;
      }
     .submenu li a:hover{
      background:#CCFFEE;
      text-decoration:none;
      }
      .left .kousin{
         overflow-y:scroll;
         width:210px;
         height:450px;
         padding:5px;
         margin-left:auto;
         margin-right:auto;
         border:#00AAEE 1px solid;
         border-top:#00AAEE 0px solid;
         font-size:13px;
         line-height:1.8;
         text-align:left;
      }
      .kousin p{
         padding-bottom:30px;
         }
 .right{
    width:550px;
    background:#EEFFFF;
    float:right;
  }
  .right h2{
      display:block;
      width:450px;
      margin-top:20px;
      margin-left:auto;
      margin-right:auto;
      padding:5px;
      border:#00AAEE 1px solid;
      text-align: center;
      background:#00aaee;
      background: linear-gradient(#ccffee, #00aaee);
      font-size:17px;
      font-weight:400;
      color:#FFFFFF; 
      border-top-left-radius: 15px 15px;
      border-top-right-radius: 15px 15px;
      -moz-border-top-left-radius: 15px 15px;
      -webkit-border-top-left-radius: 15px 15px;
      -webkit-border-top-right-radius: 15px 15px;
      -moz-border-top-left-radius: 15px 15px;
      -moz-border-top-right-radius: 15px 15px;
      border-bottom-left-radius: 15px 15px;
      border-bottom-right-radius: 15px 15px;
      -moz-border-bottom-left-radius: 15px 15px;
      -webkit-border-bottom-left-radius: 15px 15px;
      -webkit-border-bottom-right-radius: 15px 15px;
      -moz-border-bottom-left-radius: 15px 15px;
      -moz-border-bottom-right-radius: 15px 15px;
    }
    .right .no_radius{
      display:block;
      width:450px;
      margin-top:10px;
      margin-left:auto;
      margin-right:auto;
      padding:5px;
      border:#00AAEE 1px solid;
      border-bottom:0px;
      text-align: center;
      background:#00aaee;
      background: linear-gradient(#ccffee, #00aaee);
      font-size:17px;
      font-weight:400;
      color:#FFFFFF; 
      border-top-left-radius: 15px 15px;
      border-top-right-radius: 15px 15px;
      -moz-border-top-left-radius: 15px 15px;
      -webkit-border-top-left-radius: 15px 15px;
      -webkit-border-top-right-radius: 15px 15px;
      -moz-border-top-left-radius: 15px 15px;
      -moz-border-top-right-radius: 15px 15px;
       border-bottom-left-radius: 0px;
       border-bottom-right-radius: 0px;
      -moz-border-bottom-left-radius: 0px;
      -webkit-border-bottom-left-radius: 0px ;
      -webkit-border-bottom-right-radius: 0px;
      -moz-border-bottom-left-radius: 0px;
      -moz-border-bottom-right-radius: 0px;
     }
     
    .right p{
      display:block;
      width:420px;
      padding:10px;
      padding-left:20px;
      text-align:left;
      font-size:15px;
      margin-left:auto;
      margin-right:auto;
    }
     .right ul{
      width:460px;
      border:#00AAEE 1px solid;
      border-bottom:0px;
      margin-left:auto;
      margin-right:auto;
      display:block;
      list-style-type: none;
      }
    .right ul li{
      text-align:left;
      }
    .right li a{
      display:block;
      width:450px;
      padding-top:10px;
      padding-left:10px;
      padding-bottom:10px;
      background:#EEFFFF;
      border-bottom:#00AAEE 1px solid;
      text-decoration:none;
      }
     .right li a:hover{
      background:#CCFFEE;
      text-decoration:none;
      }
 footer{
    padding-top:20px;
    text-align:center;
    font-size:10px;
    clear:both;
    }