marin氏コラボレーション

1.スキンデザインを、「CSS編集用デザイン」３カラム・右ワイドメニューに変更
2.CSS貼り付け
　・CSS編集画面で、CSSをいったんすべて消去。
　・下記テキストエリア内の全文を選択＆コピー(Ctrl+a,Ctrl+c)、CSS編集画面テキストエリアに貼り付け。

@charset "utf-8";
/*CSS作成：
 http://adan.noor.jp/ameba_new/
■パスワード貸し借りでの使用禁止■
■画像変更＆転用禁止。CSS再配布禁止。自作発言禁止■
*/
.headerBnr{
position:relative;
z-index:1;
}
.skinHeaderFrame{
padding:0;
height:500px;
width:500px;
margin-bottom:6px;
position:fixed;
top:128px;
left:50%;
margin-left:-608px;
}

.skinTitle{
display:block;
height:500px;
width:500px;
margin:0 auto;
background-position:center center;
z-index:100px;
}

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

.skinDescriptionArea{
display:none;
}

body{
min-width:0px;
}

.skinContentsFrame{
width:710px!important;
position:relative;
top:0px;
left:50%;
margin-left:-100px;
}

.skinContentsArea{
width:710px!important;
}

.layoutContentsA {
width: 710px!important;
z-index:1;
}

.skinMainArea{
width:400px!important;
}

.skinSubA{
width:302px!important;
}

.skinSubB{
width:0px!important;
height:0px!important;
overflow:hidden;
}

.skinMainArea2{
padding-top:6px;
}

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

.skinArticleHeader{
margin:0;}

.skinArticleBody2{
margin:0 10px 10px 10px;
}
.articleDetailArea{
padding:0 0 10px 0;
text-align:right;
}

/*▽記事*/
.subModule{
margin:0;
}

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

font{
line-height:130%;
}

.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;
}

.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;
}

.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;/*≪背景透明*/
}

.skinArticle,
.skinMessageBoard{
border:none;
}
.skinArticleHeader{
background:url(http://adan.noor.jp/ameba_marin/lapis2012a/icon.gif) left top  no-repeat;
height:34px;
padding-left:40px;
}
.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,
.registArea,
.rss,
.subAdBannerArea .gpt-frame{
border-style:solid;
border-width:1px;
}

#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
padding:10px;
border-style:solid;
border-width:1px;
margin:0 0 6px 0;
}

#navi00{
position:fixed;
top:90px;
left:50%;
margin-left:-608px;
width:500px;
text-align:center;
z-index:0;
}
#navi00 a{
display:block;
float:left;
width:78px;
height:30px;
line-height:30px;
font-size:21px;
margin-right:3px;
border-style:solid;
border-width:1px;
text-decoration:none;
font-family:'Century Gothic',sans-serif;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#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)
}

body{
background:url(http://adan.noor.jp/ameba_marin/lapis2012a/bub.jpg) #fff fixed;
}
.skinHeaderFrame{
background-image:url(http://adan.noor.jp/ameba_marin/lapis2012a/lapis500x500.png);
}

body{
color:#555555;
}

.skinSimpleBtn,
.skinSimpleBtn:link,
.skinSimpleBtn:visited,
.skinArticleTitle,
.skinArticleTitle:link,
.skinArticleTitle:visited,
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a,
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
.skinBlock a:visited,
a:visited,
a{
color:#0099ff!important;/*≪文字色*/
}

.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus,
.skinBlock a:hover,
a:focus,
a:hover{
color:#ff0099!important;/*≪文字色*/
}

.skinStrongColor,
.skinBaseStrongColor{
color:#ff0099;/*≪文字色*/
}

.skinWeakColor,
.skinBaseWeakColor{
color:#666666;/*≪文字色*/
}

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

.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinMenu,
.skinMainArea,
.skinMainArea2,
.skinTitle,
.registArea,
.rss,
.subAdBannerArea .gpt-frame,
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock,
.skinBorderHr,
.skinBorderList li,
.skinSubHr,
.skinSubList li,
.skinArticleFooter,
#navi00 a:link,
#navi00 a:visited,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
border-color:#0000ff;
}

.skinArticleHeader{
border:none;
}

/*▽二重枠用*/
.skinMainArea2,
.skinMenu2,
.registBtnArea,.subAdList,.rss div,.rssDescription,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7 p{
border-color:#ddddff;
}

#navi00 a:link,
#navi00 a:visited{
border-color:#0000ff;
color:#0000ff;
background-image:url(http://adan.noor.jp/am/w50.png)!important;
}
/*▽ 横メニューオンマウス*/
#navi00 a:hover{
border-color:#ffffff;
color:#ffffff!important;
background-image:url(http://adan.noor.jp/ameba_marin/lapis2012a/blue50.png)!important;
}

.skinMainArea,
.skinMenu,
.registArea,.rss,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
background-image:url(http://adan.noor.jp/am/db4.png)!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;
background-image:url(http://adan.noor.jp/am/w50.png)!important;
}

.registBtnArea,.subAdList,.rss div,.rssDescription,.centerTextLink{
background-image:url(http://adan.noor.jp/am/w50.png)!important;
}

.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; margin-top:7px!important;} .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;}

/*http://ameblo.jp/nickynix-kenkyuujo/より使用させていただいています*/
.commentBtn{
text-indent:-9999px;
background-image:url(http://adan.noor.jp/ameba_marin/lapis2012a/come.png);
width:200px;/*コメ画の横幅*/
height:100px;/*コメ画の縦幅*/
}
.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}

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

.skinImgBtnM{
background-image:url(http://adan.noor.jp/ameba_marin/lapis2012a/make.png);/*画像URL*/
width:200px;/*画像の横幅*/
height:100px;/*画像の縦幅*/
text-indent:-9999px;
}

.centerTextLink{
margin-bottom:10px!important;
}

　・表示確認＆保存。

3.フリースペースの編集
　・メニューのリンクタグを入力。(メニューの数が「6ケ」以外の場合、CSSの数値調整が必要になります)

4.ブログ画面更新
　・ブログ画面を表示して、画面更新(IEまたはGoogleChromeの場合、キーボード[F5]を押す）。

※marinさんのブログに、同デザインのプロフ画あり。