@charset "utf-8";
/*「素材屋」風CSS(3カラム・右ワイドメニュー用）
CSS：(C) http://adan.noor.jp/ameba_new/sozaiya
■2013/09広告増未対応■
記事部スクロールは違反の疑いゼロではありません。自己責任でご使用ください。
★マーク(「アイフレ」以外で31ケ所)を検索(ctrl+f)し、注釈にしたがって修正すれば、できあがります。
px測定のやり方＝http://adan.noor.jp/ameba_new/px/index.htm#soku
*/
/*◆画像◆*/
/*▼背景*/
body{
background:url(この文字を変えて背景urlいれてください。);/*≪カッコ内に背景画像URL★*/
min-width:1000px;/*「素材屋」画像幅★[1W]4ケ所-1*/
}
/*▼「素材屋」画像*/
.skinFrame2{
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20131203/17/66/d4/p/o10001000habin1061386060714821.png
) no-repeat;/*≪カッコ内に「素材屋」画像URL(760x657.gifは加工使用可)★*/
width:1000px!important;/*「素材屋」画像幅★[1W]4ケ所-2*/
height:1000px!important;/*「素材屋」画像高さ★[1H]*/
position:relative;
margin:0 auto;
padding:0;
overflow:visible;
z-index:1;
}
/*◆レイアウト◆*/
.skinContentsArea{
width:1000px!important;/*「素材屋」画像幅★[1W]4ケ所-3*/
padding:0;
overflow:visible;
}
/*▼ヘッダ部*/
.skinHeaderFrame{
width:760px;/*「素材屋」画像幅★[1W]4ケ所-4*/
height:9px;/*「ヘッダ部」高さ★[2T]*/
/*広告を「移動しない」ために、この「高さ」で右カラムの開始高さを調整する*/
}
/*▼ヘッダ部トップリンク*/
.skinTitle{
left:0px;/*トップリンク左位置★[3L]*/
top:0px;/*トップリンク上位置★[3T]*/
width:0px;/*トップリンク幅★[3W]*/
height:0px;/*トップリンク高さ★[3H]*/
position:absolute;
text-indent:-9999px;
display:block;
z-index:3;
}
/*▼メインエリア（記事部）幅*/
.skinMainArea,
.pagingArea{
width:628px!important;/*記事部幅★[4W]*/
}
/*メインエリア（記事部）位置*/
.skinMainArea{
left:8px;/*記事部左位置★[4L]*/
top:192px;/*記事部上位置★[4T]*/
height:413px;/*記事部高さ★[4H]*/
position:absolute;
overflow-y:auto;
overflow-x:hidden;
padding:0;
z-index:2;
}
/*ページング*/
.pagingNext {
left:250px;/*「記事部幅[4W]÷2+50」pxくらい★*/
}
.pagingPrev {
right:250px;/*「記事部幅[4W]÷2+50」pxくらい★*/
}
/* 記事一覧タブ */
.tabArea{
margin-top:10px;
}
.tab {
width: 108px;
min-width:108px;
max-width:108px;
padding:3px 0px;
font-size:12px;
}
#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;
}
/*広告カラム*/
/*広告を「移動しない」ために、この「幅」で右カラムの左端位置を調整する*/
.skinSubA{
width:318px!important;/*広告カラム幅★[5W]*/
}
.skinSubA2{
width:300px!important;
}
/*広告なしカラム*/
.skinSubB{
width:0px!important;
height:0px!important;
}
/*◆色◆*/
/*▼文字色*/
body,
.skinTextColor,
.skinBaseTextColor,
.skinBlock,
.skinWeakColor,
.skinBaseWeakColor{
color:#555555;/*色★*/
}
/*▼リンク色 code＝http://html-color-codes.com/*/
a, a:link, a:visited,
.skinArticleTitle, .skinArticleTitle:visited,
.skinBlock a, .skinBlock a:visited,
.skinSimpleBtn, .skinSimpleBtn:link, .skinSimpleBtn:visited,
.skinAnchorColor,
.skinBaseAnchorColor,
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor{
color:#ff00ff;/*色★*/
}
/*▼リンク色（hover)*/
a:focus, a:hover,
.skinArticleTitle:hover, .skinArticleTitle:focus,
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus, .skinBlock a:hover{
color:#ff55ff;/*色★*/
}
/*▼「NEW」など*/
.skinStrongColor, .skinBaseStrongColor{
color:#ff55ff;/*色★*/
}
/*▼前へ次へ*/
.skinSimpleBtn, .skinSimpleBtn:visited,
.skinSimpleBtn:hover, .skinSimpleBtn:focus{
border:1px solid #ddd;/*枠線 太さ 種類 色*/
background:#fff;/*背景色*/
}
/*▼記事タイトル脇の縦線*/
.skinArticleHeader {
border-left: 5px solid #ff00ff;/*枠線 太さ 種類 色★*/
}
/*▼スクロールバー*/
/*IE*/
html, body {
scrollbar-base-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ff00ff;/*線色★*/
scrollbar-shadow-color: #ff00ff;/*線色★*/
scrollbar-arrow-color: #ff00ff;/*三角色★*/
}
/*Google Chrome*/
div::-webkit-scrollbar{
background:#ffffff;
}
div::-webkit-scrollbar-button,
div::-webkit-scrollbar-thumb{
border:#ff00ff solid 1px;/*枠線 太さ 種類 色★*/
background:#ffffff;
}
/*◇共通設定ここから◇*/
.skinDescriptionArea{
display:none;
}
.subAdList{
text-align:center;
}
.skinArticle,
.skinMenuHeader,
.skinMenu,
.skinMenuBody{
border:none!important;
background:transparent!important;
}
.skinBgColor,
.skinBaseBgColor,
.skinBlock
.skinWeakBgColor,
.skinBaseWeakBgColor
.skinStrongBgColor,
.skinBaseStrongBgColor,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
background-color:transparent;
}
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock,
.skinBorderHr,
.skinBorderList li,
.skinSubHr, .skinSubList li{
border:none!important;
}
/*◇共通設定ここまで◇*/
/*◆アイフレ◆*/
/*▼アイフレ共通*/
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
position:absolute;
overflow-y:auto;
overflow-x:hidden;
padding:5px 3px 5px 7px;/*左右余白(計)10、上下余白(計)10*/
}
/*▼アイフレ個別★*/
#aifure1{
left:15px;/*アイフレ左位置★[6L]*/
top:656px;/*アイフレ上位置★[6T]*/
width:224px;/*アイフレ幅-10★[6W]*/
height:96px;/*アイフレ高さ-10★[6H]*/
}
#aifure2{
left:407px;/*アイフレ左位置★*/
top:657px;/*アイフレ上位置★*/
width:205px;/*アイフレ幅-10★*/
height:86px;/*アイフレ高さ-10★*/
}
#aifure3{
left:230px;/*アイフレ左位置★*/
top:796px;/*アイフレ上位置★*/
width:177px;/*アイフレ幅-10★*/
height149px;/*アイフレ高さ-10★*/
}
※↓のタグはフリスペに※
<div id="aifure1">アイフレ１</div>
<div id="aifure2">アイフレ2</div>
<div id="aifure3">アイフレ3</div>
;/){kind=link}
;/){kind=link}
