/*========================================================
目次
--------------------------------------------------------
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					:	5px 0 0 0;
	text-align				:	left;
	padding					:	0;

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

#header h1#pr{
	color					:	#DDD;
	margin: 0px 0 0px 0;
	float: left;
}

#header #header_banner{
	float: right;
}


/* =======================================================
2.ヘッダー設定					#header
======================================================= */
#mainnavi {
	width: 100%;
	height: 30px;
	clear: both;
}
#mainnavi ul{
	margin: 0 auto;
	width: 860px;
}
#mainnavi ul li{
	float: left;
}

#mainnavi .gnavi, #mainnavi .current{
	display: block;
	height: 30px;
}

#mainnavi .current{
	background-position: center 100% !important;
}


#mainnavi #menu01{
	width: 121px;
	background: url(../img/menu0_1.gif) no-repeat center top;
}
#mainnavi #menu02{
	width: 119px;
	background: url(../img/menu1_1.gif) no-repeat center top;
}
#mainnavi #menu03{
	width: 120px;
	background: url(../img/menu2_1.gif) no-repeat center top;
}
#mainnavi #menu04{
	width: 121px;
	background: url(../img/menu3_1.gif) no-repeat center top;
}
#mainnavi #menu05{
	width: 120px;
	background: url(../img/menu4_1.gif) no-repeat center top;
}
#mainnavi #menu06{
	width: 121px;
	background: url(../img/menu5_1.gif) no-repeat center top;
}
#mainnavi #menu07{
	width: 118px;
	background: url(../img/menu6_1.gif) no-repeat center top;
}


.child_menu{
	padding: 5px 0 5px 4px;
	background-color: #F3F3F3;
	border-bottom: 2px solid #ddd;
}

/* =======================================================
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: 30px;
}

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

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

#right-content ul li{
	line-height: 1.8;
	padding: 0 0 0 15px;
	background: url(../img/sub_arrow.gif) no-repeat left 3px;
}

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


div#produce{
	display: none;
}


h3{
	font-weight: bold;
}

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

/* =======================================================
FAQ
======================================================= */

dl#faq{

}

dl#faq dt{
	color: #FFF;
	margin: 1em 0 0 0;
	padding: 5px 0 5px 30px;
	background: url(../img/faq/q.gif) no-repeat left 2px;
	background-color: #6890a3;
}
dl#faq dd{
	padding: 5px 0 1em 30px;
	background: url(../img/faq/a.gif) no-repeat left 2px;
	line-height: 1.6;
}