<a href="http://group.ameba.jp/group/ltkWHe4-GauK/"><img src="http://stat.blogskin.ameba.jp/blogskin_images/20120320/23/98/70/g/o00880031happy-lu1332252058984.gif"></a>

サンプル↓

ぐるは、


一発改造タグを配布してます。


貼って下さいｍ（＿＿）ｍ



いじょーﾃﾞｽ！

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

【CSS編集 目次】

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

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

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

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

　(1) 文字のスタイル

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

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

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

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

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

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

/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#FFCC99;
}

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

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

/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#CCFF33;
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:#FF9999;
}

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

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

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

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

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

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

/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(http://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(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_pastel.png);
color:#333333 !important;/* ←ボタンの文字色 */
}

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

.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #dfd9e6;
background:#ffffff;
color:#dfd9e6 !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) その他、拡張

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

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

/*　素材屋スキン　*/

.skinTitle,
.skinDescription{
display:none !important;
}
.skinFrame2{
position:relative;
width:1034px !important;/*スキンの横幅*/
height:529px;/*スキンの縦幅*/
margin:auto;
margin-top:0px;/*上の広告との間の隙間*/
right:0px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120319/15/6c/df/p/o08000533happy-lu1332138341459.png);/*スキンの画像URL*/
}
.skinMainArea{
width:372px !important;/*記事部分の横幅*/
height:430px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:401px;/*記事の左からの位置*/
top:24px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:206px !important;/*広告サイドバーの横幅*/
height:238px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:820px;/*広告サイドバーの左からの位置*/
top:281px;/*広告サイドバーの上からの位置*/
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{
width:99%;
margin:10px auto 60px auto;/*ページナビの上との隙間&下との隙間*/
}

/*　ブログタイトル・説明消去　*/

.skinTitle{
display:none;
}
.skinDescription{
display:none;
}

/*　字体変更　*/

.skinSubB{
font-family:ＭＳ Ｐゴシック;/*文字体の種類*/
font-weight:bold;/*太字*/
}

/*　アイフレ　右上　*/

#aifure1{
position:absolute;
top:10px;
left:818px;
width:200px;
height:238px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　絶対　*/

body{
min-width:100%;
}

/*　背景　*/

html{
background-image:url(http://stat001.ameba.jp/user_images/20120313/21/makuchiroru/38/e8/p/t02200220_0300030011849653171.png);/*画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

/*　アメンバーバー透過　*/

ul#amebaBar {
border: 0;
background-color:transparent;
}

/*　アメン限定　*/

.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(http://stat001.ameba.jp/user_images/20120313/21/makuchiroru/fc/e2/p/o0220009911849653170.png);/*画像URL*/
width:220px;/*画像の横幅*/
height:99px;/*画像の縦幅*/
margin:auto;
display:block;
}

/*　コメント画像　*/

.commentBtn{
text-indent:-9999px;
background-image:url(http://stat001.ameba.jp/user_images/20120313/21/makuchiroru/9f/fe/p/o0220009911849653173.png);/*画像URL*/
width:220px;/*コメ画の横幅*/
height:99px;/*コメ画の縦幅*/
}
.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}

/*カーソル*/

body {
cursor: url(http://dl.dropbox.com/u/25192986/h-4.ani), auto;
}

/*　横メニュー　*/

.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#menu {
width:800px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:499px;/*横メニューの上からの位置*/
left:0px;/*横メニューの左からの位置*/
z-index:999;
}
#menu ul{
margin:0;
padding:0;
}
#menu li {
width:160px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#menu li a {
color:#333333;/*項目の文字色*/
font-size:10px;/*項目の文字サイズ*/
background-color:transparent;/*項目の背景色*/
padding:6px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#menu li a:hover {
color:#ffffff;/*カーソル乗せたときの文字色*/
background-color:transparent;/*カーソル乗せたときの背景色*/
}

/* ▼I-1)全体背景*/
body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120318/16/54/cf/j/o02180290happy-lu1332056213426.jpg);/* ★カッコ内に画像URL*/
min-width:980px;
}

/* ▼I-2)ヘッダ*/
.skinFrame{
width:980px;
margin:0 auto;
}

.skinFrame2{
position:relative;
}

.skinHeaderArea {
width:100%;/*★ヘッダ画像幅*/
height:352px;/*★ヘッダ画像高*/
text-indent:-9999px;
margin:0 auto 10px auto;
padding:0;
}
.skinTitle{
display:block;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120318/16/c4/ec/p/o07000300happy-lu1332056177768.png);/*★カッコ内に画像URL*/
background-position:left top;
background-repeat:no-repeat;
width:800px;/*★ヘッダ画像幅*/
height:300px;/*★ヘッダ画像高*/
border:1px solid #0a7682;
padding:0;
margin:0;
}

