☆io☆の一発改造事務所

【☆io☆】イラストかこう！　イメージセット！赤系　ｃｓｓタグ

Wed, 20 Mar 2013 12:10:01 +0900

２次加工/再配布/自作発言
はしないようご承知ください。
ここから↓

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

【CSS編集目次】

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

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

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

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

　(1) 文字のスタイル

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

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

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

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

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

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

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

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

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

/* (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:1000px !important;/*スキンの横幅*/
height:1100px;/*スキンの縦幅*/
margin:auto;
top:0px;/*上の広告との間の隙間*/
right:0px;
background-image:url(☆);/*スキンの画像URL*/
}
.skinMainArea{
width:370px !important;/*記事部分の横幅*/
height:450px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:580px;/*記事の左からの位置*/
top:400px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:310px !important;/*広告サイドバーの横幅*/
overflow:auto;
position:absolute;
left:145px;/*広告サイドバーの左からの位置*/
top:640px;/*広告サイドバーの上からの位置*/
background-color:transparent;
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{
width:99%;
margin:10px auto 60px auto;/*ページナビの上との隙間&下との隙間*/
}
.registBtnArea,.registArea subModule,.rssDescription
{
display:none;
}

.rss.skinFieldBlock{
display:none !important;
}
.rssDescription{
display:none;
}

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

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

/*　アイフレ　1　*/

#aifure1{
position:absolute;
top:50px;
left:470px;
width:195px;
height:122px;
overflow:auto;
padding:3px;
background-color:transparent;
}
/*　あいふれ　2　*/

#aifure2{
position:absolute;
top:50px;
left:740px;
width:195px;
height:122px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ　3　*/

#aifure3{
position:absolute;
top:920px;
left:520px;
width:195px;
height:122px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ　4　*/

#aifure4{
position:absolute;
top:920px;
left:770px;
width:195px;
height:122px;
overflow:auto;
padding:3px;
background-color:transparent;
}
/*　絶対　*/

body{
min-width:100%;
}

/*　背景　*/

html{
background-image:url(☆);/*画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

/*　アメン限定　*/

.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(☆);/*画像URL*/
width:200px;/*画像の横幅*/
height:150px;/*画像の縦幅*/
margin:auto;
display:block;
}
/*　コメント画像　*/

.commentBtn{
text-indent:-9999px;
background-image:url(☆);/*画像URL*/
width:200px;/*コメ画の横幅*/
height:150px;/*コメ画の縦幅*/
}
.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}

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

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

.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}
.footerNav{
display:none !important;
}
.skinFrame2{
text-align:center;
}
.articleLinkArea{
text-align:center;
}
.subAdBannerHeader span{
display:none !important;
}
/*　広告を2段　*/
.skinSubA .registArea .subAdList {
width: 285px;
}
.subAdList li{
float:left;
width:140px;
font-size:.8em;
margin:0;
padding:0;
}

ゴシック？　一発改造

Sat, 26 Jan 2013 15:30:40 +0900

