@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;
}

/* Sidebar */

#left {
	width : 180px;
	margin : 0 20px 0 0;
	padding : 0 0 20px 0;
	float : left;
  	line-height : 1.8em;
  	word-spacing : 0.1em;
  	text-align : left;
}

.category {
	margin : 15px 0 15px 0;
}

.category ul {
	margin : 0;
	padding : 0;
	list-style : none;
}

.category li {
	display : inline;
}

.category a {
	display : block;
	padding : 5px 0 5px 10px;
	border-left : solid 5px #c6c8ca;
	border-bottom : 1px dotted #c6c8ca;
	text-decoration : none;
}

.category a:hover {
	text-decoration : none;
	border-left : solid 5px #f5489a;
  	background-color : #f1f6e3;
}

.search {
	margin : 0;
	padding : 10px 10px 10px 10px;
	border : 1px solid #c6c8ca;
  	background-color : #f1f6e3;
}

.search P {
	padding : 0 0 5px 0;
}


#left_menu {
	width : 180px;
	margin : 0;
	padding : 0;
}

#left_menu UL {
	list-style : none;
	margin : 0;
	padding : 0;
	text-indent:-9999px;
  color : #ffffff;
}

#left_menu li {
	display : block;
	width : 180px;
	height : 40px;
	padding : 0;
	margin : 10px 0 20px 0;
}

#left_menu a:hover {
	background-position : 0 -111px;
}

.leftcontact a {
	display : block;
	width : 180px;
	height : 52px;
	background : url("../img/leftcontact.gif") no-repeat;
}

.leftsupport a {
	display : block;
	width : 180px;
	height : 52px;
	background : url("../img/leftsupport.gif") no-repeat;
}

.date {
	margin : 20px 0 0;
	font-size : 80%;
	color : #666666;
}

/* Contents */

#contents_main {
	width : 560px;
	margin : 0 0 20px 0;
	padding : 0;
	float : right;
  	text-align : left;
}

#contents_main h2.top_ad {
	display : block;
	height : 60px;
	margin : 0 0 10px 0;
	padding : 0;
}

#contents_main H3{
	display : block;
	height : 32px;
	margin : 25px 0 10px 0;
	padding : 6px 0 0 25px;
	font-size : 130%;
  	text-align : left;
	background : url("../img/titlebar.gif") no-repeat;
}

#contents_main H4{
	display : block;
	height : 25px;
	margin : 20px 0 10px 0;
}

P.title_bar {
	display : block;
	height : 25px;
	margin : 20px 0 10px 0;
	padding : 2px 0 0 20px;
	text-align : left;
  	background-color : #969696;
  	font-size : 120%;
  	font-weight : bold;
        color : white;
  	letter-spacing : 0.05em;
}

#contents_main p.text {
	margin : 10px 0 20px 0;
	text-align : left;
	line-height : 1.5em;
}


#news {
	clear : both;
	width : 560px;
	margin : 0;
	padding : 0;
}

#news p.news_right {
	clear : both;
	text-align : right;
	padding : 0 16px 0 0;
	background : url("../img/arrow.gif") no-repeat right;
}

dl.list {
	width: 560px;
	margin : 10px 0 0 0;
	padding : 0;
	color : #444444;
	text-align : left;
}

DL.list DT {
	float : left;
	clear : both;
	display : block;
	width : 140px;
	margin : 0;
	padding : 10px 0 10px 0;
	line-height : 10px;
	color : #cd0000;
	background : url("../img/dotted.gif") repeat-x bottom;
  	text-align : center;
}

dl.list dd {
	float : left;
	display : block;
	width : 420px;
	margin : 0;
	padding : 10px 0 10px 0;
	line-height : 10px;
	background : url("../img/dotted.gif") repeat-x bottom;
}

/* 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;
}