@charset "utf-8";
/* ================================================================================ */
/*      header  （202105更新）  */   
/* ================================================================================ */
.header {
width:100%;
height:175px;
background:#ffffff;
background:url(../images/bg_header.jpg) repeat-x 0 0;
position:relative;
}
.header .innerBlock {
width:960px;
margin:0 auto;
position:relative;
}
.header .mainLogo {
position:absolute;
top:29px;
left:0px;
}
.header .mainImage {
position:absolute;
top:105px;
left:38px;
}

.header #headernavBlock {
position:absolute;
top:30px;
left:410px;
width:200px;
}
.header #headernavBlock .nav01,
.header #headernavBlock .nav02 {
width:200px;
padding-left:15px;
margin-bottom:10px;
position:relative;
top:0;
}
.header #headernavBlock .nav01{
height:20px;
background:url(../images/headernav-j.png) 15px 4px no-repeat;
display:block;
text-decoration:none;
outline:none;
}
.header #headernavBlock .nav02{
height:20px;
background:url(../images/headernav-j.png) 15px -26px no-repeat;
display:block;
text-decoration:none;
outline:none;
}

.header #headernavBlock .nav01 a,
.header #headernavBlock .nav02 a{
background:transparent;
	height:20px;
	display:block;
	text-decoration:none;
	outline:none;
position:relative;
overflow:hidden;
}
.header #headernavBlock .nav01 a:hover,
.header #headernavBlock .nav01 a:active,
.header #headernavBlock .nav02 a:hover,
.header #headernavBlock .nav02 a:active{
opacity:0.7;
text-decoration:none;
}
.header #headernavBlock span{
visibility: hidden; 
}

.header #headernavBlock .nav01::before,
.header #headernavBlock .nav02::before{ /*caret*/
position:relative;
content: '';
position: absolute;
top: 50%;
bottom:0;
left: 0;
width: 0;
height: 0;
border: 3px solid transparent;
border-left: 9px solid rgb(200,22,5);
transform:translateY(-50%);
}

/*--------------------------------
 リンクボタン「所蔵一覧」へ戻る
--------------------------------*/
.header .btn_returen {
position:absolute;
width:300px;
height:36px;
top:30px;
right:50px;
display:flex;
flex-direction:row-reverse;
}
.header .btn_returen > ul,
.header .btn_returen > ul li {
margin-top:0;
display:block;
letter-spacing:0.1em;
text-align:center;
text-transform: uppercase;
}
.p-english .header .btn_returen > ul,
.p-english .header .btn_returen > ul li {
font-size:11px;
letter-spacing:0;
}


.header .btn_returen > ul{
margin-left:10px;
}

.header .btn_returen > ul li a{
display:block;
line-height:34px;
background:#fff;
padding-left:35px;
padding-right:10px;
color:#666;
text-decoration:none;
border:1px solid #ccc;
 border-radius: 3px;
position:relative;
}
.header .btn_returen > ul li a::before{
content:url(../images/icon-collectionlist.png);
position:absolute;
top: 50%;
left:10px;
transform:translateY(-50%);
}
.header .btn_returen > ul li a:hover {
text-decoration:none;
background:#647baf;
background:#f6f6f6;
overflow:hidden;
}

/*--------------------------------
	language（言語切替） 
--------------------------------*/
.wrp_language{
width:140px;
}
.wrp_language ul{
width:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
justify-content:space-between;
text-align:center;
align-items:center;
border-radius:3px;
}
.wrp_language ul li{
width:50%;
height:34px;
line-height:24px;
font-size:12px;
background:#e6e6e6;
background:#222c48;
color:#999999;
}
.wrp_language ul li a{
display:block;
line-height:34px;
color:#e6e6e6;
border-radius:3px;
text-decoration:none;
}
.wrp_language ul li.lang-e,
.wrp_language ul li.lang-e a,
.p-english .wrp_language ul li.lang-j,
.p-english .wrp_language ul li.lang-j a{
background:#ffffff;
color:#b0b0b0;
}

