@charset "UTF-8";
@import "../../base/init.css";
@import "../../base/style.css";
@import "../piece/style.css";

/* =========================================================
   Category
========================================================= */
/* 移住カスタマイズここから */
/*--------------------------------------------------------------------------------------------------------- */

/* 9.ヘッダー */
.contentGpCategoryCategoryType .mo-doc-3-doc section h2,
.contentGpCategoryCategory .mo-doc-1-doc h2,
.contentGpCategoryCategory .mo-doc-3-doc section h2 {
  background: none;
  border-style: solid none dotted none;
  border-width: 5px 0px 1px 0px;
  border-color: #cccccc;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 3px;
}
.contentGpCategoryCategoryType section {
  margin-bottom: 40px;
}
.contentGpCategoryCategoryType section li {
/*
  width: 278px;
  float: left;
*/
}
.contentGpCategoryCategoryType .mo-doc-3-doc .image,
.contentGpCategoryCategory .mo-doc-3-doc .image {
  display: inline-block;
  float: left;
  width: 120px;
  margin-right: 10px;
}
.contentGpCategoryCategoryType .mo-doc-3-doc .title_link,
.contentGpCategoryCategory .mo-doc-3-doc .title_link {
  background-image: url(/_themes/base/images/ic-list02.gif);
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding-left: 12px;
  font-size: 120%;
}
/* 移住カスタマイズここまで */
/*--------------------------------------------------------------------------------------------------------- */

