/*========================================================
目次
--------------------------------------------------------
1.基本レイアウト設定

2.ヘッダー設定					#header
	A.ヘッダー内メニュー				#header_menu
	B.ヘッダー内ユーザーメニュー		#header_user_menu
	C.ヘッダー内ユーザーメニュー		#search_area

3.フッター						#footer

4.広告設定

＊.全体共通設定
	BOX内のマージン付け用(div.box_body)
	全体で使うh2
	サムネイル画像センタリング用クラス
	β版のリストサークル
	ヘルプリスト
	リンクに付く矢印
	各所で使う斜線見出し付きのBOX
	DB一覧用
	フォーム部分のtable
	要素のセンタリング
	規約
	注意文

========================================================*/

/*========================================================
1.基本レイアウト設定
========================================================*/

#container{
	position				:	relative;
	width					:	840px;
	margin					:	0px auto 0;
	text-align				:	left;
}


/* =======================================================
2.ヘッダー設定					#header
======================================================= */
#header{
	position				:	relative;
	width					:	840px;
	margin					:	0 auto;
	text-align				:	left;

}
#header img#logo{
	float: left;
}

#header h1#pr{
	color					:	#DDD;
	padding					:	4px;
}


/* =======================================================
2.ヘッダー設定					#header
======================================================= */
div#menu{
	text-align: center;
	width: 840px;
	height: 40px;
	background: url(../img/menu_bg.gif) no-repeat left top;
}

div#menu ul{
	width: 600px;
	list-style:none;
}

div#menu ul li{
	display: inline;
	padding: 0px;
	float: left;
}

/* =======================================================
3.フッター						#footer
======================================================= */
#footer{
	text-align: center;
	width: 100%;
	clear: both;
	margin-top:	15px;
}

#footer ul{
}

#footer ul li{
	display					:	inline;
	padding					:	0 5px;
	line-height				:	2.0;
}

#footer #copyright{
	font-size				:	80%;
	font-style				:	normal;
	line-height				:	2.2;
	color: #FFF;
	background-color: #5d83c2;
	padding-bottom: 50px;
}

/* =======================================================
4.メニュー
======================================================= */
#left-content{
	margin: 10px 0px;
	width: 540px;
	float: left;
}

#right-content{
	margin-top: 10px;
	width: 300px;
	float: right;
}

img.banner{
	margin-bottom: 5px;
}


div#produce{
	display: none;
}


h3{
	width: 840px;
	height: 30px;
	font-weight: bold;
	background: url(../img/subject_bg.gif) no-repeat center top;
	text-indent: 10px;
}

h3 span{
	color: #FFF;
	display: block;
	margin-top: 6px;
}