@charset "utf-8";
/* CSS Document v1.1*/
@import url('/bs/css/bootstrap.min.css');


/* html,wrap
-------------------------------------------------- */
html, body {height: 100%;}

body{
background:url(/img/bg.jpg) top repeat-x;
line-height:1.65;
font-weight: 500;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',YuGothic,'Yu Gothic' ;
}

body#nashi {/*背景なしにしたいとき*/
background-image:none;	
}

#wrap {
margin: 0 auto;
min-height: 100%;
height: auto;
}

footer{
margin-top:2em;
padding-top:1em;
border-top: solid 1px #999;
}


/* jQiery * sclorl top
-------------------------------------------------- */
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 55px;
}
.pagetop a {
display: block;
width: 50px;
height: 50px;
background-color: #333;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
line-height: 50px;
}


/* bootstrap * list-group-item-orijin 
-------------------------------------------------- */
.list-group .list-group-item-success{font-weight:bold;}
.list-group .list-group-item-warning{font-weight:bold;}

.list-group-item-orijin { color: #428bca; background-color: #dff0d8;}
a.list-group-item-orijin { color: #428bca;}
a.list-group-item-orijin .list-group-item-heading { color: inherit;}
a.list-group-item-orijin:hover,a.list-group-item-orijin:focus { color: #428bca; background-color: #d0e9c6;}
a.list-group-item-orijin.active,a.list-group-item-orijin.active:hover,a.list-group-item-orijin.active:focus { color: #fff;  background-color: #3c763d;  border-color: #3c763d;}
.list-group-item.list-group-item-orijin{  padding:0px 0px 5px; font-size: 11px; border-top: none;}

/* bootstrap *  kensaku mado
-------------------------------------------------- */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	border:1px solid #BBB;
	border-bottom-color:#FFF;
}

/* bootstrap * navbar
-------------------------------------------------- */
.navbar{
line-height:1;
}
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}

.no-gutter:first-child {
padding-left:1em;
}
.no-gutter:last-child {
padding-right:1em;
}


/* bootstrap * modal
-------------------------------------------------- */
.modal-open {padding-right: 0px !important;}
.modal {padding-right: 0px !important;}


/* set
-------------------------------------------------- */
img{ max-width:100%; height: auto;
-webkit-backface-visibility: hidden;
}
.copy{ margin-bottom:24px; text-align:center;}

h1,h2,h3,h4,h5{
clear:both;
}

h1,h2{ font-size: 24px;}
h3{ font-size: 18px;}
h4, h5{ font-weight:bold;}
h4{ font-size: 16px; color:#334d9b;}
h5{ font-size: 14px; color:#720c15;}

p, li{ font-size:14px; line-height:1.65;}
p{ margin-bottom:1.5em;}

a:hover{cursor: pointer;}
area{
border:none;
outline:none;
}
.dash {
	letter-spacing: -4px;
	margin: 0 4px 0 2px;
	font-family: Meiryo;
}
.main_up{margin-top:-20px;}
.main_down{margin-top:20px;}


/* header
-------------------------------------------------- */
#migiue{
text-align:right;
}

#migiue li {
display:inline;
list-style-type:none;
padding-left:10px;
padding-right:2px;
background:url(../img/parts/ak_s.gif) no-repeat;
}
#migiue li:fitst-child { padding-right:0}


#migiuem li {
display:inline;
list-style-type:none;
padding-left:10px;
padding-right:2px;
background:url(../img/parts/ak_s.gif) no-repeat;
}

#topimg{
border: solid 1px #ccc;
margin-top:-20px;
text-align:center;
}

/* MyLib Login
-------------------------------------------------- */
.blockContentsT{
padding:10px;
border-top:1px solid #BBB;
border-left:1px solid #BBB;
border-right:1px solid #BBB;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight:bold;
background-color:#00A265;
color:#FFF;
}
.blockContentsT a{ color:#fff;}

.blockContentsB{ 
margin-bottom:20px;
padding:0 10px 10px;
border-left:1px solid #BBB;
border-right:1px solid #BBB;
border-bottom:1px solid #BBB;
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px;
min-height:120px;
color:#666;
}

.blockContentsB p{ padding-top:20px; margin-left:10px;}


/* container
-------------------------------------------------- */
.container{
margin-top: -24px;
padding-top:20px;
background-color: #FFF;
line-height:1.65;
}

.top_h2{
padding-top:10px;
padding-left:25px;
background:url(/img/parts/h4.png) no-repeat bottom left;
color: #444;
font-size:18px;
}

/* pagehead contents
-------------------------------------------------- */
#pageHead{
margin: 0 auto 1em;
border: solid 1px #efefef;
border-radius: 6px;
background: #fafdff;
}

