body{
    margin:0px;
    padding:0px;
    background-image:url(img/haik002.jpg); 
    }

#container{
   width:700px; 
   height:100%;
   margin: 0px auto;
   }

/* ヘッダー　*/
header{ 
   height:100px;
   width:700px;
   background-color:#00cc33;
   margin: 0px auto;
   font-family:MS UI Gothic;
    }

header,nav h3,sidebar,main {color:#ffffff;}

a:link{color:#ffffe0;}

a:visited{color:#00ffff;}


header h1{ 
    text-align:center;
    padding-top:20px;
    margin:0px;
    text-shadow:3px 3px 5px rgba(0,0,0,5)
    }

header h3{ 
    text-align:center;
　  margin:0px;
    font-size:8pt;
    }

/* サイドバー　*/
#sidebar{
   width:120px;
   height:100%;
   background-color:#0099ff;
   float:left;
    }

nav{
    padding-left:20px;
}

ul{
    color:#ffffff;
    list-style-type:disk;
    list-style-position:inside;
     }

/* メイン　*/

#main{
   width:580px;
   height:100%;
   background-color:#ff9966;
   float:right;
   overflow:scroll;
    }

section header{ 
    margin: 0px;
    padding-top:30px;
    padding-left:30px;
    padding-rigth:30px;
    background-color:transparent;
    }

section h2{font-size:xx-large;}

article{
   margin: 30px;
   padding:10px;
   
   background-color:#ff99ff;
   }

article h3{
          color:#DC143C;
          text-decoration:underline;
          }

article p{text-indent:1em;}

/* フッター　*/
footer{
   width:700px;
   height:50px;
   margin: 0px;
   background-color:#ffff00;
   float:left;
  /* text-align:center; */
   }