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

 【CSS編集 目次】

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

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

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


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


　(1) 文字のスタイル


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


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


/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#333333;
}

.articleText{
  font-size:13px;
  line-height: 2.0;
}


/* リンク */
.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;
}


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



/* (1-2) ブログタイトル文字
--------------------------------------------*/


/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#000000;
font-weight:bold;
font-size:2.11em;
}


/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333333;
}


/*ブログの説明を改行*/
.skinHeaderArea h2{
white-space:pre;
}



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

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.31em;
font-weight:bold;
color:#0066cc;
}



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

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



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


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


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


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


/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}


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




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


/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_s.png);
}



.skinImgBtnS:hover span,.skinImgBtnS:focus span,.skinImgBtnS span{
/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
*/
background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png);
color:#333333 !important;/* ←ボタンの文字色 */
}




/* (2-3) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
--------------------------------------------*/


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #dddddd;
background:#ffffff;
color:#0066cc !important;
}


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


/* 記事上下の画像一覧ボタンを消す */
.imageListBtn{display:none !important;}
/* ブログトップへボタンを消す */
/* .blogTopBtn{display:none !important;} */



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


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


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



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


/* skinBody ボディ */
.skinBody{}/* ←ブログ全体に背景を敷きたいとき */
.skinBody2{}
.skinBody3{}

/* メイリオフォントでやわらかく */
body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
line-height:1.7;
}



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


/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいとき */


/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
padding:20px 0 30px;
}


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


/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{}



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


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




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


.skinMainArea{}




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


.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border-top:1px dotted #979797;
border-bottom:1px dotted #979797;
background:#ffffff;/* ←メッセージボードに背景を敷きたいとき */
line-height:1.8; /* 1行の高さ(何文字分？) */
font-size:1.2em;

}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 30px;
}




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

/* skinArticle 記事エリア */
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
padding:16px 0;
/* border:1px solid #dddddd; */
background:#ffffff;/* ←記事に背景を敷きたいとき */

/* 記事エリアの仕切り線を角丸・影付きにする */
box-shadow: 3px 3px 3px #999999; border-radius:10px;

}
.skinArticle2{}
.skinArticle3{}



/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 16px;
padding: 5x 10px  ;/* 記事タイトルの余白 */
border-left:5px solid #000000 ;/* 左の縦線 */
border-bottom:0px solid #000000;  /* 下の縦線 */
background-color:#F6FFF6;  /* 記事タイトル背景 */
}

/* .skinArticleHeader{ */
/* margin:0 29px; */
/* padding:2px 10px; */
/* border-left:5px solid #e4e4e4; */
/* } */
.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody{
  line-height:2.0; /* 1行の高さ(何文字分？) */
}

.skinArticleBody2{
  margin:0 16px;
}


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

/* フッターナビを非表示にする */
.footerNav{
display:none!important;
}


/* モバイル以外は非表示 */
.mobile {display:none;}



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


.skinSubArea{} /* サイドバーエリア共通 */

/* サイドメニューの頭の余白を揃える */
.skinSubA{margin-top:-35px;} /* 300pxのサイドバーエリア */
.skinSubB{margin-top:20px;} /* 180pxのサイドバーエリア */

/* サイドバーのリストにリストマークをつける */
/* 
.skinSubArea .themeMenu ul,.skinSubArea .themeMenu li,
.skinSubArea .archiveMenu ul,.skinSubArea .archiveMenu li,
.skinSubArea .recentCommentMenu ul,.skinSubArea .recentCommentMenu li,
.skinSubArea .bookmarkMenu ul,.skinSubArea .bookmarkMenu li,
.skinSubArea .favoriteMenu ul,.skinSubArea .favoriteMenu li,
.skinSubArea .readerMenu ul,.skinSubArea .readerMenu li,
.skinSubArea .recentEntriesMenu ul,.skinSubArea .recentEntriesMenu li{
list-style-type: disc;
overflow:visible;
margin-left:5px;
}
*/



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

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


/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
padding:5px 10px;
background:#00cc99;/* ←サイドメニューのタイトルに背景を敷きたいとき */
}


/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin: 0px;  /* マージン0で縁をなくす */
padding: 5px;  /* 余白 */
background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */
}


/* テーマリストの行頭を下げる */
.themeMenu li{
margin-left:3px;
}
/* 小見出しをつける */
.themeMenu li.categorytitle{
border-bottom:2px solid #000000;  /* 下線 */
margin-left:0px;
padding-top:5px;
}
/* 不要なテーマを、リストから非表示にする */
li.themeNumber10025750615{
display:none;
}


/* プロフィールの設定 */
/* なう */
.profileMenu .nowQuote{display:none;}

/* プロフィール画像 */
.profileMenu .userProfileImageArea{display:none;}

/* プロフィール｜ピグの部屋のみ */
.profileMenu .profileUserPages{display:none;}

/* 読者になる */
/* .profileMenu .profileBtnArea>li:first-child{display:none;}　 */

/* アメンバーになる */
.profileMenu .profileBtnArea>li:first-child+li{display:none;}

/* メッセージを送る */
.profileMenu .profileBtnArea>li:first-child+li+li{display:none;}

/* プレゼントを贈る */
.profileMenu .profileBtnArea>li:first-child+li+li+li{display:none;}





/* (3-9) サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること
--------------------------------------------*/


.skinSubHr,
.skinSubList li{
margin-bottom:8px;
padding-bottom:3px;
border-bottom:1px dotted #b3b3b3;
}

/* サイドバーのリストの行間 */
ul.skinSubList li{
margin-bottom:10px; /* 下マージン */
}

