/*-------------------------*/
/* +RESETS                 */
/*-------------------------*/
*, *:before, *:after { 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;padding: 0;
}

body {  font-family: Arial, Helvetica, Sans-serif;  color: #000;  background: #fff; }
html, body {  margin: 0;  padding: 0; }
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%; }

/*-------------------------*/
/* +NORMALIZE              */
/*-------------------------*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; font-size: 0.98rem;color:#454545}

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

a {  background-color: transparent; }
a:active,a:hover {  outline: 0; }
img {  border: 0; }
table {  border-collapse: collapse;  border-spacing: 0; }
td,th {  padding: 0; }
ul {list-style-type: none;}

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

html, body {  height: 100%;  font-size:1em;}


a {text-decoration: none;color:#0072a8}
a:hover {color: #ff8000;position: relative;top:1px}

#box {
  min-height: 100%;
  background-color:#ffffff;
}

#header h1 {max-width:1080px;
  margin:0 auto 0.5em auto;
  font-size: 1.6em;text-shadow:#cccccc 1px 1px 3px;height: 3em;line-height: 3em;}
  
#header h1::before {content:url(../../images/logo.gif);position: relative;top:0.4em;margin-right: 0.5em;}

#add {
  clear: both;
  display: block;
  overflow: hidden;
  background-color: #00A3EF;
  background-image: -ms-linear-gradient(left, #FFFFFF 0%, #00A3EF 100%);
  background-image: -moz-linear-gradient(left, #FFFFFF 0%, #00A3EF 100%);
  background-image: -o-linear-gradient(left, #FFFFFF 0%, #00A3EF 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
  background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #00A3EF 100%);
  background-image: linear-gradient(to right, #FFFFFF 0%, #00A3EF 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#00A3EF', GradientType=1)";
}

/*グローバルナビゲーション*/
#header nav {  max-width:1080px;
  margin:1em auto;
}
#header nav ul {-webkit-display: flex;display: flex;-webkit-justify-content: flex-end;justify-content:flex-end;}
#header nav a {margin-left: 1em;}
#header nav a::before {content:"\00bb\0020"}

.rayout {  max-width:1080px;
  margin:20px auto;
  padding-bottom: 50px;
  line-height: 1.4;

}

.rayout h2 {
  margin-bottom: 1em;
  font-size: 1.5em;
  border-bottom: 3px #00abfa solid;
}
.rayout h2::before{content:"\025fc";color:#00A3EF;margin-right: 0.3em;}
}

.chu {text-indent: 1em;}
.tran {margin-bottom: 1em;}
.tran h3 {font-size: 1em;text-indent: 1em;}
.tran p {text-indent: 1em;}
.tran ul {margin: 0.5em;}
.tran li {list-style-type: circle;margin-left: 2em;}
.jstage::after {content:"JSTAGE";font-size:0.65em;margin-left: 0.2em;}


#list {margin-top: 2em;}
#list a {margin-left: 0.5em;}
#list ul {-webkit-display: flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap:wrap}
#list li {width: 12em;padding:0.3em  0.5em;border: 1px #cccccc solid;margin: 0.2em;}
/*#list li:nth-child(2n+1){background-color: #eeffff;}*/
.mo {background-color: #e8e8e8;}

/*年講*/
#list2 {margin-top: 1.5em;}
#list2 li{padding: 0.2em 1em;}
#list2 li:nth-child(2n+1){background-color: #d9ffff;}
#list2 li:last-child,#list2 li:nth-last-child(2) {background-color: #e8e8e8;}
#list2 a::before{content:"|";margin:0 0.5em;color:#454545;}
#list2 li::after {content:"|"}


#footer {
  height: 50px;
  margin-top: -50px;
  background-color:#5ea9da;
  color:#ffffff;
  text-align:center;
}
#footer p {
  padding-top:15px
}


/*個別ページ*/
h1 a {color:#454545}
h2, h3 {margin: 0 0.5em;}
.nav {  max-width:1080px;  margin:1em auto;}
.nav a {margin-left: 1em;}
.nav a::before {content:"\00bb\0020"}

.title_list table {margin: 1em auto;width:98%}
.title_list th,.title_list td {border:1px #454545 solid;font-size: 0.9em;padding:0.2em 0.5em}
.title_list td:last-child {white-space: nowrap;text-align: center;width:6em}
.title_list td:first-child {width:65%}
.title_list p {text-indent: 1em;font-size: 0.98em;}
.title_list ul {margin:  1.5em;}
.title_list li p {text-align:right;padding-bottom:0.2em;margin-bottom: 0.5em;border-bottom:1px #cccccc dotted}
.title_list tbody th {text-align: left;}
.title_list p.no {text-align: right;margin-right: 1.5em;}
.title_list p.no a::before {content:"\025b6";padding-right: 0.3em;}
.title_list tbody th {background-color: #f8f8f8;}

.title_list .pager {
	clear:both;
	margin:30px 0;
	text-align:center;
}

.title_list .pager span {
	margin:5px;
	padding:5px 8px;
	color:#000;
	background:#f8f8f8;
	border:1px solid #000;
}
.title_list .pager span:hover {
	cursor:pointer;
	background:#999;
}

.title_list .pager span.current {
	color:#000;
	background:#6bb6f3;
}
.title_list .pager span.current:hover {
	cursor:default;
}

.title_list .pager span.invalid {
	display:none;
}
.title_list .pager span.invalid:hover {
	cursor:default;
}

.title_list .pager span.ellipsis {
	color:#000;
	background:none;
	border:none;
}
.title_list .pager span.ellipsis:hover {
	cursor:default;
}

.title_list .pager span.first,
.title_list .pager span.last,
.title_list .pager span.prev,
.title_list .pager span.next {
	background:#ddd;
}

.title_list .pager span.first:hover,
.title_list .pager span.last:hover,
.title_list .pager span.prev:hover,
.title_list .pager span.next:hover {
	background:#999;
}