body {
  background:url(data/up.jpg) no-repeat #336699;
  color:#f0f0f0;
  margin:0;
  font-size: 14px;
  line-height: 150%;
}

img {border: 0;}

#top-header {
  margin-top:180px;
  width:850px;
}

#each-header {
  margin-top:50px;
  width:900px;
}

#top-right-contents {
  float:left;
  padding:10px;
  width:650px;
}

#each-right-contents {
  float:left;
  padding:10px;
  width:700px;
}

a:link { text-decoration:none; color:#f0f0f0; }
a:visited { text-decoration:none; color:#f0f0f0; }
a:active { text-decoration:none; color:#f0f0f0; }
a:hover { text-decoration:none; color:#ffcccc; }


.site-ex {
  background:url(data/back.jpg);
  float:left;
  width:400px;
  padding:15px;
}

.top-blog {
  float:left;
  width:200px;
}

.link {
 line-height: 2em;
 margin-left: 50px;
}


#footer{
   text-align:center;
}

.navi{
   text-align: center;
   margin:15px auto;
}

.navi, .f-name, .search-btn{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:120%;
   font-weight:bold;
   text-decoration:none;
}

#q {
  border:1px solid #c0c0c0;
  width:700px;
  padding:15px;
  margin:5px 0 20px 0;
}

#ans {
  border-top:1px dashed #c0c0c0;
  margin:15px;
  padding-top:10px;
}