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

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

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--*/
/*-- green(rgba0,100,53,0.80)→blue(rgba29,155,240,0.80)（瀬戸） --*/
main #search{
	width:100%;
	height:170px;
	background-color:rgba(29,155,240,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 .ref-guide{
	padding:0.5em 1.5em;
	margin:0px auto 25px auto;
}

main #information .openning-hours{
	padding:0.5em 1.5em;
	margin:0px auto 25px auto;
}

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#box01{
	width:100%;
	height:148px;
	margin:0px 0px 20px 0px;
}

main #information .info-contents dl#box02{
	width:100%;
	height:148px;
	margin:0px 0px 20px 0px;
}

main #information .info-contents dl#box03{
	width:100%;
	height:148px;
	margin:0px 0px 20px 0px;
}

main #information .info-contents dl#box04{
	width:100%;
	height:148px;
	margin:0px 0px 20px 0px;
}

main #information .info-contents dl#box05{
	width:100%;
	height:148px;
	margin:0px 0px 20px 0px;
}

main #information .info-contents dl#box06{
	width:100%;
	height:148px;
	margin:0px 0px 0px 0px;
}

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;
}

/*--#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;
}

main #about-library .al-contents ul li#al-box01 a{
	background-size:100% 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: #1D9BF0;
    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: #1D9BF0;
  }

/*==========================================
 フッターのスタイル
===========================================*/
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--*/
/*-- green(rgba0,100,53,0.80)→blue(rgba29,155,240,0.80)（瀬戸） --*/
main #search{
	width:100%;
	height:170px;
	background-color:rgba(29,155,240,0.8);
	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%;
}

}

/* デザイン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;
	max-width:47%;
	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;
}

header #head-contents ul li.login{
	max-width:138px;
	height:42px;
	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;
}

/*==========================================
 グローバルナビのスタイル
===========================================*/
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:#1D9BF0;
	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:14%;	/*アイコン追加(学外)により12%→14% 2023.10 seto*/
	background:url(../img/navi/01.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu02 a{
	width:16%; /*アイコン追加(学外)により19%→16% 2023.10 seto*/
	background:url(../img/navi/03.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu03 a{
	width:16%;	/*アイコン追加(学外)により22%→16% 2023.10 seto*/
	background: url(../img/navi/04.png) center top no-repeat;
	text-align: center;
}

ul.menu li#menu04 a{
	width:16%;	/*アイコン追加(学外)により22%→16% 2023.10 seto*/
	background:url(../img/navi/05.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu05 a{
	width:16%;	/*アイコン追加(学外)により19%→16% 2023.10 seto*/
	background:url(../img/navi/06.png) center top no-repeat;
	text-align:center;
}
/*アイコン追加(学外) start*/
ul.menu li#menu06 a{
	width:19%;
	background:url(../img/navi/07.png) center top no-repeat;
	text-align:center;
}
/*アイコン追加(学外) end*/

/*サブメニュー start*/

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

ul#navi > li#menu02 > ul#submenu02 > 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#menu02:hover > ul#submenu02 > 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 5px 20px 5px;
	border:#CCCCCC 1px solid;
	margin:5px;
	overflow:visible;
}

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

/*サブメニュー menu03*/
ul#navi > li#menu03 > ul#submenu03{
	width:45%;
	background-color:#006435;
	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 31.2%;
}

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;
	border:#CCCCCC 1px solid;
	margin:5px;
	overflow:visible;
}

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

/*サブメニュー menu04*/
ul#navi > li#menu04 > ul#submenu04{
	width:24%;
	background-color:#1D9BF0;
	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 57.3%;
}

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;
	overflow:visible;
}

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

/*サブメニュー menu05*/
ul#navi > li#menu05 > ul#submenu05{
	width:99.8%;
	background-color:#006435;
	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 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;
	overflow:visible;
}

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

/*サブメニュー menu06*/
ul#navi > li#menu06 > ul#submenu06{
	width:99.8%;
	background-color:#006435;
	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 0px;
}

ul#navi > li#menu06 > ul#submenu06 > 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#menu06:hover > ul#submenu06 > 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;
	overflow:visible;
}

ul#navi > li#menu06 > ul#submenu06 > li > a:hover{
	background-color:#CBE8FB;
}

