@charset "utf-8";
/*
-----------------------------------------

 【CSS編集 目次】

　(1) 文字のスタイル
　(2) ボタンのスタイル
　(3) エリアのスタイル
　(4) その他、拡張

  ※CSS編集で広告を修正しないでください
  （規約違反に該当する可能性があります）

-----------------------------------------
*/



/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::

＊:::＊:::＊:::＊


　(1) 文字のスタイル


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::

＊:::＊:::＊:::＊
*/




/* (1-1) 全体の文字
--------------------------------------------*/


/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{color:#000000;font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;}

.articleText
{font-family:’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’
,'メイリオ’,Meiryo,’ＭＳ Ｐゴシック’,sans-serif; line-height:150%;
font-size:80%; /* 文字の大きさ */
line-height:1.8; /* 行間の調整 */
 }



/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{color:#9A396B;}


/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited
{color:#B35787;}


/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,
.skinBlock a:focus,.skinBlock 
a:hover,a:focus,a:hover{color:#cc0033;}


/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor
{color:#604040;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;font-weight:bold;}


/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor,.skinBaseStrongColor
{color:#e93434;font-weight:bold;}



/* (1-2) ブログタイトル文字
--------------------------------------------*/
 
.skinTitleArea{ /* ブログタイトルを消す */
  display:none;
}
.skinDescriptionArea{ /* ブログ説明文を消す */
  display:none;
}



/* (1-3) 記事／メッセージボード内の文字のスタイ

ル
--------------------------------------------*/

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{font-weight:bold;color:#8f8c8c;
}

/* (1-4) サイドバー内の文字のスタイル
--------------------------------------------*/

/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{
color:#808080;
font-size:1.05em;font-weight:bold;}






/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::

＊:::＊:::＊:::＊




 (2) ボタンのスタイル
 ※ボタンの背景画像や文字の色などを指定


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::

＊:::＊:::＊:::＊
*/


/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/


/* ボタンの背景画像 ※[横180px 縦35px]のボタンの

背景画像を指定 */
.skinImgBtnM{
background-image:url();}


/* ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{color:#808080 !
important;}




/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/


/* アイコン付き ボタンの背景画像 ※[横128px 縦

28px]のボタンの背景画像を指定 */
.skinImgBtnS{background-image:url(//stat.ameba.jp/user_images/20170123/05/re-creation358/72/c1/p/o0128002813851703958.png);
}



.skinImgBtnS:hover span,.skinImgBtnS:focus span,.skinImgBtnS span{background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_gray.png);
color:#ffffff !important;/* ←ボタンの文字色 */
ngタンの文字色 */
}




/* (2-3) ページ送りボタンの  << 次へ 、前へ >> 

、「次の記事タイトル」 >> ボタン
--------------------------------------------*/


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{border:1px solid #dddddd;background-image:url(//stat.ameba.jp/user_images/20170123/05/re-creation358/74/66/p/o0128002813851704571.png);color:#ffffff !important;
}


/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus
{background:#808080;}





/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::

＊:::＊:::＊:::＊


 (3) エリアのスタイル
 ※背景画像、サイズ、ボーダーなどを各部分ごとに指定


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::

＊:::＊:::＊:::＊
*/



/* (3-1) ボディ（全体）
--------------------------------------------*/


/* skinBody ボディ */
.skinBody{background-image: url();
background-color: #f8f8f8;
background-repeat:repeat;
background-size: ;
background-position:;
background-attachment: ;
}/* ←ブログ全体に背景を敷きたいとき */
.skinBody2{}
.skinBody3{}




/* (3-2) ブログヘッダー
--------------------------------------------*/


/* skinHeaderArea ブログヘッダー982pxエリア */
.skinHeaderArea{height:250px; background:url(https://stat.blogskin.ameba.jp/blogskin_images/20171029/10/d2/BJ/p/o09850252re-creation3581509241127271.png); no-repeat 50% 50%; margin-bottom:-40px;}/* ←ブログヘッダーに背景画像を敷きたいとき */


/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{dispray:none;}


/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{padding-bottom:130px;dispray:none;
}


/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{padding:80px 50px 800px 470px;}


/* (3-3) コンテンツエリア
--------------------------------------------*/


/* skinContentsArea コンテンツ980pxエリア */
.skinContentsArea{
/* 注 ベースのcssにwidth:980px;の記述有り */
}




/* (3-4) メインエリア
--------------------------------------------*/


.skinMainArea{}




/* (3-5) メッセージボード
--------------------------------------------*/

.skinMessageBoard{
border-top:0px dotted #979797;border-bottom:1px dotted #979797;/* 
margin-top:-30px; background: #f8f8f8;
←メッセージボードに背景を敷きたいとき */
}
.skinMessageBoard2{}
.skinMessageBoard3{padding:16px 30px;
margin-top:-1px;
}



/* (3-6) 記事
--------------------------------------------*/

/* skinArticle 記事エリア */
.skinArticle{background: url() right top no-repeat #ffffff;/* 注　ベースのcssにmargin-bottom の記述有り */
padding:10px 10px;border:1px solid #3B5758;
font-size:1.0em; /* 文字の大きさ */
line-height:1.8; /* 行間の調整 */
}


.skinArticle2 {}
.skinArticle3{}


/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 0px -30px 0;padding-left:70px;/* ←画像の横幅+タイトルまでの余裕　*/
background-image:url(//stat.ameba.jp/user_images/20170123/06/re-creation358/7a/80/p/o0047006013851720758.png);
height:70px;
font-size : 14px; /* ←文字の大きさ */
font-weight : bold; /* ←文字の太さ（太文字） */
text-align: left; /* ←文字の位置（左寄せ） */
padding : 20px 0px 0px 50px; /* ←ボックス内側余白、上右下左の順 */
background-repeat : no-repeat;
border-left:none; /* ←ボックス左側の灰色部分消し */
padding-bottom:5px;
}

.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody
{font-size:1.0em; /* 文字の大きさ */
line-height:1.8; /* 行間の調整 */
}

skinArticleBody2{}


/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter{margin:1px 1px 0;
border-top:0px dotted #949494;
}





/* (3-7) サイドバーエリア
--------------------------------------------*/


.skinSubArea{} /* サイドバーエリア共通 */
.skinSubA{} /* 300pxのサイドバーエリア */
.skinSubB{} /* 180pxのサイドバーエリア */





/* (3-8) サイドバー　メニュー
--------------------------------------------*/


/* skinMenu サイドバー　メニューのエリア */
.skinMenu{
/* 注　ベースのcssに margin-bottom の記述有り */
background-color:#ffffff; /* ←サイドメニューに背景を敷きたいとき */
}
.skinMenu2{}


/* skinMenuHeader サイドメニュータイトルエリア 

*/
.skinMenuHeader{/* ←サイドメニューのタイトルに

背景を敷きたいとき */
width: 307px;
height: 45px;
display: block;
background-position: left top;
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0;
margin-top:-1px;
margin-bottom:10px;
}


.profileMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20170224/18/re-creation358/0a/33/g/o0301004513876190682.gif);}

.recentEntriesMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20170224/18/re-creation358/d4/05/g/o0301004513876190686.gif);}

.themeMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20170224/18/re-creation358/1b/e9/g/o0301004513876191981.gif);}

.archiveMenu .skinMenuHeader {background-image:url(//stat.ameba.jp/user_images/20170224/18/re-creation358/9e/45/g/o0301004513876191977.gif);}

.rankingMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20170213/15/luckystar358/35/c4/g/o0301004513867768735.gif);}

.bookmarkMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20170224/18/re-creation358/92/b1/g/o0301004513876191980.gif);}

.skinMenu.calendarMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20171029/11/re-creation358/ac/2b/g/o0301004514058522416.gif);}


