@charset "utf-8";

body {
padding:0;
margin:50px;
position:relative;
background-color:#bbf;
}

h2 {
font-size:1.2em;
}

h3 {
font-size:0.9em;
border-bottom-style:dashed
}

div {
margin-left:0em;
}

.frame1 {
width:90%;
height:25em;
overflow:scroll;
font-size:12px;
font-family:'ＭＳ ゴシック', monospace, Monaco, 'Osaka－等幅';
line-height:13px;
letter-spacing:0px;
}

div.bottom_stripe {
width:100%;
margin-top:3em;
text-align:right;
}

/* プレビュー用 */
pre.program_code {
background-color:#fffbf0;
line-height:1.2em;
}

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.perlpod {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}
pre.program_code span.tag {color: #00f}
pre.program_code span.url {color: #00f; text-decoration: underline}

input#URL {
width:80%;
padding:5px;
}