*,
*:after,
*:before {
  box-sizing: border-box; }

html, body {  font-family: sans-serif;  font-family: Arial, Helvetica, Sans-serif;
  margin: 0;  padding: 0; }
  
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
  
body { font-size: 0.98rem;color:#343434 }


a img {
  border: none; }

blockquote p, button, input, li h1, li h2, li h3, li h4, li h5, li h6, li li, li p, select, td p, th p {
  font-size: 100%; }

footer,header,main,menu,nav,section,summary {  display: block; }

a {  background-color: transparent; }

a:active,a:hover {  outline: 0; }
img {  border: 0; }

/*----------------*/

a {	color: #006DB5;	text-decoration: none;}
a:hover {	color: #bf0060;	text-decoration: underline;}


header {margin-bottom: 2em; background-image: url(images/header_bg.jpg);background-repeat: no-repeat;background-position: right top;}
header h1{ max-width:1080px;margin:0 auto ;height: 100px;line-height: 100px; text-shadow:#ffffff 1px 1px 1px}
header h1:before {content:url(../images/logo.gif);position: relative;top:0.5em;margin-right: 0.5em;}

nav {height: 2em;line-height: 2em;background-color: #529bca}
nav ul {margin:0 auto;max-width:800px;display:flex;justify-content: space-between;}
nav li {list-style-type: none;font-size: 0.98em;}
nav li a {color:#ffffff}
nav li a:before {content:"\00bb\0020"}

#wrapper {max-width:1080px;margin:0 auto;line-height: 1.4;}

h3 {height:2em;line-height: 2em;text-indent: 1em;background-color: #5EA9DA;color:#ffffff;text-shadow:#3b6a88 1px 1px 2px;box-shadow:#3b6a88 1px 1px 2px}
h3::before {content:"\02b1b";margin-right: 0.5em;}

h3,h4 {margin-top: 2em;letter-spacing: 0.1em;}
h4 {border-bottom: 1px #454545 solid;}
h4::before {content:"\02b1b";margin-right: 0.2em;}

#online_j > p::after {content:url(images/jlogo_b.gif)}

dl {border-bottom: 1px #cccccc solid;margin-bottom: 1em;background-color: #fcfcfc;}
dt {height:2em;line-height:2em;text-indent: 1.5em;}
dt a {display: block;font-weight: bold;color:#004080;text-indent:0.5em;text-decoration:none;text-shadow:#efefef -1px 1px 2px}
dt a:hover {position: relative;top:1px;color:#000040;text-decoration: none;}
dt a:hover::after{content:"\025b6\0020J-STAGE";font-weight: normal;font-size:0.9em;padding:0.1em 0.5em;border:1px #ffffff solid;margin-left: 0.5em;background-color: rgba(255,255,255,0.5)}

.ja {background-color:#FF99CC;}
.jb {background-color:#FFCC99}
.jc {background-color:#FFFF99}
.jd {background-color:#CCFFCC}
.je {background-color:#CCFFFF}
.jf {background-color:#99CCFF}
.jg {background-color:#CC99FF}
.jh {background-color:#b0b0ff}
.jje {background-color:#efefef}

div > p {text-indent:1em;}
p span {font-size:0.96em;color:#ff8080}

dd {padding:1em}



.rt {text-align: right;font-size: 0.96em;}

footer {text-align: center;background-color: #529bca;color:#ffffff;height: 4em;line-height: 4em;margin-top: 3em;}

/*��ɖ߂�*/

#pageTop {
  position: fixed;
  bottom: 50px;
  right: 30px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  color: #9FD6D2;
  font-weight: bold;
  text-decoration: none;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media screen and (max-width: 1080px) {
nav ul{flex-wrap:wrap}
header h1,
#wrapper {margin:0 3%}
}

@media screen and (max-width: 680px) {
h1 {font-size:1.6em;white-space: nowrap;}
nav {border: none;}
nav ul {display: flex;}
#wrapper {margin-top: 1em;font-size:0.96em}

}