.favoriteMenu .skinMenuHeader {background-image: url(https://stat.ameba.jp/user_images/20170224/18/re-creation358/92/b1/g/o0301004513876191980.gif);}

.recentCommentMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20170213/15/luckystar358/78/7d/g/o0301004513867772708.gif);}

.readerMenu .skinMenuHeader {background-image: url(//stat.ameba.jp/user_images/20170224/18/re-creation358/e8/47/g/o0301004513876190684.gif);
}


/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin:1px;
padding:10px;
border-style:1px dotted;
}



/* (3-9) サイドバーの　リスト画像、ボーダー　※

要素のbottomに指定すること
--------------------------------------------*/


.skinSubHr,
.skinSubList li{
margin-bottom:5px;
padding-bottom:10px;
border-bottom:1px dotted;
}



/* (3-10) コメント欄、記事一覧などの一覧
--------------------------------------------*/


/* 背景色 */
.skinBgColor,.skinBaseBgColor,.skinBlock{
background-color:#ffffff;
}


/* 弱い背景色 */
.skinWeakBgColor,.skinBaseWeakBgColor{
background-color:#ffffff;
}


/* 強い背景色 */
.skinStrongBgColor,.skinBaseStrongBgColor{
background-color:#ffffff;
}


/* 枠線の色 */
.skinBorderColor,.skinBaseBorderColor,.skinBlock

{
border-color:#dddddd;
}


/* 境界線の色 */
.skinBorderHr,.skinBorderList li{
border-color:#b3b3b3;
}




/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::

＊:::＊:::＊:::＊


 (4) その他、拡張

