@charset "UTF-8";

BODY {	
	margin : 0;
	padding : 0;
	text-align : center;
	font-size : 100%;
	font-family : Arial,sans-serif;
	color : #444444;
        background-image : url("../img/back.jpg");
        background-repeat : repeat-y;background-position : center center;
}

IMG {
	margin : 0;
	padding  :0;
	vertical-align : bottom;
	border:none;
}

h1,h2,h3,h4,h5 {
	margin : 0;
	padding : 0;
}

a {
	color : #444444;
}

a:hover {
	text-decoration : none;
}

ul,li {
	margin : 0;
	padding : 0;
	list-style : none;
}

P {
	margin : 0;
	padding : 0;
	line-height : 1.6em;
        letter-spacing : 0.03em;
}

table {
	font-size : 100%;
	line-height : 1.6em;
        letter-spacing : 0.03em;
}

#container {
	width : 777px;
	margin : auto;
        padding : 0 1px 1px 1px;
        border-width : 1px;
        border-style : solid;
        border-color : #5abd0a;
}

#header {
	width : 775px;
	margin : 0 auto;
	padding : 0;
        background-image : url("../img/m1.jpg");
        background-repeat : no-repeat;
}

#headerleft {
	width : 442px;
	margin : 0;
	padding : 0;
	float : left;
	text-align : left;
}

#logo {
	width : 442px;
	height : 160px;
	margin : 0;
	padding : 10 0 0 30;
        background-image : url("../img/m1.jpg");
        background-repeat : no-repeat;
        background-position : right ;
}

#logo h1 a {
	display : block;
	width : 250px;
	height : 70px;
	margin : 0;
	float : left;
}

#head_navi {
	width : 65px;
	height : 67px;
	margin : 0;
	padding : 40px 0 0 0;
	float : right;
	text-align : left;
	font-size : 80%;
}

#head_navi UL {
	margin : 0;
	padding : 0;
}

#head_navi LI {
	display : inline;
	margin : 0;
	padding : 0;
	line-height : 13px;
}

#head_navi a {
	display : block;
	color : #ffffff;
	padding : 0 0 10px 5px;
}

#topmenu {
	width : 442px;
	height : 68px;
	margin : 0;
	padding : 0;
        background-image : url(../img/m5.jpg);
        background-repeat : no-repeat;
        background-position : right ;
	float : left;
}

#topmenu ul {
	margin : 0;
	padding : 0;
	list-style : none;
}

#topmenu li {
	display : block;
	width : 100px;
	height: 68px;
	margin : 0;
	padding : 0;
	float:left;
	text-indent:-9999px;
}

#topmenu a.active {
	background-position : 0 -30px;
}

li.topprod a {
	display : block;
	height : 68px;
	margin : 0;
	padding:0;
	background:url("../img/prod.jpg") no-repeat;
}

li.tophealth a {
	display : block;
	height : 68px;
	margin : 0;
	padding : 0;
	background : url("../img/health.jpg") no-repeat;
}

li.topqa a {
	display : block;
	height : 68px;
	margin : 0;
	padding : 0;
	background : url("../img/qa.jpg") no-repeat;
}

li.topabout a {
	display : block;
	height :68px;
	margin : 0;
	padding : 0;
	background : url("../img/about.jpg") no-repeat;
}

li.topshop a {
	display : block;
	height : 68px;
	margin : 0;
	padding : 0;
	background : url("../img/shop.jpg") no-repeat;
}

li.topprod a:hover, li.tophealth a:hover, li.topqa a:hover, li.topabout a:hover, li.topshop a:hover {
	background-position : 0 -70px;
}


#submenu {
	width : 442px;
	height : 147px;
	margin : 0;
	padding : 0;
        clear : both
	float : left;
  	text-align : left;
}

#headerright {
	width : 333px;
	height : 375px;
	margin : 0;
	padding : 0;
	float : right;
  	text-align : left;
}

#contents {
	width : 650px;
	margin : 0 auto 50px auto;
	padding : 0;
  	text-align : left;
}

/* Footer */

#footer {
	clear : both;
	width : 100%;
        height : 70px;
	margin : 0;
	padding : 0;
	background : url(../img/footer.jpg)
        repeat-x center top;
	font-size : 75%;
}

#footer_navi {
	width : 775px;
	margin : 0 auto;
	padding : 0;
}

#footer_navi a {
	color : #ffffff;
}

#footerleft {
	width : 425px;
	padding : 20px 0 0 0;
	float : left;
  	text-align : center;
}

#footerleft P {
	color : #ffffff;
}

#footerright {
	width : 350px;
	margin : 0;
	padding : 30px 0 0 0;
        float : right;
	text-align : center;
}

#footerright ul {
	margin : 0;
	padding : 0;
}

#footerright ul li {
	display : inline;
	margin-right : 3px;
	padding-left : 7px;
	border-left : solid 1px #ffffff;
}

#footerright ul li.footerhome {
	padding : 0;
	border : 0;
}