@charset "utf-8";
/* CSS Document */

/*****NAV*****/

/*****ARTICLE*****/

.note{ 
margin-bottom: 2em;
padding:2em;
background:#EAEAEA;
}

#page .note {
padding:1em;
margin-bottom: 0em;
    position: relative;
    background: #14374a;
    color: #fff;
    padding: 10px 0px 10px 120px;
line-height: 1.6em;
}


#page .note::before, #page .note::after {
    content: "";
    position: absolute;
    background: #14374a;
    top: 0;
    bottom: 0;
    width: 9999px;
}
#page .note::before {
    right: 100%;
}

#page .note::after {
    left: 100%;
}

#left_block{ float: left; display: block; position: fixed; top: 80px; width:240px;}
#center_block{ float: right; width:800px}
.photo{width:280px; float: right; }
.photo img{width:280px;}


.clear {clear:both;}


h3{
padding: 0.25em 0.5em;
background: transparent;/*背景透明に*/
border-left: solid 5px #0162A7;/*左線*/
}


.record .content_menu ul{
  width: 1080px;
list-style: none;
}

#page #contents {
width:1080px;
margin:0 auto;
padding-top:3em;
}
.record .content_menu ul li{
float: left;
text-align:center;
  width: calc((100% - 37px) / 6);
  margin-bottom: 20px;
border-top:0px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-right:4px;
line-height:1.4em;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #efefef;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #fcfcfc), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fcfcfc),
            color-stop(.75, #fcfcfc), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
box-shadow:0px 1px 2px #aaa;
}

.record .content_menu ul li a{
color:#000;
font-weight:bold;
display:block;
height:40px;
border-top:0px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0px 3px 3px 3px;
padding-top:10px;
}

.record .content_menu ul li:hover,.content_menu ul li.current{

-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #E7FFE2;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #D9FFD0), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #D9FFD0),
            color-stop(.75, #D9FFD0), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
}



.record .item{
margin-bottom:1em;
border:1px solid #ccc;
padding:10px;
background:#fff;
}

.record .item .cat{
font-size: .9em;
width: 100px;
text-align: center;
background: #417089;
border-radius: 5px;
color: #fff;
float: left;
margin-right: 1em;
}

.record .item .title{
font-weight: bold;
font-size: 1.2em;
float: left;
}

.record .item .author{
float:left;
margin-right:2em;
}
.record .item .author:before{
content: "作者：" ;
}

.record .item .notebook{
margin-right:2em;
float:left;
}
.record .item .notebook:before{
content: "用箋：" ;
}
.record .item .number{
margin-right:2em;
}
.record .item .number:before{
content: "冊数：" ;
}
.record .item .description{
border-top:0px solid #666;
background:#eee;
padding:5px;
}

.record .item .link{
	background-image: url(../images/person_serach.png);
	background-repeat: no-repeat;
	background-position: center;
	display:inline-block;
background-size:contain;
margin: 0.2em;
float: left;
width: 50px;
}
.record .item .link a{
	width: 50px;
	height: 25px;
	display:block;
}


.column .contents section{
	background:#fff;
	width: calc(100% - 40px);
	padding:0 20px;
}

.column .contents h3{
position: relative;
background: #43931c;
box-shadow: 0px 0px 0px 0px #dfefff;
padding: 0.7em 20px;
color: #fff;
cursor: pointer;
width: 100%;
left: -20px;
border-left:0px;
}

.column .contents :after{
position: absolute;
content: '';
left: 0px;
top: 0px;
border-width: 0 0 20px 20px;
border-style: solid;
border-color: #f4f4e1 #f4f4e1 #8dcc6e;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.column .contents.bg02{
background:#fff;
color:#000;
border:0px solid #000;
font-size:1.2em;
}
.column .contents h3:before{ font-family: "Font Awesome 5 Free";
content: "\f138";
margin-right:1em;
}

.column .contents .bg02:before{ font-family: "Font Awesome 5 Free";
content: "\f13a";
margin-right:1em;
}

div.textarea{
padding:20px;
display:none;
}


.person h3{
border-top:1px solid #000;
border-left:8px solid #0162A7;
padding:5px 10px;
color:#666;
font-size:1.4em;
}


ul.person{
  width: 1080px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
}

ul.person li{
width: calc((100% - 88px) / 5);
min-height: 250px;
margin-bottom: 20px;
background: #efefef;
display: block;
align-items: stretch;
border: 1px solid #d2d2d2;
margin-right: 15px;
line-height: 1.4em;
padding-bottom: 5px;
}

.person08 ul.person li{
width: calc((100% - 52px) / 3);
min-height: 150px;
margin-bottom: 20px;
background: #efefef;
display: block;
align-items: stretch;
border: 1px solid #d2d2d2;
margin-right: 15px;
line-height: 1.4em;
padding-bottom: 5px;
}

.person08 table.person td{
border: 1px solid #d2d2d2;
}
.person08 table.person td .name,.person08 table.person td .kana,.person08 table.person td .yearold,.person08 table.person td .birth,.person08 table.person td .description,.person08 table.person td .position{
padding-left:5px;
padding-right:5px;
}
.person08 table.person td .yearold{
width:3em;
}

ul.person li .pimage{
width:90%;
margin:0 auto;
}

ul.person li .pimage img{
width:100%;
}

ul.person li .catname{
background:#0162A7;
color:#fff;
display:inline-block;
margin:.3em 0em;
padding:.1em .5em;
width:6em;
border-radius:0px 5px 5px 0px ;
float:left;
text-align:center;
font-size:.8em;
}


ul.person li .place{
background:#fff;
color:#000;
display:inline-block;
margin:.3em 1em;
padding:.1em .5em;
border-radius:5px;
border:1px solid #aaa;
float:right;
text-align:center;
font-size:.8em;
}

.person08 td .place{

text-align:center;
font-size:.8em;
width:15em;
}

ul.person li .name{
font-size:1.2em;
font-weight:bold;
margin-left:15px;
display:inline-block;
}
table.person td .name{
font-size:1em;
font-weight:bold;
width:20em;
line-height: 1;
display: inline;
}

ul.person li .link1{
	background-image: url(../images/person_serach.png);
	background-repeat: no-repeat;
	background-position: center;
	display:inline-block;
background-size:contain;
}

ul.person li .link0{
	display:none;
}
ul.person li .link1 a{
	width: 50px;
	height: 20px;
	display:block;
}
table.person td .link1{
	background-image: url(../images/person_serach.png);
	background-repeat: no-repeat;
	background-position: center;
	display:inline-block;
background-size:contain;
	margin-top:5px;
	margin-bottom:-5px;
}

table.person td .link0{
	display:none;
}
table.person td .link1 a{
	width: 50px;
	height: 20px;
	display:block;
}
ul.person li .kana{
font-size:0.8em;
margin-left:15px;
}
.person td .kana{
font-size:0.8em;
margin-top:0px
}

ul.person li .birth{
font-size:1em;
margin-left:15px;
display:inline-block;
}
ul.person li .birth:before{
content:"[";
}
ul.person li .birth:after{
content:"]";
}

ul.person li .yearold{
font-size:1em;
margin-left:15px;
display:inline-block;
}


ul.person li .description{
font-size:.8em;
margin-left:10px;
margin-right:10px;
background:#fff;
padding:0px 5px 0px 5px;
}

.person td .description, .person td .position{
font-size:.8em;
line-height:1.2;
}

ul.person li .description:before{
content:"●";
color:#cc0000;
}

ul.person li .position:before{
content:"●";
color:#cccc00;
}
ul.person li .position{
font-size:.8em;
margin-left:10px;
margin-right:10px;
background:#fff;
padding:0px 5px 0px 5px;
}

ul.person li .heldby{
font-size:0.7em;
margin-left:15px;
}

.person .content_menu ul{
  width: 1080px;
list-style: none;

}

.person .content_menu ul li{
float: left;
text-align:center;
  width: calc((100% - 30px) / 4);
  margin-bottom: 20px;
border-top:0px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-right:4px;
line-height:1.4em;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #efefef;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #fcfcfc), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fcfcfc),
            color-stop(.75, #fcfcfc), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
box-shadow:0px 1px 2px #aaa;
}

.person .content_menu ul li a{
color:#000;
font-weight:bold;
display:block;
height:40px;
border-top:0px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0px 3px 3px 3px;
padding-top:10px;
}

.person .content_menu ul li:hover,.content_menu ul li.active{

-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #E7FFE2;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #D9FFD0), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #D9FFD0),
            color-stop(.75, #D9FFD0), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
}


.ChangeElem_Btn_Content{
position:relative;
}

.ChangeElem_Btn{
float: left;
width: 49%;
font-size: 1.2em;
font-weight: bold;
margin: 0 5px;
border: 0px aliceblue;
padding: 5px 0;
border-radius: 20px 20px 0px 0px;
}
.ChangeElem_Btn{
cursor : pointer;
}

.is-active{
background: #416f88;
color: #fff;
box-shadow: 2px 0px 3px #666;
}

.person .content_menu ul li .cap{
font-size:0.8em;
font-weight:normal;
}

.person .orgdesc td{
border:1px solid #ccc;
padding:5px;
}

.person .orgdesc .orgname{
width:150px;
}
.person .orgdesc .yomi{
width:150px;
}
.person .orgdesc .description{
text-align: left;
}
.person .ChangeElem_Panel{
width:100%;
margin:0 auto;
text-align: center;
}
.person .ChangeElem_Panel img{
width:100%;
margin:0 auto;
}


table.person td div.birth{
width:7em;
text-align:center;
}

table.person td div.place{
width:8em;
text-align:center;
line-height:1.2;
}

.column .content_menu ul{
  width: 1080px;
list-style: none;
}

.column .content_menu ul li{
float: left;
text-align:center;
  width: calc((100% - 24px) / 4);
  margin-bottom: 20px;
border-top:0px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-right:4px;
line-height:1.4em;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #efefef;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #fcfcfc), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fcfcfc),
            color-stop(.75, #fcfcfc), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #fcfcfc 25%, transparent 25%,
          transparent 50%, #fcfcfc 50%, #fcfcfc 75%,
          transparent 75%, transparent);
box-shadow:0px 1px 2px #aaa;
}

.column .content_menu ul li a{
color:#000;
font-weight:bold;
display:block;
height:40px;
border-top:0px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0px 3px 3px 3px;
padding-top:10px;
}

.column .content_menu ul li:hover,.content_menu ul li.current{

-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #E7FFE2;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #D9FFD0), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #D9FFD0),
            color-stop(.75, #D9FFD0), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #D9FFD0 25%, transparent 25%,
          transparent 50%, #D9FFD0 50%, #D9FFD0 75%,
          transparent 75%, transparent);
}





.column .contents,.document .contents,.record .contents,.link .contents,.sitemap .contents{
width: calc(100% - 60px);
margin: 1em auto 1em;
padding: 30px;
background-color: #f4f4e1;
}
.document #item table,.link #item table{
background:#fff;
width:100%;
}

.document #item td,th ,.link #item td,th{
font-size:1em;;
border:1px solid #aaa;
line-height:1.3em;
padding:10px 8px;
}

.document #item th ,.link #item th{
font-size:1em;
background:#14374a;
color:#fff;
}


.document #item tr:nth-child(even) , .link #item tr:nth-child(even) {
	background: #eee;
}
.document #item tr:hover ,.link #item tr:hover {
	background: #ff0;
}

.link #item td.auther{
width:300px;
}

.link #item td.auther a{
	font-weight: normal;
	width: 300px;
	cursor: pointer;
	color:#000;
}

.link #item td.auther a:after{
content: '';
	background-image: url(../images/outlink.png);
display: inline-block;
background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	height:16px;
	width:16px;
	margin-left:0.5em;
}

.sitemap dt{
font-weight:bold;
}
.sitemap dt.dt1{
border:2px solid #9595ef;
width:10em;
padding-left:1em;
background-color:#000;
color:#fff;
}
.sitemap dt.dt1 a{

color:#fff;
}

.sitemap dt.dt2{
margin-left:5em;
margin-top:1em;
border-bottom:0px solid #9595ef;
width:26em;
}
.sitemap dt.dt2:before{
content:'';
color:blue;
}

.sitemap dd{
margin-left:10em;
padding-left:1em;
border-left:1px dotted #000;
border-bottom:1px dotted #000;
width:20em;
}