@charset "UTF-8";
html, body, header, section, p, div, footer, pre {display:block; margin:0; padding:0}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
body {
background: #fff;
color: #666;
font:14px/1.6 "Lucida Sans Unicode", "Lucida Grande", 'Hiragino Kaku Gothic ProN', Arial, Meiryo, sans-serif}
div#wrap_upper {margin:0 0 -2em; padding:3em 0 0; background:#e6dad8}
svg {width:100%; height:auto}
header {
margin:0 auto;
width:90%;
padding:20px;
background:#000;
color:#fff;
text-align:center}
header h1 {font-size:170%}
header p {font-weight:bold}
section {
width:90%;
margin:0 auto;
padding:20px;
display:block;
text-align:left}
section h1.ttl {
font-weight:bold;
font-size:120%;
margin:0 0 1em}
section h1.ttl span {
font-size:85%;
color: #69C;
margin-left:1em}
section > p {margin:1em 0}
footer {
text-align: center;
margin-top:50px;
padding: 5px;
font-size: 80%}
pre {
color: #333333;
font-weight:normal;
font-size:14px;
background: #F2F5FF;
padding: 1em;
border-style: none;
margin: 0.5em 0 1em;
width: auto;
overflow:auto;
}
a {color:#09F}
a:hover {color:#F60}
.small {
font-size: smaller;
font-weight:normal}
.red {color:#C30}