bluelight☆のブログ

bluelight☆のブログ

ブログの説明を入力します。

Amebaでブログを始めよう!

@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)+8☆*/
}
.columnD .skinBlogHeadingGroupArea{
left:306px;/*広告アリ脇カラム幅(A)+8☆*/
}

.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)+8☆*/
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 ) ;/*≪背景画像*/
}
body{
background-image:url(http://adan.noor.jp/am/st.png);/ *≪カッコ内に背景画像URL★*/
background-color:#83cdff;/*画像が不透明な場合は削除してよい*/
}
/*▽ヘッダ 高さは1-1に*/
.skinTitle{
background-image:url(http://adan.noor.jp/am/hd.png);/ *≪カッコ内にヘッダ画像URL★*/
background-color:#83cdff;/*画像が不透明な場合は削除してよい*/
}

/*▼2-2 文字*/

body{
color:#555555;
}

/*▼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:#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;/*≪文字色*/
}

/*▼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:#83cdff;
}

/*▽共通*/
.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: #83cdff;
scrollbar-3dlight-color: #83cdff;
scrollbar-arrow-color: #83cdff;
}
div::-webkit-scrollbar{
background:#ffffff;
}
div::-webkit-scrollbar-button,
div::-webkit-scrollbar-thumb{
border:#83cdff solid 1px;
background:#ffffff;
}

/*▼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:#83cdff;/*≪罫線色*/
}

/*▼2-8 横メニュー*/
/*▽位置,背景画像などの設定は1-8に*/
#navi00 a:link,
#navi00 a:visited{
background-color:#83cdff;/*≪背景色*/
}
/*▽ 横メニューオンマウス*/
#navi00 a:hover{
color:#ffffff!important;/*≪文字色*/
border-color:#ffffff;/*≪罫線色*/
background-color:#83cdff;/*≪背景色*/
}
/*▼二重枠レイアウト編*/
.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;
}