/* サイドバーのプラグインのリスト化 */
.skinSubListB li{
margin-bottom:8px;
padding-bottom:3px;
border-bottom:1px dotted #b3b3b3;
padding-left:3em;
text-indent:-3em;
}
.skinSubListB li.ranktitle{
border-bottom:2px solid #000000;  /* 下線 */
margin-left:0px;
padding-top:10px;
}


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


/* 背景色 */
.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) グローバルメニュー


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


/* ▼▼▼ 変更しない */
/* ヘッダー下にグローバルナビ(グローバルメニュー)を設置する */
#wrap,.skinContentsArea{
  position:relative;
}
#headerMenu{
  position:absolute;
  margin:0;
  padding:0;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  display:block;
  float:none;
  margin:1px;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
}

/* グローバルナビにプルダウンメニューを追加する */
#headerMenu ul.menu>li{
  display:block;
  float:left;
  overflow:hidden;
}
#headerMenu ul.menu li a{
}
#headerMenu ul.submenu{
  margin:0;
  padding:0;
}
#headerMenu ul.submenu li{
  display:block;
  margin:0;
  padding:0;
  overflow:hidden;
}
/*▲▲▲ 変更しない */



/* ▼▼▼ 位置・サイズ調整 */
#wrap,.skinContentsArea{
  padding-top:40px;             /* メニュー設置用スペース */
}
#headerMenu{
  top:0px;                      /* 上下位置調整 */
  left:0px;                     /* 左右位置調整 */
  width:980px;                  /* メニュー全体の幅 */
}
#headerMenu ul.menu li a{
  width:188px;                  /* ボタンの幅 */
  line-height:34px;             /* ボタンの高さ */
  font-size:14px;               /* ボタンの文字サイズ */
}
#headerMenu ul.menu>li{
  height:41px; /* プルダウンのボタンの高さ */
  background-color:#ffffff;/* IE7対応 */
}
#headerMenu ul.menu>li:hover{
  height:auto;
}
/*▲▲▲ 位置・サイズ調整 */
/*▼▼▼ 色・文字装飾・背景など */
#headerMenu ul.menu li a{       /* 通常時 */
  color:#ffffff;                /* 文字色(白) */
  font-weight:bold;           /* 太字(なし) */
  text-decoration:none;         /* 下線(なし) */
  background-color:#339933;     /* 背景色 */
  background-image:url();       /* 背景画像 */
  background-repeat:repeat;     /* 背景画像繰り返し */
  border: outset 3px #44aa44;
}
#headerMenu ul.menu li a:hover{ /* カーソルが乗った時 */
  color:#ff0000;                /* 文字色(赤) */
  font-weight:bold;           /* 太字(なし) */
  text-decoration:underline;    /* 下線(あり) */
  background-color:#66cc66;     /* 背景色(薄い緑) */
  background-image:url();       /* 背景画像 */
  background-repeat:repeat;     /* 背景画像繰り返し */
}
#headerMenu ul.submenu li a{       /* 通常時 */
  background-color:#00cc99;     /* 背景色 */
  border: outset 3px #00cc99;
}
#headerMenu ul.submenu li a:hover{ /* カーソルが乗った時 */
  background-color:#ccff33;     /* 背景色(薄い緑) */
}
/*▲▲▲ 色・文字装飾・背景など */



/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
 記事タイトル下の日付とテーマを移動する
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
.skinArticle2 {position:relative;padding-top:25px;/*記事上のスペース作り*/}
/*投稿日*/
.articleTime {position:absolute;
top:0px;/*上からの位置*/
font-size:13px;/*文字サイズ*/
}
/*テーマ*/
.articleTheme {
position:absolute;
right:29px;/*右からの位置*/
}
/*テーマの位置上詰め*/
.articleDetailArea{
margin-top:-23px;/*テーマ上のマージンを上詰め*/
}
/*本文開始高さ*/
.articleText{
padding-top:25px;/*本文開始高さ余白*/
}

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


 (5) その他、拡張


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

.resPointTitle{
color:#cccccc;
}
#resPoint img{
display:none;
}


/* 読者登録ボタンを上に配置 */
.readerRequestArea{
margin: 0 0 10px 0;
}
/* 更新情報が届きます */
.readerRequestDescription{
color:#FF0000;/*文字色*/
font-size:11px;/*文字サイズ*/
}
 /* 読者数を目立たせる */
.readerHeader em{
font-size:24px;
color:#000000;
}


/* その他、拡張があれば記述 */


/* .nobr内のbrを無効化する */
.articleText .nobr br{display:none}

/* 同じテーマの最新記事を消す */
.articleThemeListArea{ display:none; }

/* 引用部分の表示設定 */
blockquote{
    background:#eeeeee; /* ←背景色 */
    padding:10px,10px,10px,0px; /* ←枠と枠の中に書く文章の余白 */
    border:1px solid #000000; /* ←枠線の太さ、種類、色 */
    margin:3px; /* ←記事と枠の余白 */
    box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2);
    border-radius:4px;
    position: relative;
    font-size: 83%;
}

blockquote:before{
    content: "“";
    font-size: 200%;
    line-height: 1em;
    font-family: "ＭＳ Ｐゴシック" , sans-serif;
    color: #999;
    position: absolute;
    left: 0.5px;
    top: 0.5px;
}
 
blockquote:after{
    content: "”";
    font-size: 200%;
    line-height: 0em;
    font-family: "ＭＳ Ｐゴシック" , sans-serif;
    color: #999;
    position: absolute;
    right: 0.2px;
    bottom: 0.2px;
}