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

 【CSS編集 目次】

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

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

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



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


　(1) 文字のスタイル


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



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


/* 強い文字 （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;
}



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

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:15px;
line-height:1.5; /*行間*/
font-weight:bold;
color:#0066cc;
}

/* 記事、メッセージボードのリンク文字 */
 .articleText a,.skinMessageBoard a{ 
font-size:15px; /*文字サイズ*/ 
font-weight:bold; /*文字の太さ*/ 
color:#0000ff; /*文字色*/ 
text-decoration:underline; /*文字装飾*/
}


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

/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{}







/*フリースペース内の文字*/ 
.freespaceArea{ 
margin-top:0;
font-size:15px;/*文字サイズ*/ 
line-height:1.5;/*行間*/
}
/*フリースペース内のリンク*/ 
.freespaceArea a{ 
font-size:15px;/*文字サイズ*/ 
font-weight:bold;/*文字の太さ*/ 
color:#0000FF;/*文字色*/ 
text-decoration:underline;/*文字装飾*/
}

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


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


 (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;
}





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


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


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



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


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




/* (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;/* ←メッセージボードに背景を敷きたいとき */
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 30px;
}




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

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


/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 29px;
padding:2px 10px;
border-left:5px solid #e4e4e4;
}
.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody{}
.skinArticleBody2{
margin:0 29px;
}


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

/*リンク*/
a{
text-decoration:none; 
/*文字装飾*/ 
color:#0066CC; /*文字色*/
}

/*リンク:訪問済み*/
a:visited{
text-decoration:none; /*文字装飾*/ 
color:#0066CC; /*文字色*/
}
/*リンク:マウスオーバー時*/ 
a:hover{ text-decoration:underline; /*文字装飾*/ 
color:#0066CC; /*文字色*/
}



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


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





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


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


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


/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin:10px;
padding:10px;
background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */
}



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


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



/* (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) その他、拡張


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

/*フリースペース内の文字*/ 
.freespaceArea{ 
margin-top:0; font-size:15px;/*文字サイズ*/ l
ine-height:1.5;/*行間*/
}
/*フリースペース内のリンク*/ 
.freespaceArea a{ 
font-size:15px;/*文字サイズ*/ 
font-weight:bold;/*文字の太さ*/ 
color:#0000FF;/*文字色*/ 
text-decoration:underline;/*文字装飾*/ 
}

/*更新情報が届きます*/ 
.readerRequestDescription{ 
color:#FF0000;/*文字色*/ 
font-size:11px;/*文字サイズ*/ }

/*アメンバーになるボタン、ピグともボタン*/ 
li a.amemberBtn,li 
a.presentBtn{ 
display:none!important;
}

/*記事タイトル上に投稿日、テーマを移動*/ 
.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;/*本文開始高さ余白*/
}



body,input,button,select,textarea{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 
'メイリオ',Meiryo,"MS Pゴシック", Osaka, Arial, Helvetica;
}

/*------- 3 カラム・右ワイドメニュー --------*/
.columnC .layoutContentsA{
float:right;
width:785px;
}
.columnC .skinMainArea{ float:left;
width:590px;
}

.columnC .skinSubA{ float:right; width:180px;
}
.columnC .layoutContentsB{ float:left;
width:180px;
}
/*------- 3 カラム・左ワイドメニュー --------*/ .columnD .layoutContentsA{
float:left;
width:785px;
}
.columnD .skinMainArea{ float:right;
width:590px;
}
.columnD .skinSubA{
float:left;
width:180px;
}
.columnD .layoutContentsB{ float:right;
}
.columnD .skinSubB{
width:180px;
}
/*------- 3 カラム・右メニュー --------*/ 
.columnE .layoutContentsA{ overflow:visible;
}
.columnE .skinMainArea{ float:left;
width:590px;
}
.columnE .skinSubA{ float:right; width:180px;
}
.columnE .skinSubB{ float:left; margin-left:15px; width:180px;
}
.skinSubA .blogSearchInput{ padding:8px 10px 8px 10px; width:158px;
}
/* ページ送り調整 */ .pagingArea{
padding:0px 0;/*余白*/ width:580px;/*幅*/
}
.pagingPrev{
right:330px;
}
.pagingNext{
left:330px;
}

/*横スクロールバーが出ないように、最少表示ページ幅を 1000px に*/ 
body{
min-width:1000px;
}
/*フッターナビを非表示にする*/ 
.footerNav{ display:none!important;
}

/*ヘッダー画像*/
.skinHeaderArea{

background:url(//stat.blogskin.ameba.jp/blogskin_images/20140820/07/ce/F5/j/o09800200colorbottle-staff1408487517017.jpg)no-repeat center; /*画像*/ 
height: 300px; /*画像の高さ*/ 
padding-bottom:10px;/*画像下のマージン*/
}

/* ブログタイトルの文字*/ 
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{ 
font-size: 25px; /*文字サイズ*/
color:#333333; /*文字色*/
}

/* ブログ説明文の文字サイズ */ 
.skinDescription{
font-size: 12px; /* 字サイズ */ 
color:#333333; /* 文字色 */
}

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

/* 記事タイトル文字文字 */
h1 a.skinArticleTitle,
h1 a.skinArticleTitle:hover,
h1 a.skinArticleTitle:focus,
h1 a.skinArticleTitle:visited{ 
font-size:18px; /*記事タイトル文字サイズ*/ 
font-weight:bold;/*文字の太さ*/ 
color:#000000;/*文字色*/
}


/* ページ送りボタン */ .skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover, .skinSimpleBtn:focus{ 
border:1px solid #000000;/*枠線*/ background:#000000;/*背景色*/
color:#FFFFFF !important;/*文字色*/
}
/*マウスオーバー時 */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{ 
background:#FFFFFF;/*背景色*/
color:#666666 !important;/*文字色*/
}
/*記事一覧*/ .pagingList,.pagingList:visited,.pagingList:hover,.pagingList:focus{ 
color:#666666 !important;/*文字色*/
}

/*ページ送り*/
.pagingArea{ background-color:#f7f7f7;/*背景色*/ 
padding:10px 0;/*余白*/
border:1px dotted #cccccc;/*枠線*/ 
width:99%;/*幅*/
}

/*前ページ、次ページボタン*/ 
.skinSimpleBtn{ 
margin-top:10px;/*上マージン*/
}

/* サイドバー内の文字 */ 
.skinSubArea {
font-size: 12px; /*文字サイズ*/ 
}

/*サイドバー見出し背景*/ 
.skinMenuHeader{
padding:5px 10px;/*見出し文字までの余白*/ 
background:#999999;/*背景色*/
}

/*サイドバー見出し文字*/ 
.skinMenuTitle{
color:#FFFFFF; /*文字色*/ 
font-size:13px; /*文字サイズ*/ 
font-weight:bold; /*文字の太さ*/ 
}

/*サイドバー項目縁*/
.skinMenu{ 
background:#D7F7FF;/*背景色*/ 
-moz-border-radius: 10px; border-radius:10px;
}

/*サイドバー項目縁*/
.skinMenu{ 
background:#D7F7FF;/*背景色*/ 
-moz-border-radius: 10px; border-ra
}

/*サイドバー見出し背景*/ 
.skinMenuHeader{
padding:5px 10px;/*見出し文字までの余白*/ 
background:#999999;/*背景色*/
-moz-border-radius:10px 10px 0 0; border
}



/*リストマーク*/
.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: circle;
overflow:visible;
margin-left:5px;
}


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