/* 共通部分ここから */
/*--------------------------------------------------------------------------------------------------------- */
/* 1.ナビTOPページ、カテゴリTOPページにおける要素の表示 */
.contentGnavMenuItems h2,
.contentGpCategoryCategoryTypes h2 {
  background: none;
  border: none;
  font-size: 100%;
  font-weight: normal;
  padding: 0 0 0 12px;
  background-image: url(/_themes/base/images/ic-list03.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  margin-bottom: 3px;
}
/* 2.ナビTOPページ、カテゴリTOPページにおける要素の並べ方 */
.contentGnavMenuItems section,
.contentGpCategoryCategoryTypes section {
  float: left;
  width: 278px;
}
/* 3.ナビページ、カテゴリ汎用TOP及びカテゴリページにおける親要素の表示 */
.contentGnavMenuItem h2,
.contentGpCategoryCategoryType h2,
.contentGpCategoryCategory h2 {
  border-style: none none solid solid;
  border-width: 0px 0px 1px 4px;
  border-color: #cccccc;
  font-size: 130%;
  font-weight: normal;
  color: #000000;
  padding: 10px 0px 10px 10px;
  clear: both;
  margin-bottom: 10px;
}
/* 4.ナビページ、カテゴリ汎用TOP及びカテゴリページにおける子要素の表示 */
.contentGnavMenuItem ul li,
.contentGpCategoryCategory .docs ul li,
.contentGpCategoryCategoryType ul li {
  padding-left: 12px;
  background-image: url(/_themes/base/images/ic-list03.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  margin-bottom: 5px;
}
/* 5.ナビページ、カテゴリ汎用TOP及びカテゴリページにおける子要素の並べ方 */
.contentGnavMenuItem li,
.contentGpCategoryCategoryType .categoryType li {
  width: 278px;
  float: left;
}
/* 6.ナビページ、カテゴリ汎用TOP及びカテゴリページにおける下マージン */
.contentGnavMenuItem ul,
.contentGpCategoryCategoryType .categoryType ul {
  margin-bottom: 40px;
}
/* 7.ナビページ、カテゴリ汎用TOP及びカテゴリページにおけるフロートの解除 */
.contentGnavMenuItem ul:after,
.contentGpCategoryCategoryType section ul:after,
.contentGpCategoryCategoryType .categoryType ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0%;
  visibility: hidden;
}

/* 8.カテゴリページにおける記事一覧の表示 */
.contentGpCategoryCategoryType section .docs ul li,
.contentGpCategoryCategory section .docs ul li {
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px;
  border-color: #eeeeee;
  padding-left: 12px;
  background-image: url(/_themes/base/images/ic-list02.gif);
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  margin-bottom: 8px;
  float: none;
  width: auto;
}
.contentGpCategoryCategory ul {
  padding-left: 8px;
}


/* 10.Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 640px) {
  .contentGpCategoryCategoryType .mo-doc-3-doc .bordBody,
  .contentGpCategoryCategory .mo-doc-3-doc .bordBody {
    display: none;
  }
}
.contentGpCategoryCategoryType .mo-doc-3-all a.doc_link,
.contentGpCategoryCategory .mo-doc-3-all a.doc_link {
  text-decoration: none;
}
.contentGpCategoryCategoryType .mo-doc-3-doc .image img,
.contentGpCategoryCategory .mo-doc-3-doc .image img {
  width: 100%;
}
.contentGpCategoryCategoryType .mo-doc-3-doc li:after,
.contentGpCategoryCategory .mo-doc-3-doc li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0%;
  visibility: hidden;
}
/* 11.記事一覧 */
.contentGpCategoryCategoryType .mo-doc-3-doc ul li,
.contentGpCategoryCategory .mo-doc-3-doc ul li {
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px;
  border-color: #eeeeee;
  padding-left: 0px;
  background: none;
  padding-bottom: 5px;
  margin-bottom: 8px;
  float: none;
  width: auto;
}
.contentGpCategoryCategory .mo-doc-1-doc ul li,
.contentGpCategoryCategory .mo-doc-5-doc ul li,
.contentGpCategoryCategory .mo-doc-7-doc ul li {
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px;
  border-color: #eeeeee;
  padding-left: 12px;
  background-image: url(/_themes/base/images/ic-list02.gif);
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  margin-bottom: 8px;
  float: none;
  width: auto;
}
.contentGpCategoryCategoryType .mo-doc-3-doc section,
.contentGpCategoryCategory .mo-doc-3-doc section,
.contentGpCategoryCategory .mo-doc-7-doc section,
.contentGpCategoryCategory .docs {
  margin-bottom: 60px;
}
.contentGpCategoryCategory .mo-doc-1-doc {
  margin-bottom: 20px;
}

/* 12.さらに絞り込むブロックの表示
----------------------------------------------- */
#categoryList {
  margin-bottom: 30px;
}
#categoryList .pieceBody:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0%;
  visibility: hidden;
}
#categoryList section {
  float: left;
  width: 225px;
}
#categoryList h2,
#categoryTitle h2 {
  background-color: #015db2;
  border: none;
  color: #ffffff;
  font-size: 120%;
  margin-bottom: 10px;
}
#categoryList h3 {
  border: none;
  font-size: 100%;
  font-weight: normal;
  background-image: url("/_themes/base/images/ic-list03.gif");
  background-position: left 10px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 12px;
  margin-bottom: 3px;
}
/* 13.facebook
----------------------------------------------- */
#facebookWall {
  100%!important;
}
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span { 
  width: 100%!important;
}
/* 14.Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 640px) {
  .contentGpCategoryCategory ul {
    padding-left: 0px;
    padding-right: 8px;
  }
}
/* 15.記事パネル表示 */
.contentGpCategoryCategory .mo-doc-2-doc-image li {
  float: left;
  margin: 0 20px 20px 0;
  padding: 0;
  position: relative;
  width: 220px;
}
.contentGpCategoryCategory .mo-doc-2-doc-image ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0%;
  visibility: hidden;
}
.contentGpCategoryCategory .mo-doc-2-doc-image li .doc {
  background-color: #ffffff;
  border: 1px solid #e3ddd8;
  padding: 10px 9px 50px;
  position: relative;
  height: 250px;
}
.contentGpCategoryCategory .mo-doc-2-doc-image li .image {
  /*border: 1px solid #e3ddd8;*/
  display: block;
  height: 200px;
  overflow: hidden;
  width: 200px;
}
.contentGpCategoryCategory .mo-doc-2-doc-image li .publish_date {
  color: #d25b19;
  display: block;
  font-size: 90%;
}
.contentGpCategoryCategory .mo-doc-2-doc-image li .title {
  color: #2b2b2b;
  margin-bottom: 20px;
}
/* 16.開きページ形式用
----------------------------------------------- */
.contentGpCategoryCategory div.publishDate {
  text-align: right;
  margin-bottom: 25px;
}
/* 共通部分ここまで */
/*--------------------------------------------------------------------------------------------------------- */