【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:#FF9999;
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:1115px !important;/*スキンの横幅*/
height:800px;/*スキンの縦幅*/
margin:auto;
margin-top:0px;/*上の広告との間の隙間*/
right:0px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20130124/18/1b/fc/p/o11150800nyannrikopigu1359018403387.png);/ *スキンの画像URL*/
}
.skinMainArea{
width:449px !important;/*記事部分の横幅*/
height:342px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:35px;/*記事の左からの位置*/
top:427px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:315px !important;/*広告サイドバーの横幅*/
height:615px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:805px;/*広告サイドバーの左からの位置*/
top:5px;/*広告サイドバーの上からの位置*/
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{
width:99%;
margin:10px auto 60px auto;/*ページナビの上との隙間&下との隙間*/
}

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

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

/*　アイフレ　1　*/
#aifure1{
position:absolute;
top:429px;/*アイフレの上からの位置*/
left:507px;/*アイフレの左からの位置*/
width:262px;/*アイフレの横幅*/
height:167px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ　2　*/

#aifure2{
position:absolute;
top:616px;
left:507px;
width:119px;
height:155px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ　3　*/

#aifure3{
position:absolute;
top:614px;
left:647px;
width:125px;
height:158px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ　4　*/

#aifure4{
position:absolute;
top:710px;
left:600px;
width:376px;
height:310px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　絶対　*/

body{
min-width:100%;
}

/*　背景　*/

html{
background-image:url(☆背景画像☆);/ *画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

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

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

/*　アメン限定　*/

.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(★アメ画URL★);/*画像URL*/
width:220px;/*画像の横幅*/
height:150px;/*画像の縦幅*/
margin:auto;
display:block;
}

/*　コメント画像　*/

.commentBtn{
text-indent:-9999px;
background-image:url(★コメ画URL★);/*画像URL*/
width:220px;/*コメ画の横幅*/
height:150px;/*コメ画の縦幅*/
}

.skinContentsArea{
height:600px;
}

- - - - -ﾌﾘｰｽﾍﾟｰｽに貼り付け- - - - - -

飴　申
ぷろふ
な　う
読　者

< div id="aifure1">

いろいろ画像貼ったりしてね！

< div id="aifure2">

< div id="aifure3">

- - - - -ﾌﾘｰﾌﾟﾗｸﾞｲﾝに貼り付け- - - - -

みくたん　一発改造

Sat, 26 Jan 2013 15:30:02 +0900

CSSの最後にコピペ

/*スキン*/
.skinBlogHeadingGroupArea{
background-image:url( http://stat.ameba.jp/user_images/20121210/16/kao08subdeko/bf/4a/p/o0800030012324358926.png);/*スキンの画像URL*/
width:800px;/*スキンの横幅*/
height:300px;/*スキンの縦幅*/
padding:0;
margin:auto;
text-indent:-9999px;
}
.skinTitle,
.skinTitle:hover{
display:block;
width:800px;/*スキンの横幅*/
height:300px;/*スキンの縦幅*/
border:1px solid #4387E9;/*枠の太さ種類色*/
background-color:transparent;
}

/*上広告の枠付け*/
.headerBnrArea{
padding:0;
}
.headerBnr{
border:1px solid #4387E9;/*枠の太さ種類色*/
padding:0;
}

/*スキンの絶対配置*/
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
.skinBlogHeadingGroupArea{
position:absolute;
left:-30px;/*左からの位置*/
top:50px;/*上からの位置*/
}

/*記事の絶対配置*/
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
.skinMainArea{
position:absolute;
left:-40px;/*左からの位置*/
top:360px;/*上からの位置*/
}

/*記事の枠付け*/
.skinMainArea{
width:510px !important;/*メイン部分の横幅*/
height:510px;/*メイン部分の縦幅*/
overflow:auto;
overflow-x:hidden;
border:1px solid #4387E9;/*枠の太さ種類色*/
background-color:#FFFFFF;/*背景色*/
margin-left:10px;/*左のサイドバーとの隙間*/
}
.skinArticle{
border:0;
background:transparent;
}
.pagingArea{
width:99%;
margin:5px auto 10px auto;/*ページナビの上との隙間&下との隙間*/
}

/*サイド広告をアイフレみたいに*/
.skinFrame2{
position:relative;
width:1000px;
margin:auto;
}
.skinSubA{
width:310px !important;/*横幅*/
height:680px;/*縦幅*/
overflow:auto;
border:1px solid #4387E9;/*枠の太さ種類色*/
background-color:#FFFFFF;/*背景色*/
position:absolute;
left:780px;/*左からの位置*/
top:50px;/*上からの位置*/
text-align:center;/*文字中央寄せ*/
}

ul#amebaBar{
border:0;
background-color:transparent;/*背景透過*/
}

html{
background-image:url(背景画像URL);/*画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

li#barSrch .barKey{
border:1px solid #4387E9;/*枠の色*/
background-color:#ffffff;/*背景色*/
}

li#barSrch{
width:207px;
}

.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#aifure01{
display:block;
width:280px;/*アイフレの横幅*/
height:250px;/*アイフレの縦幅*/
overflow:auto;
background-color:#FFFFFF;/*アイフレの背景色*/
border:1px solid #4387E9;/*アイフレの枠の太さ種類色*/
position:absolute;
top:360px;/*アイフレの上からの位置*/
left:490px;/*アイフレの左からの位置*/
}

#aifure02{
display:block;
width:280px;/*アイフレの横幅*/
height:250px;/*アイフレの縦幅*/
overflow:auto;
background-color:#FFFFFF;/*アイフレの背景色*/
border:1px solid #4387E9;/*アイフレの枠の太さ種類色*/
position:absolute;
top:620px;/*アイフレの上からの位置*/
left:490px;/*アイフレの左からの位置*/
}

#aifure03{
display:block;
width:310px;/*アイフレの横幅*/
height:130px;/*アイフレの縦幅*/
overflow:auto;
background-color:#FFFFFF;/*アイフレの背景色*/
border:1px solid #4387E9;/*アイフレの枠の太さ種類色*/
position:absolute;
top:740px;/*アイフレの上からの位置*/
left:780px;/*アイフレの左からの位置*/
}

.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url( http://stat.ameba.jp/user_images/20121210/16/kao08subdeko/ce/57/p/o0200010012324359000.png);/*画像URL*/
width:200px;/*画像の横幅*/
height:100px;/*画像の縦幅*/
margin:auto;
display:block;
}

.commentBtn{
text-indent:-9999px;
background-image:url( http://stat.ameba.jp/user_images/20121210/16/kao08subdeko/60/3d/p/o0200010012324359103.png);/*画像URL*/
width:200px;/*コメ画の横幅*/
height:100px;/*コメ画の縦幅*/
}
.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}

.commentOpenArea{
display:none;
}
.commentArea{
border:0;
}
.commentTitleArea{
border:0;
}

.commentTitleArea{
display:none;
}

フリースペースにコピペ（☆抜いてね）

<☆div id=☆"aifure01">

あああ<☆/div>

<☆div id=☆"aifure02">好きな文字を入れる<☆/div>

<☆div id=☆"aifure03">好きな文字を入れる<☆/div>

女の子　一発改造

Sat, 26 Jan 2013 15:13:44 +0900

