@charset "utf-8";
/* tohoku-unuv-library responsive.css */

/*
 * Version: 1.0.2
 * Last Updated: 2025-11-13 「お問い合わせ」を上部アイコンメニューに追加及びコンテンツ内容刷新対応 seto
 * Last Updated: 2025-09-19
 */

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    image-rendering: -webkit-optimize-contrast; /* Chromeでバナー画像がぼやけることへの対処 */
}

.clearfix:after{/*clearfix設定*/
	content: "";
	display: block;
	clear: both;
}

.head_smp{
	display:none;
}

#toggle{
	display:none;
}

#nav-smp{
	display:none;
}

#page_top{
	display:none;
}

#page_top img{
	display:none;
}


/* デザインA 600px～ （スマホ用） */
@media screen and (max-width:599px){
img{
	width:100%;	
}

.smp-none{
	display:none;	
}

/*==========================================
 body
===========================================*/
body{
	width:100%;
	height:100%;
	line-height:180%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	padding:0px;
	margin:0px;
}


/*==========================================
 #container
===========================================*/
#container{
	width:100%;
	padding:0px;
	margin:0px auto 50px auto;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header{
	width:96%;
	max-width:736px;
	display:block;
	clear:both;
	padding:0px 0px 0px 0px;
}

header h1.h1-smp{
	width:70%;
	max-width:428px;
	vertical-align:middle;
	float:left;
	display:block;
	padding:10px 0px 10px 0px;
	margin:auto 0px auto 1%;
	
}

header #head-contents{
	width:100%;
	clear:both;
	margin:0px 0px 20px 0px;
}

header #head-contents ul{
	
}

header #head-contents ul li{
	float:left;
	margin:0px 0px 0px 20px;
}

header #head-contents ul li.sns{
	width:15%;
}

header #head-contents ul li.login{
	width:50%;
}

/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#top_image--*/
main #top-image{
	width:100%;
	z-index:1;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*--#search--*/
main #search{
	width:100%;
	height:170px;
	background-color:rgba(10,162,95,0.80);
	margin:-10px 0px 0px 0px;
}

main #search .search-in{
	width:80%;
	margin:0px auto 0px auto;
}

main #search .search-in img{
	max-width:405px;
	text-align:center;
	padding:1em 0em 1em 0em;
	margin:0px auto 0px auto;
}

main #search .collection-search{
	padding:0.3em 0em 0.3em 0em;
}

main #search .search-in .collection-search{
	
}

main #search .search-in .collection-search form#search-form{
	clear:both;
	margin-bottom:10px;
}

main #search .search-in .collection-search #kywd{
	width:75%;
}

main #search .search-in .collection-search .searchBtn{
	float:right;
}

main #search .detail{
	text-align:center;
	margin:0px auto 0px auto;
}

/*--#head-contents-smp--*/
#head-contents-smp{
	width:100%;
	margin:25px 0px 25px 0px;
}

#head-contents-smp ul{
	width:95%;
	margin:0px auto 0px auto;
}

#head-contents-smp ul li{
	float:left;
	margin:0px 0px 0px 8px;
}

#head-contents-smp ul li.sns{
	width:15%;
	max-width:65px;
	height:65px;
	margin:2.5px 0px 0px 8px;
}

#head-contents-smp ul li.login{
	width:60%;
	max-width:215px;
	height:70px;
	margin:0px 0px 0px 8px;
}

/*--#information--*/
main #information{
	width:100%;
	background:url(../img/info-bg02.jpg) no-repeat;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
	padding:31px 0px 20px 0px;
}

main #information .open-info a{
	text-align:left;
	padding:1em 1.5em;
	margin:0px 0px 25px 0px;
	font-size: 1.5em /* 1.2em～1.5em ?*/
}

main #information .info-contents{
	width:96%;
	margin:0px auto 30px auto;
}

main #information .info-head{
	width:80%;
	max-width:280px;
}

main #information .info-contents dl{
	/*width:100%;*/
}

main #information .info-contents dl dt{
	width:100px;
	float:left;
	padding:0px 0px 0px 20px
}

main #information .info-contents dl dd.date{
	width:130px;
	float:right;
	text-align:right;
	padding:10px 20px 10px 0px;
}

main #information .info-contents dl dd.text{
	padding-top:20px;	
	margin:20px;
}

main #information .info-bt a{
	margin:0px auto 30px auto;
}

/*--#mid-banner--*/
main #mid-banner{
	margin:30px auto 25px auto;
}

main #mid-banner ul{
	width:240px;
	margin:0px auto 0px auto;
}

main #mid-banner ul li a{
	width:240px;
	clear:both;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
}

main #mid-banner ul li.adjusting a{
	width:239px;
	padding:1em 0px 1em 0px;
}

/*--#library-guide--*/
main #library-guide{
	width:100%;
	background:url(../img/guide-bg02.jpg) no-repeat;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
	margin:0px auto 0px auto;
}

main #library-guide .lg-head{
	width:80%;
	max-width:280px;
}

main #library-guide .lg-contents{
	width:100%;
	font-size:70%;
	padding:0px 0px 50px 0px;
}

main #library-guide .lg-contents dl{
	height:100px;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl dt{
	letter-spacing:0px;
}

main #library-guide .lg-contents dl#lg-box01{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box01 dt{
	width:35%;
	float:left;
	padding:37.5px 3% 37.5px 3%;
}

main #library-guide .lg-contents dl#lg-box01 dd{
	width:59%;
	height:100px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box01 dd img{
	
}
	
main #library-guide .lg-contents dl#lg-box02{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box02 dt{
	width:35%;
	float:left;
	padding:37.5px 3% 37.5px 3%;
}

main #library-guide .lg-contents dl#lg-box02 dd{
	width:59%;
	height:100px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box03{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

/* 25px→37.5px スマホ表示で北分下枠に余白ができるため図書館で他と揃える形に変更 */
main #library-guide .lg-contents dl#lg-box03 dt{
	width:35%;
	padding:37.5px 3% 37.5px 3%;
}

main #library-guide .lg-contents dl#lg-box03 dd{
	width:59%;
	height:100px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box04{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box04 dt{
	width:35%;
	float:left;
	padding:37.5px 3% 37.5px 3%;
}

main #library-guide .lg-contents dl#lg-box04 dd{
	width:59%;
	height:100px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box05{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box05 dt{
	width:35%;
	float:left;
	padding:37.5px 3% 37.5px 3%;
}

main #library-guide .lg-contents dl#lg-box05 dd{
	width:59%;
	height:100px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box06{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box06 dt{
	width:35%;
	float:left;
	padding:37.5px 3% 37.5px 3%;
}

main #library-guide .lg-contents dl#lg-box06 dd{
	width:59%;
	height:100px;
	float:right;
}

main #library-guide .lg-contents dl dt.2lines{
	width:33.2%;
	padding:21.2% 6% 21.2% 6%;
}

main #library-guide .lg-contents dl dd{
	
}

/*--#about-library--*/
main #about-library{
	width:100%;
	padding:0px 0px 20px 0px;
}

main #about-library .al-head{
	width:80%;
	max-width:280px;
}

main #about-library .al-contents{
	width:96%;
}

main #about-library .al-contents ul li a{
	width:49%;
	height:125px;
	float:left;
}

main #about-library .al-contents ul li.type01 a{
	margin:0px 0px 20px 0px;
}

main #about-library .al-contents ul li.type02 a{
	margin:0px 0px 0px 0px;
}

/*--#foot-banner--*/
main #foot-banner{
	width:240px;
	padding:20px 0px 0px 0px;
	margin:0px auto 0px auto;
}

main #foot-banner ul{
	clear:both;
}

main #foot-banner ul li.type-a a{
	width:240px;
	max-width:240px;
	margin:0px auto 0.25em auto;
}

main #foot-banner ul li.type-b a{
	width:240px;
	max-width:240px;
	margin:0px auto 0.25em auto;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
/* --パンくずリスト-- */
ul.breadcrumb {
	width:96%;
	font-size:90%;
	padding:0px;
	margin:30px auto 10px auto;
}

main{
	width:100%;
}

main #lower{
	width:96%;
	margin:0px auto 0px auto;
}

/* 見出し */
main h1{
	font-size:26px;
	vertical-align:middle;
	padding:20px 1em 20px 1em;
	margin:20px 0px 20px 0px;
}

