一発改造屋

一発改造　初音ミク（緑）

Sun, 17 Mar 2013 13:18:17 +0900

@charset "utf-8";
/*CSS作成：
(C) http://adan.noor.jp/ameba_new/
■パスワード貸し借りでの使用禁止■
■再配布可■
横メニュー不要なら●を検索(ctrl+f)して数字を変更
*/

/*■1■ レイアウト*/

/*▼1-1 ヘッダ設定*/
.skinTitle{
display:block;
height:300px;/*ヘッダ高さ★*/
width:800px;/*幅*/
margin:0 auto;
}

.skinBlogHeadingGroupArea{
padding:0;
}

.skinTitleArea{
text-indent:-9999px;
}

.skinDescriptionArea{
display:none;
}

/*▼1-2 カラムレイアウト*/
body{
min-width:980px;
}

.layoutContentsA {
width: 787px!important;
}

.skinSubA{
width:302px!important;
}

.skinContentsArea2{
position:relative;
}

.skinMainArea2{
padding-top:6px;
}

.skinMenuHeader,
.skinMenuBody{
padding:0;
margin:0;
}
.subModule{
margin:0;
}

.skinArticleHeader,
.skinArticleBody2,
.skinArticleFooter{
margin:10px;
line-height:150%;
}

font{
line-height:130%;
}

/*▼1-3簡略アイフレ(skinSubBと同じ幅に)*/
.columnC #otherside,
.columnD #otherside{
width:180px;
position:absolute;
top:42px;
}
.columnD #otherside{
right:0;
}
.columnC #otherside{
left:0;
}

/*▼1-4 記事一覧タブ */
.tabArea{
margin:0 8px;
}
.listContentsArea{
margin:0 6px;
}
.commentArea{
margin:6px;
}

/*▼1-5 背景初期化*/
.skinBgColor,
.skinBaseBgColor,
.skinBlock{
background-color:transparent;/*≪背景透明*/
}

.skinWeakBgColor,
.skinBaseWeakBgColor,
.skinStrongBgColor,
.skinBaseStrongBgColor,
.skinMenuBody,
.skinMenuHeader,
.skinMessageBoard,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinArticle,
.skinMenu{
background:transparent;/*≪背景透明*/
}

/*▼1-6 罫線：色以外の設定*/
.skinArticle,
.skinMessageBoard{
border:none;
}
.skinArticleHeader{
border-left:none;
border-left-style:solid;
border-width:5px;
}
.skinArticleFooter{
border-top:none;
border-top-style:dotted;
}
.skinSubHr,
.skinSubList li{
border-bottom:none;
}

.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinMenu,
.skinMainArea,
.headerBnr,
.registArea,
.rss,
.subAdBannerArea .ad_frame{
border-style:solid;
border-width:1px;
}

/*▼1-7 簡略アイフレ罫線*/
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
padding:10px;
border-style:solid;
border-width:1px;
margin:0 0 10px 0;
}

/*▼1-8 横メニュー*/

.skinContentsArea2{
padding-top:42px;/*●横メニュー不要なら数字を10pxに●*/
}

#navi00{
position:absolute;
left:89px;
top:0;
width:804px;
text-align:center;
}
#navi00 a{
display:block;
float:left;
width:130px;
height:30px;
line-height:30px;
font-size:20px;
margin-right:2px;
border-style:solid;
border-width:1px;
text-decoration:none;
font-family:'Princess Sofia',cursive;
font-weight:bold;
}

#navi00 a:link,
#navi00 a:visited{
background-image:url(http://adan.noor.jp/am/d0.gif) ;/*≪背景画像*/
}

#navi00 a:hover{
background-image:url(http://adan.noor.jp/am/d1.gif) ;/*≪背景画像*/
}
/*■2■ 色と画像 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
背景色：#ffffff;
文字色：#777777;
リンク：#00ff99
hover,new：#ff0099
border：#7fffcc
*/

/*▼2-1 背景＆ヘッダ設定*/
body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20130317/13/1c/89/g/o021802901772-qq1363493605348.gif);/*≪カッコ内に背景画像URL★*/
background-color:#7fffcc;/*背景画像が不透明な場合は削除してよい*/
}
/*▽ヘッダ高さは1-1に*/
.skinTitle{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20130317/13/65/c5/g/o080003001772-qq1363493728979.gif);/*≪カッコ内にヘッダ画像URL★*/
background-color:#7fffcc;/*ヘッダ画像が不透明な場合は削除してよい*/
}