/* ------------------------------------------------------- */
/* ヘッダー（スキン）画像を設定 */
/* ------------------------------------------------------- */
.skinHeaderArea{
background-image:url( http://stat.ameba.jp/user_images/20111204/19/chocomomo1998/6f/e2/p/o0800030011652134077.png);
background-repeat:no-repeat;/* 繰り返ししない */
position:absolute;
padding:0;
margin:auto;
top:20px;/*上からの位置*/
left:100px;/*左からの位置*/
width:800px;/*スキンの横幅*/
height:300px;/*スキンの縦幅*/
border:2px solid #FF48FF/*枠太さ・線種・色*/
}
/*アメン画*/
.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url( http://stat.ameba.jp/user_images/20111204/19/chocomomo1998/32/fc/p/o0300015011652136197.png);/*画像URL*/
width:300px;/*画像の横幅*/
height:150px;/*画像の縦幅*/
margin:auto;
display:block;
}
/*コメ画*/
.commentBtn{
text-indent:-9999px;
background-image:url( http://stat.ameba.jp/user_images/20111204/19/chocomomo1998/b8/3d/p/o0300015011652136908.png)*画像URL*/
width:300px;/*コメ画の横幅*/
height:150px;/*コメ画の縦幅*/
}
/*背景*/
html{
background-image:url( http://stat.blogskin.ameba.jp/blogskin_images/20111119/10/0c/10/p/o02000200chocomomo19981321667522804.png);/*画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}
/*記事*/
.skinMainArea{
width:500px !important;/*記事部分の横幅*/
height:500px;/*記事部分の縦幅*/
overflow:auto;
border:3px solid #ff99ff;/*枠の太さ種類色*/
background-color:#FFFFFF;/*背景色*/
position:absolute;
left:250px;/*記事の左からの位置*/
top:380px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
skinSubB{
width:0 !important;
}
/*アメーバTOPボタン変更*/
#amebaBar ul{
display:none;
}
#barLogoTop img{
visibility:hidden;
}
#amebaBar #barLogoTop a{
display: block;
padding:0;
margin:0;
height:50px;/*縦*/
background-image : url( http://stat.blogskin.ameba.jp/blogskin_images/20111119/10/31/f6/p/o01000050chocomomo19981321667658896.png);
background-repeat : no-repeat ;
width:100px;/*横*/
}
html,body{
scrollbar-base-color:#FFFFFF;
scrollbar-face-color:#FFC0CB;
scrollbar-shadow-color:#FFC0CB;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#aifure{
display:block;
width:200px;/*アイフレの横幅*/
height:300px;/*アイフレの縦幅*/
overflow:auto;
background-color:背景の色記入;/*アイフレの背景色*/
border:3px solid #ff99ff;/*アイフレの枠の太さ種類色*/
position:absolute;
top:380px;/*アイフレの上からの位置*/
left:0px;/*アイフレの左からの位置*/
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#aifure1{
display:block;
width:200px;/*アイフレの横幅*/
height:270px;/*アイフレの縦幅*/
overflow:auto;
background-color:背景の色記入;/*アイフレの背景色*/
border:3px solid #ff99ff;/*アイフレの枠の太さ種類色*/
position:absolute;
top:600px;/*アイフレの上からの位置*/
left:800px;/*アイフレの左からの位置*/
}
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#aifure2{
display:block;
width:200px;/*アイフレの横幅*/
height:185px;/*アイフレの縦幅*/
overflow:auto;
background-color:背景の色記入;/*アイフレの背景色*/
border:3px solid #ff99ff;/*アイフレの枠の太さ種類色*/
position:absolute;
top:700px;/*アイフレの上からの位置*/
left:0px;/*アイフレの左からの位置*/
}
.skinSubA{
width:200px !important;/*広告サイドバーの横幅*/
height:200px;/*広告サイドバーの縦幅*/
overflow:auto;
border:3px solid #ff99ff;/*広告サイドバーの枠の太さ種類色*/
background-color:⑥;/*背景色*/
position:absolute;
left:800px;/*広告サイドバーの左からの位置*/
top:380px;/*広告サイドバーの上からの位置*/
}
【ここからのタグはフリースペースに！】↓

アイフレ!!!
好きな文字などを

アイフレ１!!
ここに好きな文字などを

アイフレ2!!
好きな文字などを！

みくたん　一発改造

Sat, 26 Jan 2013 15:13:04 +0900

@charset "utf-8";
/*===========================*/
/*　　　　素材情報屋Felta　　　　*/
/* http://ameblo.jp/raitobuu-felta/ */
/*==========================*/

/*文字================*/
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#f7347c;
}
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a,
a{
color:#ffd447;/*通常時のリンク色*/
}
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
.skinBlock a:visited,
a:visited{
color:#255fb8;/*訪問済みのリンク色*/
}
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus,
.skinBlock a:hover,
a:focus,
a:hover{
color:#fff;/*カーソル乗せたときのリンク色*/
text-decoration:none;/*カーソル乗せたときに出てくる下線を消す*/
}
.skinArticleTitle:hover{
border:0;
}
/*中央*/
.skinArticle {
text-align:center;
}
.skinSubA{
text-align:center;
}
/*PRの文字を消す*/
.subAdBannerHeader span{
display:none;
}
/*画像======================*/
/*　ヘッダー　*/
.skinBlogHeadingGroupArea{
background-image:url(http://stat001.ameba.jp/user_images/20120326/13/saku-1228/1a/e4/p/o0500030011875493686.png);/*スキンの画像URL*/
width:500px;
height:300px;
left:0px;
top:0px;
position:absolute;
padding:0;
margin:auto;
text-indent:-9999px;
position:absolute;
}
.skinTitle,
.skinTitle:hover{
display:block;
width:300px;
height:100px;
background-color:transparent;
}
/*　背景　*/
body{
background-image:url(http://stat001.ameba.jp/user_images/20120321/10/saku-1228/7f/49/p/o0250020011864933543.png);
background-repeat:repeat;
background-attachment:fixed;
}
/*記事=====================*/
/*タイトル*/
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
color:#f7347c;/*タイトル文字色*/
font-size:16px;/*タイトル文字サイズ*/
}
.skinArticleHeader{
margin:0;
border:0;
text-align:center;/*タイトル中央寄せ*/
}
/*記事タイトル背景*/
.skinArticleHeader{
background-image:url(http://stat001.ameba.jp/user_images/20120321/11/saku-1228/71/83/p/o0350005011864981401.png);/*背景画像ＵＲＬ*/
width:350px;/*背景画像の横幅*/
height:50px;/*背景画像の縦幅*/
margin:auto;
padding:0;
}
.skinArticleHeader h1{
padding-top:5px;/*文字の上の隙間*/
}
/*日付*/
.articleTime{
color:#36d0ff;
font-size:15px;
font-weight:bold;
}
/*記事下*/
.skinArticleFooter{
border-top:3px double #36d0ff;/*線の太さ種類色*/
}
/*記事内画像半透明*/
.articleText img:hover{/* 記事の画像を半透明 */
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}
/*記事タイトル横の線を消す*/
.skinArticleHeader{
border:none;
}
/*コメントペタなどの間の棒*/
.articleLinkArea{
color:#fff;/*背景色と同じ色*/
}
/*ページナビ*/
/*通常の色*/
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:focus{
color:#f7347c !important;/*文字色*/
background-color:#fff;/*背景色*/
border:1px solid #36d0ff;/*枠の太さ種類色*/
font-size:12px;/*文字サイズ*/
padding:3px;/*文字と枠の間の余白の大きさ*/
}
/*マウスオーバー時の色*/
.skinSimpleBtn:hover{
color:#36d0ff !important;/*文字色*/
background-color:#fff;/*背景色*/
border:1px solid #f7347c;/*枠の太さ種類色*/
}

/*メイン.サイドバ=============*/
/*記事部分メイン部分全体*/
.skinArticle{
background-color:transparent;
border:0;
}
.skinMainArea{
width:498px !important;/*メイン部分の横幅*/
height:575px;/*メイン部分の縦幅*/
position:absolute;
top:330px;/*上からの位置*/
left:0px;/*左からの位置*/
overflow:auto;
overflow-x:hidden;
border:1px solid #36d0ff;/*枠の太さ種類色*/
background-color:#fff;/*背景色*/
}
.skinArticleHeader{
border-left:none;
padding:0;
}
/*広告があるほうのサイドバー*/
.skinSubA{
width:300px !important;/*メイン部分の横幅*/
height:690px;/*メイン部分の縦幅*/
overflow:auto;
top:0px;/*上からの位置*/
right:0px;/*右からの位置*/
position:absolute;
overflow-x:hidden;
border:1px solid #36d0ff;/*枠の太さ種類色*/
background-color:#fff;/*背景色*/
position:absolute;
overflow:auto;
}
/*会員登録*/
.skinImgBtnM{
background-image:url(http://stat001.ameba.jp/user_images/20120321/11/saku-1228/b0/00/p/o0200010011864976531.png);/*画像URL*/
width:200px;/*画像の横幅*/
height:100px;/*画像の縦幅*/
text-indent:-9999px;
}

/*アメーババー=====================*/
ul#amebaBar{
border:0;
background:none;/*画像URL*/
}
#amebaBar img{
visibility:hidden;
}
li#barLogoTop a{
display:block;
width:80px;/*ロゴの横幅*/
height:23px;/*ロゴの縦幅*/
background:url(http://stat001.ameba.jp/user_images/20120321/10/saku-1228/7f/47/p/o0080002411864921692.png);/*ロゴの画像URL*/
}
#amebaBar ul{
display:none;
}
/*アメーババーの色を変える*/
#amebaBar a {color:#f7347c !important; /*バー内の文字色*/}
}
/* アメーババーを半透明にする方法 */
#amebaBar{
opacity:0.80;
-moz-opacity:0.80;
filter:alpha(opacity=80);
-ms-filter:alpha(opacity=80);
}
#amebaBar:hover{
opacity:1.00;
-moz-opacity:1.00;
filter:alpha(opacity=100);
-ms-filter:alpha(opacity=100);
}
/*検索文字色*/
li#barSrch .barKey{
border:1px solid #36d0ff;/*枠の色*/
color:#f7347c; /*文字の色*/
background-color:#fff;/*背景色*/
}
/*検索ロゴ*/
li#barSrch .barButton {
width:70px;/*画像の横幅*/
height:21px;
background:url(http://stat001.ameba.jp/user_images/20120321/11/saku-1228/c1/02/p/o0070002111864975390.png) no-repeat 0 0px;/*画像URL*/
}
li#barSrch{
width:208px;
}
/*オススメって書いてある画像*/
li#barAd a{
background:none;
padding:0;
}
/*冠の画像*/
#amebaBar li a.barRegist{
background:none;
padding:0;
}
/*顔の画像*/
#amebaBar li a.menuRank{
background:none;
padding:0;
}
/*アメーババー下の線を消す*/
#amebaBar{
border-bottom:none !important;
}

