@charset "UTF-8";
/* ===================================================================
CSS information
file name  : blog.css
style info : アルメニ通信
=================================================================== */
/* -----------------------------------------------------------
  header ※ブログ用
----------------------------------------------------------- */
header #logo {
  max-width: 180px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  header #logo {
    float: none;
    max-width: 200px;
    margin-bottom: 0;
  }
}

/* -----------------------------------------------------------
  #title ※ブログ用
----------------------------------------------------------- */
div#title {
  background: none;
  background-color: #7aad51;
  margin-bottom: 30px;
}
div#title h2 {
  text-align: center;
}
div#title h2 a {
  color: #fff;
  text-decoration: none;
}

/* -----------------------------------------------------------
	#blog
----------------------------------------------------------- */
#blog #container {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
#blog #container #content .blog .blogbody {
  margin: 20px 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #333;
}
#blog #container #content .blog .blogbody .date {
  font-size: .9em;
  text-align: right;
  margin-bottom: 7px;
  font-weight: bold;
}
#blog #container #content .blog .blogbody .title {
  background: #7aad51;
  color: #fff;
  font-size: 1.4em;
  padding: 5px;
  margin-bottom: 20px;
}
#blog #container #content .blog .blogbody .title a {
  color: #fff;
}
#blog #container #content .blog .blogbody .main {
  margin-bottom: 20px;
  padding: 0 20px;
}
#blog #container #content .blog .blogbody .main-continues {
  display: inline-block;
  margin: 20px 0;
}
#blog #container #content .blog .blogbody .main-continues a {
  display: block;
  padding: 15px;
  border: 2px solid #75AD53;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: bold;
}
#blog #container #content .blog .blogbody h3 {
  padding: 0.5em 0;
  border-top: solid 3px #7AAD51;
  border-bottom: solid 3px #7AAD51;
  font-size: 1.4em;
}
#blog #container #content .blog .blogbody h4 {
  position: relative;
  padding: 0.6em;
  background: #b5eab5;
}
#blog #container #content .blog .blogbody h4:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #b5eab5;
  width: 0;
  height: 0;
}
#blog #container #content .blog .blogbody .posted {
  text-align: right;
  font-size: .8em;
}
#blog #container #content .blog .blogbody .tbl_basic {
  margin: 30px 0;
}
#blog #container #content .blog .blogbody .tbl_basic tbody td textarea {
  width: 100%;
  min-height: 200px;
}
#blog #container #content .blog .blogbody .btn_submit {
  margin-bottom: 30px;
}
#blog #container #content .blog .blogbody .btn_submit .comments-body {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  #blog #container {
    margin-bottom: 70px;
    overflow: hidden;
  }
  #blog #container #content {
    float: left;
    width: 80%;
    padding-right: 50px;
  }
  #blog #container #links {
    float: right;
    width: 20%;
  }
}
@media only screen and (min-width: 1281px) {
  #blog .main-continues a:hover {
    background: #d7ffb9;
  }
}
@media print {
  #blog .main-continues a:hover {
    background: #d7ffb9;
  }
}
.ie8 #blog .main-continues a:hover {
  background: #d7ffb9;
}

/* -----------------------------------------------------------
  #links
----------------------------------------------------------- */
#links .profile,
#links .ad,
#links .category,
#links .recententry_img,
#links .comment,
#links .search,
#links .rss {
  margin-bottom: 30px;
}
#links .profile .sidetitle,
#links .ad .sidetitle,
#links .category .sidetitle,
#links .recententry_img .sidetitle,
#links .comment .sidetitle,
#links .search .sidetitle,
#links .rss .sidetitle {
  background: #7aad51;
  color: #fff;
  padding: 5px;
  margin-bottom: 15px;
}
#links .profile .photo {
  text-align: center;
}