main h2{
	vertical-align:middle;
	font-size:17px;
	padding:0.65em 0.0em 0.65em 0.60em;
	margin:0px auto 20px auto;
}

main h3{
	font-size:16px;
	padding:0.40em 0.60em 0.40em 0.60em;
	margin:0px auto 20px auto;
}

main h4{
	font-size:15px;
	padding:0.2em 0.0em 0.2em 0.60em;
	margin:0px auto 20px auto;
}

main h5{
	font-size:14px;
	padding:0.0em 0.0em 0.0em 0.60em;
	margin:0px auto 20px auto;
}

/* テーブル */
main table{
	font-size:95%;
}

.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: pre; /*文字の折り返しを禁止*/
}

.table-scroll td{
	padding:5px;
}

.table-scroll td.normal{
	white-space: normal;
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{　　
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

/* リスト */
ul.low-list{
	width:100%;
	font-size:80%;
	margin:30px auto 0px auto;
}

ul.low-list li a{
	width:45%;
	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 0px;
}

ul.low-list li.fl-r a{
	float:right;
}

/*==========================================
 資料を探すのスタイル
===========================================*/
/*データベース*/
#searchItem dl dt{
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
}

.modeBtns ul {
	width:90%;
	margin:0px auto 0px auto;
}

.modeBtns ul li.simpleList a{
	width:45%;
	display:block;
	float:left;
}
.modeBtns ul li.detailList a{
	width:45%;
	display:block;
	float:right;
}

/*==========================================
 図書館を使うのスタイル
===========================================*/
/*総合利用案内*/
table#identification{
	width:100%;
	table-layout: fixed;
}

th.person{
	width:300px;
}

td.card{
	width:300px;
}

table#identification td.card img{
	width:150px;
}

/*お問い合わせ*/
table.contact-tb{
	width:100%;
}

table.contact-tb td.list-td{
	width:200px;
}

table.contact-tb td ul.table-list li{
	margin:0px 0px 0px 0px;
}

table.contact-tb img{
	width:15px;
}

div.contact p{
	text-align:left;
}

.departmental{
	text-align:left;
}

.departmental h5{
	text-align:left;
}

.departmental img{
	width:15px;
}

/*==========================================
 お知らせについてのスタイル
===========================================*/
dl.news_top{
	padding:5px 0px 20px 0px;
	margin:0px 0px 20px 0px;
}
dl.news_top:last-child {
	margin-bottom: 0;
}

dl.news_top dt.date{
	float:left;
	margin:0px 20px 0px 0px;
	width: 100px;
}

dl.news_top dd.category{
	width:120px;
	float:left;
	margin:0px 0px 0px 0px;
}

dl.news_top dd.headline{
	clear:both;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

dl.news{
	padding:5px 0px 15px 0px;
	margin:0px 0px 10px 0px;
}

dl.news dt.date{
	float:left;
	margin:0px 20px 0px 0px;
	width: 100px;
}

dl.news dd.category{
	width:120px;
	float:left;
	margin:0px 0px 0px 0px;
}

dl.news dd.headline{
	clear:both;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*==========================================
 学習研究サポートについてのスタイル
===========================================*/
/*=====研究サポート=====*/
/*==教員用==*/
ul.entry-bt{
	width:322px;
	margin:0px auto 0px auto;
}

/*==========================================
 図書館についてのスタイル
===========================================*/
/*館長挨拶*/
.photo{
	width:200px;
/*	height:267px; 写真は館長写真だけではないため高さ表示設定を全パターンでコメントアウト */
	clear:both;
	margin:5px auto 60px auto;
}

p.dir-name{
	width:200px;
	height:50px;
	display:block;
	clear:both;
	text-align:center;
	margin:10px 0px 50px 0px;
}

p/start{
	margin-top:30px;
}

/*==========================================
 ページトップへボタンのスタイル
===========================================*/
/*--page-top--*/
#page-top {
  position: fixed;
  bottom: 30px;
  right: 10px;
}
  #page-top a {
    width: 50px;
    height: 50px;
    font-size: 10px;
    color: #FFFFFF;
    text-indent: -9999px;
    background-color: #0AA25F;
    border-radius: 30px;
	opacity:0.65;
    display: block;
    position: relative;
  }
  #page-top a:before {
    content: '';
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: -9px;
    border-top: 4px solid #FFFFFF;
    border-left: 4px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #page-top a:hover{
    background-color: #0AA25F;
  }

/*==========================================
 フッターのスタイル
===========================================*/
footer{
	width:100%;
	margin:30px auto 0px auto;
}

footer #foot-center{
	width:100%;
	font-size:90%;
	padding:30px 0px 30px 0px;
	margin:0px auto 0px auto;
}

footer #foot-center h1{
	width:70%;
	max-width:245px;
	font-size:26px;
	text-align:center;
	padding:0px 0px 20px 0px;
}

footer #foot-center h1 p{
	margin-top:20px;
}

footer #foot-center .foot-navi{
	width:80%;
	margin:30px auto 0px auto;
}

footer #foot-center dl.f-navi-box{
	margin:0px 0px 10px 0px;
}

footer #foot-center dl.f-navi-box dt{
	font-size:16px;
	margin:0px 0px 15px 0px;
}

footer #foot-center dl.f-navi-box dt{
	
}

footer #foot-center dl.f-navi-box dt.arrow03 {
     position: relative;
     padding-left: 0px;
}

footer #foot-center dl.f-navi-box dt.arrow03::before{
    position: absolute;
     content: '';
     width: 7px;
     height: 7px;
     border-bottom: solid 2px #000000;
     border-left: solid 2px #000000;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 50%;
     right: 0%;
     margin-top: -5px;
}

footer #foot-center dl.f-navi-box dd{
	font-size:14px;
	margin:0px 0px 5px 20px;
}

footer #foot-center dl.f-navi-box dd.lv03{
	padding:0px 0px 0px 1em;
}

dt.title{
	pointer-events: all;
}
	
.foot-toggle{
	display: none;
}

footer #foot-center .copyright{
	margin:40px auto 0px auto;
}

}

/*  666px～737px (スマートフォン・横) */
@media screen and (min-width:666px) and (max-width:737px) {
	
/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#search--*/
main #search{
	width:100%;
	height:170px;
	background-color:rgba(10,162,95,0.80);
	margin:-10px 0px 0px 0px;
}

main #search .search-in{
	width:80%;
	margin:0px auto 0px auto;
}

main #search .search-in img{
	max-width:405px;
	text-align:center;
	padding:1em 0em 1em 0em;
	margin:0px auto 0px auto;
}

main #search .collection-search{
	
}

main #search .search-in .collection-search{
	
}

main #search .search-in .collection-search form#search-form{
	clear:both;
	margin-bottom:10px;
}

main #search .search-in .collection-search #kywd{
	width:85%;
}

/*--#library-guide--*/
main #library-guide .lg-contents{
	width:85%;
	font-size:70%;
	padding:0px 0px 50px 0px;
}

main #library-guide .lg-contents dl{
	height:151px;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl dt{
	letter-spacing:0px;
}

main #library-guide .lg-contents dl#lg-box01{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box01 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box01 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

/*main #library-guide .lg-contents dl#lg-box01 dd img{
	max-width:180px;
	height:165px;
}*/
	
main #library-guide .lg-contents dl#lg-box02{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box02 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box02 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box03{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box03 dt{
	width:35%;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box03 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box04{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box04 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box04 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box05{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box05 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box05 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box06{
	width:49.4%;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box06 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box06 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl dt.2lines{
	width:33.2%;
	padding:21.2% 6% 21.2% 6%;
}

main #library-guide .lg-contents dl dd{
	
}


}

/* デザインB ～1024px （タブレット用） */
@media screen and (min-width: 600px) and (max-width:1024px) {
/* タブレット用レイアウト 600px以上の範囲に収めるデザインはこの中に記述 */
img{
	width:100%;	
}

.tab-none{
	display:none;	
}

/*==========================================
 body
===========================================*/
body{
	width:100%;
	height:100%;
	line-height:180%;
	padding:0px;
	margin:0px;
}

/*==========================================
 #container
===========================================*/
#container{
	width:100%;
	padding:0px;
	margin:0px auto 0px auto;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header{
	width:98%;
	max-width:960px;
	display:block;
	clear:both;
	padding:0px 0px 0px 0px;
}

header h1{
	width:auto; /* 355pxから変更 */
	max-width:47%; /* 355pxから変更 */
	/* height:80px; 固定化解除 */
	vertical-align:middle;
	float:left;
	display:block;
	padding:30px 0px 20px 0px;
	margin:auto 0px auto 1%;
}

header #head-contents{
	width:50%;
	float:right;
	margin:25px 0px 0px 0px;
}

header #head-contents ul{
	float:right;
}

