@charset "UTF-8";

*	{
	margin: 0;
	padding: 0;
}

h1	{
	font-size: 18px;
}
h2	{
	font-size: 16px;
}
h3	{
	font-size: 14px;
}
h4	{
	font-size: 12px;
}
p	{
	font-size: 12px;
	margin-bottom: 0.85em;
	line-height: 120%;
}
ul	{
	font-size: 12px;
}
ol	{
	font-size: 12px;
}

hr	{
	margin: 10px 0;
	height: 1px;
}

a:link	{
	}

a:hover	{
	color: #CC0000;
	text-decoration: none;
}
a img	{
	border: 0;
}

.fl	{
	float: left;
	margin-right:6px;
}
.fr	{
	float: right;
	margin-left:6px;
}

.red	{
	color: #CC0000;
}
.blue	{
	color: #0066FF;
}
.green	{
	color: #336600;
}
.yellow	{
	color: #FFCC33;
}


hr.hidden	{
	clear: both;
	height: 1px;
	color: #fff;
	border: solid 1px #fff;
}

img.logo_m	{
	vertical-align: middle;
	margin: 0 2px;
}

/*#################### common ####################*/
body	{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: url(common/body.jpg) repeat-y #DBD4B2 50% top;
	color: #333;
	font-size: 12px;
	}

#container	{
	width: 910px;
	height: auto;
	overflow: visible;
	margin: 0 auto;
}
	
div.navi	{
	height: 24px;
	width: 910px;
	background: url(common/header.jpg) no-repeat left -100px;
}
	div.navi ul	{
		margin: 0 0 0 10px;
		width: 900px;
		font-size: 12px;
	}
	div.navi li	{
		display: block;
		float: left;
		height: 24px;
		line-height: 20px;
		margin: 0;
		background: url(common/navi_line.gif) no-repeat left 3px;
	}
		div.navi a	{
			display: block;
			height: 24px;
			float: left;
			line-height: 20px;
			margin: 0;
			text-decoration: none;
			padding: 0 5px;
			color: #F5F9E4;
		}
		div.navi a:hover	{
			color: #000;
			height: 24px;
		}
	div.navi li.emp	{
		padding: 0 7px;
		color: #ccc;
	}

#main	{
	width: 910px;
	background: url(common/body_top2.jpg) repeat-y;
}
	#main_t	{
		width: 910px;
		height: 19px;
		background: url(common/body_top1.jpg) no-repeat;
	}
	#main_b	{
		clear: both;
		width: 910px;
		height: 46px;
		background: url(common/body_top3.jpg) no-repeat;
		margin: 0 auto;
		text-align: center;
	}
		#main_b p	{
			padding-top: 15px;
		}
		#main_b a	{
			color: #fff;
		}


/*---###### header ######---*/
#header	{
	width: 910px;
	height: 100px;
	background: url(common/header.jpg) no-repeat;
	text-align: left;
}
	#header h1	{
		padding: 15px 0 0 8px;
	}

/*---###### footer ######---*/
#footer	{
	clear: both;
	font-size: 12px;
	text-align: center;
	padding-top: 6px;
}
#footer_copy	{
	margin-bottom: 6px;
}

/*---###### contents ######---*/

/*--- top page ---*/
.top_image	{
	margin-bottom: 8px;
}

/* left column */
#top_left_side	{
	float: left;
	text-align: left;
	width: 640px;
	letter-spacing: 1px;
	padding-left: 20px;
	overflow: hidden;
}

#info_box	{
	width: 640px;
	height: 141px;
	background: url(images/new_back.gif) no-repeat;
	overflow: hidden;
	margin-bottom: 12px;
	color: #ffffff;
}
	#info_box p	{
		line-height: 138%;
	}

	#new_topics	{
		width: 320px;
		margin-bottom: 10px;
		float: left;
	}
		#new_topics h2	{
			width: 312px;
			height: 30px;
			text-indent: -9999px;
		}
		#new_topics div.inner	{
			width: 300px;
			height: 100px;
			overflow: auto;
			padding: 2px 0 0 8px;
			scrollbar-base-color: #666;
		}

			#new_topics ul	{
				list-style-type: none;
				color: #ffffff;
			}
				#new_topics ul a	{
					color: #ffffff;
				}
				#new_topics li	{
					background: url(common/list_nt.gif) no-repeat left 3px;
					padding: 0 0 0 10px;
					margin-bottom: 4px;
				}
			#new_topics img	{
				margin-top: 6px;
			}

	#about_me	{
		width: 320px;
		margin-bottom: 10px;
		float: left;
	}
		#about_me h2	{
			width: 312px;
			height: 30px;
			text-indent: -9999px;
		}
		#about_me div.inner	{
			width: 300px;
			height: 100px;
			overflow: hidden;
			padding: 2px 0 0 13px;
		} 

