body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0 0 0;
	background:url(images/brow_bg.jpg) repeat;
}

#bg_left {
	background:url(images/bg_left.jpg) repeat-y;
	width: 31px;
}

#bg_right {
	background:url(images/bg_right.jpg) repeat-y;
	width: 30px;
}

#welcome {
	background:url(images/welcome02.gif) no-repeat;
	width: 365px;
	height: 261px;
}

#bg_01 {
	background: url(images/update/01_bg.gif) no-repeat;
	width: 503px;
	height: 158px;
}

#bg_02 {
	background:url(images/update/02_bg.gif) no-repeat;
	width: 244px;
	height: 158px;
}

#bg_03 {
	background:url(images/update/02_bg.gif) no-repeat;
	width: 237px;
	height: 158px;
}

#product_list {
	width: 221px;
	height: 29px;
}


.Orange {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 20px;
	color: #ff6d00;
}

.Orange_small {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #ff6d00;
}

.normal {
	color: #333333;
	font-size: 12px;
	text-decoration:none;
}

.headline {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FF0000;
	font-weight:bold;
}

.wakaka {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #333333;
	font-weight:bold;
}

.head_italic {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #cc6666;
	font-weight: normal;
	font-style:italic;
}

a:link {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration:none;
}
a:visited {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration:none;
}
a:hover {
	color: #FF9900;
	font-size: 12px;
	text-decoration:underline;
}
a:active {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration:none;
}
.red {
	color: #330000;
	font-size: 11px;
	text-decoration:none;
}


a.b:link {
	color: #ffcc00;
	font-size: 11px;
	text-decoration:none;
}
a.b:visited {
	color: #ffcc00;
	font-size: 11px;
	text-decoration:none;
}
a.b:hover {
	color: #ffcc00;
	font-size: 11px;
	text-decoration:underline;
}
a.b:active {
	color: #ffcc00;
	font-size: 11px;
	text-decoration:none;
}

a.c:link {
	color: #990000;
	font-size: 11px;
	text-decoration:none;
}
a.c:visited {
	color: #990000;
	font-size: 11px;
	text-decoration:none;
}
a.c:hover {
	color: #990000;
	font-size: 11px;
	text-decoration:underline;
}
a.c:active {
	color: #990000;
	font-size: 11px;
	text-decoration:none;
}

.white {
	color: #ffcc00;
	font-size: 11px;
	text-decoration:none;
}


a.pro:link {
	color: #ff0000;
	font-size: 12px;
	background:url(images/button/pro02.jpg) no-repeat;
	width: 221px;
	height: 29px;
}
a.pro:visited {
	color: #ff0000;
	font-size: 12px;
	background:url(images/button/pro02.jpg) no-repeat;
	width: 221px;
	height: 29px;
}
a.pro:hover {
	color: #ffffff;
	font-size: 12px;
	text-decoration:underline;
	background:url(images/button/pro01.jpg) no-repeat;
	width: 221px;
	height: 29px;
}
a.pro:active {
	color: #ff0000;
	font-size: 12px;
	text-decoration:none;
	background:url(images/button/pro02.jpg) no-repeat;
	width: 221px;
	height: 29px;
}

/* -------------------------- roll over product button */
.cssnav {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(images/button/pro01.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 221px;
	height: 29px;
	margin: 0;
	padding: 0;
}

.cssnav a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 221px;
	height: 29px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.cssnav img {
width: 221px;
height: 29px;
border: 0
}

* html a:hover{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span {
	position: absolute;
	left: 30px;
	top: 7px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 190px;
}

/* -------------------------- end */

#back_product {
	background:url(images/made_bg.jpg) repeat-x;
	height: 444px;
}

#made_left {
	background:url(images/made_left.jpg) repeat-y;
	height: 444px;
	width: 6px;
}

#made_right{
	background:url(images/made_right.jpg) repeat-y;
	height: 444px;
	width: 4px;
}