﻿body {
	background-color:#FFFFFF;
	margin-top:0px;
	text-align:center;
	font-size:13px;
	line-height:17px;
}
*{
	margin:0px;
	padding:0px;
}
img{
	border:0px #FFFFFF solid;
}

td{
	text-align:left;
	padding:2px 0px 2px 5px;
}

a:link { color: #0000CD; }
a:visited { color: #0000CD; }
a:hover { color: #FF8C00; }
a:active { color: red; }


.clears{
	clear:both;
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	*position: absolute;
}

.red{
	color:red;
	font-weight:bold;
	font-size:15px;
}


.blue{
	color:blue;
}
.green{
	color:green;
}

.price{
	color:red;
	font-weight:bold;
}



#outer{
	text-align: left;
	width:844px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding:top:0px;
	background-image:url(./images/bg.jpg);
	border:0px gray solid;
}

/*------- ヘッダーエリア ----------*/
#head{
	margin: 0px 0px 3px 30px;
	width:783px;
	height:32px;
	background-image:url(./images/bg_head.gif);
	background-repeat:no-repeat;
	border:0px blue solid;
}
	#head #left{
		float:left;
		width:200px;
		height:32px;
		border:0px gray solid;
	}

		#head #left img{
			margin:0px 0px 0px 0px;
		}

	#head #right{
		float:right;
		width:500px;
		height:auto;
		text-align:right;
		border:0px green solid;
	}

		#head #right h1{
			margin:5px 0px 0px 0px;
			font-size:13px;
			color:#FAEBD7;
			width:400px;
			height:auto;
			border:0px orange solid;
		}
		#head #right p{
			margin-left:20px;
			font-size:12px;
			color:#666666;
			width:500px;
			height:auto;
		}




/*------- グローバルナビエリア ----------*/

#navi{
	width:783px;
	height:36px;
	margin:0px 0px 0px 30px;
	background-image:url(./images/bg_navi.jpg);
	text-align:left;
}
	#navi ul{
		list-style:none;
		width:783px;
		height:36px;
		text-align:left;
	}
	
	#navi li{
		float:left;
		width:auto;
		height:25px;
		margin:0px 0px 0px 0px;
		padding:10px 20px 0px 20px;
		border:1px gray solid;
		border-bottom:0px gray solid;
	}
	
	#navi li a{
		color:#FFFFFF;
		height:22px;
	}
	
	#navi li a:hover{ color: #FF8C00; }


/*------- トップページメイン画像エリア ----------*/
#top_img{
	margin-left: 30px;
	margin-right: auto;
	width:783px;
	height:197px;
	background-image:url(./images/bg_topimg.jpg);
}
	#top_img p{
		margin:10px 0px 0px 15px;
		line-height:20px;
		height:auto;
	}



#main{
	width:790px;
	height:auto;
	border:0px gray solid;
	margin:10px 0px 0px 30px;
	border:0px blue solid;

}



/*------- パンくずエリア ----------*/
#bread{
	margin:4px 0px 10px 20px;
}

/*------- サイドバーエリア ----------*/
#sidebar{
	height:auto;
	width:200px;
	margin:0px 5px 0px 0px;
	float:right;
}


	#sidebar #box{
		width:190px;
		height:auto;
		border:0px #CCCCCC solid;
		margin:0px 0px 15px 0px;
	}
		#sidebar #box h5{
			background-image:url(./images/bg_side_h3.jpg);
			width:167px;
			height:22px;
			margin:0px 0px 0px 0px;
			padding:10px 0px 0px 20px;
			font-size:13px;
		}
		
		#sidebar #box ul{
			list-style-image:url(./images/bg_side_listmark.jpg);
			margin:0px 0px 0px 20px;
		}
		#sidebar #box li{
			margin:2px 0px 0px 0px;
		}

		#sidebar #box img{
			margin:5px 5px 5px 5px;
			float:left;
			vertical-align: top; 
		}
		#sidebar #box p{
			font-size:12px;
			margin:5px 5px 10px 5px;
		}
		
		#sidebar a{
			color:#000000;
		}
		#sidebar a:hover{
			color:#FF8C00;
		}




/*------- コンテンツエリア ----------*/
#content{
	width:570px;
	height:auto;
	float:left;
	margin:0px 0px 0px 5px;
}