/* right column */
#top_right_side	{
	width: 240px;
	float: right;
	padding-right: 2px;
	text-align: center;
}
	#top_right_side p,#top_right_side a	{
		color: #ffffff;
		line-height: 120%;
	}

	#shop_info	{
	}
		#shop_info h2	{
		}
		#shop_info div.inner	{
			padding: 6px;
		} 
			#shop_info hr	{
				margin: 3px auto;
			}
		ul#si	{
			list-style-type: none;
		}
			ul#si li	{
				display: inline;
				white-space: nowrap;
			}

		.weather	{
			text-align: center;
			font-size: 10px;
			width: 200px;
			margin: auto;
		}
			.weather_link	{
				color: #3399FF;
				width: 160px;
				margin: auto;
				font-size: 8px;
			}

	.banner	{
		margin-bottom: 3px;
	}
		#rad37	{
			margin-top: 15px;
		}

.side_menu	{
	margin: 6px auto;
}

.side_box	{
	background: url(common/side_box.jpg) repeat;
	padding: 3px;
	text-align: center;
}


/*--- entry + category ---*/
#contents	{
	float: left;
	text-align: left;
	width: 650px;
	overflow: hidden;
	background: url(common/contents_back2.jpg) repeat-y 15px top;
	padding-left: 15px;
}
	#contents_header	{
		height: 100px;
		background: url(common/contents_back.jpg) no-repeat top;
	}
	#contents_footer	{
		height: 10px;
		background: url(common/contents_back.jpg) no-repeat bottom;
	}

#b_list	{
	font-size: 12px;
	padding: 15px;
}

	#contents h2	{
		height: 20px;
		color: #ffffff;
		padding: 6px 0 0 42px;
	}
	#contents h3	{
		color: #336633;
		border-left: solid 4px #336633;
		padding-left: 8px;
		margin-bottom: 10px;
	}

	#contents ul	{
		list-style-type: none;
		padding-left: 8px;
	}
		#contents ul li	{
			background: url(common/list_ct.gif) no-repeat left;
			padding: 0 0 5px 10px;
		}
	#contents ol	{
		padding-left: 24px;
	}
		#contents ol li	{
			padding-bottom: 6px;
		}

.text_area {
	padding: 0 24px;
}
	.text_area table	{
		font-size: 12px;
		width: 95%;
		border-collapse: collapse;
		border: solid 1px #ccc;
		margin: auto;
	}
		.text_area table th	{
			font-weight: normal;
			white-space: nowrap;
			text-align: center;
			padding: 5px 10px;
			border: solid 1px #cccccc;
			color: #fff;
			background-color: #999;
		}
		.text_area table td	{
			padding: 5px 10px;
			border: solid 1px #cccccc;
		}

.cat_hl	{
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 10px;
	margin: 0 10px 15px 0;
}
	.cat_hl div.inner	{
	}
	.cat_hl img	{
		float: left;
		margin-right: 6px;
	}
	.cat_hl p	{
		margin: 0 10px;
	}
	.cat_hl img.cl	{
		clear: left;
	}

table.inspection	{
	width: 525px;
}
	table.inspection th	{
		text-align: center;
		background-color: #efefef;
	}
	table.inspection td	{
		text-align: center;
	}
		table.inspection td.exemption	{
			background-color: #FFF8E4;
		}

table.wage	{
	width: 525px;
	border: solid 1px #cccccc;
}
	table.wage th	{
		text-align: center;
		background-color: #efefef;
		border: solid 1px #cccccc;
	}
	table.wage td	{
		text-align: center;
		border: solid 1px #cccccc;
	}


.thumbnail_detail	{
	float: left;
	text-align: center;
	margin-left: 2px;
	border: solid 1px #ccc;
	padding: 2px;
	background-color: #fff;
}

	.thumbnail_detail_first	{
		margin-left: 0;
	}

.glry_main	{
	border: solid 1px #ccc;
	padding: 2px;
	width: 484px;
}

.change_icon	{
	vertical-align: middle;
	margin: 0 3px;
}

.cl	{
	clear: left;
}

#np_navi	{
	text-align: center;
	padding: 20px 15px;
}

.other_contents	{
	background-color: #333;
	padding: 3px;
	margin-bottom: 10px;
}
	.other_contents h4	{
		color: #FFCC33;
		background: url(common/other_contents_f.gif) no-repeat;
		padding: 8px 0 3px 190px;
		height: 20px;
	}
	.other_contents div.inner	{
		background-color: #efefef;
		padding: 6px;
		font-size: 12px;
		line-height: 160%;
	}
	.other_contents a	{
		padding: 0 10px 0 0;
	}

ul.side_other_contents	{
	text-align: left;
	padding: 8px 20px 15px 20px;
}
	ul.side_other_contents li	{
		list-style-type: none;
		margin-bottom: 3px;
		background: url(common/side_list.gif) no-repeat left;
		padding-left: 8px;
	}


table.glry	{width: 350px;}

table.glry th	{background: url(common/glry_th_back.jpg) repeat left top; width: 60px;}
table.glry td	{background-color: #F0EDDE;}


.aform-content dl	{margin-bottom: 10px;}





.widget-calendar		{padding-bottom: 10px; width: 200px; padding-right: 28px;}



.multiple-pages div	{margin-bottom: 24px;}
	.multiple-pages b	{padding: 3px 6px; border: solid 1px #ccc; background-color: #efefef; color: #757050;}
	.multiple-pages a	{padding: 3px 6px; border: solid 1px #ccc;}
	.multiple-pages a:hover	{background-color: #757050; color: #fff;}
