body {
	margin: 4em; 
	line-height: 120%; 
	background-color: #ffffcc;
}

h1 {
	text-align: center; 
	line-height: 200%; 
	font-size: 200%; 
}

h2 { 
	margin-left: -1em; 
	border-bottom: 1px solid #cc6666; 
	border-top: 10px solid #ff9900; 
	padding: 0.2em 0.2em 0.2em 0.5em; 
	background-color: #ffffff; 
}

h3 {
	margin-left: -0.5em;
}

.blue { 
	color: #0000ff; 
}

blockquote { 
	border: 1px solid #cccccc; 
	width: 40em; 
	padding: 1em; 
	background-color: #ffffff;
}

.box {
	border: 1px solid #cccccc; 
	padding: 1em; 
	background-color: #ffffff;
	margin-left:2em;
}

pre {
	line-height: 102%;
	border: 1px solid #cccccc; 
	padding: 1em; 
	background-color: #ffffff;
}

hr {
	height: 1px;
}

ul,ol {
	padding-left: 2em;
}

.blog_cmt {
	border:solid #cccccc 1px; 
	width:600px; 
	font-size:80%; 
	background-color: #ffffff; 
	padding:1em; 
	margin: 1em 0 0 5em;
}


.code, .skin, .source { 
	padding:3px 5px 3px 60px; 
	border:1px solid #808080; 
	list-style-type: decimal-leading-zero; 
	font-family: monospace;
	background-color: #ffffff;
} 

.code li { 
	margin:2px 0; 
	padding:0 5px; 
	background: #f7f7f5;
	line-height: 150%;
	border-left: 2px solid #cccccc;
	font-size: 80%;
} 

.skin li { 
	margin:2px 0; 
	padding:0 5px; 
	background: #f5fff5;
	line-height: 150%;
	border-left: 2px solid #aaffaa;
	font-size: 80%;
	list-style-type: none;
} 

.source li { 
	margin:2px 0; 
	padding:0 5px; 
	background: #fff5f5;
	line-height: 150%;
	border-left: 2px solid #ffaaaa;
	font-size: 80%;
	list-style-type: none;
} 

li.t0,{ padding-left:2ex }
li.t1 { padding-left:6ex } 
li.t2 { padding-left:10ex } 
li.t3 { padding-left:14ex } 
li.t4 { padding-left:18ex } 
li.t5 { padding-left:22ex } 
li.t6 { padding-left:26ex } 
li.t7 { padding-left:30ex } 
li.t8 { padding-left:34ex } 

.addline {
	color: #ff0000;
	font-weight: bold;
}

.blueline {
	color: #0000ff;
	font-weight: bold;
}

.variable {
	color: #aaaaaa;
}

dl.vup {   
	overflow: hidden;   
}   
dl.vup dt {   
	float: left;
	margin-right: 20px;
	padding: 5px 0;   
	border-bottom: 1px dotted #999;   
}   
dl.vup dd {   
	padding: 5px 0;   
	border-bottom: 1px dotted #999;   
}   

.download {
	background: url("img_data.gif") no-repeat;
	line-height: 40px;
	padding-left: 40px;
	font-size: 95%;
	margin-bottom: 30px;
}

.download a {
	font-weight: bold;
}

.sep_dl {
	color: #ffffcc;
	margin: 0;
	padding: 0;
	display: none;
}

.ad_dl {
	padding-left: 42px;
}

.chk-ok {
	list-style-image: url("img_ok.gif");
	line-height: 20px;
	padding-left: 15px;
	
}

.chk-ng {
	list-style-image: url("img_ng.gif");
	line-height: 20px;
	padding-left: 15px;
}

.img-dr {
	background: url("img_dir.gif") no-repeat left center;
	padding-left: 24px;
	line-height: 20px;
}

.img-fl {
	background: url("img_file.gif") no-repeat left center;
	padding-left: 24px;
	line-height: 20px;
}

#directory {
	border: 1px solid #808080;
	background-color: #ffffff;
	padding: 10px 10px 10px 2em;
	width: 20em;
	font-family: monospace;
	font-size: 95%;
	list-style-type: none;
}

.cgi {
	color: #ff0000;
}

.dir {
	color: #0000ff;
}