/*▼2-2 文字*/

body{
color:#777777;
}

/*▼2-3 リンク*/
.skinSimpleBtn,
.skinSimpleBtn:link,
.skinSimpleBtn:visited,
.skinArticleTitle,
.skinArticleTitle:link,
.skinArticleTitle:visited,
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a,
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
.skinBlock a:visited,
a:visited,
a{
color:#00ff99!important;/*≪文字色*/
}

/*▽リンク：オンマウス*/
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus,
.skinBlock a:hover,
a:focus,
a:hover{
color:#ff0099!important;/*≪文字色*/
}

/*▼2-4 「New」など*/
.skinStrongColor,
.skinBaseStrongColor{
color:#ff0099;/*≪文字色*/
}

/*▼2-5 「テーマ」など*/
.skinWeakColor,
.skinBaseWeakColor{
color:#666666;/*≪文字色*/
}

/*▼2-6 背景色*/
/*▽二重枠用*/
.skinMainArea,
.skinMenu,
.registArea,.rss,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
background-color:#7fffcc;
}

/*▽共通*/
.headerBnr,
.skinMainArea2,
.skinMenu2,
.subAdBannerArea .ad_frame,.registBtnArea,.subAdList,.rss div,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7 p{
background:#ffffff;/*≪背景*/
}

html, body {
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #7fffcc;
scrollbar-3dlight-color: #7fffcc;
scrollbar-arrow-color: #7fffcc;
}
div::-webkit-scrollbar{
background:#ffffff;
}
div::-webkit-scrollbar-button,
div::-webkit-scrollbar-thumb{
border:#7fffcc solid 1px;
background:#ffffff;
}

.centerTextLink{
margin-bottom:10px!important;
background:#ffffff;
}
/*▼2-7 罫線*/
.centerTextLink,
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinMenu,
.skinMainArea,
.skinMainArea2,
.headerBnr,
.skinTitle,
.registArea,
.rss,
.subAdBannerArea .ad_frame,
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock,
.skinBorderHr,
.skinBorderList li,
.skinSubHr,
.skinSubList li,
.skinArticleHeader,
.skinArticleFooter,
#navi00 a:link,
#navi00 a:visited,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7,
/*▽二重枠用*/
.skinMainArea2,
.skinMenu2,
.registArea,.rss,.registBtnArea,.subAdList,.rss div,.rssDescription,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7 p{
border-color:#7fffcc;/*≪罫線色*/
}

/*▼2-8 横メニュー*/
/*▽位置,背景画像などの設定は1-8に*/
#navi00 a:link,
#navi00 a:visited{
background-color:#7fffcc;/*≪背景色*/
}
/*▽ 横メニューオンマウス*/
#navi00 a:hover{
color:#ffffff!important;/*≪文字色*/
border-color:#ffffff;/*≪罫線色*/
background-color:#7fffcc;/*≪背景色*/
}
/*▼縁ライン・レイアウト編*/
.skinMainArea,
.skinMenu,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7
{padding:12px 0 0 0;
background-image:url(http://adan.noor.jp/am/ln2.gif)!important;/*≪背景画像*/
background-repeat:repeat-x;
}
.skinMainArea2,
.skinMenu2,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7{
padding:6px;
}

.skinSubA .registArea .subAdList{width:300px;}.headerBnr{margin-top:7px;padding:0;}.subAdBannerArea{margin-bottom:10px;}
.gifAd{padding-left:30px;}.registArea{text-align:center;border-width:1px 1px 0 1px;margin:0;}
.rss{text-align:center;border-width:0 1px 1px 1px;width:300px!important;margin:0;padding:0;}.rssDescription{padding-bottom:12px;}
.registBtnArea{border-width:1px 1px 0 1px;padding:10px 0;}.registBtnArea,.subAdList,.rss div{display:block;margin:0;}
.subAdBannerHeader span{display:none!important;}.headerBnr{padding:0;margin-top:7px;}

/*▲縁ライン・レイアウト*/
#aifure1 p{
overflow:auto;
height:200px;
}
#aifure2 p{
overflow:auto;
height:200px;
}
.skinMainArea2{
overflow:auto;
overflow-y:auto;
overflow-x:hidden;
height:580px;/*★記事高さ：数字は好みで調整してください*/
position:relative;
}