#otherside{
width:182px;
position:absolute;
left:0px;
top:362px;/*★ヘッダ画像高＋余裕*/
}

.skinTitleArea{padding:0;
text-indent:-9999px;
}
.skinDescriptionArea{padding:0;
text-indent:-9999px;
}
.skinHeaderArea2,
.skinBlogHeadingGroupArea{
padding:0;
margin:0;
}

/* ▼I-3)オーナーコメント(ブログ主アイコン50px50px)*/
.ownerComment{
padding-left:56px;
background:url(http://adan.noor.jp/ameba_marin/vocaloid/b-owner.gif) top left no-repeat;/*★カッコ内に画像URL*/
}

/* ▼I-4)カラム幅*/
.skinSubA{
width:302px!important;
}
.skinSubB{
width:182px!important;
}
.articleText{
line-height:1.6em;
}

/* †パスワード貸し借り改造での、使用を禁止します†
◆II)色設定
   http://adan.noor.jp/ameba_new/
背景色：#ffffff
文字色：#666666
リンク：#097581
字(飾)：#383838
輪郭線：#0a7682
*/

/* ▼II-1)文字色*/
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#666666;
}
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a,
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#097581;
}
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#0a7682;
}
.skinWeakColor,.skinBaseWeakColor{
color:#383838;
}
.skinStrongColor,.skinBaseStrongColor{
color:#ff0000;
}

/* ▼II-2)Scroll*/
html, body {
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #0a7682;
scrollbar-3dlight-color: #0a7682;
scrollbar-arrow-color: #0a7682;
}

/* ▼II-3)背景＆ヘッダ色(不透明画像を入れれば不要)*/
body{
background-color:#0a7682;
}
.skinTitle{
background-color:#0a7682;
}

/* ▼II-4)記事*/

.skinMainArea2{
border:1px solid #0a7682;
background:#ffffff;
}
.skinMessageBoard,
.skinArticle{
border:none;
background:none;
}
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
color:#097581;
}
.skinArticleHeader{
border-left:none;
}
.skinArticle {
padding: 6px 0;
}
.skinArticleFooter{
border-top:1px dotted #0a7682;
}

/*▽記事日付*/
/*IE(6-7)対策*/
.skinArticleHeader {
margin-top:0;
}

/*記事枠の上に隙間あけて*/
.skinArticle2{
position:relative;
padding-top:60px;
}

/*記事ヘッダ全体上げて*/
.articleDetailArea{
position:absolute;
left:0;
top:0;
width:100%;
}

/*記事日付を上ヅケ、大きく、フォント変更*/
.articleTime{
position:absolute;
left:12px;
top:0;
font-size:32px;/*文字サイズ*/
font-family:Impact;/*フォント*/
}

/*記事日付に色*/
.skinWeakColor, .skinBaseWeakColor {
color: #0a7682;/*文字色*/
}

/*NEWだけ小さく*/
.skinStrongColor, .skinBaseStrongColor {
font-size:10px;
}

/*記事テーマは日付の下*/
.articleTheme{
position:absolute;
right:10px;
top:36px;
}

/*アメンバー*/
.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(http://adan.noor.jp/ameba_marin/vocaloid/b-amen.gif);/*画像URL*/
width:200px;/*画像の横幅*/
height:100px;/*画像の縦幅*/
margin:auto;
display:block;
}

/* ▼II-5)コメントetc*/
.commentBtn{
text-indent:-9999px;
background-image:url(http://adan.noor.jp/ameba_marin/vocaloid/b-comment.gif);/*画像URL*/
width:200px;/*コメ画の横幅*/
height:100px;/*コメ画の縦幅*/
}
.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}

.skinBgColor,.skinBaseBgColor,.skinBlock,
.skinWeakBgColor,.skinBaseWeakBgColor,
.skinStrongBgColor,.skinBaseStrongBgColor,
.skinStrongBgColor, .skinBaseStrongBgColor{
background-color:#ffffff;
}
.skinBorderColor,.skinBaseBorderColor{
border-color:#0a7682;
}
.skinBlock{
border-color:#ffffff;
}
.skinBorderHr,.skinBorderList li{
border-color:#0a7682;
}
.skinBorderHr, .skinBorderList li {
border: none;
}