/*飴・コメ=====================*/
/*アメンバー限定記事画像*/
.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
width:250px;
height:150px;
display: block;
overflow:hidden;
outline:none;
margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url(http://stat001.ameba.jp/user_images/20120321/10/saku-1228/28/c9/p/o0250015011864921691.png) !important;
background-repeat:no-repeat;
background-position: center center;
}
html* .amemberEntryBtn a{/*アメ限画像*/
background-position:left top !important;
}
/*コメント部分*/
.skinBorderHr,.skinBorderList li{
border-bottom:1px solid #36d0ff;/*線の太さ種類色*/
}
#comment_show{
border:1px solid #36d0ff;
}
/*自分のコメント*/
.blogComment.ownerComment{
color:#f7347c;/*文字色*/
font-size:12px;/*文字サイズ*/
border:1px solid #36d0ff;
font-weight:bold;/*文字を太字に*/
background-color:#fff;/*背景色*/
}
.commentArea{
background-color:#fff;/*コメント欄の背景色*/
background-repeat:repeat;
}
/*コメント記入画像*/
.commentBtn{
text-indent:-9999px;
border:none;
background-position:left top;
background-image:url(http://stat001.ameba.jp/user_images/20120321/10/saku-1228/92/cc/p/o0250015011864921693.png);
width:250px;
height:150px;
}
.commentBtn:hover{
background-position:left bottom;
}
/*コメント欄枠消す*/
.commentOpenArea{
display:none;
}
.commentArea{
border:0;
}
.commentTitleArea{
border:0;
}

/*全体=============================*/
/*スクロールバー*/
html,body {
scrollbar-base-color:#36d0ff;
scrollbar-track-color:#fff;
scrollbar-face-color:#fff;
scrollbar-shadow-color:#36d0ff;
scrollbar-darkshadow-color:#36d0ff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#36d0ff;
scrollbar-arrow-color:#36d0ff;
}
/* 絶対配置起点を設定画面の大きさを変えて同じ位置に */
.skinFrame2{
width:980px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
/*ブログ全体を横スクロールしない*/
html{
overflow-x:hidden;
}

/*その他===================*/
/*スキン上広告*/
.headerBnrArea{
padding:0;
}
.headerBnr{
border:1px double #36d0ff;
padding:0;
margin-top:15px;
margin-bottom:20px;
}
/*ページの右下のページナビを消す*/
.footerNav{
display:none !important;
}

/*横メニュー=======================*/
#topmenu ul{
margin:0;
padding:0;
}
#topmenu {
width:590px;
font-size:12px;
line-height:2;
display: block;
}
#topmenu{
position: absolute;
top:303px;
left:0px;
z-index: 100;
}
#topmenu li {
width:100px;
text-align:center;
display:inline;
list-style:none;
margin:0px;
float:left;
}
/*横メニュー色*/
#topmenu li a {
color:#f7347c;
font-size:11px;
border:1px solid #36d0ff;
background-color:#fff;
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#36d0ff;
border:1px solid #f7347c;
background-color:#fff;
}