ピンク（モデル）

Fri, 21 Dec 2012 13:06:59 +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:406px !important;/*記事部分の横幅*/
height:359px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:14px;/*記事の左からの位置*/
top:406px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:0;
}
.skinSubA{
width:315px !important;/*広告サイドバーの横幅*/
height:615px;/*広告サイドバーの縦幅*/
overflow:auto;
background-color:transparent;/*背景色*/
position:absolute;
left:707px;/*広告サイドバーの左からの位置*/
top:310px;/*広告サイドバーの上からの位置*/
}
.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:5px;/*アイフレの上からの位置*/
left:807px;/*アイフレの左からの位置*/
width:187px;/*アイフレの横幅*/
height:294px;/*アイフレの縦幅*/
overflow:auto;
padding:3px;
background-color:transparent;
}

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

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

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

/*　アイフレ 5　*/
#aifure5{
position:absolute;
top:797px;/*アイフレの上からの位置*/
left:566px;/*アイフレの左からの位置*/
width:123px;/*アイフレの横幅*/
height:81px;/*アイフレの縦幅*/
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:220px;/*画像の横幅*/
height:150px;/*画像の縦幅*/
margin:auto;
display:block;
}

/*　コメント画像　*/

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

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

/* ● 余白を消す */

.skinContentsArea{
height:600px;
}

/*　横メニュー　*/

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

一発改造　　　初音ミク黒

Sun, 09 Dec 2012 22:17:55 +0900

@charset "utf-8";

/*CSS作成：

(C) http://adan.noor.jp/ameba_new/

■パスワード貸し借りでの使用禁止■

■再配布の際は要リンク■

*/

/*■1■ レイアウト*/

/*▼1-1 ヘッダ設定*/

.skinBlogHeadingGroupArea{

padding:0;

height:300px;/*ヘッダ高さ★*/

width:800px;/*メインカラム幅（C）☆*/

margin-bottom:6px;

position:absolute;

top:0;

z-index:2;

}

.skinTitle{

display:block;

height:300px;/*ヘッダ高さ★*/

width:800px;/*メインカラム幅（C）☆*/

margin:0 auto;

background-position:center center;

}

.skinMainArea{

margin-top:350px;/*top:ヘッダ高さ+50★*/

}

.layoutContentsB{

margin-top:350px;/*top:ヘッダ高さ+50★*/

}

#navi00{

top:305px;/*ヘッダ高さ+5★*/

}

.columnC .skinBlogHeadingGroupArea{

left:0px;/*広告ナシ脇カラム幅（B）＋８☆*/

}

.columnD .skinBlogHeadingGroupArea{

left:306px;/*広告アリ脇カラム幅（A）＋８☆*/

}

.skinTitleArea{

text-indent:-9999px;

}

.skinDescriptionArea{

display:none;

}

/*▼1-2 カラムレイアウト*/

body{

min-width:1109px;/*全体幅☆*/

}

.skinContentsArea{

width:1109px!important;/*全体幅☆*/

margin:0 auto;

}

.skinFrame2{

position:relative;

width:1109px;/*全体幅☆*/

margin:0 auto;

}

.layoutContentsA {

width: 910px!important;/*メインカラム幅（C）＋広告ナシ脇カラム幅（B）＋８☆*/

z-index:1;

}

.skinMainArea{

width:400px!important;/*メインカラム幅（C)☆*/

}

.skinSubA{

width:302px!important;/*広告アリ脇カラム幅（A）*/

}

.skinSubB{

width:192px!important;/*広告ナシ脇カラム幅（B）*/

}

.skinMainArea2{

padding-top:6px;

}

.skinMenuHeader,

.skinMenuBody{

padding:0;

margin:0;

}

/*▽簡略アイフレ*/

.columnC #otherside{

width:192px;/*広告ナシ脇カラム幅（B）*/

position:absolute;

top:350px;

left:608px;

}

.columnD #otherside{

width:192px;/*広告ナシ脇カラム幅（B）*/