/* ▼II-6)サイド*/
.subModule {
margin:0 0 10px 0;
}
.skinMenu{
border:1px solid #0a7682;
}
.skinMenu,
.skinMenuHeader,
.skinMenuBody{
background:#ffffff;
}
.skinMenuBody{
border:none;
padding:0px;
}
.skinSubHr,
.skinSubList li{
border-bottom:1px dotted #0a7682;
}

/* ▼II-7)ナビ*/
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #0a7682;
background:#ffffff;
color:#097581!important;
}
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#ffffff;
}
.headerBnr{margin-top:7px;}.headerBnr, .subAdBannerHeader{padding:0;}.subAdBannerHeader span{display:none!important;}.headerBnr{border:1px solid #0a7682;background:#ffffff;}.registArea{text-align:center;border:1px solid #0a7682;border-width:1px 1px 0 1px;background:#ffffff;margin-bottom:0;padding-top:10px;}.rss{text-align:center;border:1px solid #0a7682;border-width:0 1px 1px 1px;background:#ffffff;margin-bottom:0;width:300px!important;}

/*▼AmebaBar英語化*/
li#barSrch .barButton {
background:none;
text-indent:0px;
}
#barLogoTop img{
display:none;
}
#amebaBar li#barLogoTop ul, #amebaBar li#barLogoTop li {
float:none;
line-height:12px;
border:none!important;
}
#amebaBar li#barLogoTop ul{
height:12px;
overflow:hidden;
}

#barLogoTop a,
.barButton{
font-family:Impact;
color:#097581;
font-size:15px;}

#amebaBar a{
color:#097581!important;
}

#amebaBar a:hover{
color:#0a7682!important;
}

ul#amebaBar{
background:url(http://adan.noor.jp/ameba_marin/vocaloid/white70.png);
border:none!important
}

li#barSrch {
float: right;
width: 200px;
}

li#barSrch .barKey{
background:#ffffff;
}

li#barSrch .barButton {
width:59px;
}

/* ▼II-8)「アイフレ」&「横メニュー」*/

#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
border:1px solid #0a7682;
background:#ffffff;
padding:10px;
margin:0 0 10px 0;
overflow:auto;
overflow-y:auto;
overflow-x:hidden;
}

/*◆III)右肩縦メニュー（スペシャルバージョン）*/

#navi00{
position:absolute;
right:0px; /*数字大きくすると右へ*/
top:0px; /*数字大きくすると下へ */
width:179px;
height:352px;
background:url(http://adan.noor.jp/ameba_marin/vocaloid/b-menuline.gif) left top repeat-y;
}

/* 各メニューの設定 */
#navi00 a{
display:block;
height:40px;
line-height:40px;
text-indent:-9999px;
margin:0 0 6px 0;
width:179px;
}

#navi00 a{
background-image:url(http://adan.noor.jp/ameba_marin/vocaloid/b-menulogo.gif);
background-repeat:no-repeat;
}

#navi01:link{background-position:-166px -46px;}
#navi01:visited{background-position:-166px -46px;}
#navi01:hover{background-position:-2px -46px;}

#navi02:link{background-position:-166px -86px;}
#navi02:visited{background-position:-166px -86px;}
#navi02:hover{background-position:-2px -86px;}

#navi03:link{background-position:-166px -126px;}
#navi03:visited{background-position:-166px -126px;}
#navi03:hover{background-position:-2px -126px;}

#navi04:link{background-position:-166px -166px;}
#navi04:visited{background-position:-166px -166px;}
#navi04:hover{background-position:-2px -166px;}

#navi05:link{background-position:-166px -206px;}
#navi05:visited{background-position:-166px -206px;}
#navi05:hover{background-position:-2px -206px;}

#navi06:link{background-position:-166px -246px;}
#navi06:visited{background-position:-166px -246px;}
#navi06:hover{background-position:-2px -246px;}

#navi07:link{background-position:-166px -286px;}
#navi07:visited{background-position:-166px -286px;}
#navi07:hover{background-position:-2px -286px;}

#navi08:link{background-position:-166px -326px;}
#navi08:visited{background-position:-166px -326px;}
#navi08:hover{background-position:-2px -326px;}

#navi09:link{background-position:-166px -366px;}
#navi09:visited{background-position:-166px -366px;}
#navi09:hover{background-position:-2px -366px;}

#navi10:link{background-position:-166px -406px;}
#navi10:visited{background-position:-166px -406px;}
#navi10:hover{background-position:-2px -406px;}

#navi11:link{background-position:-166px -446px;}
#navi11:visited{background-position:-166px -446px;}
#navi11:hover{background-position:-2px -446px;}