header #head-contents ul li{
	float:left;
	margin:0px 0px 0px 10px;
}

header #head-contents ul li.sns{
	width:40px;
	height:40px;
	margin:2.5px 0px 0px 5px;
}

/* YouTubeのFontAwesomeアイコン*/
header #head-contents ul li.YTAwesome{
	height:40px;
	max-width:52.5px;
	margin:2.5px 0px 0px 5px;
}

header #head-contents ul li a i.YT{
	font-size :3em;
	/* height:40px; */
	color: red
}

header #head-contents ul li.login{
	height:42px;
	max-width:138px;
	margin:4px 0px 5px 5px;
}

header #head-language a{
	width:110px;
	float:right;
	text-align:center;
	font-size:12px;
	padding:2px 0px 2px 0px;
	margin:0px 0px 0px 0px;
}

header #head-donation a{
	width:220px;
	float:right;
	text-align:center;
	font-size:16px;
	padding:2px 0px 2px 0px;
	margin:0px 0px 0px 0px;
}

/*==========================================
 グローバルナビのスタイル
===========================================*/
nav #global{
	width:100%;
	padding:0px 0px 10px 0px;
	margin:10px auto 10px auto;
}

ul.menu li a:hover .word{
	width:85%;
	height:20px;
	color:#FFFFFF;
	background-color:#0AA25F;
	padding:6px 0px 0px 0px;
	margin:-6px auto 0px auto;
}

ul.menu li a .word{
	width:85%;
	height:20px;
	font-size:90%;
	padding:6px 0px 0px 0px;
	margin:-6px auto 0px auto;
}

ul.menu li#menu01 a{
	width:12%;
	background:url(../img/navi/01.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu02 a{
	width:18%;	/*アイコン追加(お問い合わせ)により19%→18% 2025.11 seto*/
	background:url(../img/navi/02.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu03 a{
	width:18%;	/*アイコン追加(お問い合わせ)により26%→18% 2025.11 seto*/
	background: url(../img/navi/03.png) center top no-repeat;
	text-align: center;
}

ul.menu li#menu04 a{
	width:18%;	/*アイコン追加(お問い合わせ)により23%→18% 2025.11 seto*/
	background:url(../img/navi/04.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu05 a{
	width:15%;	/*アイコン追加(お問い合わせ)により19%→15% 2025.11 seto*/
	height:10px;
	background:url(../img/navi/05.png) center top no-repeat;
	text-align:center;
}
/*アイコン追加(お問い合わせ) start 2025.11 seto*/
ul.menu li#menu06 a{
	width:15%;
	background:url(../img/navi/06.png) center top no-repeat;
	text-align:center;
}
/*アイコン追加(お問い合わせ) end 2025.11 seto*/

/*サブメニュー start*/

/*サブメニュー menu02*/
ul#navi > li#menu02 > ul#submenu02{
	width:18%; /*アイコン追加(お問い合わせ)により19%→18% 2025.11 seto*/
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	/*border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;*/
	margin:70px 0px 0px 12%; /* 70px 0px 0px 0pxから変更 */
}

ul#navi > li#menu02 > ul#submenu02 > li > a{
	width:18%;	/*アイコン追加(お問い合わせ)により150px→80% 2025.11 seto*/
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu02:hover > ul#submenu02 > li > a{
	width:18%;	/*アイコン追加(お問い合わせ)により150px→80% 2025.11 seto*/
	width:-moz-available; /* Firefox用として追加*/
	width:-webkit-fill-available; /* Chrome用として追加*/
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 5px 20px 5px; /* 7px 10px 20px 10px から変更*/
	border:#CCCCCC 1px solid;
	/* margin:5px; /* 5px 2.5px 5px 5pxから変更 */
	margin:5px 5% 5px 5%;	/*アイコン追加(お問い合わせ)によりmargin:5px;変更 2025.11 seto*/
	overflow:visible;
}

ul#navi > li#menu02 > ul#submenu02 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu03*/
ul#navi > li#menu03 > ul#submenu03{
	width:45%; /* 99.8%から変更 */
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	/*border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	margin:70px 0px 0px 31.2%; /* 70px 0px 0px 0pxから変更 */
	margin:70px 0px 0px 30.0%;	/*アイコン追加(お問い合わせ)により変更31.2%→30.0% 2025.11 seto*/
}

ul#navi > li#menu03 > ul#submenu03 > li > a{
	width:85px;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu03:hover > ul#submenu03 > li > a{
	width:85px;
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 5px 20px 5px; /* 7px 10px 20px 10px から変更*/
	border:#CCCCCC 1px solid;
	margin:5px; /* 5px 2.5px 5px 5pxから変更 */
	overflow:visible;
}

ul#navi > li#menu03 > ul#submenu03 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu04*/
ul#navi > li#menu04 > ul#submenu04{
	width:18%; /*アイコン追加(お問い合わせ)により24%→18% 2025.11 seto*/
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	/*border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	margin:70px 0px 0px 57.3%; /* 70px 0px 0px 0pxから変更 */
	margin:70px 0px 0px 48%;  /*アイコン追加(お問い合わせ)により57.3%→48% 2025.11 seto*/
}

ul#navi > li#menu04 > ul#submenu04 > li > a{
	width:150px;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu04:hover > ul#submenu04 > li > a{
	width:150px;
	width:-moz-available; /* Firefox用として追加*/
	width:-webkit-fill-available; /* Chrome用として追加*/
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	margin:5px; /* 5px 2.5px 5px 5pxから変更 */
	overflow:visible;
}

ul#navi > li#menu04 > ul#submenu04 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu05*/
ul#navi > li#menu05 > ul#submenu05{
	width:99.8%;
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9998;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	/*border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;*/
	margin:70px 0px 0px 0px;
}

ul#navi > li#menu05 > ul#submenu05 > li > a{
	width:150px;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu05:hover > ul#submenu05 > li > a{
	width:150px;
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	margin:5px; /* 5px 2.5px 5px 5pxから変更 */
	overflow:visible;
}

ul#navi > li#menu05 > ul#submenu05 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー end*/


/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
main{
	width:100%;
}

main #lower{
	width:96%;
	margin:0px auto 0px auto;
}

/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#top_image--*/
main #top-image{
	height:100%;
	z-index:1;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*--#search--*/
main #search{
	width:40%;
	height:230px;
	float:right;
	background-color:rgba(10,162,95,0.80);
	margin:-260px 0px 0px 0px;
}

main #search .search-in{
	width:80%;
	height:160px;
	margin:40px 0px 0px 25px;
}

main #search .search-in img{
	max-width:405px;
	margin:0px 0px 20px 0px;
}

main #search .collection-search{
	padding:1em 0em 1em 0em;
}

main #search .detail{
	font-size:90%;
	margin:20px 0px 0px 0px;
}

/*--#information--*/
main #information{
	width:100%;
	background:url(../img/info-bg01.jpg) no-repeat;
	background-size: cover;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
	padding:31px 0px 0px 0px;
	margin-top:-10px;
}

main #information .open-info a{
	text-align:center;
	padding:1em 1.5em;
	margin:0px 0px 25px 0px;
	font-size:1.5em; /*or 1.5rem ? */
}

main #information .info-contents{
	width:96%;
	clear:both;
	margin:0px auto 40px auto;
}

main #information .info-head{
	width:40%;
	max-width:280px;
	margin:0px auto 20px auto;
}

main #information .info-contents dl{
	/*width:100%;*/
}

main #information .info-contents dl dt{
	width:100px;
	float:left;
	padding:0px 0px 0px 20px
}

main #information .info-contents dl dd.date{
	width:100px;
	float:right;
	text-align:right;
	padding:10px 20px 10px 0px;
}

main #information .info-contents dl dd.text{
	padding-top:20px;	
	margin:20px;
}

main #information .info-bt a{
	
}

