@charset "UTF-8";

@media screen and (min-width: 0px) and (max-width: 960px) {
body {font-size:65%}
h1 {font-size:large}
a.sub {font-size:125%}
nav#breadcrumbs {font-size:150%}
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
body {font-size:100%}
h1 {font-size:x-large}
h2 {font-size:large}
}
@media screen and (min-width:1025px) {
body {font-size:125%}
h1 {font-size:xx-large}
h2 {font-size:x-large}
}
body {margin:0;padding:0;font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Meiryo UI,sans-serif}
img {border:none}
article {width:60em;border:solid 1px #333;box-shadow:grey 0.2em 0.2em 0.1em;margin-bottom:2em;line-height:1.67em}
h1 {padding:0.3em;margin:auto;color:#fff;font-weight:bold;text-align:center;text-shadow:rgba(0,0,0,1) 0.2em 0.2em 0.4em;background:#090;line-height:2em}
h2 {border-left:solid 0.7em #090;border-bottom:solid 0.1em #090;padding-left:1em}
h3 {border-left:solid 0.7em #090;border-bottom:solid 0.1em #090;padding-left:1em;margin-left:1em}
h4 {border-left:solid 0.7em #090;border-bottom:solid 0.1em #090;padding-left:1em;margin-left:2em}
p {margin:1em 2em}
p.signature1 {margin-left:32em}
p.signature2 {margin-left:24em}
p#toppage {width:81.65%;height:2.5em;margin-left:2.5em}
blockquote {margin:1em 2em}
cite {margin-left:25em}
div.af{margin:1em 2em}
nav#breadcrumbs ol li {display:inline;list-style-type:none;float:left;height:1em}
nav#breadcrumbs ol li:before {content:" >> "}
nav#breadcrumbs ol li:first-child:before {content:none}
nav#breadcrumbs a {display:inline-block}
aside#profile {width:14%;height:auto;float:left;border:solid 1px #090;margin:1em 0.5em}
figure#manager {font-size:small;margin:1em;text-align:center}
nav#side {width:7%;float:right;padding-right:5em;margin-right:0.8em}
a.main {width:16%;float:left;background-color:#363;color:white;text-decoration:none;text-align:center;padding:0.1em;display:block;margin:0.1em;line-height:2.5em;text-shadow:rgba(0,0,0,1) 0.2em 0.2em 0.3em;border-radius:0.5em}
a.main:hover {text-decoration:none;text-shadow:rgb(255,255,255) 0.1em 0.1em 0.5em;text-align:center;font-weight:bold;background:#030}
a.main:active {background:white}
a.sub {width:200%;background-color:#363;color:white;text-decoration:none;text-align:center;padding:0.1em;display:block;margin:0.2em;line-height:2.5em;text-shadow:rgba(0,0,0,1) 0.2em 0.2em 0.3em;border-radius:0.5em}
a.sub:hover {text-decoration:none;text-shadow:rgb(255,255,255) 0.1em 0.1em 0.5em;text-align:center;font-weight:bold;background:#030}
a.sub:active {background:white}
a.footer {color:white;background:none;text-decoration:underline;float:left;margin-left:3em}
a.footer:hover {text-decoration:none;text-shadow:rgb(255,255,255) 0.1em 0.1em 0.5em;background:none}
div#top {width:81.65%;height:2.5em;margin-left:1em;margin-bottom:2.5em}
section {padding:0.5em}
#contents1 {float:left;width:40%}
#news {float:left;width:40%}
#newsBlock {height:40em;overflow:scroll}
#contents2 {float:left;width:81.65%}
form {margin-left:2em}
ul.circle {list-style-type:circle;margin:1em 2em}
ul.wrap {list-style-type:none;height:50em;overflow:scroll}
ul.sitemap {list-style-type:none}
ol.privacy {margin:1em 2em}
ol.privacy li {padding-bottom:1em}
footer {height:3em;text-align:center;padding:1em;background:#090;clear:both}
small {float:left;text-align:center;color:white;margin: 0 1em;margin-left:27em}