@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, abbr {
	border: 0;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
/* LINK
------------------------------------------------------------------*/
	a img, :link img, :visited img {
	border: 0;
}
a, a:link {
	text-decoration: none;
	color: #4a606b;
}
a:visited {
	text-decoration: none;
	color: #4a606b;
}
a:hover {
	color: #5ab084;
	background-color: transparent;
}
/* HEADINGS
------------------------------------------------------------------*/

body, p {
	font-family: arial, helvetica;
    font-size:0.9em;
    color: #4f4f4f;
	/*line-height: 15px;*/
}

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 50px;
	font-weight: bold;
	color: #666;
	letter-spacing:-0.8px;
}
.h5 {
	font-family:verdana,arial;
	font-size: 21px;
	line-height: 20px;
	font-weight: bold;
	color: #666;
	letter-spacing:-0.8px;
}
.h2 {
	font-family:verdana,arial;
	font-size: 12px;
	margin:0px;
	padding:0px 10px 0px 0px;
	line-height: 0px;
	color: #F00;
}
.h6 {
	font-family:verdana,arial;
	font-size: 15px;
	margin:0px;
	padding:0px 10px 0px 0px;
	line-height: 0px;
	color: #F00;
}
.h7 {
	font-family:verdana,arial;
	font-size: 25px;
	margin:0px 30px 0px 0px;
	padding:0px 30px 0px 0px;
	line-height: 0px;
	color: #F00;
}
.h3 {
	font-family:verdana,arial;
	font-size: 13px;
	line-height: 50px;
	font-weight: bold;
	color: #666;
}
.holiday {
	font-weight: bold;
	color: #F00;
	font-size: 13px;
	line-height: 0px;
}
.hide {
	display: none;
}
/* BODY
------------------------------------------------------------------*/

body {
	background: url(../image/body_back.jpg) repeat-x;
	background-color: #9d0b0e;
}
#container {
	margin: 0px auto 0px auto;
	width: 1100px;
	text-align: left;
}
body #container {
	margin: 0px auto 0px auto;
	width:1100px;
}
/* HEAD OUTSIDE WRAP */
#headwrap {
	background: url(../image/head_back.gif);
	width: 980px;
	text-align: left;
	margin: 0px;
	float: left;
}
/* HEAD WRAP */
#header {
	background: #DDDDDD;
	width: 900px;
	height: 204px;
	margin: 0px auto 0px auto;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/* MAIN MENU */
#menu {
	width:900px;
	height:40px;
	margin: 0px auto 0px auto;
}
/* CONTENT OUTSIDE WRAP */
#contentwrap {
	background: url(../image/content_back.gif) repeat-y;
	width: 980px;
	text-align: left;
	float: left;
}
/* CONTENT WRAP */
#mainContent {
	background-color:#fff;
	position: relative;
	overflow: hidden;
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px
}
/* CONTENT LEFT */
#leftpic {
	position:relative;
	float:left;
	margin:0px auto auto 0px;
	width:295px;
}
/* CONTENT RIGHT */
.mainpic {
	position:relative;
	width:600px;
	float:right;
	/*padding:10px 10px 20px 0px;*/
}
/* FOOTER */
#footer {
	height: 57px;
	position: relative;
	width: 940px;
	margin:0px auto 0px 40px;
}
#footer p {
	margin: 0px 4px;
	padding: 10px 40px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* BANNER
------------------------------------------------------------------*/

#banner {
	width:120px;
	float:right;
	position:relative;
	right:0px;
}
/* PRODUCT
------------------------------------------------------------------*/
/* PRODUCT LIST */
.menu_nav {
	width:590px;
	display:inline;
	margin: 0px;
}

/* CLEAR */
.clear {
	clear:both;
}

#about {
	padding:10px 50px 0px 10px;
	position:relative;
}

.workhour {
	position:relative;
	margin:0px auto 0px 20px;
	}

.shopname {
	float:left;
	width:200px;
}

.info {
	float:left;
	width:570px;
}

.lefttext {
	float:left;
	padding:3px 10px;
	text-align:left;
	width:250px;
	margin-top:15px;
	}

/*.righttext {
	float:right;
	padding:3px 10px;
	text-align:left;
	width:250px;
	height:110px;
	}*/

.uppertext {
	text-indent: 0.2cm;
	padding:0px 10px 0px 10px;
	text-align:left;
	margin:-10px 0 0 0;
	background: no-repeat;
}
.lefttext .h2 img {
	float: left;
	margin-right: 10px;
}


.more {
	float:right;
	color: #00F;
	font-size:12px;
}