@charset "UTF-8";

html {
}

body {
      margin: auto;
      width: 810px;
      background-color: #fffff;
}

a {
      text-decoration: none;
}

top {
      width: 100%;
      background-color: #fffff;
      margin: 10px 0px 10px 0px;
      line-height: 150%;
}


main {    
      width: 100%;
      background-color: #fffff;
      margin: 10px 0px 10px 0px;
      line-height: 150%;
      display: flex;
}

.sub {
      width: 100%;
      text-align: center;
      line-height: 150%;
      display: block;
}

.footer {
      background-color: white;
      height: 200px;
      width:100%;
      line-height: 150%;
}

.left {
      width: 90%;
      text-align: left;
      margin: 20px ;
      padding: 20px  20px;
      line-height: 150%;
      display: block;
}


.left p {
      font-size: 14pt;
      color: #000000;
}

.left p1 {
      font-size: 14pt;
      font-weight: bold;
      color: #cc0000;
}

.left p2 {
      font-size: 14pt;
      font-weight: bold;
      color: #000066; 
}

.left h {
      font-size: 16pt;
      color: #000000;
}

.left h1 {
      font-size: 16pt;
      color: #cc0000;
}

.left h2 {
      font-size: 16pt;
      color: #000066; 
}

.left img{
      margin: 10px 0px 10px 0px;
}


.center {
      width: 90%;
      text-align: center;
      margin: 20px ;
      line-height: 150%;
      display: block;
}

.center p {
      font-size: 14pt;
      color: #000000;
}

.center p1 {
      font-size: 14pt;
      font-weight: bold;
      color: #cc0000;
}

.center p2 {
      font-size: 14pt;
      font-weight: bold;
      color: #000066; 
}

.center h {
      font-size: 16pt;
      color: #000000;
}

.center h1 {
      font-size: 16pt;
      color: #cc0000;
}

.center h2 {
      font-size: 16pt;
      color: #000066; 
}

.center h3 {
      font-size: 16pt;
      color: #d2048d; 
}

.center img{
      margin: 10px 0px 10px 0px;
}

.hr {
      border: 2px dashed #000066;
}