@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(http://adan.noor.jp/ameba_new/sozaiya/fde5fd.gif);/*≪カッコ内に背景画像URL★*/
min-width:760px;/*「素材屋」画像幅★[1W]4ケ所-1*/
}

/*▼「素材屋」画像*/
.skinFrame2{
background:url(http://adan.noor.jp/ameba_new/sozaiya/760x657.gif) no-repeat;/*≪カッコ内に「素材屋」画像URL(760x657.gifは加工使用可)★*/
width:760px!important;/*「素材屋」画像幅★[1W]4ケ所-2*/
height:657px!important;/*「素材屋」画像高さ★[1H]*/
position:relative;
margin:0 auto;
padding:0;
overflow:visible;
z-index:1;
}

/*◆レイアウト◆*/
.skinContentsArea{
width:760px!important;/*「素材屋」画像幅★[1W]4ケ所-3*/
padding:0;
overflow:visible;
}


/*▼ヘッダ部*/
.skinHeaderFrame{
width:760px;/*「素材屋」画像幅★[1W]4ケ所-4*/
height:9px;/*「ヘッダ部」高さ★[2T]*/
/*広告を「移動しない」ために、この「高さ」で右カラムの開始高さを調整する*/
}

/*▼ヘッダ部トップリンク*/
.skinTitle{
left:46px;/*トップリンク左位置★[3L]*/
top:34px;/*トップリンク上位置★[3T]*/
width:143px;/*トップリンク幅★[3W]*/
height:238px;/*トップリンク高さ★[3H]*/
position:absolute;
text-indent:-9999px;
display:block;
z-index:3;
}

/*▼メインエリア(記事部)幅*/
.skinMainArea,
.pagingArea{
width:400px!important;/*記事部幅★[4W]*/
}

/*メインエリア(記事部)位置*/
.skinMainArea{
left:9px;/*記事部左位置★[4L]*/
top:319px;/*記事部上位置★[4T]*/
height:330px;/*記事部高さ★[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:215px;/*アイフレ左位置★[6L]*/
top:100px;/*アイフレ上位置★[6T]*/
width:169px;/*アイフレ幅-10★[6W]*/
height:169px;/*アイフレ高さ-10★[6H]*/
}
#aifure2{
left:●px;/*アイフレ左位置★*/
top:●px;/*アイフレ上位置★*/
width:●px;/*アイフレ幅-10★*/
height:●px;/*アイフレ高さ-10★*/
}