/*--#mid-banner--*/
main #mid-banner{
	width:520px;
	padding:0px 0px 0px 0px;
	margin:10px auto 10px auto;
}

main #mid-banner ul{
	width:520px;
	clear:both;
	margin:0px auto 0px auto;
}

main #mid-banner ul li a{
	width:240px;
	margin:0px 10px 0px 10px;
}

main #mid-banner ul li.adjusting a{
	width:238px;
	padding:25px 0px 25px 0px;
}

/*--#library-guide--*/
main #library-guide{
	width:100%;
	background:url(../img/guide-bg.jpg) no-repeat;
	/*background-color:rgba(255,255,255,0.80);*//*--0.80--*/
	background-blend-mode:lighten;
	padding:30px 0px 50px 0px;
	margin:0px auto 0px auto;
}

main #library-guide .lg-head{
	width:40%;
	max-width:280px;
	padding-top:20px;
}

main #library-guide .lg-bt a{
}

main #library-guide .lg-contents{
	width:98%;
	font-size:68%;
	padding:0px auto 20px auto;
}

main #library-guide .lg-contents dl{
	height:126px;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl dt{
	letter-spacing:0px;
}

main #library-guide .lg-contents dl#lg-box01{
	width:32%;
	float:left;
	margin:0px 0px 10px 0px;
}

main #library-guide .lg-contents dl#lg-box01 dt{
	width:35%;
	float:left;
	padding:49.5px 3% 49.5px 3%;
}

main #library-guide .lg-contents dl#lg-box01 dd{
	width:59%;
	height:124px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box01 dd img{
	
}
	
main #library-guide .lg-contents dl#lg-box02{
	width:32%;
	float:left;
	margin:0px 1.4% 10px 1.4%;
}

main #library-guide .lg-contents dl#lg-box02 dt{
	width:35%;
	float:left;
	padding:49.5px 3% 49.5px 3%;
}

main #library-guide .lg-contents dl#lg-box02 dd{
	width:59%;
	height:124px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box03{
	width:32%;
	float:right;
	margin:0px 0px 10px 0px;
}

main #library-guide .lg-contents dl#lg-box03 dt{
	width:35%;
	padding:49.5px 3% 49.5px 3%;
}

main #library-guide .lg-contents dl#lg-box03 dd{
	width:59%;
	height:124px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box04{
	width:32%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box04 dt{
	width:35%;
	float:left;
	padding:49.5px 3% 49.5px 3%;
}

main #library-guide .lg-contents dl#lg-box04 dd{
	width:59%;
	height:124px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box05{
	width:32%;
	float:left;
	margin:0px 1.4% 0px 1.4%;
}

main #library-guide .lg-contents dl#lg-box05 dt{
	width:35%;
	float:left;
	padding:49.5px 3% 49.5px 3%;
}

main #library-guide .lg-contents dl#lg-box05 dd{
	width:59%;
	height:124px;
	float:right;
}

main #library-guide .lg-contents dl#lg-box06{
	width:32%;
	float:right;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box06 dt{
	width:35%;
	float:left;
	padding:49.5px 3% 49.5px 3%;
}

main #library-guide .lg-contents dl#lg-box06 dd{
	width:59%;
	height:124px;
	float:right;
}

main #library-guide .lg-contents dl dt.2lines{
	width:33.2%;
	padding:21.2% 6% 21.2% 6%;
}

main #library-guide .lg-contents dl dd{
	
}

/*  600px～650px (スマートフォン・横1) */
@media screen and (min-width:600px) and (max-width:629px) {
/*--#library-guide--*/
main #library-guide .lg-contents{
	width:85%;
	font-size:70%;
	padding:0px 0px 50px 0px;
}

main #library-guide .lg-contents dl{
	height:151px;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl dt{
	letter-spacing:0px;
}

main #library-guide .lg-contents dl#lg-box01{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box01 dt{
	width:35%;
	float:left;
	padding:55.5px 3% 55.5px 3%;/*55.5px 3% 55.5px 3%*/
}

main #library-guide .lg-contents dl#lg-box01 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

/*main #library-guide .lg-contents dl#lg-box01 dd img{
	max-width:180px;
	height:165px;
}*/
	
main #library-guide .lg-contents dl#lg-box02{
	width:49.4%;
	display:table;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box02 dt{
	width:35%;
	padding:55.5px 3% 55.5px 3%;
}

main #library-guide .lg-contents dl#lg-box02 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box03{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box03 dt{
	width:35%;
	padding:55.5px 3% 55.5px 3%;
}

main #library-guide .lg-contents dl#lg-box03 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box04{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box04 dt{
	width:35%;
	float:left;
	padding:55.5px 3% 55.5px 3%;
}

main #library-guide .lg-contents dl#lg-box04 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box05{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box05 dt{
	width:35%;
	float:left;
	padding:55.5px 3% 55.5px 3%;
}

main #library-guide .lg-contents dl#lg-box05 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box06{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box06 dt{
	width:35%;
	float:left;
	padding:55.5px 3% 55.5px 3%;
}

main #library-guide .lg-contents dl#lg-box06 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl dt.2lines{
	width:33.2%;
	padding:21.2% 6% 21.2% 6%;
}

main #library-guide .lg-contents dl dd{
	
}	

}

/*  650px～737px (スマートフォン・横2) */
@media screen and (min-width:630px) and (max-width:737px) {
/*--#library-guide--*/
main #library-guide .lg-contents{
	width:85%;
	font-size:70%;
	padding:0px 0px 50px 0px;
}

main #library-guide .lg-contents dl{
	height:151px;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl dt{
	letter-spacing:0px;
}

main #library-guide .lg-contents dl#lg-box01{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box01 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;/*55.5px 3% 55.5px 3%*/
}

main #library-guide .lg-contents dl#lg-box01 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

/*main #library-guide .lg-contents dl#lg-box01 dd img{
	max-width:180px;
	height:165px;
}*/
	
main #library-guide .lg-contents dl#lg-box02{
	width:49.4%;
	display:table;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box02 dt{
	width:35%;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box02 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box03{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box03 dt{
	width:35%;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box03 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box04{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box04 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box04 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box05{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box05 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box05 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl#lg-box06{
	width:49.4%;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box06 dt{
	width:35%;
	float:left;
	padding:63px 3% 63px 3%;
}

main #library-guide .lg-contents dl#lg-box06 dd{
	width:59%;
	max-width:180px;
	height:151px;
}

main #library-guide .lg-contents dl dt.2lines{
	width:33.2%;
	padding:21.2% 6% 21.2% 6%;
}

main #library-guide .lg-contents dl dd{
	
}	

}

/*--#about-library--*/
main #about-library{
	width:100%;
	padding:0px 0px 20px 0px;
}

main #about-library .al-head{
	width:40%;
	max-width:280px;
}

main #about-library .al-contents{
	width:96%;
}

main #about-library .al-contents ul li a{
	width:30%;
	height:125px;
	float:left;
}

main #about-library .al-contents ul li.type01 a{
	margin:0px 0px 20px 0px;
}

main #about-library .al-contents ul li.type02 a{
	margin:0px 0px 0px 0px;
}

main #about-library .al-contents ul li.type-a a{
	float:left;
}

main #about-library .al-contents ul li.type-b a{
	float:right;
}

main #about-library .al-contents ul li#al-box02 a{
	margin:0px 4.4% 20px 4.4%;
}

main #about-library .al-contents ul li#al-box05 a{
	margin:0px 4.4% 0px 4.4%;
}

/*--#foot-banner--*/
main #foot-banner{
	width:520px;
	padding:20px 0px 0px 0px;
	margin:0px auto 0px auto;
}

main #foot-banner ul{
	width:520px;
	clear:both;
}

main #foot-banner ul li a{
	width:240px;
	margin:10px 10px 10px 10px;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
/* --パンくずリスト-- */
ul.breadcrumb {
	width:96%;
	font-size:90%;
	padding:0px;
	margin:30px auto 10px auto;
}

main{
	width:100%;
}

main #lower{
	width:96%;
	margin:0px auto 0px auto;
}

/* 見出し */
main h1{
	font-size:26px;
	vertical-align:middle;
	padding:20px 1em 20px 1em;
	margin:20px 0px 20px 0px;
}

main h2{
	vertical-align:middle;
	font-size:17px;
	padding:0.65em 0.0em 0.65em 0.60em;
	margin:0px auto 20px auto;
}