position:absolute;

top:350px;

left:307px;

}

.subModule{

margin:0;

}

.skinArticleHeader,

.skinArticleBody2,

.skinArticleFooter{

margin:10px;

line-height:150%;

}

font{

line-height:130%;

}

/*▼1-3 ナビゲーション*/

.pagingArea {

position: relative;

width: 340px;

margin: 0 auto;

text-align: center;

}

.pagingList{

padding: 4px 14px 3px;

margin-top: 0px;

border-radius: 6px;

}

.pagingNext {

left:210px;

}

.pagingPrev {

right:210px;

}

/*▼1-4 記事一覧タブ */

.tabArea{

margin-top:10px;

}

.tab {

width: 110px;

min-width:110px;

max-width:110px;

padding:3px 0px;

}

#resPointArea #resPoint li{

display:block;

float:left;

}

.skinMenuHeader{

background:none;

}

.skinMenuBody{

background:none;

border:none;

padding:0px;

}

.tabArea{

margin:0 8px;

}

.listContentsArea{

margin:0 6px;

}

.commentArea{

margin:6px;

}

/*▼1-5 背景初期化*/

.skinBgColor,

.skinBaseBgColor,

.skinBlock{

background-color:transparent;/*≪背景透明*/

}

.skinWeakBgColor,

.skinBaseWeakBgColor,

.skinStrongBgColor,

.skinBaseStrongBgColor,

.skinMenuBody,

.skinMenuHeader,

.skinMessageBoard,

.skinSimpleBtn:hover,

.skinSimpleBtn:focus,

.skinSimpleBtn,

.skinSimpleBtn:visited,

.skinSimpleBtn:hover,

.skinSimpleBtn:focus,

.skinArticle,

.skinMenu{

background:transparent;/*≪背景透明*/

}

/*▼1-6 罫線：色以外の設定*/

.skinArticle,

.skinMessageBoard{

border:none;

}

.skinArticleHeader{

border-left:none;

border-left-style:solid;

border-width:5px;

}

.skinArticleFooter{

border-top:none;

border-top-style:dotted;

}

.skinSubHr,

.skinSubList li{

border-bottom:none;

}

.skinMenu {

margin-bottom:6px;

}

.skinSimpleBtn,

.skinSimpleBtn:visited,

.skinSimpleBtn:hover,

.skinSimpleBtn:focus,

.skinMenu,

.skinMainArea,

.headerBnr,

.registArea,

.rss,

.subAdBannerArea .ad_frame{

border-style:solid;

border-width:1px;

}

/*▼1-7 簡略アイフレ　罫線*/

#aifure1,

#aifure2,

#aifure3,

#aifure4,

#aifure5,

#aifure6,

#aifure7{

padding:10px;

border-style:solid;

border-width:1px;

margin:0 0 6px 0;

}

/*▼1-8 横メニュー*/

#navi00{

position:absolute;

width:806px;/*メインカラム幅（C）☆*/

text-align:center;

}

.columnC #navi00{

left:0px;

}

.columnD #navi00{

left:306px;/*広告アリ脇カラム幅（A）＋6☆*/

}

#navi00 a{

display:block;

float:left;

width:130px;/*メインカラム幅（C）÷6(ケ)☆－6(px)*/

height:30px;

line-height:30px;

font-size:20px;

margin-right:2px;

border-style:solid;

border-width:1px;

text-decoration:none;

font-family:'Princess Sofia',cursive;

font-weight:bold;

}

#navi00 a:link,

#navi00 a:visited{

background-image:url(http://adan.noor.jp/am/d0.gif
) ;/*≪背景画像*/

}

#navi00 a:hover{

background-image:url(http://adan.noor.jp/am/d1.gif
) ;/*≪背景画像*/

}

/*■2■ 色と画像 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

背景色：#000000

文字色：#f8f8f8

リンク：#cccccc

hover,new：#ffffff

border：#999999

*/

/*▼2-1 背景＆ヘッダ設定*/

