@import url( ../base.css );

body{
	background-color: black;
	font-family:      sans-serif;
}

#header{
	background-color:  black;
}

#mainarea{
	background-image:  url( ../image/kakehashi_menu_background.png );
	background-repeat: repeat-y;
	background-color:  white;

}

#menu{
	color:white;
}

#menu a{
	color:white;
}

#body h1{
	color: DarkGreen;
	border-top: DarkGreen 2px inset;
	border-bottom: DarkGreen 2px inset;
}

#body h2{
	color: DarkGreen;
	border-bottom: DarkGreen 2px inset;
}

#body h3{
	color: DarkGreen;
}

#body a{
	color: green;
}

#footer{
	background-color: black;
	color:            white;
}

#footer a{
	color: LightSkyBlue;
}

.source{
	font-family:      sans-serif;
	border: green 4px dotted;
	padding: 0 1em 1em 1em;
}

.output{
	font-family:      sans-serif;
	border: blue 4px dotted;
	padding: 0 1em 1em 1em;
}

span.comment{
	color:     green;
}

span.commentaly{
	font-size: x-small;
	color:     green;
}

.source span.title{
	position: relative;
	top: -0.7em;
	left: -1.7em;
	padding: 0.2em;
	font-weight:bold;
	border: green 1px solid;
	background-color:#C4FFC9;
	color:green;
}

.output span.title{
	position: relative;
	top: -0.7em;
	left: -1.7em;
	padding: 0.2em;
	font-weight:bold;
	border: blue 1px solid;
	background-color:#C2FFFF;
	color:blue;
}


.caution{
	border: red 4px dotted;
	padding-left: 1em;
}