main h3{
	font-size:16px;
	padding:0.40em 0.0em 0.40em 0.60em;
	margin:0px auto 20px auto;
}

main h4{
	font-size:15px;
	padding:0.2em 0.0em 0.2em 0.60em;
	margin:0px auto 20px auto;
}

main h5{
	font-size:14px;
	padding:0.0em 0.0em 0.0em 0.60em;
	margin:0px auto 20px auto;
}

/* リスト */
ul.low-list{
	width:100%;
	font-size:90%;
	margin:30px auto 0px auto;
}

ul.low-list li a{
	width:30%;
	padding:5px 5px 5px 5px;
	margin:0px 1.5% 10px 0px;
}

ul.low-list li.fl-r a{
	
}

/*==========================================
 資料を探すのスタイル
===========================================*/
/*データベース*/
#searchItem dl dt{
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
}

#searchItem dl dd{
	width:80%;
	margin:0px 0px 0px 0px;
}

.modeBtns ul {
	width:60%;
	margin:0px auto 0px auto;
}

.modeBtns ul li.simpleList a{
	width:200px;
	display:block;
	float:left;
}
.modeBtns ul li.detailList a{
	width:200px;
	display:block;
	float:right;
}


/*==========================================
 図書館を使うのスタイル
===========================================*/
/* 総合利用案内*/
main table.tb01 td.library{
	width:180px;
}

main table.tb01 th.time{
	width:150px;
}

table#identification{
	width:100%;
	table-layout: fixed;
}

/*お問い合わせ*/
table.contact-tb{
	width:100%;
}

table.contact-tb td{
	line-height:120%;
}

table.contact-tb img{
	width:15px;
}

.departmental img{
	width:15px;
}

/*==========================================
 お知らせについてのスタイル
===========================================*/
dl.news{
	padding:5px 0px 15px 0px;
	margin:0px 0px 10px 0px;
}

dl.news dt.date{
	float:left;
	margin:0px 20px 0px 0px;
	width:100px; /* [yyyy/mm/dd]形式以外の文字列でも他行とずらさない */
}

dl.news dd.category{
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
}

dl.news dd.headline{
	
}

dl.news_top{
	padding:5px 0px 15px 0px;
	margin:0px 0px 10px 0px;
}

dl.news_top dt.date{
	float:left;
	margin:0px 20px 0px 0px;
	width: 100px;
}

dl.news_top dd.category{
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
}

dl.news_top dd.headline{
	
}

/*==========================================
 学習研究サポートについてのスタイル
===========================================*/
/*=====学習サポート=====*/
/*==学生用・教員用==*/
.inquiry .half{
	width:45%;
	float:left;
	margin-right:5%;
}

/*=====研究サポート=====*/
/*==教員用==*/
ul.entry-bt{
	width:644px;
	margin:0px auto 0px auto;
}

/*==施設利用案内==*/
table.facil-table{
	font-size:85%;
}

/*==========================================
 図書館についてのスタイル
===========================================*/
/*館長挨拶*/
.photo{
	width:200px;
/*	height:267px; 写真は館長写真だけではないため高さ表示設定を全パターンでコメントアウト */
	float:right;
	margin: 5px 0 30px 30px;
}

p.dir-name{
	width:200px;
	display:block;
	text-align:right;
	margin:10px 0px 50px 0px;
}

/*統計*/
table#quantity{
	width:50%;
}

table#service{
	font-size:85%;
}

table#facility{
	font-size:85%;
}



/*==========================================
 ページトップへボタンのスタイル
===========================================*/
/*--page-top--*/
#page-top {
  position: fixed;
  bottom: 30px;
  right: 10px;
}
  #page-top a {
    width: 50px;
    height: 50px;
    font-size: 10px;
    color: #FFFFFF;
    text-indent: -9999px;
    background-color: #0AA25F;
    border-radius: 30px;
	opacity:0.65;
    display: block;
    position: relative;
  }
  #page-top a:before {
    content: '';
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: -9px;
    border-top: 4px solid #FFFFFF;
    border-left: 4px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #page-top a:hover{
    background-color: #0AA25F;
  }

/*==========================================
 フッターのスタイル
===========================================*/
footer{
	width:100%;
	margin:30px auto 0px auto;
}

footer #foot-center{
	width:100%;
	font-size:90%;
	padding:30px 0px 30px 0px;
	margin:0px auto 0px auto;
}

footer #foot-center h1{
	width:245px;
	font-size:24px;
	text-align:center;
	padding:0px 0px 45px 0px;
}

footer #foot-center h1 p{
	margin-top:35px;
}

footer #foot-center .foot-navi{
	width:75%;
	margin:0px auto 0px auto;
}

footer #foot-center dl.f-navi-box{
	margin:0px 0px 0px 0px;
}

footer #foot-center dl.f-navi-box dt{
	font-size:15px;
	margin:0px 0px 25px 0px;
}

footer #foot-center dl.f-navi-box dd{
	font-size:13px;
	margin:0px 0px 3px 0px;
}

footer #foot-center dl.f-navi-box dd.lv02{
	font-size:100%;
}

footer #foot-center dl.f-navi-box dd.lv03{
	padding:0px 0px 0px 1em;
}

footer #foot-center dl.f-navi-box dd.no-link{
	pointer-events:none;
}

footer #foot-center .foot-navi dl#f-navi01{
	width:32%;
	height:400px;
	float:left;
	margin:0px 2% 0px 5%;
}

.foot-navi #f-navi-wrap01{
	width:32%;
	height:400px;
	float:left;
	margin:0px 2% 0px 0px;
}

#f-navi-wrap01 dl#f-navi02{
	width:100%;
	padding:0px 0px 30px 0px;
}

#f-navi-wrap01 dl#f-navi03{
	width:100%;
	margin:0px 0px 30px 0px;
}

#f-navi-wrap01 dl#f-navi04{
	width:100%;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi05{
	width:25%;
	height:400px;
	float:left;
	margin:0px 2% 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi06{
	width:72%;
	height:400px;
	float:left;
	margin:0px 2% 0px 5%;
}

footer #foot-center .foot-navi dl#f-navi06 .f-navi06-a{
	width:52%;
	float:left;
}

footer #foot-center .foot-navi dl#f-navi06 .f-navi06-b{
	width:48%;
	float:left;
}

footer #foot-center .foot-navi dl#f-navi07{
	width:21%;
	height:400px;
	float:left;
	margin:0px 0px 0px 0px;
}

.big-wrap{
	width:100%;
	height:420px;
	display:block;
	clear:both;
}

.big-wrap2{
	width:100%;
	height:480px;
	display:block;
	clear:both;
}

}

/* デザインC 1025px～ （PC用） */
@media print, screen and (min-width: 1025px) {
/* PC用レイアウト 1,025px以上の範囲に収めるデザインはこの中に記述 */
.pc-none{
	display:none;	
}

.hamburger{
	display:none;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header{
	width:1050px;
	max-width:1050px;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
}

header h1{
	width:510px;
	height:95px;
	vertical-align:middle;
	float:left;
	display:block;
	padding:25px 0px 25px 0px;
	margin:0px 0px 0px 0px;
}

header #head-contents{
	width:435px;
	float:right;
	margin:25px 0px 0px 0px;
}

header #head-contents ul{
	
}

header #head-contents ul li{
	float:left;
	margin:0px 0px 0px 25px;
}

header #head-contents ul li.sns{
	height:50px;
	max-width:50px;
	margin:2.5px 0px 0px 15px;
}

header #head-contents ul li.YTAwesome{
	height:50px;
	max-width:70px;
	margin:2.5px 0px 0px 15px;
}

header #head-contents ul li a i.YT{
	font-size:4em;
	/* height:50px; */
	/* width: 130px; */
	color: red
}

header #head-contents ul li.login{
	/* width:230px; */
	height:60px;
	margin:0px 0px 0px 10px;
}

header #head-language a{
	width:110px;
	float:right;
	text-align:center;
	font-size:12px;
	padding:2px 0px 2px 0px;
	margin:10px 0px 0px 0px;
}


header #head-donation a{
	width:220px;
	float:right;
	text-align:center;
	font-size:16px;
	padding:2px 0px 2px 0px;
	margin:10px 30px 0px 0px;
}


