*{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

#container{
  background-color : rgb(194, 252, 203);
  margin-top : auto;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  width : 780px;
}
#header{
  text-align : center;
  padding-top : 20px;
  margin-top : 10px;
  margin-bottom : 20px;
}
#contents{
  margin-top : auto;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  width : 640px;
}
ul{
  list-style-type : none;
  overflow : hidden;
}
li{
	border-width : 2px;border-style : solid;border-color : orange;
  width : 316px;
  float : left;
}
li a{
  line-height : 50px;
  color : white;
  background-color : green;
  height : 50px;
  text-decoration : none;
  padding-left : 15px;
  display : block;
}
li a:hover{
  background-color : lime;
}
#modoru{
  text-align : center;
  margin-top : 20px;
  clear : both;
  line-height : 30px;
  margin-left : auto;
  margin-right : auto;
  width : 8em;
  height : 30px;
}
#footer{
  padding-top : 20px;
  padding-bottom : 20px;
  text-align : center;
}
p#modoru a{
  text-decoration : none;
  text-align : center;
  display : block;
}
p#modoru a:hover{
  background-color : yellow;
}