html{min-height:100%}
*{margin:0;padding:0}
a{color:#309}
body{background:#4ba5da;color:#282828;font-size:62.5%;font-weight:400;font-style:normal;font-variant:normal;line-height:1.7em;padding-top:20px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
p,code,ul{padding-bottom:1.2em}
li{list-style:none}
h1{font-size:1.8em;font-weight:400;font-style:normal;line-height:normal;ont-variant:normal}
h2{font-size:1.4em;font-weight:700;font-style:normal;line-height:normal;t-variant:normal}
h3{font-size:1em;font-weight:700;font-style:normal;line-height:normal;t-variant:normal}
form,input{display:inline;margin:0;padding:0}
code{background:#fff;border:solid 1px #eee;color:#666;font-size:1em;font-weight:400;font-style:normal;font-variant:normal;display:block;line-height:1.6em;margin-bottom:12px;white-space:pre;padding:8px 10px}
h1,h2,h3{padding-top:6px;color:#f09;margin-bottom:4px}
.clearer{clear:both;font-size:0}
.left{float:left}
.inner-container{border:0 solid #b1b1b1;background:#FFF;font-size:1.2em;width:750px;margin:0 auto;padding:10px}
.outer-container{background:#b5d3ef url(img/bg.jpg) repeat-x;padding-bottom:24px}
.header{background:#c7c7c7 url(img/head.jpg) no-repeat;height:250px;margin-bottom:0;text-align:center}
.header .title{color:#FFF;padding-top:50px}
.header .title .name a{color:#01f;float:right;font-size:16pt;letter-spacing:.2em;padding-top:30px;font-weight:700;padding-right:20px}
.header .title a:hover{border-color:#F60}
.header .title .tag{text-align:right;font-size:1.2em;letter-spacing:.2em;padding-top:100px;padding-right:55px}
.navigation{float:left;width:237px}
.navigation img{margin-left:-1px}
.navigation h2{color:#7bcd5f;font-size:1.6em;font-weight:700;font-style:normal;font-variant:normal;line-height:30px;padding-left:11px;margin:0}
.navigation ul{padding-bottom:10px;border-top:1px solid #7bcd5f}
.navigation li{border-bottom:1px solid #b1b1b1}
.navigation li a{font-size:1.1em;color:#f09;display:block;text-decoration:none;width:95%;padding:8px 0 8px 5%}
.navigation li a:hover{background:#c7c7c7;color:#282828}
.main{background:#fff;padding:0 10px 0 0}
.content{float:right;width:480px;margin-left:5px;margin-right:5px;padding-top:10px}
.footer{background:#205cff;color:#f7f7f2;font:bold x-small sans-serif;margin-top:5px;text-align:center;padding:10px 12px}
.footer a{color:#F7F7F2;text-decoration:none}
.valid{text-align:center;padding-top:5px}
div#footer01{width:890px;margin-right:auto;margin-left:auto;padding-top:20px;padding-bottom:30px;text-align:left}
div#footer01 p{font-size:x-small;float:left}
div.gototop{text-align:right;background-color:#e5e5e5;padding:6px 0}
div.gototop a,div.gototop a:link{font-size:10px;color:#666;text-decoration:none;padding-right:9px}
div.gototop a span.notfirstletter{font-size:12px;padding-left:2px;text-decoration:underline}
div.gototopbg{margin-top:10px;padding:15px 0}
a:hover,.footer a:hover{color:#282828}
.right,div#footer01 p.navilinkb{float:right}