/*==========================================
 グローバルナビのスタイル
===========================================*/
/*--nav--*/
nav #global{
	/* width:1050px; */
	width:100%;	/*アイコン追加(お問い合わせ)により1050px→100% 2025.11 seto*/
}

ul.menu li a:hover .word{
	/* width:63%; */
	width:85%;	/*アイコン追加(お問い合わせ)により63%→85% 2025.11 seto*/
	height:20px;
	color:#FFFFFF;
	background-color:#0AA25F;
	padding:6px 0px 0px 0px;
	margin:-6px auto 0px auto;
}

ul.menu li a .word{
	/* width:63%; */
	width:85%;	/*アイコン追加(お問い合わせ)により63%→85% 2025.11 seto*/
	height:20px;
	padding:6px 0px 0px 0px;
	margin:-6px auto 0px auto;
}

ul.menu li#menu01 a{
	/* width:177px; */
	width:12%;	/*アイコン追加(お問い合わせ)により177px→12% 2025.11 seto*/
	background:url(../img/navi/01.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu02 a{
	/* width:196px; */
	width:20%;	/*アイコン追加(お問い合わせ)により196px→20% 2025.11 seto*/
	background:url(../img/navi/02.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu03 a{
	/* width: 231px; */
	width:20%;	/*アイコン追加(お問い合わせ)により231px→20% 2025.11 seto*/
	background: url(../img/navi/03.png) center top no-repeat;
	text-align: center;
}

ul.menu li#menu04 a{
	/* width:240px; */
	width:18%;	/*アイコン追加(お問い合わせ)により240px→18% 2025.11 seto*/
	background:url(../img/navi/04.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu05 a{
	/* width:198px; */
	width:13%;	/*アイコン追加(お問い合わせ)により198px→13% 2025.11 seto*/
	position:relative;
	background:url(../img/navi/05.png) center top no-repeat;
	text-align:center;
}
/*アイコン追加(お問い合わせ) start 2025.11 seto*/
ul.menu li#menu06 a{
	width:13%;
	background:url(../img/navi/06.png) center top no-repeat;
	text-align:center;
}
/*アイコン追加(お問い合わせ) end 2025.11 seto*/


/*サブメニュー start*/

/*サブメニュー menu02*/
ul#navi > li#menu02 > ul#submenu02{
	/* width:198px; */
	width:20%; /*アイコン追加(お問い合わせ)により198px→20% 2025.11 seto*/
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	/*border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	margin:70px 0px 0px 176px; */
	margin:70px 0px 0px 12%; /* アイコン追加(お問い合わせ)により70px 0px 0px 176pxから変更 2025.11 seto */
}

ul#navi > li#menu02 > ul#submenu02 > li > a{
	/* width:160px; */
	width:80%;	/*アイコン追加(お問い合わせ)により160px→80% 2025.11 seto*/
	float:left;	/*アイコン追加(お問い合わせ)により追加 2025.11 seto*/
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	/*アイコン追加(お問い合わせ)により-10px 0px 0px 0pxから変更 2025.11 seto*/
	/*margin:-10px 0px 0px 0px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu02:hover > ul#submenu02 > li > a{
	/* width:165px; */
	width:80%;	/*アイコン追加(お問い合わせ)により165px→80% 2025.11 seto*/
	float:left;	/*アイコン追加(お問い合わせ)により追加 2025.11 seto*/
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;

	/*padding:7px 10px 20px 10px; */
	padding:7px 5px 20px 5px;	/* アイコン追加(お問い合わせ)により7px 10px 20px 10px から変更 2025.11 seto */	
	border:#CCCCCC 1px solid;
	/*margin:5px 2.5px 5px 5px;*/
	margin:5px 5% 5px 5%;		/* アイコン追加(お問い合わせ)により5px 2.5px 5px 5pxから変更 2025.11 seto*/	
	overflow:visible;
}

ul#navi > li#menu02 > ul#submenu02 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu03*/
ul#navi > li#menu03 > ul#submenu03{
	/* width:232px; */
	width:20%;		/*アイコン追加(お問い合わせ)により232px→20% 2025.11 seto*/
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	/*border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	margin:70px 0px 0px 374px; */
	margin:70px 0px 0px 32%;	/*アイコン追加(お問い合わせ)により 70px 0px 0px 374pxから変更 2025.11 seto*/	
}

ul#navi > li#menu03 > ul#submenu03 > li > a{
	width:37%;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu03:hover > ul#submenu03 > li > a{
	width:37%;
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	/*padding:7px 10px 20px 10px;*/
	padding:7px 5px 20px 5px; /*アイコン追加(お問い合わせ)により 7px 10px 20px 10px から変更 2025.11 seto*/
	border:#CCCCCC 1px solid;
	/*margin:5px 2.5px 5px 5px; */
	margin:5px 3% 5px 3%;	/*アイコン追加(お問い合わせ)により 5px 2.5px 5px 5px から変更 2025.11 seto*/
	overflow:visible;
}

ul#navi > li#menu03 > ul#submenu03 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu04*/
ul#navi > li#menu04 > ul#submenu04{
	/*width:245px; /*元々1050px*/
	width:18%;	/*アイコン追加(お問い合わせ)により245px→18% 2025.11 seto*/
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	/*border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;*/
	/*margin:70px 0px 0px 606px; /*元々最後は0px*/
	margin:70px 0px 0px 52%;  /*アイコン追加(お問い合わせ)により 606px→52% 2025.11 seto*/
}

ul#navi > li#menu04 > ul#submenu04 > li > a{
	width:150px;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu04:hover > ul#submenu04 > li > a{
	/*width:214px; /*元々150px*/
	width:150px;	/*アイコン追加(お問い合わせ)により 214px→150px戻し 2025.11 seto*/
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	/*margin:5px 2.5px 5px 5px; */
	margin:5px; /*アイコン追加(お問い合わせ)により 5px 2.5px 5px 5pxから変更 2025.11 seto*/
	overflow:visible;
}

ul#navi > li#menu04 > ul#submenu04 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu05*/
ul#navi > li#menu05 > ul#submenu05{
	/*width:198px;*/
	width:15%;	/*アイコン追加(お問い合わせ)により198px→15% 2025.11 seto*/
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	/*border-top:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	margin:70px 0px 0px 823px; */
	margin:70px 0px 0px 70%;	/*アイコン追加(お問い合わせ)により 70px 0px 0px 823px から変更 2025.11 seto*/
}

ul#navi > li#menu05 > ul#submenu05 > li > a{
	/*width:165px; */
	width:150px;	/*アイコン追加(お問い合わせ)により165px→150px 2025.11 seto*/
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;*/
}

ul#navi > li#menu05:hover > ul#submenu05 > li > a{
	/*width:165px; */
	width:150px;	/*アイコン追加(お問い合わせ)により165px→150px 2025.11 seto*/
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	/*margin:5px 2.5px 5px 5px; */
	margin:5px; /* アイコン追加(お問い合わせ)により 5px 2.5px 5px 5pxから変更 2025.11 seto*/
	overflow:visible;
}

ul#navi > li#menu05 > ul#submenu05 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー end*/

/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#top_image--*/
main #top-image{
	height:520px;
	z-index:1;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*--#search--*/
main #search{
	width:700px;
	height:400px;
	float:right;
	background-color:rgba(10,162,95,0.80);
	margin:-470px 0px 0px 0px;
}

main #search .search-in{
	width:410px;
	height:170px;
	margin:115px 0px 0px 75px;
}

main #search .search-in img{
	margin:0px 0px 20px 0px;
}

main #search .collection-search{
	padding:1em 0em 1em 0em;
}

main #search .search-in .collection-search{
	
}

main #search .search-in .collection-search #kywd{
	width:300px;
}

main #search .search-in .collection-search .searchBtn{
	
}

main #search .detail{
	margin:20px 0px 0px 0px;
}

/*--#information--*/
main #information{
/*	width:1050px; Firefoxで背景表示されないためコメントアウト */
	height:900px;/*  前は829pxだが、10個程度だと下部余白ができがちのため */
	background:url(../img/info-bg.jpg) no-repeat;
	background-size: cover;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
}

main #information .open-info a{
	text-align:center;
	padding:15px 15px; /* 5px 0px 5px 0px; */
	margin:0px 0px 25px 0px;
	font-size: 1.5em /* or 1.5rem ?*/
}