.wrp_language ul li.lang-e,
.p-english .wrp_language ul li.lang-j{
border:1px solid #ccc;
}
.wrp_language ul li.lang-j,
.p-english .wrp_language ul li.lang-e{
border:1px solid #222c48;
}
.wrp_language ul li.lang-j,
.p-english .wrp_language ul li.lang-j{
border-right:0 none;
}
.wrp_language ul li.lang-e,
.p-english .wrp_language ul li.lang-e{
border-left:0 none;
}
.p-english .wrp_language ul li.lang-e,
.p-english .wrp_language ul li.lang-e a{
background:#222c48;
color:#e6e6e6;
}

.wrp_language ul li.lang-j,
.wrp_language ul li.lang-j a,
.p-english .wrp_language ul li.lang-j,
.p-english .wrp_language ul li.lang-j{
border-radius:3px 0 0 3px;
}
.wrp_language ul li.lang-e,
.wrp_language ul li.lang-e a,
.p-english .wrp_language ul li.lang-e,
.p-english .wrp_language ul li.lang-e a{
border-radius:0 3px 3px 0;
}

.wrp_language ul li.lang-e a:hover,
.p-english .wrp_language ul li.lang-j a:hover{
background:#f6f6f6;
cursor: pointer;
}

.p-english .wrp_language ul li.lang-e a:hover{
background:#222c48;
color:#e6e6e6;
cursor: default;
}

.btnCorner{
width: 300px;
 height: 20px;
margin: 0;
background:#f6f6f6;
}
.btnCorner{
 border-radius: 3px;
}

/* ----------------------------------
	英語ページ 
	  BASCK TO MAIN PAGE
	  HOW TO USE
---------------------------------- */
.p-english .header{
box-sizing:border-box;
}
.p-english .header a{
color:#333;
text-decoration:none;
}
.p-english .header .mainLogo {
top:18px;
left:0px;
}
.p-english .header .mainLogo img{
width:390px;
max-width:100%;
}
.p-english .header #headernavBlock {
position:absolute;
top:24px;
top:27px;
left:440px;
width:190px;
}
.p-english .header #headernavBlock .nav01{
	width:145px;
	background-image:url(../images/headernav-e.png);
	background-repeat:no-repeat;
	background-position:15px 5px;
}
.p-english .header #headernavBlock .nav02{
	width:95px;
	background-image:url(../images/headernav-e.png);
	background-repeat:no-repeat;
	background-position:15px -26px;
}


/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width:100%;
background-color:#ffffff;
overflow:hidden;
text-align:center;
}
.contContainer .innerBlock {
width:100%;
margin:0 auto;
margin-bottom:15px;
}


/* ================================================================================ */
/*      contBody     */  
/* ================================================================================ */
.italic {
	font-style: italic;
}
.contBody {
clear:both;
width:960px;
margin:63px auto 54px;
margin:72px auto 54px;
margin:30px auto 30px; /*改訂 200728*/
padding-bottom:5px; /*改訂 200728*/
position:relative; /*追加 contFooterのため*/
}
.contBody a{
outline:none;
}
.contBody .dataBox{
width:870px;
margin:0 auto;
text-align:left;
}
.contBody .dataBox h3{ /*資料タイトル　フォントサイズ20px インラインclassで設定 */
font-weight:bold;
padding-left:10px;
margin-bottom:20px;
border-left:5px solid #cccccc;
white-space: normal;
overflow-wrap:normal;
word-wrap: normal;
line-height:1.2;
}
.contBody .dataBox h4{ /*資料タイトル(小)　フォントサイズ18px*/
width:756px;
font-size:140%;
font-weight:bold;
padding-left:10px;
margin-bottom:20px;
border-left:5px solid #cccccc;
white-space: normal;
overflow-wrap:normal;
word-wrap: normal;
line-height:1.2;
}
.contBody .dataBox h3 span{
font-size:65%;
font-weight:normal;
}
.contBody .dataBox h3 span.txt10,
.contBody .dataBox h4 span.txt10{ /*新規設定*/
line-height:1.8;
}	
.contBody table{
table-layout: fixed;
width:100%;
}
.contBody table th,
.contBody table td {
table-layout: fixed;
}
.contBody table th{
width:26%; /*改訂 200728*/
}
.contBody td.dataimages{
width:340px;
padding:5px;
background-color: #e6e6e6; 
text-align:center;
vertical-align:middle;
}
.contBody td.dataimages a{
display:block;
}
.contBody .dataBlockRight{
padding-left:15px;
}
.contBody .bookdata{
width:100%;
}
.contBody .bookdata th,
.contBody .bookdata td{ /*data*/
border:1px solid #ccc;
padding:5px;
color:#333333;
background:#e6e6e6;
text-overflow: ellipsis;
white-space: pre-wrap;
word-wrap: break-word;
}
.contBody .bookdata th{
background:#ffffff;
}

