このCSSはこんな感じになります。
@charset "utf-8";
/*
-----------------------------------------
【CSS（スタイルシート）の編集目次】
(1) 文字のスタイル
(2) ボタンのスタイル
(3) エリアのスタイル
(4) その他、拡張
-----------------------------------------
*/
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
(1) 文字のスタイル
※色を設定すると、ブログの各部分に自動的に配色されます
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
/* (1-1) 全体の文字
--------------------------------------------*/
/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#333333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Arial','ＭＳ Ｐゴシック','sans-serif';}/*tuiki*/
/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#0044cc;/*#0066cc*/
}
/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#0044cc;/*#996699;*/
}
/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#ff0000;/*#ff3366;*/
}
/* 弱い文字 */
.skinWeakColor,.skinBaseWeakColor{
color:#999999;
}
/* 強い文字 */
.skinStrongColor,.skinBaseStrongColor{
color:#ff3399;
}
/* (1-2) ブログタイトル文字
--------------------------------------------*/
/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#000;
font-weight:bold;
font-size:2.11em;
}
/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333;
}
/* (1-3) 記事／メッセージボード内の文字のスタイル
--------------------------------------------*/
/* ※全体の文字配色と別に指定したい場合のみ指定 */
/* 通常文字 */
.skinMainArea,.skinMainArea .skinTextColor,.skinArticleTextColor,.skinArticleBlock{}
/* リンク */
.skinMainArea .skinAnchorColor,.skinArticleAnchorColor,.skinMainArea a,.skinArticleBlock a{}
/* 訪問済のリンク */
.skinMainArea .skinAnchorVisitedColor,.skinArticleAnchorVisitedColor,.skinMainArea a:visited,.skinArticleBlock a:visited{}
/* マウスオーバーしたときのリンク */
.skinMainArea .skinAnchorHoverColor,.skinArticleAnchorHoverColor,.skinMainArea a:focus,.skinMainArea a:hover,.skinArticleBlock a:focus,.skinArticleBlock a:hover{}
/* 弱い文字 */
.skinMainArea .skinWeakColor,.skinArticleWeakColor{}
/* 強い文字 */
.skinMainArea .skinStrongColor,.skinArticleStrongColor{}
/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.31em;
font-weight:bold;
color:#06c;
}
/* (1-4) サイドバー内の文字のスタイル
--------------------------------------------*/
/* ※全体の文字配色と別に指定したい場合のみ指定 */
/* 通常文字 */
.skinSubArea,.skinSubArea .skinTextColor,.skinSubTextColor,.skinSubBlock{}
/* リンク */
.skinSubArea a,.skinSubArea .skinAnchorColor,.skinSubAnchorColor,.skinSubBlock a{}
/* 訪問済のリンク */
.skinSubArea a:visited,.skinSubArea .skinAnchorVisitedColor,.skinSubAnchorVisitedColor,.skinSubBlock a:visited{}
/* マウスオーバーしたときのリンク */
.skinSubArea a:focus,.skinSubArea a:hover,.skinSubArea .skinAnchorHoverColor,.skinSubAnchorHoverColor,.skinSubBlock a:focus,.skinSubBlock a:hover{}
/* 弱い文字 */
.skinSubArea .skinWeakColor,.skinSubWeakColor{}
/* 強い文字 */
.skinSubArea .skinStrongColor,.skinSubStrongColor{}
/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
(2) ボタンのスタイル
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/
/* amba会員登録ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(http://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}
/* ameba会員登録ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{
color:#333333;
}
/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/
/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS{
background-image:url(http://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(http://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_gray.png);
/* ボタンの文字色 */
color:#333333;
}
/* (2-3) ページ送りボタンの << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
--------------------------------------------*/
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #ddd;
background:#fff;
color:#06c !important;
}
/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#f7f7f7;
}
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
(3) エリアのスタイル
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
/* (3-1) ボディ（全体）
--------------------------------------------*/
/* skinBody ボディ */
.skinBody{}
.skinBody2{}
.skinBody3{}
/* skinFrame ブログ全体を囲うエリア */
.skinFrame{} /* ヘッダーバナー含む */
.skinFrame2{} /* ヘッダーバナー含まない */
/* (3-2) ブログヘッダー
--------------------------------------------*/
/* skinHeaderFrame ブログタイトルを囲うエリア */
.skinHeaderFrame{}
/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
/* 注 ベースのcssにwidth:980px;の記述有り */
}
.skinHeaderArea2{}
/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
padding:20px 0 30px;
}
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{}
/* ※(1)文字のスタイル にブログヘッダー文字の記述有り */
/* (3-3) コンテンツエリア
--------------------------------------------*/
/* skinContentsFrame コンテンツを囲うエリア */
.skinContentsFrame{}
/* 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:#fff;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 30px;
}
/* (3-6) 記事
--------------------------------------------*/
/* skinArticle 記事エリア */
.skinArticle{
/* 注 ベースのcssに margin-bottom の記述有り */
padding:16px 0;
border:1px solid #ddd;
background:#fff;
}
.skinArticle2{}
.skinArticle3{}
/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 29px;
padding:2px 10px;
border-left:5px solid #e4e4e4;
}
.skinArticleHeader2{}
/* ※(1)文字のスタイル に記事タイトル文字の記述有り */
/* 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{}
/* subA subB別に記述する場合 */
.skinSubA .skinMenu{}
.skinSubB .skinMenu{}
/* skinMenuHeader サイドメニュータイトル */
.skinMenuHeader{
padding:5px 10px;
background:#e4e4e4;
}
/* ※(1)文字のスタイル にサイドメニュータイトル文字の記述有り */
/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin:10px;
padding:10px;
background:#fff;
}
/* (3-9) サイドバー リスト、境界線
--------------------------------------------*/
.skinSubHr,
.skinSubList li{
margin-bottom:3px;
padding-bottom:3px;
border-bottom:1px dotted #b3b3b3;
}
/* subA subB別に記述する場合 */
.skinSubA .skinSubHr,
.skinSubA .skinSubList li{}
.skinSubB .skinSubHr,
.skinSubB .skinSubList li{}
/* (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) その他、拡張
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
/* その他、拡張があれば記述 */
/*ヘッダー画像*/
.skinHeaderArea {
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20110813/23/11/7d/p/o09000160mr-around401313245146841.png)
left top no-repeat;/*背景*/
height: 160px!important;/*高さ*/
}
/*ブログタイトル、説明文位置初期化*/
skinTitleArea,.skinDescriptionArea{
margin:0; /*マージン*/
padding:0; /*余白*/
}
/*ヘッダー画像のリンク設定*/
.skinTitleArea a{
width:900px;/*画像の横幅*/
height:160px;/*画像の高さ*/
display:block; /*表示設定*/
position:absolute; /*位置設定*/
text-indent:-9999px; /*テキストインデント*/
}
/*ブログ説明文を非表示*/
.skinDescriptionArea{
display:none; /*表示設定*/
}
/*ヘッダー上下の余白をなくす*/
.skinHeaderArea2,.skinBlogHeadingGroupArea{
padding:0px 0 0px;
}
/* (1-4-1) サイドメニュータイトル文字 */
.skinMenuTitle{
color:#ffffff;/*tuiki*/
}
/* (3-8-1) skinMenu サイドバー メニューのエリア 囲み色）*/
.skinMenu{
background:#ffffff/*#f7f7f7*/;
}
/*サイドバー メニューのエリア囲み 白*/
/*.skinSubArea .themeMenu
{
background:#ffffff;
}
.skinSubArea .archiveMenu
{
background:#ffffff;
}
.skinSubArea .recentCommentMenu
{
background:#ffffff;
}
.skinSubArea .bookmarkMenu
{
background:#ffffff;
}
.skinSubArea .favoriteMenu
{
background:#ffffff;
}
.skinSubArea .readerMenu
{
background:#ffffff;
}
.skinSubArea .recentEntriesMenu
{
background:#ffffff;
}
.skinMenu.rankingMenu
{
background:#ffffff;
}
.skinMenu.profileMenu
{
background:#ffffff;
}*/
/* (3-8-2) skinMenuHeader サイドメニューヘッダー（見出し色） */
.skinMenuHeader{
padding:5px 10px;
background:#333333/*#e4e4e4*/;
}
/* 180pxのサイドバーエリア サイドバー左右高さ揃える*/
.skinSubA{
padding-top:20px ;
}
/*メルマガフォーム ヘッダーへ移動*/
#mail{
color:#FFFFFF;
/*font-weight:bold;
text-align:left;
background-color:#5B3D25;
border:1px dotted #000000;
padding:5px;*/
position:absolute;
top:55px; /*画面上部からの高さ位置*/
/*left:895px;*/
}
/* 記事、リンク文字 */
.skinArticleBody a,.skinMessageBoard a{
font-weight:bold; /*文字の太さ*/
text-decoration:underline; /*文字装飾*/
}
/* 記事、のリンク文字（訪問済） */
.skinArticleBody a:visited,.skinMessageBoard a:visited{
font-weight:bold; /*文字の太さ*/
text-decoration:underline; /*文字装飾*/
}
/* 記事、のリンク文字（マウスオーバー） */
.skinArticleBody a:hover,.skinMessageBoard a:hover{
font-weight:bold; /*文字の太さ*/
text-decoration:underline; /*文字装飾*/
}
/* 記事、メッセージボードの文字 */
.skinArticleBody,.skinMessageBoard{
font-size: 14px; /*文字サイズ*/
line-height:1.5; /*行間*/
}
/*メニューエリア*/
#topmenu{
position:absolute;
width:980px;
margin:0;
padding:0;
height:40px; /*メニューエリアの高さ*/
top:200px; /*画面上からの位置*/
}
/*メニューリストグループ*/
#topmenu ul {
width:980px;
padding:0;
margin:0;
}
/*メニューリスト*/
#topmenu ul li {
padding-left:1px;/*タブの境目線*/
padding-top:0px; /*各メニューリストのメニューエリア内の上余白*/
float:left;
width:127.5px; /*メニュー1項目の幅*/
height:40px;
}
/*メニューリストリンク*/
#topmenu ul li a{
font-size:14px;
font-weight:bold;
color:#FFFFFF; /*文字色*/
background:url(http://stat001.ameba.jp/user_images/20110813/23/mr-around40/fd/65/p/o0150004011415162149.png); /*背景色*/
display:block;
text-decoration:none; /*項目の文字装飾*/
text-align:center; /*項目の文字寄せ位置*/
padding-top:5px;
height:30px;
}
/*メニューリストリンク マウスオーバー時*/
#topmenu ul li a:hover{
color:#ffffff; /*文字色*/
background-color:#333333; /*背景色*/
display:block;
text-decoration:underline; /*項目の文字装飾*/
text-align:center; /*項目の文字寄せ位置*/
}
/*メニュー下の位置下げ*/
.skinContentsArea{
padding-top:25px ;
}
/*記事の日付を消す*/
.articleTime{
display:none;
}
/* 両サイドバー背景色変更 */
.skinContentsArea{
background-color:#ffffff;
}
/*このブログの更新情報が届きます 目立たせる*/
.readerRequestDescription{
color:#ff0000;
font-weight: bold;
}
/*読者人数 目立たせる*/
.readerHeader em{
font-size:20px;/*文字サイズ*/
font-weight: bold;
}
/*プロフィールボタン 全て消す*/
/*.profileBtnArea{
display:none;
}*/
/*プロフィールボタン 個別に消す*/
.messageBtn {
display:none;/*メッセージを送る*/
}
.presentBtn {
display:none;/*プレゼントを贈る*/
}
.amemberBtn {
display:none;/*アメンバーになる*/
}
/*.readerBtn {
display:none;/*読者になる*/
}*/
.skinBody{
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20110812/02/5d/25/p/o03010091mr-around40tt1313083722330.png)
background-repeat:repeat-x;
top:296px; /*画面上からの位置*/
z-index:2;
}
/*ブログ全体の幅*/
.skinHeaderArea{
width:900px;/*860px*/
/*margin:0 auto;
overflow:hidden;*/
}
.skinContentsArea{
width:900px/*860px*/
/*margin:0 auto;
padding-bottom:30px;
overflow:hidden;
zoom:1;*/
}
/*------- 3カラム・右メニュー --------*/
.columnC .layoutContentsA{
float:right;
width:705px;/*665px*/
}
.layoutContentsA{
margin:0 0 0 0;/*[上][右][下][左]*/
pading:0 0 0 0;/*[上][右][下][左]*/
}
.columnC .skinMainArea{
float:left;
width:510x;/*470px*/
}
.skinMainArea{
margin:0 0 0 0;/*[上][右][下][左]*/
pading:0 0 0 0;/*[上][右][下][左]*/
}
.columnC .skinSubA{
float:right;
width:180px;
}
.columnC .layoutContentsB{
float:left;
width:180px;
}
/* サイドバー見出し背景を画像化*/
.skinMenuHeader{
background:url(http://stat001.ameba.jp/user_images/20110813/23/mr-around40/4d/4b/p/o0180003011415130042.png) no-repeat;/*背景画像*/
padding:5px 1px;/*余白*/
height:30px;
}
/*記事タイトル調整*/
.skinMenuTitle{
margin:0 0 0 30px;
font-size: 14px; /*文字サイズ*/
font-weight:bold;/*文字の太さ*/
}
/*記事タイトル背景*/
.skinArticleHeader{
margin:0 0 0 0;
padding:2px 10px;
border-left:5px solid #999999;/*左の縦線*/
background:url(http://stat001.ameba.jp/user_images/20110813/23/mr-around40/0b/3c/p/o0500006011415137748.png);
hight:60px;
width:500px;
}
/* 記事タイトル文字文字 */
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
font-size:18px; /*記事タイトル文字サイズ*/
font-weight:bold;/*文字の太さ*/
text-decoration:none; /*項目の文字装飾*/
color:#ffffff;/*文字色*/
margin:0 0 0 5px;
}
.skinArticleTitle:hover{
font-size:18px; /*記事タイトル文字サイズ*/
font-weight:bold;/*文字の太さ*/
text-decoration:underline; /*項目の文字装飾*/
color:#ffffff;/*文字色*/
}
/*記事エリア枠 消す*/
.skinArticle{
border:0px solid #dddddd;/*枠線*/
}
/*このブログの読者 読者になるボタン*/
.readerMenu .readerBtn {
background:url(http://stat001.ameba.jp/user_images/20110822/00/mr-around40/40/94/p/o0150012911433399490.png) no-repeat; /*画像*/
/*display:block;*/ /*表示設定*/
height:65px; /*高さ*/
width:169px; /*幅*/
text-indent:-9999px; /*テキストインデント*/
margin:3px auto;
}
.readerMenu a:hover{
background-position: 0 -65px;
}
/*文字囲み ここから*/
blockquote{
margin:12px 0;
padding:10px;
border:2px dotted #D3D3D3;/*#D4D4D4→#D3D3D3*/
}
/*文字囲み ここまで*/
/* 全体背景色 変更 */
Body{
background-color:#f5f5f5;/*tuiki*/
}
/*ブログ影*/
.skinFrame{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20110813/23/d0/5f/p/o09120030mr-around401313245794703.png);
background-repeat:repeat-y;
background-position:center 0px;
}
/*記事一覧 下げる*/
/*.pagingArea{
padding:20px 0 0 0 ;/*余白*/
}
/*次のページ 下げる*/
.skinSimpleBtn{
margin-top:20px;/*上マージン*/
}
*/
/*メッセージボード下常時表示 ここから*/
.fix1{
margin:0 0 0 0;
padding-top:20px;
/*border:1px solid #D4D4D4;/*枠線 太さ 線種 線色*/*/
}
.skinMainArea{
padding-top:15px;
}
/*工事中画像*/
.skinBody{
background-image:url(http://stat001.ameba.jp/user_images/20110814/13/mr-around40/c7/81/j/o0200020011416047495.jpg);/*背景画像*/
background-position: 0% 5%;/*左端上から70%*/
background-repeat:no-repeat;/*繰り返さない*/
}
/*マーカーラインを引く ここから*/
.skinArticleBody em{
padding: 2px 0;
background-color: #ffff66;
font-style: normal;
}
/*マーカーラインを引く ここまで*/
/*記事 広げる*/
.skinContentsArea {
width:900px;/*ブログの幅Ａ*/
}
.layoutContentsA {
width:705px !important;/*Ｂ (A-200px)*/
}
.skinMainArea {
width:510px !important;/*記事部分の横幅Ｃ (B-320px)*/
margin:0 0 0 0;/*[上][右][下][左]*/
pading:0 0 0 0;/*[上][右][下][左]*/
}
.skinArticleBody2{
margin:0 0;
}
/*画像 枠 ここから*/
.skinArticleBody .detailOn img {
border: 1px solid #B0C4DE;
padding: 4px;
}
/*画像 枠 ここまで*/
div#addthis{
padding:0 0 0 0;
margin:-50px 0 0 0;
}
/*zzさん版ライトボックス*/
#photoz {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
background-color:#000;/*背景色*/
filter: alpha(opacity=50);opacity: 0.50;z-index:2005;
}
.gazoz{
position:fixed;
top:0;left:0;
width:100%;
height:100%;
text-align:center;
z-index:2010;
cursor: wait;
}
.gazoz .imgwrap{
position:fixed;
top:0;
left:0;
width:100%;
height:10%;
cursor: pointer;
}
.gazoz img{
display:none;
margin-right:auto;
margin-left:auto;
background-color: #FFFFFF;/*画像の枠の色*/
padding: 6px;/*画像の枠の幅*/
cursor: pointer;
}
* html #photoz {
background-color:transparent;
}
* html .gazoz{
position:absolute;
}
* html .gazoz .imgwrap{
position:absolute;
}
* html .gazoz img{
padding: 30px;
border-color: #CCCCCC #666666 #666666 #CCCCCC;
border-style: solid;
border-width: 1px 2px 2px 1px;
}
@media screen and (max-device-width: 480px) {
#photoz {
background-color:transparent;
}
.gazoz img{
padding: 30px;
-webkit-box-shadow:2px 2px 3px #999999;
}
}
.detailOn img {
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
}
/*読者登録ボタン 記事上下*/
.skinMainArea .readerBtn{
text-indent:-9999px;
width:351px;
height:49px;
background-image:url(http://stat001.ameba.jp/user_images/20110822/01/mr-around40/7c/b2/p/o0351009711433455166.png);
}
.skinMainArea .readerBtn:hover{
background-position:left bottom;
}
.skinMainArea .readerRequestBtnArea{
margin:10px 0; /* 上下マージン */
text-align:center;
}
/*読者ボタンプロフ欄の上へ*/
.readerRequestArea {
margin-top:-10px!important;
margin-bottom:10px;
}
/*写真に文字を自動で入れる*/
#moji{
margin-top: -50px;
margin-left: 270px;
font-size: 20px;
font-family: HGS創英角ﾎﾟｯﾌﾟ体;
}
/*見出し h6*/
.h6 {
margin:0 0 10px 0;
padding:10px 8px;
border-width:0 0 0 5px;
border-color: #CCCCCC;
border-style:solid;
background:#000000;
color:#ffffff;
line-height:140%;
font-weight:bold;
}
/*サイドバー項目内部*/
.skinMenuBody {
margin: 0px;/*マージン0で縁をなくす*/
padding: 5px;/*余白*/
background: #FFFFFF;/*背景色*/
}
/*プロフィール画像*/
.userProfileImageArea{
margin:0 auto;/*センタリング*/
}
/*プロフィール画像下ボタン*/
.skinSubB .profileBtnArea .skinImgBtnS {
margin-left:16px;/*左マージン*/
}