#pageHead p{padding: 0 1em;}
.breadcrumb{background:#efefef;}

#pageTitle{position: relative;}
#pageTitle  > img{display: block;margin: 0 auto;}
#pageTitle h1{
position: absolute;
left:0;
bottom:0;
background-color: rgba(0, 0, 0, 0.7);
color: #fafafa;
margin:0;
padding:10px 20px 6px;
font-size:20px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
}

#pageMenu{
position: relative;
margin: 0 auto;
padding: 16px 0.075em 1.6em;
border: solid 1px #409ecc;
border-radius: 6px;
}
#pageMenu .box-title {
position: absolute;
display: inline-block;
top: -1px;
left: -1px;
padding: 0 9px;
height: 16px;
font-size: 12px;
background: #409ecc;
border-top-left-radius: 6px;
color: #ffffff;
font-weight: bold;
}
#pageMenu li{ list-style-position:inside; color: #39C; font-size:16px; height:}


/* main
-------------------------------------------------- */
.main h2{
position: relative;
margin: 1.5em 0 1.2em;
padding: 0.5em 0.5em 0.3em 1.3em;
border-bottom: 1px solid #01579b;
}

.main h2:before{
content: "";
position: absolute;
top: 0;
left: 0.4em;
width: 12px;
height: 12px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #55BEDD;
}
 
.main h2:after{
content: "";
position: absolute;
top: 1.0em;
left: 0;
width: 8px;
height: 8px;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
background:#58a5f0;
}

.main h3{
color: #364e96;
padding: 0.5em 0.5em 0.5em 0.7em;
border-top: solid 2px #364e96;
border-bottom: solid 2px #364e96;
display: inline-block;
background: url(../img/parts/ao_s.gif) no-repeat left center;
}

.panel-heading h3{
border-top: none;
border-bottom: none;
background: none;
}