/*-----------------------------
一行おきに色変え
-----------------------------*/
.contBody .bookdata td.td-odd { /*奇数行*/
    background-color: #e6e6e6;
}
.contBody .bookdata td.td-even { /*偶数行*/
    background-color: #f4f4f4;
}
.contBody .bookdata tr a:hover td{
	background:#ccd3e6;
}

/*===========================
bookdata　LINK
============================*/
.contBody .bookdata a:link {
/*color:#333333;*/ /*改訂 200728*/
text-decoration:underline;
overflow:hidden;
}
.contBody .bookdata a[target="_blank"]:after {
/*content: url(../images/icon-openwindow.gif);*/ /*改訂　200731*/
padding-left:5px;
padding-right:5px;
}
* html .contBody .bookdata a{ 
/*background: url(../images/icon-openwindow.gif) right center no-repeat; */ /*改訂　200731*/
padding-right: 17px;
overflow:hidden;
}

.contBody .bookdata a:hover,
.contBody .bookdata a:active {
text-decoration:underline;
color:#647baf;
overflow:hidden;
}
.contBody .bookdata a[target="_blank"]:hover:after,
.contBody .bookdata a[target="_blank"]:active:after {
/*content: url(../images/icon-openwindow-on.gif);*/ /*改訂　200731*/
}
* html .contBody .bookdata a:hover,
* html .contBody .bookdata a:active{ 
/*background: url(../images/icon-openwindow-on.gif) right center no-repeat; */ /*改訂　200731*/
padding-right: 17px;
color:#647baf;
overflow:hidden;
}
	
/* ================================================================================ */
/*      contFooter (電子ブックページへのリンクの案内)     */  
/* ================================================================================ */
.contFooter {
width:368px;
width:505px;
width:410px;
/*position:absolute;*/ /*追加 contBodyに関連づけ*/ /*改訂 200728*/
/*top:-60px;*/ /*改訂 200728*/
/*right:45px;*/ /*改訂 200728*/
margin-left:40px; /*改訂 200728*/
}

/* ========================================== */
/*      navsubguide (電子ブックページへのリンクの案内)     */  
/* ========================================== */
.navsubguide {
width:100%; /*改訂 180518*/
margin:0px auto 0px;
}
.navsubguide ul{
padding:6px 8px;
background:#f3f3f3;
background:#fff;
/*border:4px solid #f0f0f0;*/ /*改訂 200728*/
/*border:4px solid #ddd;*/ /*改訂 200728*/
box-sizing:border-box;
color:#333;
width: 350px; /*改訂 200731*/
margin-left: 5px; /*改訂 200731*/
}
.navsubguide ul li {
font-size:11px;
box-sizing:border-box;
text-align:center; /*改訂 180518*/
}
.navsubguide ul li a{
box-sizing:border-box;
display:inline;
text-decoration:none;
box-sizing:border-box;
text-decoration:underline;
padding: 0px 0px;
/*改訂 200728*/
/*
color:#6086cb;
color:#0066ff;
color:#647baf;
*/
}
.navsubguide ul li a:hover {
display:inline;
box-sizing:border-box;
text-decoration:none;
text-decoration:underline;
color:#647baf;
}

/*改訂 200728*/
.navsubguide ul li img {
vertical-align:bottom;
}

/* ================================================================================ */
/*      footer     */  
/* ================================================================================ */
.footer {
width:100%;
background:#ffffff url(../images/bg_footer.png) repeat-x 0 0;
color:#999999;
}
.footer .innerBlock {
position:relative;
padding-top:20px;
padding-bottom:20px;	
width:960px;
margin:0 auto;
}
.footer .copyRight{
text-align:left;
font-size:77%;
padding-left:20px;
}