@charset "UTF-8";
/* CSS Document */

/* header */
* {
margin: auto 0;
}

.head_img {
  background-image: /static/img/a0960_007023_m.jpg);
  width:100%;
  height:150px;
  background-color: #1fb6ff;
  padding:69px 0px 0px 40px;
  color: #555 ;
}
h4.sub_title {
  margin:140px 0px 0px 0px;

}
h1.site_title {
  font-size: 40px;
}

.menu_space {
  width:100%;
  height:30px;
  text-align: right;
  background-color: #3f51b5;
  font-size: 16px;
  padding:5px 80px 5px 80px;
}

a:link.menu_link{
  color: #eee;}
a:visited.menu_link {
   color: #eee; }
a:hover.menu_link {
  color: #ff0000; }
a:active.menu_link {
  color: #ff8000;
}

/* index */

.index_article{
  margin:50px;
}

.article_base{
  margin:80px 100px 120px 100px;
}

.page_nav {
  text-align: center;
  margin:20px 0px 20px 0px;
}

.clear { clear:both; }
.clear hr { display:none; }

/* li */

.title {
  margin:10px 0px 10px 0px;
}

.image {
  height: 12rem;
  background-color: #eee;
  background-position: center;
  background-size: cover;
}


.thumb_img {
  width:300px;
  float:left;
  margin:0px 30px 0px 0px;

}


/* footer */
.footer_space {
  width:100%;
  height:230px;
  background-color: #ccc;;
  color: #555 ;
}

.foot_contents {
  padding: 50px 0px 0px 0px;

}

.category{
  font-weight: bold;
  width:200px;
  float:left;
  margin: 20px 0px 0px 50px;
}

.tags{
  font-weight: bold;
  width:200px;
  float:left;
  margin: 20px 0px 0px 50px;
}

.copy_right {
  margin:50px 0px 10px 0px;
  font-size :12px;
  text-align: center;
}