@charset "utf-8";

body {
background: #fdfdfd;
color: #0d0d0d;
font-size: medium;
font-family: 'Noto Sans Japanese', serif;
line-height: 1.7;
text-align: center;
}
/* IE6 base font */
* html body {
font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
}

#content {
width: 80%;
margin: 70px auto;
text-align: left;
}

a {
text-decoration:none;
color:#199796;
}

a:hover {
color:#199796;
}

@media screen and (min-width: 800px) {
#content {
width: 800px;
}
}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

header h1 {
width: 100%;
font-size:130%;
margin-bottom:10px;
}

@media screen and (max-width: 480px) {
header h1 {
margin-bottom:20px;
}
}

header h1 img {
width: 100%;
}

main h1 {
font-size:120%;
margin-bottom:15px;
margin-left:15px;
}

main h2 {
font-size:110%;
margin-top:30px;
margin-bottom:15px;
margin-left:30px;
}

header {
margin-bottom:70px;
}

section {
margin-bottom:70px;
}

section.staff {
text-align:center;
}

section .border {
border-left:2px solid #959595;
}

footer {
font-size:90%;
}

p,dl,ol {
font-size:85%;
margin-left:30px;
}

ul {
font-size:85%;
margin-left:20px;
}

p.contact {
margin-bottom:20px;
}

ul li {
list-style-type: disc;
margin:0 0 20px 30px;
}

dl {
margin:0 0 15px 15px;
}

dt {
font-size:110%;
font-weight:500;
}

dd {
padding-left:45px;
}

header p,footer p {
margin-left:0;
}

footer {
border-top:#dedede 1px solid;
padding-top:30px;
text-align:right;
}

section img {
width:100%;
}