/*アイフレ======================*/
#aifure01{
display:block;
width:170px;/*アイフレの横幅*/
height:298px;/*アイフレの縦幅*/
overflow:auto;
background-color:#fff;/*アイフレの背景色*/
border:1px solid #36d0ff;/*アイフレの枠の太さ種類色*/
position:absolute;
text-align:center;
top:0px;/*アイフレの上からの位置*/
left:503px;/*アイフレの左からの位置*/
}
#aifure02{
display:block;
width:170px;/*アイフレの横幅*/
height:300px;/*アイフレの縦幅*/
overflow:auto;
background-color:#fff;/*アイフレの背景色*/
border:1px solid #36d0ff;/*アイフレの枠の太さ種類色*/
position:absolute;
text-align:center;
top:303px;/*アイフレの上からの位置*/
left:503px;/*アイフレの左からの位置*/
}
#aifure03{
display:block;
width:170px;/*アイフレの横幅*/
height:297px;/*アイフレの縦幅*/
overflow:auto;
background-color:#fff;/*アイフレの背景色*/
border:1px solid #36d0ff;/*アイフレの枠の太さ種類色*/
position:absolute;
text-align:center;
top:608px;/*アイフレの上からの位置*/
left:503px;/*アイフレの左からの位置*/
}
#aifure04{
display:block;
width:300px;/*アイフレの横幅*/
height:210px;/*アイフレの縦幅*/
overflow:auto;
background-color:#fff;/*アイフレの背景色*/
border:1px solid #36d0ff;/*アイフレの枠の太さ種類色*/
position:absolute;
text-align:center;
top:695px;/*アイフレの上からの位置*/
right:0px;/*アイフレの左からの位置*/
}

