２カラム（サイドバー左または右）の幅の調整

◆　２カラム（サイドバー左または右）の幅の調整


①　全体の幅を決めます。

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

②　左または右サイドバーの幅　＋　記事幅　を設定
　　（①と同じ幅になります・・・①より小さくてもＯＫ）

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

③　記事全体の幅を設定

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

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

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

⑤　サイドバー左または右を設定（.columnA は、.columnB のいずれかにしてください。）

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

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

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