/*サブメニュー 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--*/
/*-- green(rgba0,100,53,0.80)→blue(rgba29,155,240,0.80)（瀬戸） --*/
main #search{
	width:40%;
	height:170px;
	float:right;
	background-color:rgba(29,155,240,0.8);
	margin:-200px 0px 0px 0px;
}

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

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

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

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

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

main #information .ref-guide{
	padding:0.5em 1.5em;
	margin:0px auto 25px auto;
}

main #information .openning-hours{
	padding:0.5em 1.5em;
	margin:0px auto 25px auto;
}

main #information .open-info a{
	text-align:center;
	padding:1em 1.5em;
	margin:0px 0px 25px 0px;
}

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#box01{
	width:49%;
	height:133px;
	float:left;
	margin:0px 0px 10px 0px;
}

main #information .info-contents dl#box02{
	width:49%;
	height:133px;
	float:right;
	margin:0px 0px 10px 0px;
}

main #information .info-contents dl#box03{
	width:49%;
	height:133px;
	float:left;
	margin:0px 0px 10px 0px;
}

main #information .info-contents dl#box04{
	width:49%;
	height:133px;
	float:right;
	margin:0px 0px 10px 0px;
}

main #information .info-contents dl#box05{
	width:49%;
	height:133px;
	float:left;
	margin:0px 0px 10px 0px;
}

main #information .info-contents dl#box06{
	width:49%;
	height:133px;
	float:right;
	margin:0px 0px 10px 0px;
}

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:600px; /*-- 520px->600px --*/
	padding:0px 0px 0px 0px;
	margin:10px auto 10px auto;
}

main #mid-banner ul{
	width:600px; /*-- 520px->600px --*/
	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;
}

/*--#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:70%;
}

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

main #about-library .al-contents ul li.type01 a{
	margin:0px 0px 1.55% 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;
}



/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
/* --パンくずリスト-- */
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;
}

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: #1D9BF0;
    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: #1D9BF0;
  }

/*==========================================
 フッターのスタイル
===========================================*/
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:20px;
	text-align:center;
	line-height:120%;
	padding:0px 0px 45px 0px;
}

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

footer #foot-center .foot-navi{
	width:93%;
	margin:0px auto 40px 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:98%;	/*アイコン追加(学外)により100%→98% 2023.10 seto*/
}

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:12%;
	float:left;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi02{
	width:28%;
	float:left;
	margin:0px 0px 0px 0px;
}

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

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

footer #foot-center .foot-navi dl#f-navi03{
	width:16%;
	float:left;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi04{
	width:18%;
	float:left;
	margin:0px 0px 0px 0px;
}

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

footer #foot-center .foot-navi dl#f-navi06{
	width:11%;
	float:left;
	margin:0px 0px 0px 0px;
}

/*.big-wrap{
	width:100%;
	height:420px;
	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{
	max-width:70px;
	height:50px;
	margin:2.5px 0px 0px 15px;
}

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;
}

/*==========================================
 グローバルナビのスタイル
===========================================*/
/*--nav--*/
nav #global{
	width:1050px;
}

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

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

ul.menu li#menu01 a{
	width:160px;		/*アイコン追加(学外)により177px→160px 2023.10 seto*/
	background:url(../img/navi/01.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu02 a{
	width:160px;		/*アイコン追加(学外)により195px→160px 2023.10 seto*/
	background:url(../img/navi/03.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu03 a{
	width:160px;		/*アイコン追加(学外)により225px→160px 2023.10 seto*/
	background:url(../img/navi/04.png) center top no-repeat;
	text-align: center;
}

ul.menu li#menu04 a{
	width:160px;		/*アイコン追加(学外)により189px→160px 2023.10 seto*/
	background:url(../img/navi/05.png) center top no-repeat;
	text-align:center;
}

ul.menu li#menu05 a{
	width:160px;		/*アイコン追加(学外)により174px→160px 2023.10 seto*/
	background:url(../img/navi/06.png) center top no-repeat;
	text-align:center;
}
 
ul.menu li#menu06 a{	/*アイコン追加(学外) 2023.10 seto*/
	width:160px;		
	background:url(../img/navi/07.png) center top no-repeat;
	text-align:center;
}
 
/*サブメニュー start*/

/*サブメニュー menu02*/
ul#navi > li#menu02 > ul#submenu02{
	width:198px;
	background-color:#1D9BF0;
	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;
}

ul#navi > li#menu02 > ul#submenu02 > li > a{
	width:160px;
	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:-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;
	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;
	overflow:visible;
}

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