* html #content{
	margin:0px 4px 0px 0px;
}

	#content #search{
		width:500px;
		text-align:center;
		height:auto;
		margin:3px 0px 0px 0px;
	}

	#content #box_pr_top{
		width:567px;
		height:26px;
		margin:0px 0px 0px 0px;
		background-image:url(./images/bg_box_pr_top.jpg);
	}

	#content #box_pr_middle{
		width:567px;
		height:auto;
		margin:0px 0px 0px 0px;
		background-image:url(./images/bg_box_pr_middle.jpg);
	}
		#content #box_pr_middle ul{
			list-style-image:url(./images/bg_listmark.gif);
			margin:0px 0px 0px 30px;
			line-height:23px;
		}

	#content #box_pr_bottom{
		width:567px;
		height:8px;
		margin:0px 0px 0px 0px;
		background-image:url(./images/bg_box_pr_bottom.jpg);
	}

	#content #box{
		width:567px;
		height:auto;
		border:0px #CCCCCC solid;
		margin:0px 0px 15px 0px;
	}
		
		#content #box h2{
			border-left:9px #CCCCCC solid;
			border-bottom:1px #DCDCDC dashed;
			height:20px;
			margin:0px 0px 0px 0px;
			padding:3px 3px 3px 3px;
			font-size:13px;
		}
	
		#content #box p{
			margin:10px 5px 20px 5px;
			line-height:19px;
			font-size:12px;
			width:520px;
		}

		#content #paging{
			text-align:center;
			margin:20px 0px 0px 0px;
			width:520px;
			height:auto;
		}

		#box_cate0,#box_cate3,#box_cate4{
			width:270px;
			height:auto;
			border-bottom:1px #F5F5F5 dashed;
			margin:5px 0px 5px 5px;
			background-image:url(./images/bg_box_cate1.jpg);
			background-repeat:no-repeat;
			float:left;
		}
			#content #box #box_cate ul{
				list-style-image:url(./images/bg_listmark.gif);
				margin:0px 0px 0px 55px;
				line-height:23px;
				
			}
			#content #box #box_cate h3{
				margin:0px 0px 0px 50px;
				font-size:13px;
			}

		#box_cate1,#box_cate2,#box_cate5{
			width:270px;
			height:auto;
			border-bottom:1px #F5F5F5 dashed;
			margin:5px 0px 5px 5px;
			background-image:url(./images/bg_box_cate2.jpg);
			background-repeat:no-repeat;
			float:left;
		}
			#content #box ul{
				list-style-image:url(./images/bg_listmark.gif);
				margin:0px 0px 0px 55px;
				line-height:23px;
			}
			#content #box h3{
				margin:0px 0px 0px 50px;
				font-size:13px;
			}


		#content #box_pickup{
			border:1px #CCCCCC solid;
			width:559px;
			margin:10px 0px 0px 0px;
			background-image:url(./images/bg_pickup.jpg);
			background-repeat:no-repeat;
			line-height:19px;
			font-size:12px;
		}

			#content #box_pickup ul{
				list-style-type: none;
				margin: 25px 0 0 0;
				padding: 0 0 0 0px;
			}
			#content #box_pickup li{
				width:550px;
				padding:3px 0px 3px 10px;
			}
			#content #box_pickup .color{
				background-color:#E4EAFA;
			}

		#content #news_box{
			width:559px;
			height:auto;
			margin:10px 0px 0px 0px;
			border-top:1px#CCCCCC dashed;
		}
			#content #news_box h4{
				width:559px;
				margin:10px 0px 0px 0px;
				font-size:13px;
			}
			#content #news_box p{
				margin:10px 0px 0px 0px;
			}
			#content #news_box .date{
				margin:0px 0px 0px 0px;
				float:right;
			}



.top_box{
	background-image:url(./images/top_img4.jpg);
	background-repeat:no-repeat;
}


/*--------- フッターエリア ------------------*/

#footer{
	height:auto;
	border:1px gray solid;
	background-color:#3C4049;
	margin:30px 0px 0px 16px;
	text-align:center;
	color:#FFFFFF;
	width:810px;
	word-break: keep-all;
}

	#footer ul{
		margin:10px 0px 0px 100px;
		list-style-type:none;
		width:600px;
		height:36px;
		text-align:center;
	}
	
	#footer li{
		float:left;
		width:auto;
		height:auto;
		margin:0px 5px 0px 5px;
	}
	

	#footer a{
		color:#FFFFFF;
	}
	#footer a:hover {
	color: #FF8C00;
	}
