/* /////////////////////////////// */
/* ////////// BLOG LIST ////////// */
/* /////////////////////////////// */
#list_area { margin-bottom: 15px; }

/* BLOGのカテゴリ見出しまたはアーカイブ見出し */
.HdgBlogListCategory { margin: 15px 0; }
.HdgBlogListCategory h2 {
  padding: 7px 15px;
  background-color: #f0f0f0;
  font-size: 23px;
  font-weight: normal;
}

/* リスト記事エリア */
#list_area article {
  margin: 0;
  border-bottom: 1px gray solid;
  padding: 15px 10px;
}
#list_area article:hover { background-color: #f0f0f0; }

/* リスト記事カテゴリ */
.ListTextBox h3 {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px #071151 solid;
  padding: 2px 40px;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  color: #071151;
}

/* リスト記事タイトル */
.ListTextBox h2 {
  margin-bottom: 10px;
  border-bottom: 1px gray dotted;
  padding-bottom: 7px;
  line-height: 1.2em;
}
.ListTextBox h2 a {
  font-size: 15px;
  font-weight: bold;
  color: #444;
}

/* リストテキスト */
p.ListText { margin: 0 0 10px;}
.ListText a { color: #000; }

/* リスト記事掲載日 */
.ListReleaseDate { text-align: right; }
.ListReleaseDate time {
  display: inline-block;
  padding-left: 20px;
  background: url(/img/com/ps01/ic-blog-clock.png) 0px center no-repeat;
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
}

/* PC or スマホ
--------------------------- */
/* -- PC -- */
@media screen and (min-width: 768px) {
  #list_area article { overflow: hidden; }
  .ListImageBox {
    float: left;
    width: 210px;
    text-align: center;
  }
  .ListImageBox img { width: 210px; }
  .ListTextBox { margin: 0 0 0 230px; }
}
/* -- スマホ -- */
@media screen and (max-width: 767px) {
  .ListImageBox { text-align: center; }
  .ListImageBox img { width: 100%; max-width: 300px; }
  .ListTextBox { margin: 0; }
}

/* ///////// PAGE NAVI ///////// */
#list_page_navi_area {
  clear: both;
  margin-bottom: 70px;
  text-align: center;
}
#list_page_navi_area span,
#list_page_navi_area a {
  display: inline-block;
  margin: 0 5px 5px 0;
  border: 1px #ff8900 solid;
  padding: 10px 15px;
  color: #ff8900;
}
#list_page_navi_area a:hover {
  background-color: #ff8900;
  color: #fff;
  text-decoration: none;
}
span#current_num {
  border: 3px #071151 solid;
  font-weight: bold;
  color: #071151;
}

/* /////////////////////////////// */
/* //////// BLOG ARTICLE ///////// */
/* /////////////////////////////// */
.HdgBlogCategory {
  margin-bottom: 10px;
}
.HdgBlogCategory h2 {
  display: inline-block;
  border: 1px #ff8900 solid;
  padding: 2px 40px;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  color: #ff8900;
}

.HdgBlogTitle {
  margin-bottom: 5px;
  border-bottom: 3px gray dotted;
}
.HdgBlogTitle h1 { font-size: 23px; }

.ReleaseDate {
  margin-bottom: 20px;
  text-align: right;
}
.ReleaseDate time {
  display: inline-block;
  padding-left: 20px;
  background: url(/img/com/ps01/ic-blog-clock.png) 0px center no-repeat;
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
}

/* list image on article */
#article_image { margin-bottom: 20px; }
#article_image img { width: 100%; max-width: 100%; }

/* 記事本文エリア */
#article_detail { margin-bottom: 50px; }
#article_detail img { max-width: 100%; }

/* /////////////////////////////// */
/* /////// BLOG SIDE AREA //////// */
/* /////////////////////////////// */
form#search_form {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #f5f5f5;
}
input#fws {
  border: 3px gray solid;
  padding: 2px;
  width: 230px;
  height: 20px;
  background-color: #fff;
}
button#search_button {
  float: right;
  display: inline-block;
  margin: 0;
  border-radius: 3px;
  border-style: none;
  border-bottom: 3px #8a0000 solid;
  width: 30px;
  height: 30px;
  background: #d9171f url(/img/com/ps01/ic-btn-loupe.png) center center no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}
button#search_button:hover {
  margin-top: 2px;
  border-bottom: 1px #8a0000 solid;
  background-color: #e32129;
}

h4.BlogSideHeading {
  background-color: #8fc900;
  padding: 7px 0;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
}

ul.BlogSideList {
  margin: 0 0 15px;
  padding: 0;
  list-style-type: none;
}
.BlogSideList li { border-bottom: 1px gray dotted; }
.BlogSideList li a {
  display: block;
  padding: 7px 5px;
  font-size: 13px;
  color: #000;
}
.ArticleIcon li a {
  padding-left: 25px;
  background: url(/img/com/ps01/ic-blog-article.png) 5px 9px no-repeat;
}
.FolderIcon li a {
  padding-left: 27px;
  background: url(/img/com/ps01/ic-blog-folder.png) 5px 8px no-repeat;
}