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

/* =========================================================
   Category
========================================================= */
/* 子育て専用ここから */
/*--------------------------------------------------------------------------------------------------------- */
/* 001.丸縁取りタイトル */
.contentGnavMenuItem .categoryTypeTodoke h2,
.contentGnavMenuItem .categoryTypeKenko h2,
.contentGnavMenuItem .categoryTypeOkane h2,
.contentGnavMenuItem .categoryTypeAzukeru h2,
.contentGnavMenuItem .categoryTypeManabu h2,
.contentGnavMenuItem .categoryTypeTsunagaru h2,
.contentGnavMenuItem .categoryTypeSodan h2,
.contentGnavMenuItem .categoryTypeHitorioya h2,
.contentGnavMenuItem .categoryTypeShogaiji h2,
.contentGnavMenuItem .categoryTypeKyukyu h2,
.contentGnavMenuItem .categoryTypeInformation h2 {
  color: #ffffff;
  background: none;
  border: none;
  background-color: #4169e1;
  border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
  behavior: url(/_themes/js/PIE.htc);
}
.contentGnavMenuItem .categoryTypeTodoke h2 a,
.contentGnavMenuItem .categoryTypeKenko h2 a,
.contentGnavMenuItem .categoryTypeOkane h2 a,
.contentGnavMenuItem .categoryTypeAzukeru h2 a,
.contentGnavMenuItem .categoryTypeManabu h2 a,
.contentGnavMenuItem .categoryTypeTsunagaru h2 a,
.contentGnavMenuItem .categoryTypeSodan h2 a,
.contentGnavMenuItem .categoryTypeHitorioya h2 a,
.contentGnavMenuItem .categoryTypeShogaiji h2 a,
.contentGnavMenuItem .categoryTypeKyukyu h2 a,
.contentGnavMenuItem .categoryTypeInformation h2 a{
  color: #ffffff;
}

/* 002.ナビページのカテゴリを横に並べる */
.contentGnavMenuItem {
  display: table;
  width: 100%;
}
.contentGnavMenuItem section {
  display: inline-block;
  vertical-align:top;
  width: 22.5%;
  margin-right: 2%;
}
/* Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 640px) {
  .contentGnavMenuItem section {
    display: inline;
  }
}

/* 003.カテゴリ記事一覧 */
.contentGpCategoryCategoryType .mo-doc-3-doc-kosodate section h2,
.contentGpCategoryCategory .mo-doc-1-doc-kosodate h2,
.contentGpCategoryCategory .mo-doc-3-doc-kosodate section h2 {
  background-color: #ffe8d1;
  /*
  background-image: url(/_themes/kosodate/piece/images/h2-bg.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
  */
  font-size: 130%;
  font-weight: bold;
  padding: 5px 0px 5px 40px;
  margin: 0px 0 20px 0;
  color: #000000;
/*
  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 .mo-doc-3-doc-kosodate .image,
.contentGpCategoryCategory .mo-doc-3-doc-kosodate .image {
  display: inline-block;
  float: left;
  width: 120px;
  margin-right: 10px;
}
.contentGpCategoryCategoryType .mo-doc-3-doc-kosodate .title_link,
.contentGpCategoryCategory .mo-doc-3-doc-kosodate .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%;
}
/* Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 640px) {
  .contentGpCategoryCategoryType .mo-doc-3-doc-kosodate .bordBody,
  .contentGpCategoryCategory .mo-doc-3-doc-kosodate .bordBody {
    display: none;
  }
}
.contentGpCategoryCategoryType .mo-doc-3-doc-kosodate .image img,
.contentGpCategoryCategory .mo-doc-3-doc-kosodate .image img {
  width: 100%;
}
.contentGpCategoryCategoryType .mo-doc-3-doc-kosodate li:after,
.contentGpCategoryCategory .mo-doc-3-doc-kosodate li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0%;
  visibility: hidden;
}
.contentGpCategoryCategoryType .mo-doc-3-doc-kosodate ul li,
.contentGpCategoryCategory .mo-doc-3-doc-kosodate 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-kosodate 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-kosodate section,
.contentGpCategoryCategory .mo-doc-3-doc-kosodate section {
  margin-bottom: 60px;
}
.contentGpCategoryCategory .mo-doc-1-doc-kosodate {
  margin-bottom: 20px;
}

/* 子育て専用ここまで */
/*--------------------------------------------------------------------------------------------------------- */

/* 子育てカスタマイズここから */
/*--------------------------------------------------------------------------------------------------------- */

/* 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 40px;
  clear: both;
  margin-bottom: 10px;
}

/* 子育てカスタマイズここまで */
/*--------------------------------------------------------------------------------------------------------- */

/* 共通部分ここから */
/*--------------------------------------------------------------------------------------------------------- */
/* 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;
}

/* 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;
}

/* 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%;
}
/* 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;
}
/* 共通部分ここまで */
/*--------------------------------------------------------------------------------------------------------- */