フリースペースには以下を

ゴシック系　一発改造

Sat, 26 Jan 2013 15:07:31 +0900

@charset "utf-8";
/*
-----------------------------------------
【CSS編集目次】
　(1) 文字のスタイル
　(2) ボタンのスタイル
　(3) エリアのスタイル
　(4) その他、拡張
※CSS編集で広告を修正しないでください
（規約違反に該当する可能性があります）
-----------------------------------------
*/

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

　(1) 文字のスタイル

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

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

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

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

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

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

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

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

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

/* (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:970px !important;/*スキンの横幅*/
height:858px;/*スキンの縦幅*/
margin:auto;
margin-top:0px;/*上の広告との間の隙間*/
right:0px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120415/19/25/00/p/o09700858safycookie1334486304190.png);/ *スキンの画像URL*/
}
.skinMainArea{
width:260px !important;/*記事部分の横幅*/
height:260px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:210px;/*記事の左からの位置*/
top:160px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:320px !important;/*広告サイドバーの横幅*/
height:670px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:665px;/*広告サイドバーの左からの位置*/
top:232px;/*広告サイドバーの上からの位置*/
}
.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:14px;
left:662px;
width:290px;
height:178px;
overflow:auto;
padding:3px;
background-color:transparent;
}
/*　アイフレ　左下　*/

#aifure2{
position:absolute;
top:552px;
left:15px;
width:300px;
height:295px;
overflow:auto;
padding:3px;
background-color:transparent;
}
/*　アイフレ　中下　*/

#aifure3{
position:absolute;
top:552px;
left:329px;
width:300px;
height:295px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　絶対　*/
body{
min-width:100%;
}

/*　背景　*/
html{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120414/18/bd/b1/p/o00080008safycookie1334397080195.png);/ *画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

/*　アメンバーバー透過　*/
ul#amebaBar {
border: 0;
background-color:transparent;
}

/*　アメン限定　*/
.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(★アメン画像URL★);/*画像URL*/
width:254px;/*画像の横幅*/
height:114px;/*画像の縦幅*/
margin:auto;
display:block;
}

/*　コメント画像　*/
.commentBtn{
text-indent:-9999px;
background-image:url(★コメント画像URL★);/*画像URL*/
width:254px;/*コメ画の横幅*/
height:114px;/*コメ画の縦幅*/
}
.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}
/*カーソル*/
body {
cursor: url(http://dl.dropbox.com/u/25192986/kity.ani ), auto;
}
/*　横メニュー　*/
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#menu {
width:640px;/*横メニュー全体の横幅*/
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:#000000;/*項目の文字色*/
font-size:10px;/*項目の文字サイズ*/
background-color:transparent;/*項目の背景色*/
padding:6px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#menu li a:hover {
color:#ffffff;/*カーソル乗せたときの文字色*/
background-color:transparent;/*カーソル乗せたときの背景色*/
}

－－－－－フリースペース－－－－－

アイフレ　文字いじるたぐフリスペに
おしまい

↑★は自分のID

　ここにアイフレ１の文字　

　ここにアイフレ２の文字　

　ここにアイフレ３の文字　

ゴシック系　一発改造

Sat, 26 Jan 2013 14:51:34 +0900

こちら↓

＜↑★は自分のID＞

好きな文字いれてね

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
＜CSS＞

@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 5px;
}

/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter{
margin:10px 19px 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:600px !important;/*スキンの横幅*/
height:400px;/*スキンの縦幅*/
margin:auto;
margin-top:150px;/*上の広告との間の隙間*/
right:0px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120410/13/f0/cd/p/o06000400safycookie4181334033905823.png);/ *スキンの画像URL*/
}
.skinMainArea{
width:275px !important;/*記事部分の横幅*/
height:180px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:50px;/*記事の左からの位置*/
top:180px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:350px !important;/*広告サイドバーの横幅*/
height:238px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:600px;/*広告サイドバーの左からの位置*/
top:270px;/*広告サイドバーの上からの位置*/
}
.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:15px;
left:650px;
width:160px;
height:220px;
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　絶対　*/
body{
min-width:100%;
}

/*　背景　*/
html{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120410/14/52/0c/p/o02300221safycookie4181334034961397.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://stat.ameba.jp/user_images/20110628/18/sozaikiss/9b/a9/p/t02200107_0300014611318134827.png);/ *画像URL*/
width:220px;/*画像の横幅*/
height:107px;/*画像の縦幅*/
margin:auto;
display:block;
}

