@charset "utf-8";

/* --------------------------------------------------------------
CSS Information

File name:		custom_layout01.css
Style Info:		レイアウトチェンジ用

Index:
	__1. コンテンツエリア
	__2. サイドバー
	__3. レイアウトチェンジ
-------------------------------------------------------------- */

/*=====================================================
	__1. コンテンツエリア
=====================================================*/
div#wrapper div#container {
	background: url(../images/common/bg_contents_top.gif) no-repeat right top;
}
div#wrapper div#container div#containerInner {
	background: url(../images/common/bg_contents_bottom.gif) no-repeat right bottom;	
}
div#wrapper div#container div#containerInner div#contents {
	float: right;
	width: 660px;
	background: url(../images/common/bg_contents_middle.gif) repeat-y;
}

/*=====================================================
	__2. サイドバー
=====================================================*/
div#sideBar {
	float: left;
	width: 190px;
}

/*=====================================================
	__3. レイアウトチェンジ
=====================================================*/
div#sideBar dl#customLayout dd li.layout01 a 		{ background-position: 0 -25px;}
div#sideBar dl#customLayout dd li.layout02 a 		{ background-position: -40px 0;}
div#sideBar dl#customLayout dd li.layout02 a:hover 	{ background-position: -40px -25px;}
div#sideBar dl#customLayout dd li.layout02 a:active { background-position: -40px -50px;}