/*========================================================
目次
--------------------------------------------------------
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.基本レイアウト設定
========================================================*/
#waper{
	position				:	relative;
	width					:	850px;
	margin					:	auto;
	text-align				:	center;
	padding:0;
}


#waper_all{
text-align				:	center;
	font-size				:	12px;
	color					:	#666666;
	line-height             :   1.6em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin:0;
	padding:0;
	background-image:url(../images/waper_bg.gif);
	background-repeat:repeat-x;
}



#inner_wap{
float:right;
position				:	relative;
	width					:	850px;
	margin					:	0;
	text-align				:	left;
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat-y;
}

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


/* =======================================================
2.ヘッダー設定					#header
======================================================= */
#header{
	position				:	relative;
	width					:	850px;
	margin					:	0;
	text-align				:	left;
	height					:   179px;
	padding					:	0;
	background-image:url(../images/img_02.gif);
	background-repeat:no-repeat;
	
}

#header2{
	position				:	relative;
	width					:	850px;
	margin					:	0;
	text-align				:	left;
	height					:   179px;
	padding					:	0;
	background-image:url(../images/img_02_2.gif);
	background-repeat:no-repeat;
	
}
#logo{
	float                   :   left;
	margin					:	0;
	padding					:	0px 0 19px 25px;
}




*html body #header_text1{ 
line-height :20px;
 }





/* =======================================================
2.ヘッダー設定					#header
======================================================= */


/* =======================================================
3.フッター						#footer
======================================================= */
#footer{
	text-align: center;
	width: 850px;
	clear: both;
	padding-top:	25px;
	background-color:#FFFFFF;
}

.footer_line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding:0px;
	margin:0 25px 0 25px;
}
.footer_text{
padding:0 0 10px 0;
}


#footer #copyright{
	font-size				:	12px;
	font-style				:	normal;
	line-height				:	2;
	padding-top:10px;
	padding-bottom: 20px;
}

/* =======================================================
4.メニュー
======================================================= */

#container_wap{
width:800px;
text-align:center;
margin:0;
padding:0;
}


#left-content{
	margin:0 0px 0 12px;
	padding:0 0px 0 0px;
	width: 561px;
	float: left;
	clear:both;
	
	
}

#right-content{
	margin:0px 0 0 0;
	padding:0px 0 0 0px;
	width: 210px;
	float: right;
	text-align:center;
	border: 1px solid #EAEAEA;

}

#right-in{
padding:7px 12px 10px 12px;

}

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


div#produce{
	display: none;
}




TABLE {
border-collapse : collapse;
padding:10px;
}
TR {
padding:10px;
}
TH,TD {
	border : 1px solid #FFFFFF;
	margin:5px;
	text-align:left;
}

.b_table {
padding:0;
margin:0 0 3px 20px;
text-align:center;
}




a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}



/* =======================================================
4.左メニュー
======================================================= */


ul#menu{
	width: 486px;
	padding:74px 37px 0px 0px;
	margin:0;
	text-align:right;
	float:right;
	list-style:none;
}

ul#menu li{
	 list-style:none;
	padding: 0px 0 0px 0;
	margin:0;
	float:left;
	
}


ul#menu a{
    display:block;
    height:34px;
    
}

a.menu_s{
background-image:url(../images/bt1.gif);
background-repeat:no-repeat;
	height:34px;
	width:119px;
}
a:hover.menu_s{
background-image:url(../images/bt1_ro.gif);
background-repeat:no-repeat;
	height:34px;
	width:119px;
}
a.point{
background-image:url(../images/bt2.gif);
background-repeat:no-repeat;
	height:34px;
	width:121px;
}
a:hover.point{
background-image:url(../images/bt2_ro.gif);
background-repeat:no-repeat;
	height:34px;
	width:121px;
}

a.price{
background-image:url(../images/bt3.gif);
background-repeat:no-repeat;
	height:34px;
	width:121px;
}
a:hover.price{
background-image:url(../images/img_05.jpg);
background-repeat:no-repeat;
	height:34px;
	width:121px;
}

a.seo{
background-image:url(../images/bt4.gif);
background-repeat:no-repeat;
	height:34px;
	width:125px;
}
a:hover.seo{
background-image:url(../images/img_06.jpg);
background-repeat:no-repeat;
	height:34px;
	width:125px;
}

#header_text{
padding:15px 62px 0 0px;
margin:0 0 0 0px;
text-align:right;
}

#header_text a {
color					:	#666666;
}

a:hover #header_text{
color					:	#A22;
	text-decoration			:	underline;
}




ul#menu1{
	width: 187px;
	padding:15px 0px 5px 0px;
	margin:0;
	text-align:left;
	list-style:none;
	color:#666666;
	text-indent:10px;
	line-height:32px;
}

ul#menu1 li{
	list-style:none;
	padding: 0px 0 5px 0;
	margin:0;
	background-image:url(../images/right_bt.gif);
	background-repeat:no-repeat;
	height:34px;
	width:187px;
	font-weight:bold;
	color:#666666;
}
	



ul#menu1 a{
	display:block;
	height:34px;
	font-weight:bold;
	color:#666666;
}
ul#menu1 a:hover{
	display:block;
	height:34px;
	color:#FFFFFF;
	background-image:url(../images/right_bt_ro.gif);
	background-repeat:no-repeat;
}



.img2{
padding:10px 0 15px 0;
}

.right_title{
	font-size: 12px;
	line-height: 20px;
	background-image: url(../images/img_46.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
	height: 25px;
	width: 187px;
}
.news_text{
text-align:right;
margin:10px 20px 10px 0px;
}
.erea_text{
text-align:left;
margin:10px;
}

.menu_3{
text-align:left;
padding:5px 0 15px 20px;
}
