@charset "UTF-8";

body {
	background-color:#886;
}

.container {
	
	padding:10px;
	margin: 10px 5px;
	background-color:#fff;
}

.result {
	
	margin-bottom:1em;
}

h1 {
	
	margin:10px;
}

h3 {
	
	margin:0 0 0.5em 0;
	font-weight:normal;
}

.program_code {
	font-size: 12px;
	margin:10px 0;
	padding:0;
	font-family     : monospace, Courier New, "Osaka－等幅";
}

#TOOLTIP3,
#TOOLTIP {
    
	position        : absolute;
	z-index         : 3000;
	padding         : 5px;
	width           : 30em;
	padding         : 10px;
	font-size       : 12px;
	font-family     : monospace, Courier New, "Osaka－等幅";
	border          : 1px solid #678;
	background      : #abc;
    opacity         : 0.95;
    color           :#222;
}

#TOOLTIP2 {
    
	position        : absolute;
	z-index         : 3000;
	padding         : 5px;
	width           : 30em;
	padding			: 30px;
	font-size       : 12px;
	font-family     : monospace, Courier New, "Osaka－等幅";
	border			: 1px solid #558;
	background	 	: #a9a;
    opacity         : 0.95;
    color           :#f22;
}

pre.program_code {
width:95%;
height:auto;
max-height:500px;
margin:0 0 1em 0;
padding:10px;
overflow:auto;
border:1px solid #aaa;
font-size:12px;
line-height:13px;
background-color:transparent;
background-repeat: repeat;
color:#444;
}

pre.program_code span.keyword {color: #00f}
pre.program_code span.keyword2 {color: #808}
pre.program_code span.number {color: #f00}
pre.program_code span.identifier {color: #a66}
pre.program_code span.function {color: #a66; text-decoration: underline}
pre.program_code span.method {color: #a66; text-decoration: underline}
pre.program_code span.variable {color: #f80}
pre.program_code span.statement {color: #00f}
pre.program_code span.comment {color: #080}
pre.program_code span.quote {color: #a66}
pre.program_code span.wquote {color: #600}
pre.program_code span.value {color: #a66}
pre.program_code span.regexp_statement {background: #ffa}