.main img{ margin-top:1em; margin-bottom:1em;}
.main-menu li{ list-style-position:inside; padding-left:0px; color: #39C;}

.m_btsp{ margin-bottom:16px;}
.m_btsn{ margin-bottom:0px;}
.panel-body h3:first-child{ margin-top:0px;}

/* midashi , group
-------------------------------------------------- */

.midashi1 li {
position:relative;
padding:0 20px 10px 20px;
font-size:18px;
list-style-type:none;
}

.midashi1 li :after {
content: "";
position: absolute;
top: 8px;
left: 8px;
width: 5px;
height: 5px;
border-right: 2px solid #3498db;
border-bottom: 2px solid #3498db;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.midashi1 li :before{
content: "";
position: absolute;
top: 8px;
left: 0;
width: 5px;
height: 5px;
border-right: 2px solid #3498db;;
border-bottom: 2px solid #3498db;;
-webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

.midashi1 small{ font-size:60%;}


/* etc
-------------------------------------------------- */
.aka{ color:#F00;}
.akah{ color:#F00; font-weight:bold;}
.akas{ color:#F00; font-size:12px;}
.ao { color:#00F;}
.mizu{ color: #428bca;}
.kuro{ color:#333;}

.bod{border:solid 1px #999; padding:1em;}

.clear{ clear:both !important;}

.gakunai:before{content: url("/img/parts/gakunai.png");	margin:0px 10px 0px 0px; vertical-align:middle;}
.ftf{ background: url(/img/parts/ftf.gif) no-repeat 100% 50%; width:19px; height:19px; padding-left:19px;}

.mbtm{ margin-bottom:20px;}

.dots_s {
padding:0.5em 0 1.5em;
border-width: 0 0 8px;
border-style: solid;
border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
width: 72px;
}

/* link icon
-------------------------------------------------- */
.main a[href^="http"] , .mokuji a[href^="http"] {   
padding-right:16px;
padding-top:0px;  
background: url(/img/parts/i-betu.png) no-repeat 100% 50%;  
}

.main a[href^="https://www.youtube.com"], .mokuji a[href^="https://www.youtube.com"], .main a[href^="https://youtu.be"], .mokuji a[href^="https://youtu.be"], .main a[href^="https://www.brainshark.com/wkovid/"], .main a[href^="https://www.jove.com/science-education/"], .main a[href^="https://app.jove.com/v/"] {   
padding-right:20px;
background: url(/img/parts/i-mv.png) no-repeat 100% 50%;  
}  
.main a[href*="/insideonly/"], .mokuji a[href*="/insideonly/"] {   
padding-right:20px;
padding-top:0px;  
background: url(/img/parts/i-ie.png) no-repeat 100% 50%;  
}  

.main a[href$=".pdf"], .mokuji a[href$=".pdf"] {   
padding-right:16px;
padding-top:0px;  
background: url(/img/parts/i-pdf.png) no-repeat 100% 50%;  
}  

.main a[href$=".xls"], .mokuji a[href$=".xls"] {   
padding-right:20px;
background: url(/img/parts/i-xcel.png) no-repeat 100% 50%;  
}  
 
.main a[href$=".xlsx"], .mokuji a[href$=".xlsx"] {   
padding-right:20px;
background: url(/img/parts/i-xcel.png) no-repeat 100% 50%;  
}  
.main a[href$=".csv"], .mokuji a[href$=".csv"] {   
padding-right:20px;
background: url(/img/parts/i-xcel.png) no-repeat 100% 50%;  
}  
.main a[href$=".ppt"], .mokuji a[href$=".ppt"] {   
padding-right:20px;
background: url(/img/parts/i-ppt.png) no-repeat 100% 50%;
}  
.main a.no_icon{
background-image:none;
}

 
/* googlemap *
-------------------------------------------------- */
.ggmap { margin: 2em 1em;}
.ggmap iframe{ width: 100%; height: 400px;}

/* riyo
-------------------------------------------------- */
.annai{
margin:12px auto 24px;
border: 1px solid #01579b;
border-radius: 4px;
padding:1em;
display: inline-block;
}
.annai4{
margin:6px auto 24px;
border: 1px solid #01579b;
border-radius: 4px;
padding:1em;
display: inline-block;
}

.annai h4, .annai4 h4{margin-top:0px;}
.annai ul, .annai4 ul{margin-bottom:1em;}
.annai li, .annai4 li{list-style-image:url(/img/parts/ak_s.gif);}
.annai table tr th, .annai4 table tr th{ text-align:center; vertical-align:middle; border-color:#999;}
.annai table tr td, .annai4 table tr td{ text-align:center; vertical-align:middle; border-color:#999;}

.annai1{
margin:0 auto 24px;
font-size:86%;
}

.annai2{
margin:12px auto 24px;
border: 1px solid #71D9E8;
border-radius: 4px;
padding:16px;
background: #F9FDFF;
}
.annai2 h4{ margin-top:0px; color: #006B9F;}
.annai2 ol{ margin-bottom:1em;}
.annai2 ol li{ list-style-image:none; list-style-position:inside;}
.annai2 li{list-style-image:url(/img/parts/ao_s.gif);}

.annai3{
margin:12px auto 24px;
border: 1px solid #dddddd;
border-radius: 4px;
padding:16px;
background: #F9FDFF;
font-size:86%;
}
.annai3 h4{
position: relative;
margin-top:0px;
font-size:14px;
font-weight:bold;
padding: 0.5em;
padding-left: 1.6em;
border-bottom: solid 2px #516ab6;
}

.annai3 h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f05a";
  font-weight: 900;
  position: absolute;
  font-size: 1.2em;
  left: 0;
  top: 0.2em;
  color: #516ab6;
}

.memor{
margin: 1em;
padding:1em;
border: solid 2px #F00;
border-radius: 4px;
background:#fff;
color: #F00;
width:56%;
position:absolute;
left:40%;
top:0;
}

.memor2{
margin: 1em;
padding:1em;
border: solid 2px #F00;
border-radius: 4px;
background:#fff;
color: #F00;
font-weight:bold;
}

.memor3{
margin: 1em;
padding:1em;
border: solid 2px #000;
border-radius: 4px;
background:#fff;
color: #000;
font-weight:bold;
text-align:center;
}

.topi{
color: #364e96;
font-size:120%;
margin-bottom:0;
}
.topi::before{
padding-right: 5px;
color:#364e96;
content: '☑';
}
.selfhour {
padding: 0.2em;
margin: 0 0;
color:#808080;
background: #fffafa;
border: solid 1px #d2b48c;
border-left: solid 15px #ffc06e;
font-size:14px;
}


/* kaikan 
-------------------------------------------------- */
#kaikan{
clear:left;
margin:0; padding:0;
background: url(/img/parts/b_mcal.png) no-repeat;
min-width:270px;
height:58px;
}

#kaikan li{
list-style:none;
font-size:16px;
color: #333;
padding-left:66px;
text-align:left;
}

#kaikan li:first-child{
padding-top:4px;
}

.gakunot{font-size:11px; color:#F00;}

/* minicalender
-------------------------------------------------- */
#m_cal { text-align:left;margin-left:2px;padding-top:4px;}
#m_year{ margin-left:14px; margin-top:3px; float:left;}
#m_date{ margin-left:6px; float:left;}
#m_week{ margin-left:4px; margin-top:4px; float:left;}


/* consept
-------------------------------------------------- */
#consept{margin-bottom:2em;}
.lb-caption a:link {color:#fff;}
.lb-caption a:visited {color:#fff;}
.lb-caption a:hover {color:#fff;}
.lb-caption a:active {color:#fff;}

.c_table, .c_table2, .c_table_p, .c_table_p2, .c_table_p3, .c_table_p4{border:solid 1px #ccc; width:100%; margin-bottom:3em;}

.c_table th, .c_table2 th, .c_table_p th, .c_table_p2 th, .c_table_p3 th, .c_table_p4 th, 
.c_table td, .c_table2 td, .c_table_p td, .c_table_p2 td, .c_table_p3 td, .c_table_p4 td{
padding:0.5em;
border-bottom: solid 1px #ccc;
border-right:dotted 1px #ccc;
}

.c_table th, .c_table2 th, .c_table_p th, .c_table_p2 th, .c_table_p3 th, .c_table_p4 th{ background:#55BEDD; text-align:center;}
.c_table td, .c_table2 td, .c_table_p td, .c_table_p2 td, .c_table_p3 td, .c_table_p4 td{ text-align:left;}

.c_table th:nth-child(1) { width:50%;}
.c_table th:nth-child(2) { width:30%;}
.c_table th:nth-child(3) { width:20%;}

.c_table2 th:nth-child(1) { width:10%;}
.c_table2 th:nth-child(2) { width:10%;}
.c_table2 th:nth-child(3) { width:40%;}
.c_table2 th:nth-child(4) { width:20%;}
.c_table2 th:nth-child(5) { width:20%;}

.c_table_p th:nth-child(1) { width:50%;}
.c_table_p th:nth-child(2) { width:30%;}
.c_table_p th:nth-child(3) { width:10%;}
.c_table_p th:nth-child(4) { width:10%;}

.c_table_p2 th:nth-child(1) { width:40%;}
.c_table_p2 th:nth-child(2) { width:15%;}
.c_table_p2 th:nth-child(3) { width:15%;}
.c_table_p2 th:nth-child(4) { width:15%;}
.c_table_p2 th:nth-child(5) { width:15%;}

.c_table_p3 th:nth-child(1) { width:10%;}
.c_table_p3 th:nth-child(2) { width:40%;}
.c_table_p3 th:nth-child(3) { width:30%;}
.c_table_p3 th:nth-child(4) { width:10%;}
.c_table_p3 th:nth-child(5) { width:10%;}

.c_table_p4 th:nth-child(1) { width:40%;}
.c_table_p4 th:nth-child(2) { width:20%;}
.c_table_p4 th:nth-child(3) { width:20%;}
.c_table_p4 th:nth-child(4) { width:10%;}
.c_table_p4 th:nth-child(5) { width:10%;}


#consept h2{
position: relative;
margin: 2em 0 1em;
padding: 0.5em 0.5em 0.3em 1.3em;
border-bottom: 1px solid #01579b;
}

#consept h2:before{
content: "";
position: absolute;
top: 0;
left: 0.4em;
width: 12px;
height: 12px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #55BEDD;
}
 
#consept h2:after{
content: "";
position: absolute;
top: 1.0em;
left: 0;
width: 8px;
height: 8px;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
background:#58a5f0;
}

#consept h3{
color: #364e96;
padding: 0.5em 0.5em 0.5em 0.7em;
border-top: solid 2px #364e96;
border-bottom: solid 2px #364e96;
display: inline-block;
background: url(../img/parts/ao_s.gif) no-repeat left center;
}

/* link
-------------------------------------------------- */
#linksyu li{
line-height:1.6;
list-style: none;
border-bottom:1px solid #F0F0FF;
}


/* archive
-------------------------------------------------------------------- */
#arc2019 th:nth-child(1){width:20%;}
#arc2019 td:nth-child(2){width:10%;}
#arc2019 td:nth-child(3){width:70%;}

#arc2018 th:nth-child(1){width:20%;}
#arc2018 td:nth-child(2){width:10%;}
#arc2018 td:nth-child(3){width:70%;}

#arc2015 th:nth-child(1){width:20%;}
#arc2015 td:nth-child(2){width:10%;}
#arc2015 td:nth-child(3){width:70%;}

#nat2018 td:nth-child(1){width:10%;}
#nat2018 td:nth-child(2){width:90%;}

#nat2017 td:nth-child(1){width:10%;}
#nat2017 td:nth-child(2){width:90%;}

#nat2016 td:nth-child(1){width:10%;}
#nat2016 td:nth-child(2){width:90%;}



/* iken
-------------------------------------------------------------------- */
#iken h3{ border-top: none; border-bottom: none; display:block; padding-top:0; padding-bottom:0; background: none;}
.ikenw{ color:#01579b; border: solid 1px #01579b; margin-top:2em; background:#f0f0f0;}

.ques, .ans{padding:16px; vertical-align: top;}
.ques{background: #efefef;border-radius: 30px 20px 150px 18px / 40px 205px 15px 200px;width:46%;display: inline-block;}
.ans{background: #C1E0FF;border-radius: 100px 15px 40px 15px / 20px 70px 15px 90px;width:46%;display: inline-block;}

.ans h3{ color:#003264; margin-top:0px;}
.ans h3{
position: relative;
display: inline-block;
padding-left: 20px;
}
.ans h3:before {
content: '';
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
}
.ans h3:before {background: #003264;}

.ans h3:after {
content: '';
width: 0;
height: 0;
border: solid 3px transparent;
border-left: solid 5px #C1E0FF;
position: absolute;
top: 50%;
left: 5px;
margin-top: -3px;
}

.ya{position: relative;display: inline-block;padding-left: 20px; padding-top: 10em;}
.ya:before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 5px #5bc0de;
  border-right: solid 5px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

/* sguide
-------------------------------------------------------------------- */
.f_1{border: 1px solid #ccc;;border-radius: 4px; padding-left:1em; padding-right:1em; background:#fff;}
.f_2{border: 1px solid #01579b;border-radius: 8px; padding-left:1em; padding-right:1em; background:#01579b; color:#FFF;}
.f_3{border: 1px solid #80BFFF;border-radius: 8px; padding-left:1em; padding-right:1em; background:#80BFFF;}
.f_4{border: 1px solid #ccc;;border-radius: 4px; padding-left:1em; padding-right:1em; background:#f0f0f0;}
.f_5{border: 1px solid #01579b;border-radius: 4px; padding:1em; margin-bottom:1em; background:#01579b;}


.yatenv {margin-left:1em; padding-top:0px; background:url(/img/parts/yatenv.png) no-repeat;height:60px; display:block;}
.tenv {margin-left:1em; padding-top:0px; background:url(/img/parts/tenv.png) no-repeat; min-height:60px; display:block;}
.yatenh {padding-top:0px; background:url(/img/parts/yatenh.png) no-repeat;width:60px;height:13px; display:block;}

.tenh { padding-top:0px; background:url(/img/parts/tenh.png) no-repeat;width:60px;height:13px; display:block;}


.refg{ color:#666; border: solid 1px #5bc0de; margin:2em 0;}


/* db
-------------------------------------------------------------------- */
.ftf{ background:url(../img/parts/ftf.gif) no-repeat left center; padding-left: 19px; padding-right:2px}

table.db_table th:nth-child(2) { text-align:center; width:10%;}
table.db_table th:nth-child(3) { text-align:center; width:10%;}
table.db_table th:nth-child(4) { text-align:center; width:10%;}
table.db_table th:nth-child(5) { text-align:center; width:10%;}

table.db_table td:nth-child(2) { text-align:center; width:10%;}
table.db_table td:nth-child(3) { text-align:center; width:10%;}
table.db_table td:nth-child(4) { text-align:center; width:10%;}
table.db_table td:nth-child(5) { text-align:center; width:10%;}

table.sinbun td:nth-child(1) { width:30%; text-align:left;}
table.sinbun td:nth-child(2) { width:30%; text-align:left;}
table.sinbun td:nth-child(3) { width:40%; text-align:left;}

ul.manual {
border: solid 1px #408080;
border-top-right-radius: 4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
padding: 0.5em;
position: relative;
margin-top: 3em;
margin-bottom:2em;
}
ul.manual li {
line-height: 1.5;
padding: 0.5em 0 0.5em 1em;
border-bottom: dashed 1px silver;
list-style-type: none !important;
}
ul.manual li:last-of-type{
border-bottom: none;
}
ul.manual li:after {
background: #408080;
border: solid 1px #408080;
border-top-right-radius: 4px;
border-top-left-radius:4px;
color: #fff;
font-weight: bold;
position: absolute;
left: -1px;
bottom: 100%;
padding: 1px 7px;
content: "Manual";
letter-spacing: 0.05em;
}