main #information .info-contents{
	width:1050px;
	/* height:350px; ==2021.7.20コメントアウト== */
	margin:0px auto 35px auto;/*--変更あり--*/
}
@-moz-document url-prefix(){/*--変更あり--*/
main #information .info-contents{
	width:100%;
	/* height:350px; ==2021.7.20コメントアウト== */
	display:inline-table;
	margin:0px auto 35px auto;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
}
}

main #information .info-contents dl{
}

main #information .info-contents dl dt{
	/*width:100px;*/
	float:left;
	padding:0px 0px 0px 20px
}

main #information .info-contents dl dd.date{
	width:130px;
	float:right;
	text-align:right;
	padding:10px 20px 10px 0px;
}

main #information .info-contents dl dd.text{
	padding-top:20px;	
	margin:20px;
}

main #information .info-bt a{
	
}

/*--#mid-banner--*/
main #mid-banner{
	min-height:80px;
	margin:35px auto 35px auto;
}
@-moz-document url-prefix(){/*--変更あり--*/
main #mid-banner{
	width:100%;
	height:80px;
	display:inline-table;
	margin:35px auto 35px auto;
}
}

main #mid-banner ul{
	width: 1050px;
}

main #mid-banner ul li a{
	width:240px;
	box-sizing:border-box;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 10px
}

main #mid-banner ul li.adjusting a{
	width:238px;
	padding:26.5px 0px 26.5px 0px;
	margin:0px 10px 0px 10px
}

/*--#library-guide--*/
main #library-guide{
	width:1500px;
	height:700px;
	background:url(../img/guide-bg.jpg) no-repeat;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
}
@-moz-document url-prefix(){/*--変更あり--*/
main #library-guide{
	width:100%;
	height:700px;
	background:url(../img/guide-bg.jpg) no-repeat;
	display: inline-table;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
}
}

main #library-guide .green-ransparent{
	width:1500px;
	height:700px;
}

main #library-guide .lg-head{
	width:1050px;
}

main #library-guide .lg-contents{
	width:1050px;
	margin:0px auto 65px auto;
}

main #library-guide .lg-contents dl dt{
	letter-spacing:5px;
}

main #library-guide .lg-contents dl{
	width:330px;
	display:inline-flex;
}

main #library-guide .lg-contents dl#lg-box01{
	width:328px;
	height:165px;
	float:left;
	margin:0px 0px 28px 0px;
}

main #library-guide .lg-contents dl#lg-box01 dt{
	width:33.2%;
	padding:70.4px 6% 70.4px 6%;
}

main #library-guide .lg-contents dl#lg-box02{
	width:328px;
	height:165px;
	float:left;
	margin:0px 26px 28px 27px;
}

main #library-guide .lg-contents dl#lg-box02 dt{
	width:33.2%;
	padding:70.4px 6% 70.4px 6%;
}

main #library-guide .lg-contents dl#lg-box03{
	width:328px;
	float:right;
	margin:0px 0px 28px 0px;
}

main #library-guide .lg-contents dl#lg-box03 dt{
	width:33.2%;
	padding:57px 6% 57px 6%;
}

main #library-guide .lg-contents dl#lg-box04{
	width:328px;
	height:165px;
	float:left;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box04 dt{
	width:33.2%;
	padding:70.4px 6% 70.4px 6%;
}

main #library-guide .lg-contents dl#lg-box05{
	width:328px;
	height:165px;
	float:left;
	margin:0px 26px 0px 27px;
}

main #library-guide .lg-contents dl#lg-box05 dt{
	width:33.2%;
	padding:70.4px 6% 70.4px 6%;
}

main #library-guide .lg-contents dl#lg-box06{
	width:328px;
	height:165px;
	float:right;
	margin:0px 0px 0px 0px;
}

main #library-guide .lg-contents dl#lg-box06 dt{
	width:33.2%;
	padding:70.4px 6% 70.4px 6%;
}

main #library-guide .lg-contents dl dt.2lines{
	width:33.2%;
	padding:21.2% 6% 21.2% 6%;
}

main #library-guide .lg-contents dl dd{
	height:165px;
}

/*--#about-library--*/
main #about-library{
	width:1500px;
	padding:0px 0px 53px 0px;
}

main #about-library .al-head{
	width:1050px;
}

main #about-library .al-contents{
	width:1050px;
}

main #about-library .al-contents ul{
	display:flex;
}

main #about-library .al-contents ul li a{
	width:188px;
	height:125px;
}

main #about-library .al-contents ul li.type01 a{
	margin:0px 23.5px 0px 0px;
}

main #about-library .al-contents ul li.type02 a{
	margin:0px 0px 0px 0px;
}

/*--#foot-banner--*/
main #foot-banner{
	width:1050px;
	height:80px;
	padding:40px 0px 0px 0px;
	margin:0px auto 0px auto;
}

main #foot-banner ul li.type01 a{
	margin:0px 30px 0px 0px;
}

main #foot-banner ul li.type02 a{
	margin:0px 0px 0px 0px;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
/* --パンくずリスト-- */
ul.breadcrumb {
	width:1050px;
	padding:0px;
	margin:30px auto 10px auto;
}

main{
	
}

main #lower{
	width:1050px;
	padding:0px 0px 50px 0px;
	margin:0px auto 0px auto;
}

/* 見出し */
main h1{
	font-size:30px;
	vertical-align:middle;
	padding:22px 10px 40px 10px; /*旧:10px←1em */
	margin:40px 0px 40px 0px;
}

main h2{
	vertical-align:middle;
	font-size:17px;
	padding:0.75em 0.0em 0.75em 1.50em;
	margin:0px auto 20px auto;
}

main h3{
	font-size:16px;
	padding:0.40em 0.0em 0.40em 1.00em;
	margin:0px auto 20px auto;
}

main h4{
	font-size:15px;
	padding:0.1em 0.0em 0.1em 1.00em;
	margin:0px auto 20px auto;
}

main h5{
	font-size:14px;
	padding:0.0em 0.0em 0.0em 1.00em;
	margin:0px auto 20px auto;
}

/* テキストボックス */
main .txt01{
	padding:0px 20px 0px 20px;
}

/* テーブル */


/* リスト */
ul.low-list{
	width:1040px;
}

ul.low-list li a{
	width:223px;
	padding:10px 0px 10px 15px;
	margin:0px 16px 16px 0px;
}

ul.low-list li.right{
	
}

/*==========================================
 資料を探すのスタイル
===========================================*/
/*データベース*/
#searchItem dl dt{
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
}

#searchItem dl dd{
	width:850px;
	margin:0px 0px 0px 0px;
}

.modeBtns ul {
	width:50%;
	margin:0px auto 0px auto;
}

.modeBtns ul li.simpleList a{
	width:200px;
	display:block;
	float:left;
}
.modeBtns ul li.detailList a{
	width:200px;
	display:block;
	float:right;
}

/*==========================================
 図書館を使うのスタイル
===========================================*/
/*総合利用案内*/
main table.tb01 td.library{
	width:180px;
}

table#identification{
	width:100%;
	table-layout: fixed;
}

/*キャンパス間資料搬送サービス*/

/*==========================================
 お知らせについてのスタイル
===========================================*/

dl.news_top{
	padding:6px 0px 6px 0px;
	margin:0px 0px 0px 0px;
}
dl.news_top:last-child {
	margin-bottom: 6px;
}

dl.news_top dt.date{
	float:left;
	margin:0px 20px 0px 0px;
	width: 100px;
}

dl.news_top dd.category{
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
}

dl.news_top dd.headline{
	
}

dl.news{
	padding:5px 0px 15px 0px;
	margin:0px 0px 10px 0px;
}

dl.news dt.date{
	float:left;
	margin:0px 20px 0px 0px;
	width:100px; /* [yyyy/mm/dd]形式以外の文字列でも他行とずらさない */
}

dl.news dd.category{
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
}

dl.news dd.headline{
	
}

/*==========================================
 学習研究サポートについてのスタイル
===========================================*/
/*=====学習サポート=====*/
/*==学生用・教員用==*/
.inquiry .half{
	width:48%;
	float:left;
	margin-right:2%;
}

/*=====研究サポート=====*/
/*==教員用==*/
ul.entry-bt{
	width:644px;
	margin:0px auto 0px auto;
}