.skinHeaderArea2,.skinBlogHeadingGroupArea{
  padding:0;
}
.skinTitle{
  display:block;
  height:190px;
}

/* ヘッダー画像をリンクする */

#header h1,.skinTitleArea{
  display:block;
  padding:0;
  text-indent:-9999px;
}
#header h1 a,.skinTitle{
  display:block;
  height:252px;
}


/* ------------------------------------------------------- */
/* テーマの前にアイコン（テーマ別）　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.rss {display: none;}

.rssBtn {background-image: none;}

.themeMenu .themeNumber10087767699 ,/* テーマの

名前 */
.themeMenu .themeNumber10087760997 ,/* テーマの

名前 */
.themeMenu .themeNumber10087760847 ,/* テーマの

名前 */
.themeMenu .themeNumber10087771405 ,/* テーマの

名前 */
.themeMenu .themeNumber10087771362 ,/* テーマの

名前 */

.themeMenu .themeNumber10087771498 ,/* テーマの

名前 */
.themeMenu .themeNumber10087771982 ,/* テーマの

名前 */
.themeMenu .themeNumber10087771958 ,/* テーマの

名前 */
.themeMenu .themeNumber10087771296 ,/* テーマの

名前 */

.themeMenu .themeNumber10084893019 ,/* テーマの

名前 */
.themeMenu .themeNumber10084893031 ,/* テーマの

名前 */
.themeMenu .themeNumber10084957882 ,/* テーマの

名前 */
.themeMenu .themeNumber10086716838 ,/* テーマの

名前 */
.themeMenu .themeNumber10085638284 ,/* テーマの

名前 */
.themeMenu .themeNumber10084893025 ,/* テーマの

名前 */
.themeMenu .themeNumber10087779353 ,/* テーマの

名前 */
.themeMenu .themeNumber10087779384 ,/* テーマの名

前 */

{
background-image:url(//stat.ameba.jp/user_images/20170123/04/re-creation358/cc/4e/g/o0301004513851701019.gif) !important;
background-repeat:no-repeat;
background-position:left;
padding-top:10px;
padding-left:15px;/* 左余白 */}


.skinContentsArea {
  position: relative;
}
#headerMenu, #headerMenu ul,
#headerMenu li, #headerMenu a {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
#headerMenu {
  position: absolute;
  line-height: 1.0;
  overflow: visible;
}
#headerMenu ul.menu {
  list-style: none;
  overflow: visible;
}
#headerMenu ul.menu:after {
  display: block;
  clear: both;
  content: ".";
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
#headerMenu ul.menu li {
  position: relative;
  display: block;
  float: left;
  overflow: visible;
}
#headerMenu ul.menu>li {
  border-style: none none none solid;
}
#headerMenu ul.menu>li:first-child {
  border: 0 none;
}
#headerMenu ul.menu li a {
  display: block;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  background-repeat: repeat;
  background-position: center center;
}
/* ▲ 通常は変更不要 (ここまで) ▲ */
/* ▼ メニューカスタマイズ (ここから) ▼ */
.skinContentsArea {
  padding-top: 55px; /* ■設置スペース確保 */
}
#headerMenu {
  top: -10px; /* ■上下位置調整 */
  left: 0px; /* ■左右位置調整 */
}
#headerMenu ul.menu li {
  font-size: 12px; /* ■文字サイズ */
  height: 49px; /* ■ボタンの高さ(上下枠線を含む) */
  line-height: 42px; /* ■ボタンの高さ(上下枠線の内側) */
}
#headerMenu ul.menu li {
  width: 193px; /* ■ボタンの幅(第一ボタン以外) */
}
#headerMenu ul.menu>li:first-child {
  width: 193px; /* ■ボタンの幅(第一ボタン) */
}
#headerMenu ul.menu>li {
  border-width: 3px; /* ■区切り線の太さ */
  border-color: #ffffff; /* ■区切り線の色 */
}
#headerMenu ul.menu li a {
  color: #000000; /* ■文字色[白](通常時) */
  font-weight: normal; /* ■太字[なし](通常時) */
  text-decoration: none; /* ■下線[なし](通常時) */
 background-image:url(https://stat.ameba.jp/user_images/20170125/13/re-creation358/3d/29/p/t01960050_0196005013853355522.png); /
 }
#headerMenu ul.menu li a:hover {
  color: #ffffff; /* ■文字色[白](オンマウス時) */
  font-weight: normal; /* ■太字[なし](オンマウス時) */
  text-decoration: underline; /* ■下線[あり](オンマウス時) */
  background:#c2c2c2 /* ■背景色[薄い青](オンマウス時) */
}
#profile .skin-profile+div {
  display: none;
}
.skinMessageBoard{background-color: #f8f8f8;
}