body{

background-image:url(http://adan.noor.jp/tile/rand400b.gif);/
*≪カッコ内に背景画像URL★*/

background-color:#999999;/*画像が不透明な場合は削除してよい*/

}

/*▽ヘッダ高さは1-1に*/

.skinTitle{

background-image:url(http://adan.noor.jp/am/hd.png);/
*≪カッコ内にヘッダ画像URL★*/

background-color:#999999;/*画像が不透明な場合は削除してよい*/

}

/*▼2-2 文字*/

body{

color:#f8f8f8;

}

/*▼2-3 リンク*/

.skinSimpleBtn,

.skinSimpleBtn:link,

.skinSimpleBtn:visited,

.skinArticleTitle,

.skinArticleTitle:link,

.skinArticleTitle:visited,

.skinAnchorColor,

.skinBaseAnchorColor,

.skinBlock a,

.skinAnchorVisitedColor,

.skinBaseAnchorVisitedColor,

.skinBlock a:visited,

a:visited,

a{

color:#cccccc!important;/*≪文字色*/

}

/*▽リンク：オンマウス*/

.skinSimpleBtn:hover,

.skinSimpleBtn:focus,

.skinArticleTitle:hover,

.skinArticleTitle:focus,

.skinAnchorHoverColor,

.skinBaseAnchorHoverColor,

.skinBlock a:focus,

.skinBlock a:hover,

a:focus,

a:hover{

color:#ffffff!important;/*≪文字色*/

}

/*▼2-4 「New」など*/

.skinStrongColor,

.skinBaseStrongColor{

color:#ffffff;/*≪文字色*/

}

/*▼2-5 「テーマ」など*/

.skinWeakColor,

.skinBaseWeakColor{

color:#666666;/*≪文字色*/

}

/*▼2-6 背景色*/

/*▽二重枠用*/

.skinMainArea,

.skinMenu,

.registArea,.rss,

#aifure1,

#aifure2,

#aifure3,

#aifure4,

#aifure5,

#aifure6,

#aifure7{

background-color:#999999;

}

/*▽共通*/

.headerBnr,

.skinMainArea2,

.skinMenu2,

.subAdBannerArea .ad_frame,.registBtnArea,.subAdList,.rss div,

#aifure1 p,

#aifure2 p,

#aifure3 p,

#aifure4 p,

#aifure5 p,

#aifure6 p,

#aifure7 p{

background:#000000;/*≪背景*/

}

html, body {

scrollbar-base-color: #000000;

scrollbar-darkshadow-color: #000000;

scrollbar-track-color: #000000;

scrollbar-shadow-color: #999999;

scrollbar-3dlight-color: #999999;

scrollbar-arrow-color: #999999;

}

div::-webkit-scrollbar{

background:#000000;

}

div::-webkit-scrollbar-button,

div::-webkit-scrollbar-thumb{

border:#999999 solid 1px;

background:#000000;

}

/*▼2-7 罫線*/

.skinSimpleBtn,

.skinSimpleBtn:visited,

.skinSimpleBtn:hover,

.skinSimpleBtn:focus,

.skinMenu,

.skinMainArea,

.skinMainArea2,

.headerBnr,

.skinTitle,

.registArea,

.rss,

.subAdBannerArea .ad_frame,

.skinBorderColor,

.skinBaseBorderColor,

.skinBlock,

.skinBorderHr,

.skinBorderList li,

.skinSubHr,

.skinSubList li,

.skinArticleHeader,

.skinArticleFooter,

#navi00 a:link,

#navi00 a:visited,

#aifure1,

#aifure2,

#aifure3,

#aifure4,

#aifure5,

#aifure6,

#aifure7,

/*▽二重枠用*/

.skinMainArea2,

.skinMenu2,

.registArea,.rss,.registBtnArea,.subAdList,.rss div,.rssDescription,

#aifure1 p,

#aifure2 p,

#aifure3 p,

#aifure4 p,

#aifure5 p,

#aifure6 p,

#aifure7 p{

border-color:#999999;/*≪罫線色*/

}

/*▼2-8 横メニュー*/

/*▽位置,背景画像などの設定は1-8に*/

#navi00 a:link,

#navi00 a:visited{

background-color:#333333;/*≪背景色*/

background-image:url(http://adan.noor.jp/tile/rand100b.gif
);

}

/*▽ 横メニューオンマウス*/

#navi00 a:hover{

color:#ffffff!important;/*≪文字色*/

border-color:#000000;/*≪罫線色*/

