a:active {   text-decoration: none; color: #000000}
a:link {   text-decoration: none; color: #0E7297}
a:visited {   text-decoration: none; color: #0E7297}
a:hover {   text-decoration: underline; color: #0000FF}

th {
	font-family: Verdana, sans-serif;
	font-size : 80%;
	background: url(img/th_stripe.gif);
}
		
td {
	font-size : 80%;
	FONT-FAMILY: Verdana, Tahoma,  inherit;
	/*word-break:break-all;*/
}

body {
	font-size : small;
	font-family: Verdana;
}


* html body {
	font-size : x-small; /* À©µµ¿ì¿ë ÀÎÅͳÝÀͽºÀa·Î·¯ 5¿¡ Àû¿ëµÈ´Ù.*/
	f\ont-size : small; /* ±âŸ À¥ºê¶ó¿ìÀú¿¡ Àû¿ëµÈ´Ù. */
	
}

.ltitle {
	font-size : 120%;
}

.mtitle {
	font-size : 110%;
}

.oneborder {
	border: 1px solid #828282;
	background: #FFFFFF;
}

.title { font-weight: bolder; border: 1px solid #CCCCCC; }

.box {
	border: 1px solid #B1D57F;
	line-height: 20px;
	text-align : justify;
}

.hgbox {
	line-height: 20px;
	text-align : justify;
}

#navi {
	margin:0 0 0 20;
	padding:0;
	height:30px;
	list-style : none;
	distplay : inline;
	overflow : hidden;
}

#navi li {
	margin : 0;
	padding : 0;
	list-style : none;
	display : inline;
}

#navi a {
	float : left;
	padding : 30px 0 0 0 ;
	overflow : hidden;
	height : 0px !important;
	height /**/:30px; /* À©µµ¿ì IE5¸¦ À§ÇØ */
}

#navi a:hover {
	background-position : 0 -30px;
}

#navi a:active,  #navi a.selected{
	background-position : 0 -60px;
}


#home a {
	width : 110px;
	background : url(./img/menu/home.gif) top left no-repeat;
}


#howtocleanse a {
	width : 160px;
	background : url(./img/menu/howtocleanse.gif) top left no-repeat;
}

#manual a {
	width : 110px;
	background : url(./img/menu/manual.gif) top left no-repeat;
}


#contactus a {
	width : 160px;
	background : url(./img/menu/contactus.gif) top left no-repeat;
}

#statistics a {
	width : 110px;
	background : url(./img/menu/statistics.gif) top left no-repeat;
}

.sub_bg {
	background-image: url(img/menu/sub_bg.gif);
	background-repeat: repeat-x;
}

.sub_bg1 {
	background-image: url(img/menu/sub_bg1.gif);
	background-repeat: repeat-x;
}

.sub_bg2 {
	background-image: url(img/menu/sub_bg2.gif);
	/*background-repeat: repeat-x;*/
	background-repeat:no-repeat;

}

	div {
		margin: 5px 0 5px 0;
	}
	
	#fig1_7 #minitabs {
		margin: 0;
		padding: 0 0 20px 10px;
		border-bottom: 1px solid #696;
		}
	
	#fig1_7 #minitabs li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
		}
	
	#fig1_7 #minitabs a {
		float: left;
		line-height: 14px;
		font-weight: bold;
		margin: 0 10px 4px 10px;
		text-decoration: none;
		font-size: 12px;
		color: #B2CCB2;
		}
	
	#fig1_7 #minitabs a.active{
		border-bottom: 3px solid #696;
		padding-bottom: 3px;
		color: #363;
		}

	#fig1_7 #minitabs a:hover {
		color : #0000FF;
	}



	#fig1_8 #plustabs {
		margin: 15;
		padding: 0 0 20px 10px;
		border-bottom: 1px solid #696;
		}
	
	#fig1_8 #plustabs li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
		}
	
	#fig1_8 #plustabs a {
		float: left;
		line-height: 14px;
		font-weight: bold;
		margin: 0 10px 4px 10px;
		text-decoration: none;
		font-size: 12px;
		color: #B2CCB2;
		}
	
	#fig1_8 #plustabs a.active{
		border-bottom: 3px solid #696;
		padding-bottom: 3px;
		color: #363;
		}

	#fig1_8 #plustabs a:hover {
		color : #0000FF;
	}


	#fig8_11 #recipe {
		list-style: none;
	}
	
	#fig8_11 #recipe li {
		padding: 0px 30px;
		margin-left: -20px;
		margin-bottom: 5px;
		border-bottom: 1px solid #ccc;
		}
	
	#fig8_11 #one {
		background: url(./img/square/black.gif) no-repeat 0px 50%;
		}
	
	#fig8_11 #two {
		background: url(./img/square/red.gif) no-repeat 0px 50%;
		}
	
	#fig8_11 #three {
		background: url(./img/square/green.gif) no-repeat 0px 50%;
		}

	#fig8_11 #four {
		background: url(./img/square/white.gif) no-repeat 0px 50%;
		}

	#fig8_11 #five {
		background: url(./img/square/blue.gif) no-repeat 0px 50%;
		}
/*
	#fig1_9 #minustabs {
		margin: 15;
		padding: 0 0 20px 10px;
		border-bottom: 1px solid #9FB1BC;
	}
	
	#fig1_9 #minustabs li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
	}
		
	#fig1_9 #minustabs a {
		float: left;
		line-height: 14px;
		font-weight: bold;
		font-size: 12px;
		padding: 0 12px 6px 12px;
		text-decoration: none;
		color: #708491;
	}
	
	#fig1_9 #minustabs a.active, #fig1_9 #minustabs a:hover {
		color: #000;
		background: url(img/tab_pyra.gif) no-repeat bottom center;
	}	
*/


.active {
      cursor:pointer; 
      filter: chroma(color=#000000);
}
.inactive {
      filter: chroma(color=#000000) gray;
}

.twoborder {
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	line-height: 18px;
}

.drop {
	float : left;
	font-size : 150%;
	font-weight: bold;
	line-height : 1em;
	margin : 5px 10px, 10px 0;
	padding : 10px 10px;
	border : 2px solid #ccc;
	background : #e1ffb8;
}

	div.hgregister {
	font-family: Verdana, sans-serif;
	font-size : 90%;
	vertical-align: middle;
	}

.InputStyle {border-width: 1 1 1 1; border-color:#91D752; border-style: solid; background:#F0FAE6; font-size:12px}


	#fig1_5 ul {
		list-style: none;
		padding-left: 0;
	}


.estbox {
	line-height: 20px;
}