@charset "utf-8";
#pageHeader {
	background-image: url("../img/ph_books.png");
}
#COVID-19 {
	/*color: #FFF;*/
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 10px 20px;
	margin-bottom: 20px;
	/*background-color: #E5004F;*/
}
#containerMain #chapter #COVID-19 h3 {
	border-left: 5px solid #E5004F;
	border-bottom: solid 1px #E5004F;
}
#containerMain #chapter #COVID-19 h4 {
	color: #E5004F;
	line-height: 26px;
}
#containerMain #chapter #COVID-19 ul {
	margin-top: -20px;
	list-style-type: disc;
}
#notice {
	width: 550px;
	/*padding: 20px 30px;*/
	/*margin: 20px auto;*/
	/*border: solid 2px #F03;*/
	border-radius: 10px;
	/*background-color: #FFFFDD;*/
}
#notice h3 {
	color: #F03;
	font-weight: bolder;
	margin-top: 0px;
	border: none;
	padding-left: 0px;
}
#notice p.info {
	margin: 20px 0px 0px 15px;
}
#notice p.highlight {
	color: #F03;
	font-weight: bolder;
}
#notice p {
	margin: 0px 0px 0px 15px;
}
#notice #noticeInner {
	margin: 20px auto;
}
#notice #noticeInner img {
	width: 142px;
	height: 87px;
	display: inline-block;
}
#notice #noticeInner p {
	width: 350px;
	margin-left: 30px;
	font-size: 14px;
	display: inline-block;
}
#notice #noticeInner span {
	color: #0068B7;
	font-weight: bolder;
}
#table_group {
	margin: 10px auto 5px;
}
#table_group table {
	width: 300px;
	float: left;
	margin: 0px;
}
#table_group th {
	width: 220px;
	line-height: 22px;
}
#table_group th.heading {
	width: 20%;
}
#table_group td {
	text-align: right;
	line-height: 22px;
}
#tos #introduction {
	margin-top: 15px;
}
#tos #introduction p {
/*	width: 280px;
	display: inline-block;
	vertical-align: top;*/
	margin-bottom: 10px;

}
#tos img.indoor {
	width: 280px;
	height: 210px;
	border-radius: 8px;
	display: inline-block;
}
#tos img.card {
	width: 213px;
	height: 130px;
}
#tos #entrance {

}
#tos #entrance p {
	width: 320px;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
#tos #entrance img {
	display: inline-block;
}
#containerMain p.sentence {
	width: 100%;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 22px;
}
#containerMain #chapter ul {
	margin: 0px auto;
	margin: 3px 0px 10px 25px;
}
#containerMain #chapter ul li {
	list-style-position: inside;
	line-height: 24px;
	font-size: 14px;
}
#containerMain #chapter ul.importance li {
	font-size: 16px;
}
#containerMain #chapter ul li.return {
	margin: 0px 0px 0px 15px;
}
#containerMain #chapter ul li ul {
	margin: 0px 0px 10px 15px;
}
.importance {
	color: #E5004F;
}
/*#containerMain #chapter ul li.closed {
	font-size: 18px;
}*/
#containerMain #chapter .subsection .guide {
	margin: 0px 0px 0px 25px;
}
#containerMain #chapter .subsection .guide .guide_inner {
	margin: 0px 0px 0px 15px;
}
ol {
	/*list-style-type: decimal;*/
	margin: 5px;
}
ol li {
	line-height: 24px;
	list-style-position: inside;
}
#collection #goToCatalogue {
	margin: 10px auto;
	text-align: center;
}
#collection #goToCatalogue p {
	display: inline-block;
}
/*  class="link_button" 蔵書検索ボタンで使用 廃止 */
#collection #goToCatalogue span.link_button {
	color: #FFF;
	background-color: rgb(38, 134, 125);
	border-radius: 5px;
	line-height: 22px;
	padding: 3px 8px;
	display: inline-block;
	text-align: center;
}
#collection #goToCatalogue span.link_button:hover {
	opacity: 0.7;
}

#containerMain .stickyNote {
	margin: 15px 0px 0px -20px;
	list-style-type: none;
}
#containerMain .stickyNote a {
	color: #0068B7;
	border: 1px solid #0068B7;
	background-color: #FFF;
	padding: 10px 0px 10px 10px;
	border-radius: 3px;
	text-decoration: none;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .4);
	display: inline-block;
	text-align: center;
	font-size: 18px;
	letter-spacing: 4px;
	line-height: 18px;
	width: 300px;
	position: relative;
}
#containerMain .stickyNote a:hover {
	background-color: #0068B7;
	color: #FFF;
}

#containerMain #chapter #manners ul {
	margin: 15px 40px;
	padding: 20px 0px 20px 30px;
	border: 2px solid #66CCFF;
	border-radius: 5px;
}
#containerMain #chapter #manners ul li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 25px;
	font-size: 16px;
}
@media screen and (max-width:990px) {

	#containerMain #chapter ul.importance {
		margin: 5px 0px 10px 0px;
	}
	#containerMain #chapter .subsection .guide {
		margin: 0px 0px 0px 0px;
	}
	#containerMain #chapter .subsection .guide .guide_inner {
		margin: 0px 0px 0px 0px;
	}
	#containerMain #chapter ul {
		margin: 3px 0px 10px 15px;
	}

	#notice {
		width: 96%;
		padding: 8px 0px;
		padding-left: 2%; 
		padding-right: 2%; 
		margin: 20px auto;
		border: solid 2px #F03;
		border-radius: 10px;
	}
	#notice #noticeInner p {
		width: 100%;
		margin-left: 0px;
		font-size: 14px;
		display: inline-block;
	}
	#containerMain #chapter #manners ul {
		margin: 15px 0px;
		padding: 10px 10px 10px 10px;
		border: 2px solid #66CCFF;
		border-radius: 5px;
	}
	#containerMain #chapter #manners ul li {
		font-size: 15px;
	}
	#tos #entrance p {
		width: 100%;
		margin-right: 0px;
	}
}