background-color:#000000;/*≪背景色*/

}

/*▼二重枠レイアウト編*/

.skinMainArea,

.skinMenu,

.registArea,.rss,

#aifure1,

#aifure2,

#aifure3,

#aifure4,

#aifure5,

#aifure6,

#aifure7{

background-image:url(http://adan.noor.jp/am/db2.gif)!important;/
*≪背景画像*/

padding:0px;

}

.skinMainArea2,

.skinMenu2,

#aifure1 p,

#aifure2 p,

#aifure3 p,

#aifure4 p,

#aifure5 p,

#aifure6 p,

#aifure7{

border-style:solid;

border-width:1px;

margin:6px;

background-image:none;/*≪上端画像*/

padding-top:6px;/*≪上端画像を入れる場合は高さをプラス*/

padding-right:6px;

padding-bottom:6px;

padding-left:6px;

}

.skinSubA .registArea .subAdList{width:286px;}.rss{width:288px!important;padding:0 6px 6px 6px;}.registArea{background-position:bottom left;}.rss{background-position:top left;}.registArea,.rss,.registBtnArea,.subAdList,.rss div,.rssDescription{border-style:solid;}.registArea{padding:6px 6px 0 6px;}.registBtnArea,.subAdList,.rss div,.rssDescription{width:286px!important;}.registArea{border-width:1px 1px 0 1px;}.rss{border-width:0 1px 1px 1px!important;}.registBtnArea{border-width:1px 1px 0 1px;}.subAdList,.rss div{border-width:0 1px;}.rssDescription{border-width:0 1px 1px 1px!important;}

.registBtnArea{padding:10px 0;margin:0;}.gifAd{padding-left:30px;}.registArea,.rss{text-align:center;}

.subAdBannerHeader span{display:none!important;}.headerBnr{padding:0;margin-top:7px;}

/*▲二重枠レイアウト編*/

一発改造　　　リンちゃん☆

Sun, 09 Dec 2012 20:33:59 +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:#0066cc;

}

/* 訪問済のリンク */

.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{

color:#996699;

}

/* マウスオーバーしたときのリンク */

.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{

color:#ff3366;

}

/* 弱い文字（日付など）*/

.skinWeakColor,.skinBaseWeakColor{

color:#999999;

}

/* 強い文字（NEW! 更新!など）*/

.skinStrongColor,.skinBaseStrongColor{

color:#ff3399;

}

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

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

/* skinTitle ブログタイトル文字 */

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{

color:#000000;

font-weight:bold;

font-size:2.11em;

}

/* skinDescription ブログの説明文字 */

.skinDescription{

color:#333333;

}

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

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

/* skinArticleTitle 記事タイトル文字 */

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{

font-size:1.31em;

font-weight:bold;

color:#0066cc;

}

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

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

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

.skinMenuTitle{}

/*

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

(2) ボタンのスタイル

※ボタンの背景画像や文字の色などを指定

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

*/

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

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

/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */

.skinImgBtnM{

background-image:url(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 #dddddd;

background:#ffffff;

color:#0066cc !important;

}

/* ボタンにマウスオーバー */

.skinSimpleBtn:hover,.skinSimpleBtn:focus{

background:#f7f7f7;

}

/*

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

(3) エリアのスタイル

※背景画像、サイズ、ボーダーなどを各部分ごとに指定

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

*/

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

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

/* skinBody ボディ */

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

.skinBody2{}

.skinBody3{}

/* (3-2) ブログヘッダー

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

/* skinHeaderArea ブログヘッダー980pxエリア */

.skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいとき */

/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */

.skinBlogHeadingGroupArea{

padding:20px 0 30px;

}

/* skinTitleArea ブログタイトルのエリア */

.skinTitleArea{

padding-bottom:4px;

}

/* skinDescriptionArea ブログの説明エリア */

.skinDescriptionArea{}

/* (3-3) コンテンツエリア

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

/* skinContentsArea コンテンツ980pxエリア */

.skinContentsArea{

/* 注ベースのcssにwidth:980px;の記述有り */

}

/* (3-4) メインエリア

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

.skinMainArea{}

/* (3-5) メッセージボード

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

.skinMessageBoard{

/* 注ベースのcssに margin-bottom の記述有り */

border-top:1px dotted #979797;

border-bottom:1px dotted #979797;

background:#ffffff;/* ←メッセージボードに背景を敷きたいとき */

}

