@charset "utf-8";
/*
-----------------------------------------

 【CSS編集 目次】

　(1) 文字のスタイル
　(2) ボタンのスタイル
　(3) エリアのスタイル
　(4) その他、拡張

  ※CSS編集で広告を修正しないでください
  （規約違反に該当する可能性があります）

-----------------------------------------
*/

/* ========== (1) 文字のスタイル ========== */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{ color:#333333; }
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{ color:#0066cc; }
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{ color:#996699; }
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{ color:#ff3366; }
.skinWeakColor,.skinBaseWeakColor{ color:#999999; }
.skinStrongColor,.skinBaseStrongColor{ color:#ff3399; }
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{ color:#000000; font-weight:bold; font-size:2.11em; }
.skinDescription{ color:#333333; }
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{ font-size:1.31em; font-weight:bold; color:#0066cc; }
.skinMenuTitle{}

/* ========== (2) ボタンのスタイル ========== */
.skinImgBtnM{ background-image:url(https://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png); }
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{ color:#333333 !important; }
.skinImgBtnS{ background-image:url(https://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_s.png); }
.skinImgBtnS:hover span,.skinImgBtnS:focus span,.skinImgBtnS span{
  background-image:url(https://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png);
  color:#333333 !important;
}
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
  border:1px solid #dddddd;
  background:#ffffff;
  color:#0066cc !important;
}
.skinSimpleBtn:hover,.skinSimpleBtn:focus{ background:#f7f7f7; }

/* ========== (3) エリアのスタイル ========== */
.skinMessageBoard{
  border-top:1px dotted #979797;
  border-bottom:1px dotted #979797;
  background:#ffffff;
}
.skinMessageBoard3{ padding:16px 30px; }
.skinArticle{
  padding:16px 0;
  border:1px solid #dddddd;
  background:#ffffff;
}
.skinArticleHeader{
  margin:0 29px;
  padding:2px 10px;
  border-left:5px solid #e4e4e4;
}
.skinArticleBody2{ margin:0 29px; }
.skinArticleFooter{
  margin:10px 29px 0;
  border-top:1px dotted #949494;
}
.skinMenu{
  background:#f7f7f7;
}
.skinMenuHeader{
  padding:5px 10px;
  background:#e4e4e4;
}
.skinMenuBody{
  margin:10px;
  padding:10px;
  background:#ffffff;
}
.skinSubHr,.skinSubList li{
  margin-bottom:3px;
  padding-bottom:3px;
  border-bottom:1px dotted #b3b3b3;
}
.skinBgColor,.skinBaseBgColor,.skinBlock{ background-color:#ffffff; }
.skinWeakBgColor,.skinBaseWeakBgColor{ background-color:#f7f7f7; }
.skinStrongBgColor,.skinBaseStrongBgColor{ background-color:#f7f7f7; }
.skinBorderColor,.skinBaseBorderColor,.skinBlock{ border-color:#dddddd; }
.skinBorderHr,.skinBorderList li{ border-color:#b3b3b3; }

/* ========== (4) その他、拡張 ========== */
.skinHeaderArea{
  background:url(https://stat.blogskin.ameba.jp/blogskin_images/20230311/15/92/nR/p/o11200400repeatcounseling1678516341224.png) left top no-repeat;
  background-size:100%;
  height:400px;
  margin-bottom:10px;
}
.skinBlogHeadingGroupArea{ padding:20px 0 30px; }
.skinTitleArea{ padding-bottom:4px; display: none; }
.skinDescriptionArea{ display: none; }

/* ▼▼▼ここからメニューバーの設置▼▼▼ */
.skinContentsArea{
  padding-top:70px;
  position:relative;
}
#menubar{
  width:980px;
  position:absolute;
  margin:0;
  padding:0;
  top:0px;
  left:0px;
}
#menubar ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#menubar ul.menu li{
  display:block;
  float:left;
  margin:0;
  padding:0;
  text-align:center;
  width:194px;
  line-height:50px;
  border:1px solid #ffffff;
  background-color:#ffffff; /* ← 修正済み：背景を白に */
}
#menubar ul.menu li a{
  display:block;
  font-size:14px;
  color:#A1A3A6; /* ← 修正済み：文字色をグレーに */
  font-weight:bold;
  text-decoration:none;
}
#menubar ul.menu li a:hover{
  color:#A1A3A6; /* ← 修正済み：ホバー時も同じ色に */
  font-weight:bold;
  text-decoration:underline;
  background-color:#f2f2f2; /* ← 修正済み：ホバー背景を薄グレーに */
}
/* ▲▲▲ここまでメニューバーの設置▲▲▲ */