#navi12:link{background-position:-166px -486px;}
#navi12:visited{background-position:-166px -486px;}
#navi12:hover{background-position:-2px -486px;}

#navi13:link{background-position:-166px -526px;}
#navi13:visited{background-position:-166px -526px;}
#navi13:hover{background-position:-2px -526px;}

/* ------------------------------------------------------- */
/* メッセージボード（スクロール）             */
/* ------------------------------------------------------- */
.skinMessageBoard{
max-height:260px;
overflow:auto;
}

/* ------------------------------------------------------- */
/* 記事個別（スクロール）                 */
/* ------------------------------------------------------- */
.skinArticle{
max-height:260px;
overflow:auto;
}

/*自分で★カスタマイズ@《Ameba blog》*/
/* http://group.ameba.jp/group/ltkWHe4-GauK/ */
/*新「CSS編集用」で800px・2カラム*/

/*
使用カラーコード
CSS中で、検索(Ctrl+f)して、お好みの色コードに変更してください。
#ff007e＝濃い色
#fe66a9＝中間
#ffc4de＝薄い色
#FF3399＝Hover,New
*/

/*◆1 全体カラーなど */
/*◇1-1 背景画像 */
body{
min-width:800px;
background:url(http://adan.noor.jp/ameba_marin/love-pink-back.gif) #ffc4de;/*背景画像*/
}

/*◇1-2 リンク色 */

.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a,
.skinAnchorVisi5555batedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#ff007e;
}

a:hover,
.skinBlock a:hover{
color:#FF3399;
}

/*◇1-3 スクロールバー */
body,html{
scrollbar-face-color:#ffffff;
scrollbar-highlight-color: #ff007e;
scrollbar-shadow-color: #ff007e;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ff007e;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}

/*◆2 レイアウト*/

/*◇2-1 ヘッダ*/
.skinHeaderArea {
width: 800px;/*ヘッダ画像幅*/
height:300px;/*ヘッダ画像高さ*/
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20120318/14/d3/28/p/o08000300happy-lu1332048912228.png);/*ヘッダ画像URL*/
text-indent:-9999px;
}

.skinTitleArea a{
width: 800px;/*ヘッダ画像幅*/
height:300px;/*ヘッダ画像高さ*/
display:block;
}

.skinDescriptionArea{
display:none;
}

/*◇2-2 記事＋メニュー囲み*/
.skinContentsArea{
margin-top:33px;
border:1px solid #ff007e;/*記事＋メニュー囲み、外側罫線*/
width:792px;
background:#fe66a9;/*二重罫線の隙間*/
padding:3px;
float:left;
}
.skinContentsArea2{
width:750px;
padding:20px;
border:1px solid #ff007e;/*記事＋メニュー囲み、内側罫線*/
background:#fff;
float:left;
}

.columnC .layoutContentsA {
width: 745px;
}

/*右カラム*/
.columnC .skinSubA{
width:300px;
}
/*メインカラム*/
.columnC .skinMainArea {
width: 420px;
}

/*◆3 記事*/

/*◇3-1 記事枠*/

/*記事枠(外)*/
.skinMessageBoard,
.skinArticle{
border:1px solid #ff007e;/*記事囲み、外側罫線*/
width:412px;
background:#ffc4de;/*二重罫線の隙間*/
padding:3px;
margin:0 0 50px 0;
}

/*記事枠(内)*/
.skinMessageBoard2,
.skinArticle2{
border:1px solid #ff007e;/*記事囲み、内側罫線*/
background:#fff;
width:410px;
margin:0;
}

/*記事レイアウト*/
/*記事ヘッダ*/
.skinArticleHeader {
margin: 20px 20px 0 20px;
padding:0;
border-left:none;
}

/*記事余白*/
.skinArticleBody2{
margin:20px;}

/*記事タイトル文字色など*/
.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited {
color: #ff007e;
}

/*◇3-1 記事日付*/
/*記事枠の上に隙間あけて*/
.skinArticle2{
position:relative;
padding-top:40px;
}

/*記事ヘッダ全体上げて*/
.articleDetailArea{
position:absolute;
left:0;
top:0;
width:100%;
}

/*記事日付を上ヅケ、大きく、フォント変更*/
.articleTime{
position:absolute;
left:8px;
top:0;
font-size:21px;/*文字サイズ*/
font-family: 'Sniglet', cursive;/*フォント*/
}

/*記事日付に色*/
.skinWeakColor, .skinBaseWeakColor {
color: #fe66a9;/*文字色*/
}