.skinMessageBoard2{}

.skinMessageBoard3{

padding:16px 30px;

}

/* (3-6) 記事

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

/* skinArticle 記事エリア */

.skinArticle{

/* 注　ベースのcssに margin-bottom の記述有り */

padding:16px 0;

border:1px solid #dddddd;

background:#ffffff;/* ←記事に背景を敷きたいとき */

}

.skinArticle2{}

.skinArticle3{}

/* skinArticleHeader 記事タイトルエリア */

.skinArticleHeader{

margin:0 29px;

padding:2px 10px;

border-left:5px solid #e4e4e4;

}

.skinArticleHeader2{}

/* skinArticleBody 記事本文エリア */

.skinArticleBody{}

.skinArticleBody2{

margin:0 29px;

}

/* skinArticleFooter 記事フッターエリア */

.skinArticleFooter{

margin:10px 29px 0;

border-top:1px dotted #949494;

}

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

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

.skinSubArea{} /* サイドバーエリア共通 */

.skinSubA{} /* 300pxのサイドバーエリア */

.skinSubB{} /* 180pxのサイドバーエリア */

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

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

/* skinMenu サイドバー　メニューのエリア */

.skinMenu{

/* 注　ベースのcssに margin-bottom の記述有り */

background:#f7f7f7;/* ←サイドメニューに背景を敷きたいとき */

}

.skinMenu2{}

/* skinMenuHeader サイドメニュータイトルエリア */

.skinMenuHeader{

padding:5px 10px;

background:#e4e4e4;/* ←サイドメニューのタイトルに背景を敷きたいとき */

}

/* skinMenuBody サイドメニュー本文エリア */

.skinMenuBody{

margin:10px;

padding:10px;

background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */

}

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

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

.skinSubHr,

.skinSubList li{

margin-bottom:3px;

padding-bottom:3px;

border-bottom:1px dotted #b3b3b3;

}

/* (3-10) コメント欄、記事一覧などの一覧

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

/* 背景色 */

.skinBgColor,.skinBaseBgColor,.skinBlock{

background-color:#ffffff;

}

/* 弱い背景色 */

.skinWeakBgColor,.skinBaseWeakBgColor{

background-color:#f7f7f7;

}

/* 強い背景色 */

.skinStrongBgColor,.skinBaseStrongBgColor{

background-color:#f7f7f7;

}

/* 枠線の色 */

.skinBorderColor,.skinBaseBorderColor,.skinBlock{

border-color:#dddddd;

}

/* 境界線の色 */

.skinBorderHr,.skinBorderList li{

border-color:#b3b3b3;

}

/*

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

(4) その他、拡張

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

*/

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

.skinTitle,

.skinDescription{

display:none !important;

}

.skinFrame2{

position:relative;

width:1300px !important;/*スキンの横幅*/

height:1000px;/*スキンの縦幅*/

margin:auto;

margin-top:●px;/*上の広告との間の隙間*/

background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20121202/16/0a/d2/p/o13001000amebro-1231354434822310.png);/
*スキンの画像URL*/

border:●px ▲ #★;/*スキンの周りの枠の太さ種類色*/

right:10px;/*右からの位置*/

top:1px;/*上からの位置*/

}

.skinMainArea{

width:300px !important;/*記事部分の横幅*/

height:300px;/*記事部分の縦幅*/

overflow:auto;

position:absolute;

left:90px;/*記事の左からの位置*/

top:190px;/*記事の上からの位置*/

overflow-x:hidden;

}

.skinArticle{

background-color:transparent;

border:0;

}

.skinSubA{

width:●px !important;/*広告サイドバーの横幅*/

height:●px;/*広告サイドバーの縦幅*/

overflow:auto;

border:●px ▲ #★;/*広告サイドバーの枠の太さ種類色*/

background-color:#★;/*背景色*/

position:absolute;

left:980px;/*広告サイドバーの左からの位置*/

top:400px;/*広告サイドバーの上からの位置*/

}

.skinSubB{

width:0 !important;

}

.skinContentsArea{

width:200px;

}

