３カラム（サイドバー左右）の幅の調整

◆　３カラム（サイドバー左右）の幅の調整


①　全体の幅を決めます。

/* ------------------------------------------------------- */
/* コンテンツ全体の幅を調整　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinHeaderArea,/* ヘッダーエリア */
.skinContentsArea{/* コンテンツエリア */
width:1300px !important;/* 幅 */
}

②　右サイドバーの幅　＋　記事幅　を設定

/* ------------------------------------------------------- */
/* 記事＋サイドバー（Ａ）　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.layoutContentsA{
width:1000px !important;
}

③　記事全体の幅を設定

/* ------------------------------------------------------- */
/* 記事全体の幅を調整　　　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinMainArea{/* 記事メイン */
width:700px !important;/* 幅 */
}

④　メッセージボード・記事個別幅を設定
　　（③と同じ幅であれば設定不要です）

/* ------------------------------------------------------- */
/* メッセージボードの幅を調整　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinMessageBoard{/* メッセージボード */
width:680px !important;
margin-left:auto;/* 位置を中央寄せ */
margin-right:auto;/* 位置を中央寄せ */
}
/* ------------------------------------------------------- */
/* 記事個別の幅を調整　　　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinArticle{/* 記事個別幅 */
width:680px !important;/* 幅 */
margin-left:auto;/* 位置を中央寄せ */
margin-right:auto;/* 位置を中央寄せ */
}
/* ------------------------------------------------------- */
/* コメントエリアの幅の調整　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.commentArea{
width:900px;/* 幅 */
margin-left:auto;/* 位置を中央寄せ */
margin-right:auto;/* 位置を中央寄せ */
}

⑤　サイドバー左右を設定
（.columnC　は、カラムとカラム名（セレクタ）を見て変更してください）

/* ------------------------------------------------------- */
/* サイドバー（Ｂ）の幅を調整　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
/* ３カラムの場合は、左サイドバーに当たります　　　　　　　*/
.layoutContentsB{/* サイドバーＢ */
width:300px !important;/* 幅 */
}
/* ------------------------------------------------------- */
/* サイドバー（Ｂ）の幅を調整　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
/* ３カラムの場合は、右サイドバーに当たります　　　　　　　*/
.columnC .skinSubB{/* サイドバーＡ */
width:300px !important;/* 幅 */
}
/* ------------------------------------------------------- */
/* サイドバー（Ａ）の幅を調整　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
/* ３カラムの場合は、右サイドバーに当たります　　　　　　　*/
.columnC .skinSubA{/* サイドバーＡ */
width:300px !important;/* 幅 */
}

カラムとカラム名（セレクタ）

カラム	カラム名
2カラム・メニュー左	.columnA
2カラム・メニュー右	.columnB
3カラム・右ワイドメニュー	.columnC
3カラム・左ワイドメニュー	.columnD
3カラム・右メニュー	.columnE