/*NEWだけ小さく*/
.skinStrongColor, .skinBaseStrongColor {
color: #FF3399;/*文字色*/
font-size:10px;
}

/*記事テーマは日付の下*/
.articleTheme{
position:absolute;
right:5px;
top:0px;
padding-top:36px;
width:405px;
text-align:right;
background:url(http://adan.noor.jp/ameba_marin/dot4.gif);
}

/*NEW*/
.skinStrongColor, .skinBaseStrongColor {
color: #FF3399;/*文字色*/
font-size:10px;
}

/*◆4 コメント*/
/*◇4-1 オーナーコメント*/

.ownerComment{
padding-left:56px;
background:url(【オーナーコメント画像URL（50x50）】) top left no-repeat;/*オーナーコメントアイコン*/
}
.skinStrongBgColor, .skinBaseStrongBgColor {
background-color: #ffffff;
}

/*コメント部分ボーダー削除*/
.skinBorderHr, .skinBorderList li {
border: none;
}

/*◆5 ナビゲーション*/
/*pagingArea*/
.pagingArea{
position: relative!important;
width: 420px!important;
height:24px;
overflow:hidden;
margin: 3px auto;
}

.pagingPrev, .pagingNext {
padding: 3px;
}

.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {
border: 1px solid #ffc4de;
background: white;
color:#ff007e;
}

/*一覧タブ*/
.tab {
padding:6px 0;
min-width: 117px;
max-width: 117px;
}

.skinBorderColor, .skinBaseBorderColor, .skinBlock {
border-color:#ffc4de;
}

/*レイアウト*/
.skinFrame2{
margin:0 auto;
width:800px;
position:relative;
}

/*◆6 メニューカラム*/
/*左カラム隠す*/
.columnC .layoutContentsB{
display:none
}

/*メニュー部分飾りライン*/
/*元飾りを削除しライン引きなおし*/

.skinMenu{
border:1px solid #ff007e;
border-width:1px 0px 1px 0;
padding:2px 0 0 0;
background:#ffc4de;
margin-bottom:20px;
}

.skinMenuHeader{
border:1px solid #ff007e;
border-width:1px 0px 0 0;
background:#fff;
padding:0;
}

.skinMenuBody{
background:#fff;
padding:0;
margin: 0;
}

.skinSubHr, .skinSubList li {
border-top: 1px dotted #ff007e;
border-bottom: none;
padding-left:12px;
}

.skinArticleFooter {
border: none;
}

.skinBorderColor, .skinBaseBorderColor{
border: none;
}

.skinBlock{
border-color: #ff007e;
}

.commentArea{
margin-top:50px;
}

/*◆7 横メニュー */

/* relative設定の部位を基準に位置ぎめする。*/
/* このスキンデザインでは「ヘッダ画像左上から」*/

#navi00{
position:absolute;
left:0; /* 横位置＝「ヘッダ画像左上」から、何pxか */
top:303px; /* 縦位置＝「ヘッダ画像左上」から、何pxか */
width:798px;
text-align:center;
}
/* 各メニューの設定 */
#navi00 a{
display:inline-block; /* 背景を指定できるように */
width:128px; /* 各メニューの「幅」。下の表を参考に決めてください */
height:25px; /* 各メニューの「高さ」 */
line-height:25px;
margin-left:3px; /* 各メニューの「隙間」 */;
font-family: 'Sniglet', cursive;
font-size:18px;
}
/* 各メニューの設定 */
#navi00 a:link,
#navi00 a:visited{
background:#ffffff; /* 各メニューの「背景色」 */
color:#ff007e; /* 各メニューの「文字色」 */
border:1px solid #ff007e; /* 各メニューの「囲み罫線」 */
text-decoration:none;
}

/* 各メニューの設定（マウスカーソル触れたとき） */
#navi00 a:hover{
background:#ff007e; /* 触れたときの「背景色」 */
color:#ffffff; /* 触れたときの「文字色」 */
border:1px solid #ffc4de; /* 触れたときの「囲み罫線」 */
text-decoration:none;
}


━─━─━─━─━─ 以上━─━─━─━─━─


スクロールしたい方は、

以下をｺﾋﾟﾍﾟしてCSSの

最後に貼り付けてください。


/* ------------------------------------------------------- */
/* メッセージボード（スクロール） */
/* ------------------------------------------------------- */
.skinMessageBoard{
max-height:260px;
overflow:auto;
}

/* ------------------------------------------------------- */
/* 記事個別（スクロール） */
/* ------------------------------------------------------- */
.skinArticle{
max-height:260px;
overflow:auto;
}