.main_article {
  border: 1px solid #d9d9d9;
}

.header_area {
  color: #2a5f00;
  font-weight: 700;
  background-color: #ddeccc;
}
.header_area h1 {
  font-size: 24px;
  border-bottom: 1px solid #b1ca99;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}
.header_area h2 {
  font-size: 16px;
}

.main_content .h_top {
  border: 1px solid #d9d9d9;
  padding: 8px 0 2px;
  margin-bottom: 0.8em;
  font-weight: 700;
  overflow: hidden;
}
.main_content .h_top h2 {
  border-bottom: 2px solid #79b735;
  padding: 0 12px;
}
.main_content .h_top .time {
  font-size: 0.7em;
  margin-top: 0.35em;
}
.main_content > h3 {
  font-weight: 700;
  border-left: 3px solid #79b735;
  padding-left: 12px;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
}
.main_content > img {
  margin-bottom: 1.5em;
}
.main_content .content_footer {
  text-align: right;
}
.main_content .content_footer a {
  display: inline-block;
  background: #6ca32f url("../img/common/arrow_right_circle_green2.png") 93% center no-repeat;
  text-decoration: none;
  padding: 7px 20px;
  padding-right: 40px;
  color: #ffffff;
}
.main_content .content_footer a:hover {
  background-color: #79b735;
}

.profile_area {
  background: #e6e6e6 url("../img/common/arrow_down_black.png") center 99% no-repeat;
  padding: 15px;
  margin-bottom: 25px;
}
.profile_area .photo {
  float: left;
}
.profile_area .content h2 {
  font-weight: 700;
  margin-bottom: 1em;
}
.profile_area .toggle_detail_profile {
  display: block;
  text-align: center;
  padding: 3px 0;
  background-color: #c1c1c1;
  clear: both;
  margin: 0 -15px;
  margin-bottom: -15px;
  cursor: pointer;
}
.profile_area .toggle_detail_profile:hover {
  background-color: #cecece;
}

@media print {
  .main_article {
    width: 850px;
    margin: auto;
    margin-bottom: 26px;
    padding: 25px;
    overflow: hidden;
  }
  .bnr_area {
    width: 900px;
    margin: auto;
  }
  .header_area {
    margin: -25px;
    margin-bottom: 25px;
    padding: 25px;
  }
  .main_content .h_top {
    font-size: 18px;
  }
  .main_content .h_top .time {
    float: right;
  }
  .profile_area .photo {
    margin-right: 25px;
    width: 100px;
  }
  .profile_area .content {
    width: 695px;
    float: left;
    padding-bottom: 1em;
  }
}
@media screen and (min-width: 741px) {
  .main_article {
    width: 850px;
    margin: auto;
    margin-bottom: 26px;
    padding: 25px;
    overflow: hidden;
  }
  .bnr_area {
    width: 900px;
    margin: auto;
  }
  .header_area {
    margin: -25px;
    margin-bottom: 25px;
    padding: 25px;
  }
  .main_content .h_top {
    font-size: 18px;
  }
  .main_content .h_top .time {
    float: right;
  }
  .profile_area .photo {
    margin-right: 25px;
    width: 100px;
  }
  .profile_area .content {
    width: 695px;
    float: left;
    padding-bottom: 1em;
  }
}
@media (max-width: 740px) {
  .main_article {
    padding: 12px;
    margin: 0 3%;
    margin-bottom: 25px;
  }
  .header_area {
    margin: -12px;
    margin-bottom: 12px;
    padding: 12px;
  }
  .header_area h1 {
    font-size: 18px;
  }
  .header_area h2 {
    font-size: 14px;
  }
  .main_content .h_top {
    font-size: 14px;
  }
  .main_content .h_top .time {
    display: block;
    text-align: right;
  }
  .main_content .content_footer {
    text-align: center;
  }
  .profile_area .photo {
    margin-right: 12px;
  }
}