@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:1.31em;
font-weight:bold;
color:#0066cc;
}



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

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






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


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


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


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


/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.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;
}




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


/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.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{
/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
*/
background-image:url(https://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;
}





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


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


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


@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:1.31em;
font-weight:bold;
color:#0066cc;
}



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

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






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


 (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:#faf0e6;/* ←メッセージボードに背景を敷きたいとき */
}
.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;
}





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


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


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






/*　基本CSS　*/


/* このファイルの内容をアメブロの元々のCSSの
一番最後に付け足します　*/


/*---------------------------------------------------
　【 step1】                          
---------------------------------------------------*/

/*　■1-5　*/


/*　　リンク　　*/

a{
text-decoration:none; /*文字装飾*/
color:#666666; /*文字色*/
}


/*　　リンク：訪問済み　　*/

a:visited{
text-decoration:none; /*文字装飾*/
color:#666666; /*文字色*/
}


/*　　リンク：マウスオーバー時　　*/

a:hover{
text-decoration:underline; /*文字装飾*/
color:#666666; /*文字色*/
}


/*　■1-1　*/
/*　　記事、メッセージボードの文字　　*/
.articleText,div.skinMessageBoard{
font-size: 15px; /*文字サイズ*/
line-height:1.5; /*行間*/
}

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

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


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

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

/*　■1-8　*/
/*　　プロフィール｜ピグの部屋　　*/
.profileUserPages{
display:none;
}


/*　■1-10　*/
/*　　フォント　　*/
body,input,button,select,textarea{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
'メイリオ',Meiryo,"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;
}

/*　■1-12　*/
/*囲み*/
.kakomi{
border:2px dotted #000000;
padding:5px;
background-color:#CCCCCC;
}




/* ■1-14*/


/*横スクロールバーが出ないように、最少表示ページ幅を1000pxに*/

body{
min-width:1000px;
}




/*---------------------------------------------------
　【 Step3】                         
---------------------------------------------------*/

/*　■3-1 */
/*記事タイトル背景*/
.skinArticleHeader{
margin:0 19px;
padding:5px 5px;
border-left:0px solid #000000;/*左の縦線*/
border-bottom:2px solid #000000;/*下の縦線*/
background-color:#ffffff;/*記事タイトル背景*/
}

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

/*　■3-3　*/
/*同じテーマの最新記事枠*/
.articleThemeListArea{
border:1px solid #CCCCCC; /*枠線*/
background-color:#f7f7f7;/*背景色*/
padding:5px; /*余白*/
}

/*　■3-4　*/
/*記事本文*/
.skinArticleBody2{
margin:0 19px;/*余白　上下　左右*/
}


/* ■3-11 */

/*ブログ影　*/


.skinBody3{
width:980px;
margin:0 auto;
}

.skinBody2{
width:1000px;
margin:0 auto;
box-shadow: 1px 2px 6px rgba(100, 100, 100, 0.3);/*影*/
}






/*---------------------------------------------------
　【 ヘッダー】                          
---------------------------------------------------*/


/*ヘッダー画像*/
div.skinHeaderArea {
background:url(//stat.blogskin.ameba.jp/blogskin_images/20171204/09/40/ij/p/o09800300inunoe-11512347354631.png) center top no-repeat; /*背景*/
height: 300px!important;/*高さ*/
padding-bottom:10px;/*画像下のマージン*/
}
/*ブログタイトル、説明文位置初期化*/
h1.skinTitleArea,h2.skinDescriptionArea{
margin:0; /*マージン*/
padding:0; /*余白*/
}
/*ヘッダー画像のリンク設定*/
h1.skinTitleArea a{
width:980px;/*画像の横幅*/
height:300px;/*画像の高さ*/
display:block; /*表示設定*/
position:absolute; /*位置設定*/
text-indent:-9999px; /*ブログタイトルを隠す*/
}
/*ブログ説明文を非表示*/
h2.skinDescriptionArea{
display:none; /*表示設定*/
}
/*ヘッダー上下の余白をなくす*/
div.skinBlogHeadingGroupArea{
padding:0;
}
/*ヘッダー広告下の余白をなくす*/
div.headerBnrArea{
padding-bottom:0px;
}


/*【3-5　記事エリアの枠をかえる、なくす】*/

/*記事エリア枠*/
.skinArticle{
padding:16px 0;/*余白*/
border:1px solid #dddddd;/*枠線*/
background:#FFFFFF;/*背景色（記事エリア内）*/
}


/*【3-7　メッセージボードの枠】*/
.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border:1px solid #FFC7DA;
background:#fff8ff;/* ←メッセージボードに背景を敷きたいとき */


/*【3-8　ページ送りボタンに色をつけてみる】*/

/*ページ送りボタン*/
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #cc6633;/*枠線*/
background:#cc6633;/*背景色*/
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;/*上マージン*/
}