/*サブメニュー menu03*/
ul#navi > li#menu03 > ul#submenu03{
	width:1050px;
	background-color:#1D9BF0;
	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 0px;
}

ul#navi > li#menu03 > ul#submenu03 > li > a{
	width:100px;
	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:100px;
	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;
	overflow:visible;
}

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

/*サブメニュー menu04*/
ul#navi > li#menu04 > ul#submenu04{
	width:1050px;
	background-color:#1D9BF0;
	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 0px;
}

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;
	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;
	overflow:visible;
}

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

/*サブメニュー menu05*/
ul#navi > li#menu05 > ul#submenu05{
	width:1050px;
	background-color:#1D9BF0;
	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 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 2.5px 5px 5px;
	overflow:visible;
}

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

/*サブメニュー menu06*/
ul#navi > li#menu06 > ul#submenu06{
	width:1050px;
	background-color:#1D9BF0;
	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 0px;
}

ul#navi > li#menu06 > ul#submenu06 > 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#menu06:hover > ul#submenu06 > 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 2.5px 5px 5px;
	overflow:visible;
}

ul#navi > li#menu06 > ul#submenu06 > li > a:hover{
	background-color:#CBE8FB;
}

/*サブメニュー end*/

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

/*--#search--*/
/*-- green(rgba0,100,53,0.80)→blue(rgba29,155,240,0.80)（瀬戸） --*/
main #search{
	width:700px;
	height:250px;
	float:right;
	background-color:rgba(29,155,240,0.80);
	margin:-370px 0px 0px 0px;
}

main #search .search-in{
	width:410px;
	height:170px;
	margin:35px 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;
	height:829px;
	background:url(../img/info-bg.jpg) no-repeat top center;
	/*background-color:rgba(255,255,255,0.80);
	background-blend-mode:lighten;*/
}

main #information .ref-guide{
	width:1050px;
	padding:0.5em 0em;
	margin:0px auto 30px auto;
}

main #information .openning-hours{
	width:1050px;
	padding:0.5em 0em;
	margin:0px auto 30px auto;
}

main #information .open-info a{
	text-align:center;
	padding:5px 0px 5px 0px;
	margin:0px 0px 25px 0px;
}

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

main #information .info-contents dl{
}

main #information .info-contents dl#box01{
	width:320px;
	height:148px;
	margin:0px 0px 50px 0px;
}

main #information .info-contents dl#box02{
	width:320px;
	height:148px;
	margin:0px 45px 50px 45px;
}

main #information .info-contents dl#box03{
	width:320px;
	height:148px;
	margin:0px 0px 50px 0px;
}

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;
}

main #mid-banner ul{
	width:800px; /*-- 520px-> 800px --*/
	margin:0px auto 0px auto;
}

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
}

/*--#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:238px;
	height:125px;
}

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

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

/*main #about-library .al-contents ul li#al-box04 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 1em 40px 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;
}

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: #1D9BF0;
    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: #1D9BF0;
	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;
}

/*==========================================
 コンテンツエリア -> 「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:140px;
	float:left;
	margin:0px 30px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi02{
	width:300px;
	float:left;
	margin:0px 50px 0px 0px;
}

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

footer #foot-center .foot-navi dl#f-navi02 .f-navi02-b{
	width:150px;
	float:left;
}

footer #foot-center .foot-navi dl#f-navi03{
	width:180px;
	float:left;
	margin:0px 30px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi04{
	width:180px;
	float:left;
	margin:0px 30px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi05{
	width:130px;
	float:left;
	margin:0px 50px 0px 0px;
}

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

/*--/サイトマップ--*/

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

/*==========================================
  フッターナビ（#f-navi01～06・枝番・lv02/lv03/lv3含む）の折り返し時行間調整
===========================================*/
footer #foot-center dl[id^="f-navi"] dd[class*="lv"],
footer #foot-center dl[id^="f-navi"] div[class*="f-navi02-"] dd[class*="lv"] {
    line-height: 1.25;      /* 2行以上に折返された際の行間を詰める */
    margin-bottom: 10px;    /* 各項目同士の下間隔 */
}

footer #foot-center dl[id^="f-navi"] dd[class*="lv"] a,
footer #foot-center dl[id^="f-navi"] div[class*="f-navi02-"] dd[class*="lv"] a {
    display: inline-block;  /* 行高さを確実に反映 */
    line-height: inherit;   /* 親(dd)の行間を継承 */
}