/*　コメント画像　*/
.commentBtn{
text-indent:-9999px;
background-image:url(http://stat.ameba.jp/user_images/20110630/20/sozaikiss/bd/7d/p/t02200105_0230011011322135461.png);/ *画像URL*/
width:220px;/*コメ画の横幅*/
height:105px;/*コメ画の縦幅*/
}
.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:600px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:1px;/*横メニューの上からの位置*/
left:0px;/*横メニューの左からの位置*/
z-index:999;
}
#menu ul{
margin:0;
padding:0;
}
#menu li {
width:150px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#menu li a {
color:#ffffff;/*項目の文字色*/
font-size:12px;/*項目の文字サイズ*/
background-color:#000000;/*項目の背景色*/
padding:6px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#menu li a:hover {
color:#000000;/*カーソル乗せたときの文字色*/
background-color:#ffffff;/*カーソル乗せたときの背景色*/
}

.entry{/* 記事スクロール */
height:17px;
overflow:auto;
}
html,body {/* スクロールバーの色（全体） */
scrollbar-face-color: #FFFFFF; /* 1 表面の色 */
scrollbar-track-color: #ffffff; /* 2 バーの背景の色 */
scrollbar-arrow-color: #000000; /* 3 矢印の色 */
scrollbar-highlight-color: #FFFFFF; /* 4 ハイライトの色 */
scrollbar-3dlight-color: #FFFFFF; /* 5 外側のハイライトの色 */
scrollbar-shadow-color: #FFFFFF; /* 6 影の色 */
scrollbar-darkshadow-color: #FFFFFF; /* 7 外側の影の色 */
}

素材屋　みくたん　一発改造

Sat, 26 Jan 2013 14:50:58 +0900

/* 素材屋スキン */

.skinTitle,
.skinDescription{
display:none !important;
}
.skinFrame2{
position:relative;
width:1000px !important;/*スキンの横幅*/
height:800px;/*スキンの縦幅*/
margin:auto;
margin-top:0px;/*上の広告との間の隙間*/
right:0px;
background-image:url(★ http://stat.blogskin.ameba.jp/blogskin_images/20121222/13/d5/87/p/o10000800nyctinenyuuri1356149132535.png★);/*スキンの画像URL*/
border:5px solid #ffffff;/*枠太さ・線種・色*/
}
.skinMainArea{
width:395px !important;/*記事部分の横幅*/
height:413px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:572px;/*記事の左からの位置*/
top:28px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:271px !important;/*広告サイドバーの横幅*/
height:286px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:29px;/*広告サイドバーの左からの位置*/
top:486px;/*広告サイドバーの上からの位置*/
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{
width:99%;
margin:10px auto 60px auto;/*ページナビの上との隙間&下との隙間*/
}

みくたん　一発改造

Sat, 26 Jan 2013 14:47:29 +0900

/*CSSへ*/

@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:#FF9999;
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:1200px !important;/*スキンの横幅*/
height:1100px;/*スキンの縦幅*/
margin:auto;
margin-top:0px;/*上の広告との間の隙間*/
right:0px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20121021/15/71/00/p/o12001100cocoahappylove1350799750268.png);/*スキンの画像URL*/
}
.skinMainArea{
width:472px !important;/*記事部分の横幅*/
height:554px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:701px;/*記事の左からの位置*/
top:392px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:320px !important;/*広告サイドバーの横幅*/
height:615px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:9px;/*広告サイドバーの左からの位置*/
top:480px;/*広告サイドバーの上からの位置*/
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{
width:99%;
margin:10px auto 60px auto;/*ページナビの上との隙間&下との隙間*/
}

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

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

/*　アイフレ 1　*/
#aifure1{
position:absolute;
top:43px;/*アイフレの上からの位置*/
left:78px;/*アイフレの左からの位置*/
width:241px;/*アイフレの横幅*/
height:155px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 2　*/
#aifure2{
position:absolute;
top:277px;/*アイフレの上からの位置*/
left:82px;/*アイフレの左からの位置*/
width:235px;/*アイフレの横幅*/
height:160px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 3　*/
#aifure3{
position:absolute;
top:369px;/*アイフレの上からの位置*/
left:438px;/*アイフレの左からの位置*/
width:161px;/*アイフレの横幅*/
height:110px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 4　*/
#aifure4{
position:absolute;
top:536px;/*アイフレの上からの位置*/
left:390px;/*アイフレの左からの位置*/
width:229px;/*アイフレの横幅*/
height:233px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 5　*/
#aifure5{
position:absolute;
top:826px;/*アイフレの上からの位置*/
left:389px;/*アイフレの左からの位置*/
width:230px;/*アイフレの横幅*/
height:238px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 6　*/
#aifure6{
position:absolute;
top:992px;/*アイフレの上からの位置*/
left:678px;/*アイフレの左からの位置*/
width:123px;/*アイフレの横幅*/
height:78px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 7　*/
#aifure7{
position:absolute;
top:992px;/*アイフレの上からの位置*/
left:808px;/*アイフレの左からの位置*/
width:123px;/*アイフレの横幅*/
height:78px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 8　*/
#aifure8{
position:absolute;
top:992px;/*アイフレの上からの位置*/
left:938px;/*アイフレの左からの位置*/
width:123px;/*アイフレの横幅*/
height:78px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 9　*/
#aifure9{
position:absolute;
top:992px;/*アイフレの上からの位置*/
left:1068px;/*アイフレの左からの位置*/
width:123px;/*アイフレの横幅*/
height:78px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　絶対　(※絶対消さないこと。)*/

body{
min-width:100%;
}

/*　背景　*/

html{
background-image:url(★背景画);/ *画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

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

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

/*　アメン限定　*/

.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20121021/15/76/8d/p/o03000200cocoahappylove1350799765497.png);/*画像URL*/
width:300px;/*画像の横幅*/
height:200px;/*画像の縦幅*/
margin:auto;
display:block;
}

