article {
     background-color: white;
     display: block;
     padding-left: 20px;
     padding-right: 20px;
     padding-top:10px ;
     text-align: left;
     color:darkblue;
     min-height:500px;
     height:auto !important;
     height:500px;
}

body {
     background: linear-gradient(to top, rgba(0,153,255,0.5), #009);
     background-color: black;
     font-size: 15px;
     font-family: "メイリオ"," Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", "Arial", "Verdana", "sans-serif";
     margin: 0px auto;
     width:1000px;
}

footer {
     background-color: black;
     color: white;
     height: 34px;
     line-heiht: 32px;
     text-align: center;
     width:1000px;
}

header {
     background-color: black;
     color: white;
     height: 40px;
     line-height: 40px;
     text-align: center;
     width:1000px;
     
}
#input{
   margin-left:200px;
   }
#result{
   width:800px;
   padding-left:20px;
  }
header, nav, article, aside, section, footer {
    display:block;  
}

nav {
     background: lightblue;
     color: white;
     display: block;
     height: 30px;
     line-height: 30px;
   //  margin: 0px auto;
     padding: 0px;
     text-decoration: none;
}


nav ul, nav li {
    list-style-type:none;
     line-style: none;
     margin : 0px auto;
}


ul#Nav001 li {
     font-size: 13px;
     
}

ul#Nav001 li a {
     background: url(../pic/yajirushi.gif) no-repeat 0px 0px;
     color: #666;
     height: 20px;
     margin-left: 17px;
     padding-left: 22px;
     text-decoration: none;
}

ul#Nav001 li a:hover {
     background: url(../pic/yajirushi.gif) no-repeat 2px 0px;
     color: #F90;
}

aside {
    float:left;
    width:200px;
    border:1px solid #ccc;
    border-color:pink;
	padding:5px;
	margin-right:20px;
	font-size:13px;
}
#list li{
    cursor:pointer;
 }
 img{
 float:left;
 padding:10px;
 }