/*【3-9　ページ背景に色を指定する】*/

/*　ページ背景色　*/
.skinBody{
background-color:##FFFFDD; /*背景色*/
}

/*【ページ背景に色を指定し、コンテンツエリアは白にする】*/

.skinHeaderArea,.skinContentsArea{
background-color:##FFFFDD; /*背景色*/
}

/*【3-12　サイドバー内の文字サイズを変える】*/

/*　　サイドバー内の文字　　*/
.skinSubArea {
font-size: 12px; /*文字サイズ*/
}
/*【3-13　サイドバー見出し背景色を変える】*/

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

/*【3-14　サイドバー見出し文字を変える】*/

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

/*【3-15　サイドバーの項目の縁を変えてみる】*/

/*サイドバー項目縁*/
.skinMenu{
background:#D7F7FF;/*背景色*/
}


/*【各項目を角丸にする】*/

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

/*【3-16　サイドバー項目の縁をなくし、幅を広げる】*/

/*サイドバー項目内部*/
.skinMenuBody {
margin: 0px;/*マージン0で縁をなくす*/
padding: 5px;/*余白*/
background: #FFFFCC;/*背景色*/
}
/*プロフィール画像*/
.userProfileImageArea{
margin:0 auto;/*センタリング*/
}
/*プロフィール画像下ボタン*/
.skinSubB .profileBtnArea .skinImgBtnS {
margin-left:16px;/*左マージン*/
}

.skinSubB .profileUserNicknameArea {
text-align: left;
}

/*【3-17　サイドバーの各項目のリストにリストマークをつける】*/

/*リストマーク*/
.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;
}

/*【3-20　読者になるボタン（このブログの読者）を変える】*/

/*このブログの読者　読者になるボタン*/
.readerMenu .readerBtn{
background:url(画像URL) no-repeat; /*画像*/
display:block; /*表示設定*/
height:40px; /*高さ*/
width:250px; /*幅*/
text-indent:-9999px; /*テキストインデント*/
margin:3px auto;
}

/*【3-21　『NEW！』や『更新！』の文字色を変える】*/

/*記事日付の『New』*/
.contentNew{
color:#4EAD28;/*文字色*/
}
/*お気に入りブログの『更新』*/
.update{
color:#4EAD28;/*文字色*/
}





/*フッターメニュー*/
#footermenu{
margin:0 auto;
background:#FFFFFF;
width:980px;/*●フッターメニューエリア幅*/
}
 /*フッターメニューリスト*/
#footermenu ul li {
list-style:none;
float:right;/*右寄せ*/
margin-left:10px;
padding:20px 0;
}
#footermenu ul li a{
color:#333333;/*●フッターメニュー文字色*/
}
/*コピーライト*/
.copy {
clear:both;
background: #014177;/*●コピーライト部分の背景色*/
color: #FFFFFF;/*●コピー部分文字色*/
margin: 0 auto;
text-align: center;
padding: 20px 0;
}
.copy a{
color: #FFFFFF;/*●コピーリンク文字色*/
}

#profile #person li.image img,
div.userProfileImage, div.userProfileImage img {
  width: 180px !important;
  height: auto !important;
}
div.userProfileImageArea {
  width: auto !important;
  height: auto !important;
}


/* 読者登録ボタン（メインカラム）*/ 



2 
  



3 
#bnr_dokusha{ 



4 
display:block; 



5 
margin:auto; 



6 
text-align:center; /*← 中央に配置 */ 



7 
} 



8 
  



9 
#bnr_dokusha a:hover{ 



10 
opacity:0.5; /*← 画像を半透明にする。 */ 



11 
filter:alpha(opacity=50); /*← 数字を変えると透明度が変わります。 */ 



12 
-moz-opacity:0.5; 



13 
}