/*==========================================
 図書館についてのスタイル
===========================================*/
/*館長挨拶*/
.photo{
	width:200px;
/*	height:267px; 写真は館長写真だけではないため高さ表示設定を全パターンでコメントアウト */
	float:right;
	margin: 5px 0 30px 30px;
}

p.dir-name{
	width:200px;
	display:block;
	text-align:right;
	margin:10px 0px 50px 0px;
}

/*東北大学附属図書館創立百周年記念サイト（2011年）*/
ul.memorial-photo{
	width:610px;
	margin:0px auto 0px auto;
}

/*統計*/
table#quantity{
	width:50%;
}

/*==========================================
 ページトップへボタンのスタイル
===========================================*/
/*--page-top--*/
#page-top {
  position: fixed;
  bottom: 50px;
  right: 50px;
}
  #page-top a {
    width: 58px;
    height: 58px;
    font-size: 10px;
    color: #FFFFFF;
    text-indent: -9999px;
    background-color: #0AA25F;
    border-radius: 30px;
	border:#FFFFFF 2px solid;
    display: block;
    position: relative;
  }
  #page-top a:before {
    content: '';
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: -9px;
    border-top: 4px solid #FFFFFF;
    border-left: 4px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #page-top a:hover{
    background-color: #0AA25F;
	opacity:.50;
  }



}

/*  1501px～ (フッター・PC) */
@media print, screen and (min-width: 1500px) {
/*==========================================
 body
===========================================*/
body{
	min-width:1100px;
	
}

/*==========================================
 #container
===========================================*/
/*--container--*/
#container{
	width:1500px;
	min-width:1200px;
	clear:both;
	padding:0px;
	margin:0px auto 40px auto;
}

/*アイコン追加(お問い合わせ)により、グローバルナビスタイル対応追加-- ここから -- 2025.11 seto*/
/*==========================================
 グローバルナビのスタイル
===========================================*/

/*--nav--*/
nav #global{
/*	width:100%; */
	width:1500px; */
}

ul.menu li a:hover .word{
	width:70%;	/*アイコン追加(お問い合わせ)により63%→70% 2025.11 seto*/
	height:20px;
	color:#FFFFFF;
	background-color:#0AA25F;
	padding:6px 0px 0px 0px;
	margin:-6px auto 0px auto;
}

ul.menu li a .word{
	width:70%;
	height:20px;
	padding:6px 0px 0px 0px;
	margin:-6px auto 0px auto;
}

ul.menu li#menu01 a{
	width:180px;
	/*width:12%; */
	background:url(../img/navi/01.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu02 a{
	width:270px;
	/*width:18%; */
	background:url(../img/navi/02.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu03 a{
	width:270px;
	/*width: 18%;*/
	background: url(../img/navi/03.png) center top no-repeat;
	text-align: center;
}

ul.menu li#menu04 a{
	width:270px;
	/*width:18%;*/
	background:url(../img/navi/04.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu05 a{
	width:225px;
	/*width:15%; */
	position:relative;
	background:url(../img/navi/05.png) center top no-repeat;
	text-align:center;
}
ul.menu li#menu06 a{
	width:225px;
	/*width:15%; */		
	background:url(../img/navi/06.png) center top no-repeat;
	text-align:center;
}

/*サブメニュー start*/

/*サブメニュー menu02*/
ul#navi > li#menu02 > ul#submenu02{
	width:270px;
	/*width:18%; */
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	margin:70px 0px 0px 180px;
}

ul#navi > li#menu02 > ul#submenu02 > li > a{
	width:215px;
	/*width:80%;*/
	/*float:left;*/
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul#navi > li#menu02:hover > ul#submenu02 > li > a{
	width:215px;
	/*width:80%;*/
	/*float:left;*/
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	margin: 5px 5% 5px 5%;
	overflow:visible;
}

ul#navi > li#menu02 > ul#submenu02 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu03*/
ul#navi > li#menu03 > ul#submenu03{
	width:270px;
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	margin:70px 0px 0px 450px;
}

ul#navi > li#menu03 > ul#submenu03 > li > a{
	width:85px;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul#navi > li#menu03:hover > ul#submenu03 > li > a{
	width:85px;
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	margin: 5px 5% 5px 5%;
	overflow:visible;
}

ul#navi > li#menu03 > ul#submenu03 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu04*/
ul#navi > li#menu04 > ul#submenu04{
	width:270px;
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	margin:70px 0px 0px 720px;
}

ul#navi > li#menu04 > ul#submenu04 > li > a{
	width:215px;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul#navi > li#menu04:hover > ul#submenu04 > li > a{
	width:215px;
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	margin: 5px 5% 5px 5%;
	overflow:visible;
}

ul#navi > li#menu04 > ul#submenu04 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー menu05*/
ul#navi > li#menu05 > ul#submenu05{
	width:225px;
	background-color:#0AA25F;
	position:absolute;
	/*top:0%;*/
	z-index:9999;
	text-align:left;
	line-height:120%;
	font-size:9pt;
	font-weight:bold;
	padding:0px;
	margin:70px 0px 0px 990px;
}

ul#navi > li#menu05 > ul#submenu05 > li > a{
	width:180px;
	float:left;
	display:block;
	height:0px;
	text-indent:0px;
	position:relative;
	font-size:9pt;
	visibility:hidden;
	overflow:hidden;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul#navi > li#menu05:hover > ul#submenu05 > li > a{
	width:180px;
	float:left;
	display:block;
	visibility:visible;
	background-color:#FFFFFF;
	background-image:none;
	padding:7px 10px 20px 10px;
	border:#CCCCCC 1px solid;
	margin: 5px 5% 5px 5%;
	overflow:visible;
}

ul#navi > li#menu05 > ul#submenu05 > li > a:hover{
	background-color:#C4E9D9;
}

/*サブメニュー end*/
/*アイコン追加(お問い合わせ)により、グローバルナビスタイル対応追加-- ここまで -- 2025.11 seto*/


/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#information--*/
main #information{
	padding:31px 225px 0px 225px;
}


/*==========================================
 フッターのスタイル
===========================================*/
footer{
	min-width:1280px;
}

footer #foot-center{
	width:1280px;
	padding:55px 0px 55px 0px;
	margin:0px auto 0px auto;
}

footer #foot-center h1{
	width:250px;
	font-size:26px;
	text-align:center;
	padding:0px 0px 65px 0px;
}

footer #foot-center h1 p{
	margin-top:35px;
}

/*--サイトマップ--*/
footer #foot-center .foot-navi{
	width:1280px;
	height:430px;
}

footer #foot-center dl.f-navi-box{
	margin:0px 0px 0px 0px;
}

footer #foot-center dl.f-navi-box dt{
	font-size:16px;
	margin:0px 0px 25px 0px;
}

footer #foot-center dl.f-navi-box dd{
	font-size:14px;
	margin:0px 0px 5px 0px;
}

footer #foot-center dl.f-navi-box dd.lv02{
	font-size:105%;
}

footer #foot-center dl.f-navi-box dd.lv03{
	padding:0px 0px 0px 14px;
}

footer #foot-center dl.f-navi-box dd.no-link{
	pointer-events:none;
}

footer #foot-center .foot-navi dl#f-navi01{
	width:200px;
	height:430px;
	float:left;
	margin:0px 10px 0px 20px;
}

.foot-navi #f-navi-wrap01{
	width:200px;
	height:430px;
	float:left;
	margin:0px 10px 0px 0px;
}

#f-navi-wrap01 dl#f-navi02{
	width:200px;
	padding:0px 0px 50px 0px;
}

#f-navi-wrap01 dl#f-navi03{
	width:200px;
	margin:0px 0px 50px 0px;
}

#f-navi-wrap02 dl#f-navi04{
	width:200px;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi05{
	width:180px;
	height:430px;
	float:left;
	margin:0px 10px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi06{
	width:450px;
	height:430px;
	float:left;
	margin:0px 10px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi06 .f-navi06-a{
	width:220px;
	float:left;
}

footer #foot-center .foot-navi dl#f-navi06 .f-navi06-b{
	float:left;
}

footer #foot-center .foot-navi dl#f-navi07{
	width:190px;
	height:430px;
	float:left;
	margin:0px 0px 0px 0px;
}
/*--/サイトマップ--*/

footer #foot-center .copyright{
	margin:70px auto 0px auto;
}
}