.pagingArea{

width:99%;

margin:●px auto ●px auto;/*ページナビの上との隙間&下との隙間*/

}

.skinTitleArea{/* ブログタイトル */

display:none;/* 非表示 */

}

.skinDescriptionArea{/* ブログ説明 */

display:none;/* 非表示 */

}

.registBtnArea{

display:none;

}

.rss.skinFieldBlock{

display:none !important;

}

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

/* ■ 横ナビゲーション　　　　　　　　　　　　　　　　　*/

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

#Topnavi{

padding:0px 0px;

margin:0;

font-size:15px;

font-weight:normal;

width:1000px;

text-align:center;

}

#Navilist li{

margin:0;

display: inline;

list-style-type: none;

float: left;

width:100px;

}

#Navilist li a{

color:#000000;

background-color:transparent;

border:2px solid transparent;

margin:0;

display: inline;

list-style-type: none;

padding:0px 0px;

background-image:url(背景画像のＵＲＬ①);

background-repeat:repeat;

display: block;

}

#Navilist li a:hover {

color:#000000;

background-color:transparent;

border:3px solid transparent;

margin:0;

padding:0px 0px;

background-image:url(背景画像のＵＲＬ②);

background-repeat:repeat;

display: block;

}

#Topnavi{

position: absolute;

top:50px; /* 上からの距離を指定して下さい */

left:90px; /* 通常　0px でＯＫです */

z-index: 100;

}

#header{ /* ここは調整して下さい */

margin-bottom:50px;

}

#frame{ /* ウインドウの拡大・縮小で位置を変化させない */

position:relative;

}

#MSGE2text{

position:absolute;

top:600px;/* 位置 */

left:90px;/* 位置 */

z-index:201;

height:100px;/* 高さ */

width:150px;/* 横 */

overflow:auto;/* スクロールバー */

padding:7px;/* 余白 */

font-size:12px;/* 文字の大きさ */

color:blue;/* 文字の色 */

background-color:transparent;/* 背景色 */

background-image:url(画像のＵＲＬ);/* 必要な場合は設定して下さい */

background-repeat:repeat;/* 繰り返したくない場合は no-repeatにする */

}

#MSGE4text{

position:absolute;

top:800px;/* 位置 */

left:90px;/* 位置 */

z-index:201;

height:100px;/* 高さ */

width:150px;/* 横 */

overflow:auto;/* スクロールバー */

padding:7px;/* 余白 */

font-size:12px;/* 文字の大きさ */

color:blue;/* 文字の色 */

background-color:transparent;/* 背景色 */

background-image:url(画像のＵＲＬ);/* 必要な場合は設定して下さい */

background-repeat:repeat;/* 繰り返したくない場合は no-repeatにする */

}

一発改造　　GUMI

Sun, 09 Dec 2012 14:12:12 +0900

@charset "utf-8";

/*

-----------------------------------------

【CSS編集目次】

　(1) 文字のスタイル

　(2) ボタンのスタイル

　(3) エリアのスタイル

　(4) その他、拡張

※CSS編集で広告を修正しないでください

（規約違反に該当する可能性があります）

-----------------------------------------

*/

/*

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

　(1) 文字のスタイル

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

*/

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

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

/* 通常文字 */

.skinTextColor,.skinBaseTextColor,.skinBlock,body{

color:#FFFF00;

}

/* リンク */

.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{

color:#FFFF00;

}

/* 訪問済のリンク */

.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{

color;#FFFF00;

}

/* マウスオーバーしたときのリンク */

.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{

color:#000000;

}

/* 弱い文字（日付など）*/

.skinWeakColor,.skinBaseWeakColor{

color:#FFFF00;

}

/* 強い文字（NEW! 更新!など）*/

.skinStrongColor,.skinBaseStrongColor{

color:##FFFF00;

}

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

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

/* skinTitle ブログタイトル文字 */

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{

color:#FFFF00;

font-weight:bold;

font-size:2.11em;

}

/* skinDescription ブログの説明文字 */

.skinDescription{

color:#FFFF00;

}

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

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

/* skinArticleTitle 記事タイトル文字 */

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{

font-size:1.31em;

font-weight:bold;

color:#FFFF00;

}

/* (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]

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

.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:#FFFF00 !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;

}

/*

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