サイドバーを両方ワイドにする

★　サイドバーを両方ワイドにする。

●　対象カラム

①　３カラム・右ワイドメニュー
②　３カラム・左ワイドメニュー
③　３カラム・右メニュー

●　元々のコンテンツ全体の幅は、980pxです。
　　ワイドのサイドバーの横幅は、300pxです。
　　ワイドでない方のサイドバーは、180pxです。

　　左または、右のサイドバーをワイドにすると
　　300px - 180px = 120px の差がでますので、
　　コンテンツ全体の幅は、 980px + 120px = 1100px と
　　なります。



①　３カラム・右ワイドメニューのケース

/* ------------------------------------------------------- */
/* サイドバー（Ｂ）の幅を調整　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.columnC .skinSubB {
width: 300px;
}
/* ------------------------------------------------------- */
/* コンテンツ全体の幅を調整　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinHeaderArea,/* ヘッダーエリア */
.skinContentsArea,skinContentsArea2{/* コンテンツエリア */
width:1100px !important;/* 幅 */
}

②　３カラム・左ワイドメニューのケース

/* ------------------------------------------------------- */
/* サイドバー（Ｂ）の幅を調整　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.columnD .skinSubB {
width: 300px;
}
/* ------------------------------------------------------- */
/* コンテンツ全体の幅を調整　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinHeaderArea,/* ヘッダーエリア */
.skinContentsArea,skinContentsArea2{/* コンテンツエリア */
width:1100px !important;/* 幅 */
}

③　３カラム・右メニューのケース

/* ------------------------------------------------------- */
/* サイドバー（Ｂ）の幅を調整　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.columnE .skinSubB {
width: 300px;
}
/* ------------------------------------------------------- */
/* コンテンツ全体の幅を調整　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinHeaderArea,/* ヘッダーエリア */
.skinContentsArea,skinContentsArea2{/* コンテンツエリア */
width:1100px !important;/* 幅 */
}

◆　カラムとカラム名のセレクタ名（場所の名前）

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