@charset "Shift_JIS";


.open {
	background: url('chart_mamual/img/folder_open.gif') no-repeat left top;
}

.closed {
	background: url('chart_mamual/img/folder_add.gif') no-repeat left top;
}

.current {
	color: red;
}

li {
	background: url('chart_mamual/img/folder.gif') no-repeat left top;
	padding-left: 20px; 
	display: block;
	margin: 3px;
	text-align: left;
}

ul {
	margin: 0 0 0 3px;
	padding: 0; 
	list-style-type: none;
	display: block;
	font-size: 10pt;
	text-align: left;
}

ul#menu {
	margin: 0;
	padding: 10px; 
	border: 2px solid #aaa;
}

ul#menu p {
	margin: 0 0 5px;
}

ul.hinmei {
	margin: 0 0 10px 20px;
	padding: 0; 
	list-style-type: none;
	display: block;
}

ul.hinmei2 {
	margin: 0 0 10px 20px;
	padding: 0; 
	list-style-type: none;
	display: block;
}

ul.hinmei3 {
	margin: 0 0 10px 20px;
	padding: 0; 
	list-style-type: none;
	display: block;
}

ul.hinmei li {
	background: url('chart_mamual/img/folder01.gif') no-repeat left top;
	padding: 0 0 3px 20px; 
	display: block;
	margin: 7px 0 3px 4px;
	border-bottom: 1px dashed #222;
}

ul.hinmei2 li {
	background: url('chart_mamual/img/folder02.gif') no-repeat left top;
	padding: 0 0 3px 20px; 
	display: block;
	margin: 7px 0 3px 4px;
	border-bottom: 1px dashed #222;
}

ul.hinmei3 li {
	background: url('chart_mamual/img/folder03.gif') no-repeat left top;
	padding: 0 0 3px 20px; 
	display: block;
	margin: 7px 0 3px 4px;
	border-bottom: 1px dashed #222;
}

li#li01 {
	margin-bottom: 20px;
	border: 1px solid #FF8C00;
}

li#li02 {
	margin-bottom: 20px;
	border: 1px solid #66BB50;
}

li#li03 {
	margin-bottom: 20px;
	border: 1px solid #4EBCCE;
}