/*---------- body & table tag ----------*/
body {
	margin: 0;
	padding: 0;
	border: 0px #FFFFFF none;
}
table {
/*
	width:100%;
*/
	margin: 0;
	padding: 0;
	font-size: 12px;
	border-collapse: collapse;
}
table td {
	margin: 0;
	padding: 0;
	border-width: 0;
	vertical-align: middle;
	font-family: Arial, Helvetica, Verdana, osaka;
}
/*---------- text tag ----------*/
a {
	text-decoration: none
}
p {
	font-size: 12px;
}
/*---------- form tag ----------*/
select {
	font-size: 12px;
}
option {
	font-size: 12px;
}
input {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, osaka;
}

/*---------- My define Class ----------*/
#header_area {
	background: #333399;
	margin: 0px 0px 0px 0px;
}

.head_title_td {
/*
	background: #333399;
*/
	background: #336699;
	color: #FFFFFF;
	font-size: 14pt;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}

.head_blank {
	background: #336699;
/*
	background: #333399;
	font-size: 24pt;
*/
	text-align: center;
}

#tree_view {
	background: #FFFFFF;
	color: #0000FF;
/*
	font-size: 12pt;
*/
	text-align: left;
	vertical-align: top;
	layout-grid-mode: both
	line-height: 10pt;
	margin: 10px 10px 10px 25px; /* top right bottom left */
}
#tree_view a:link{color:#0000FF}
#tree_view a:hover{color:#0000FF}
#tree_view a:active{color:#0000FF}
#tree_view a:visited{color:#0000FF}

#tree_title {
	background: #FFFFFF;
	color: #000000;
/*
	font-size: 12pt;
*/
	text-align: left;
	vertical-align: top;
	layout-grid-mode: both
	line-height: 10pt;
	margin: 10px 10px 10px 10px; /* top right bottom left */
}

.tree_title {
	width: 100%;
	background: #99CCFF;
/*
	font-weight: bolder;
*/
	font-size:   10pt;
	border-collapse: collapse;
}
.tree_title_td {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
/*
	padding: 5px 10px;
*/
	text-align: center;
	color: #0000FF;
	font-size:   10pt;
	width: 150;
}
.tree_title_td1 
.tree_title a:link {
	color:     #000000;
}
.tree_title a:active {
	color:     #000000;
}
.tree_title a:visited {
	color:     #000000;
}
.tree_title a:hover {
	color:     #000000;
}
.tree_title td:hover {
	background: #FFFFFF;
}

.menu_on_th {
	background: #FFFFFF;
/*
	font-size: 12pt;
*/
	text-align: left;
}

.menu_on_td {
	background: #CCCCCC;
/*
	font-size: 12pt;
*/
	text-align: left;
	height: 20;
	font-weight: bolder;
}
.menu_on_td a:link{color:#0000FF;}
.menu_on_td a:hover{color:#FF0000;}
.menu_on_td a:active{color:#0000FF;}
.menu_on_td a:visited{color:#0000FF;}

/*
.menu_area_on2 a:link{color:#0000FF;}
.menu_area_on2 a:hover{color:#FF0000;}
.menu_area_on2 a:active{color:#0000FF;}
.menu_area_on2 a:visited{color:#0000FF;}
*/

#ontology {
	background: #99CCFF;
/*
	font-size: 12pt;
*/
	font-weight: bolder;
	margin: 10px 10px 20px 10px; /* top right bottom left */
}

/*
#ontology a:link{color:black}
#ontology a:hover{color:black}
#ontology a:active{color:black}
#ontology a:visited{color:black}
*/

#search {
	background: #6699CC;
/*
	font-size: 12pt;
*/
/* top right bottom left */
	margin: 5px 10px 5px 10px;
}

#menu_are {
	background: #99CCFF;
/* top right bottom left */
	margin: 10px 10px 10px 10px;
}

.attr_title {
	background: #333399;
	color: #FFFFFF;
	font-size: 13pt;
	font-weight: bolder;
	text-align: left;
}

.attr_name {
	background: #99CCFF;
	color: #000000;
/*
	font-size: 10pt;
*/
	font-weight: bolder;
	text-align: left;
}

.attr_value {
	background: #FFFFFF;
	color: #000000;
/*
	font-size: 10pt;
*/
	font-weight: bolder;
	text-align: left;
}

.attr_link {
	background: #99CCFF;
	color: #000000;
	font-size: 10pt;
	font-weight: bolder;
	text-align: left;
}

.attr_link_image {
	background: #FFFFFF;
	text-align: left;
}

#search_result_body {
/*
	background: #FFFFFF;
	margin: 10px 10px 5px 10px;
*/
	background: #FFFFFF;
	margin: 20px 10px 10px 20px;
    /* top right bottom left */
}

#search_result {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px; /* top right bottom left */
}

#search_title {
	background: #FFFFFF;
	font-size: 14pt;
}
#search_title p {
	font-size: 14pt;
}

.search_result {
	background: #FFFFFF;
}

#re_search {
}

.search_result {
	background: #FFFFFF;
}

#logo {
	background: #FFFFFF;
	padding-top: 5;
	padding-bottom: 5;
	text-align: center;
	height: 40;
}

#tree_header_div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* background: #FFFF00; */
	background: #CCFF99;
	height: 40;
}

.table_menu_area_on {
	background: #CCCCCC;
	width: 100%;
	align: center;
}

.table_menu_area_on2 {
	margin: 0px 10px 0px 10px; /* top right bottom left */
	cellpadding: 2;
}

#logo {
	background: #FFFFFF;
	padding-top: 5;
	padding-bottom: 5;
	text-align: center;
	height: 40;
}

#tree_header_div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* background: #FFFF00; */
	background: #CCFF99;
	height: 40;
}

.table_menu_area_on {
	background: #CCCCCC;
	width: 100%;
	align: center;
}

.table_menu_area_on2 {
	margin: 0px 10px 0px 10px; /* top right bottom left */
	cellpadding: 2;
.search_result {
	background: #FFFFFF;
}

#logo {
	background: #FFFFFF;
	padding-top: 5;
	padding-bottom: 5;
	text-align: center;
	height: 40;
}

#tree_header_div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* background: #FFFF00; */
	background: #CCFF99;
	height: 40;
}

.table_menu_area_on {
	background: #CCCCCC;
	width: 100%;
	align: center;
}

.table_menu_area_on2 {
	margin: 0px 10px 0px 10px; /* top right bottom left */
	cellpadding: 2;
	cellspacing: 2;
	width: 80%;
	bgcolor: #CCCCCC;
	align: center;
}

.table_menu_search {
	margin: 5px 10px 5px 10px; /* top right bottom left */
	padding: 0;
	cellpadding: 0;
	cellspacing: 0;
	width: 80%;
	bgcolor: #6699CC;
	align: center;
}

.menu_body {
/*
	bgcolor: #99CCFF;
*/
	background: #CCCCCC;
}

.search_body {
/*
	bgcolor: #99CCFF;
*/
	background: #CCCCCC;
}

img {
	border: 0;
}

.list_list {
	list-style-type: squre;
}
																				
#help_title {
/*
	font-size: 12pt;
*/
	font-weight: bolder;
	margin: 10px 10px 20px 10px; /* top right bottom left */
}

#help {
/*
	font-size: 12pt;
*/
	margin: 10px 10px 20px 10px; /* top right bottom left */
}