@import "base.css";










/*HEADER MENU*/
a.hd-top { width: 160px; background-position: 0px 0px; }
a:hover.hd-top { width: 160px; background-position: 0px -35px; }
a.hd-about { width: 160px; background-position: -160px 0px; }
a:hover.hd-about { width: 160px; background-position: -160px -35px; }
a.hd-how { width: 160px; background-position: -320px -35px; }
a:hover.hd-how { width: 160px; background-position: -320px -35px; }
a.hd-unit { width: 160px; background-position: -480px 0px; }
a:hover.hd-unit { width: 160px; background-position: -480px -35px; }
a.hd-hygiene { width: 160px; background-position: -640px 0px; }
a:hover.hd-hygiene { width: 160px; background-position: -640px -35px; }

.how-box-wrap {
	background-image: url(../images/contents_box_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0 10px 30px 10px;
	padding: 0 0 20px 0;
}
.how-box-wrap h5 {
	margin: 5px 20px;
	padding: 0;
}
.how-box-wrap p {
	font-size: 80%;
	margin: 5px 20px;
	padding: 0;
}
.how-box-wrap ul {
	margin: 20px 20px;
	padding: 0;
}
.how-box-wrap ul li {
	font-size: 80%;
}
.how-subtitle {
	height: 35px;
	background-image: url(../images/page_subtitle_bg.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.how-subtitle h4 {
	margin: 0;
	padding: 7px 0 0 15px;
}
.how-box-L {
	width: 390px;
	float: left;
	margin: 0;
}
.how-box-R {
	width: 390px;
	float: left;
	margin: 0;
}
#how-con-bottom {
	clear: both;
	text-align: center;
}
table.how-table {
	width: 350px;
	border: 1px #999999 solid;
	border-collapse: collapse;
	font-size: 80%;
	color: #535353;
	margin: 0 20px;
}
table.how-table th {
	font-weight: 100;
	text-align: left;
	margin: 5px;
	padding: 5px;
	background-color: #F6F6F6;
	border: 1px #999999 solid;
	border-collapse: collapse; 
}
table.how-table td {
	text-align: left;
	margin: 5px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px #999999 solid;
	border-collapse: collapse; 
}
.tab-btm-Text {
	font-size: 75%;
	margin: 0 20px;
	text-align: right;
}