/*　コメント画像　*/

.commentBtn{
text-indent:-9999px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20121021/15/79/2b/p/o03000200cocoahappylove1350799784742.png);/*画像URL*/
width:300px;/*コメ画の横幅*/
height:200px;/*コメ画の縦幅*/
}

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

/*記事タイトル一文字目を大きくする*/
.skinArticleHeader h1:first-letter{font-size:3.5em;
color:#FF9999;
margin-right:2px;
}

/*カーソル*/

body {
cursor: url(http://hana.poche.jp/xcoffeex/cursor-stripe2.cur), auto;
}

/* ● 余白を消す */

.skinContentsArea{
height:600px;
}

くまｘぱんだ　一発改造

Sat, 26 Jan 2013 14:46:05 +0900

@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:#FF9999;
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:1000px !important;/*スキンの横幅*/
height:900px;/*スキンの縦幅*/
margin:auto;
margin-top:0px;/*上の広告との間の隙間*/
right:0px;
background-image:url(★スキン画像URL★);/*スキンの画像URL*/
}
.skinMainArea{
width:602px !important;/*記事部分の横幅*/
height:338px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:27px;/*記事の左からの位置*/
top:341px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:320px !important;/*広告サイドバーの横幅*/
height:615px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:673px;/*広告サイドバーの左からの位置*/
top:276px;/*広告サイドバーの上からの位置*/
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{
width:99%;
margin:10px auto 60px auto;/*ページナビの上との隙間&下との隙間*/
}

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

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

/*　アイフレ 1　*/
#aifure1{
position:absolute;
top:10px;/*アイフレの上からの位置*/
left:717px;/*アイフレの左からの位置*/
width:264px;/*アイフレの横幅*/
height:227px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 2　*/
#aifure2{
position:absolute;
top:734px;/*アイフレの上からの位置*/
left:18px;/*アイフレの左からの位置*/
width:198px;/*アイフレの横幅*/
height:122px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 3　*/
#aifure3{
position:absolute;
top:734px;/*アイフレの上からの位置*/
left:231px;/*アイフレの左からの位置*/
width:198px;/*アイフレの横幅*/
height:122px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　アイフレ 4　*/
#aifure4{
position:absolute;
top:734px;/*アイフレの上からの位置*/
left:443px;/*アイフレの左からの位置*/
width:198px;/*アイフレの横幅*/
height:122px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

/*　絶対　(※絶対消さないこと。)*/

body{
min-width:100%;
}

/*　背景　*/

html{
background-image:url(★背景画像URL★);/ *画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

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

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

/*　アメン限定　*/

.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(★アメ限画URL★);/*画像URL*/
width:300px;/*画像の横幅*/
height:200px;/*画像の縦幅*/
margin:auto;
display:block;
}

/*　コメント画像　*/

.commentBtn{
text-indent:-9999px;
background-image:url(★コメ画URL★);/*画像URL*/
width:300px;/*コメ画の横幅*/
height:200px;/*コメ画の縦幅*/
}

/*横メニュータグ*/
#topmenu {
width:650px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:278px;/*横メニューの上からの位置*/
left:45px;/*横メニューの左からの位置*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:115px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a {
color:#ff99cc;/*項目の文字色*/
font-size:15px;/*項目の文字サイズ*/
background-color:#ffffff;/*項目の背景色*/
padding:6px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#cccccc;/*カーソル乗せたときの文字色*/
background-color:#ffffff;/*カーソル乗せたときの背景色*/
}

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

/*TANsample記事タイトル一文字目を大きくする*/
.skinArticleHeader h1:first-letter{font-size:3.5em;
color:#FF9999;
margin-right:2px;
}

/* ● 余白を消す */

.skinContentsArea{
height:600px;
}

☆io☆の一発改造事務所

【☆io☆】イラストかこう！ イメージセット！赤系 ｃｓｓタグ

ゴシック？ 一発改造

みくたん 一発改造

女の子 一発改造

みくたん 一発改造

ゴシック系 一発改造

ゴシック系 一発改造

素材屋 みくたん 一発改造

みくたん 一発改造

くまｘぱんだ 一発改造

【☆io☆】イラストかこう！　イメージセット！赤系　ｃｓｓタグ

ゴシック？　一発改造

みくたん　一発改造

女の子　一発改造

みくたん　一発改造

ゴシック系　一発改造

ゴシック系　一発改造

素材屋　みくたん　一発改造

みくたん　一発改造

くまｘぱんだ　一発改造