@charset "UTF-8";

body	{margin: 0;
	font-family: YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;}


/* ボックスの左右に確保する余白 */
.box, .box-menu, .parthead-inner, .footer-inner
	{padding-left: 10px;
	padding-right: 10px}


/* サイト名 */

.site{text-align: center;}

.site h1 {margin-top: 0;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 40px;
	color: #800080;
	text-align: center;}

.site h2 {margin-top: 30px;
	margin-bottom: 0px;
	padding: 10px;
	font-size: 26px;
	color: #800080;
	text-align: center;}

.site p	{font-size: 18px;
	margin: 30px 0 0;
	text-align: left;}


.site p a	{padding: 0;
color: #800080;
	text-decoration: none;}

.site p a:hover	{border-bottom: solid 1px}

.site img	{
	max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 10px;
	vertical-align: bottom;}

.logo img	{
	max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 10px;
	vertical-align: bottom;}

/* 目次 */
.menu a	{display: block;
	background-color: #800080;
	color: #ffffff;
	text-align: center;
	text-decoration: none}

.menu a:hover	{opacity: 0.8}

.menu img	{display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 38px}

.menu h1	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: normal}

.menu p	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #3f3f3f;
	font-size: 12px;
	color: #ffffff;}

.menu img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 0px;
	vertical-align: bottom}


/* トップページのテキスト */
.txt1 h1	{margin-top: 0;
	margin-bottom: 20px;
	font-size: 26px;
	color: #800080;}

.txt1 p	{margin-top: 0;
	margin-bottom: 20px;
	padding-left:0px;}

.txt1 img	{max-width: 100%;
	height: auto}

.txt1 a	{color: #800080;
	text-decoration: none;}

.txt1 a:hover	{border-bottom: solid 1px}


/* 展開ページのpartheadをバーの形にする */
.parthead	{background-color: #800080;
margin-top: 45px;}

.parthead-inner	h1{padding: 10px;
	font-size: 26px;
	color: #ffffff;}


/* 展開ページのテキスト */
.txt2	{margin-bottom: 20px}

.txt2 h1	{margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 22px}

.txt2 h2	{margin-top: 40px;
	padding-left: 10px;
	border-left: solid 10px #800080;
	font-weight: normal}

.txt2 p	{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 18px}


/* 展開ページの資料画像 */
.box-img	{margin-bottom: 20px}

.box-img a	{display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;}

.box-img img	{
	max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 0px;
	vertical-align: bottom;}

.box-img a img:hover {box-shadow: 0 0 10px #dddddd}


/* 展開ページのキャプション */
.caption {border: solid 1px #dddddd;}

.caption h3 {margin: 5px;
	padding-top:15px;
	padding-left:15px;
	font-weight: normal;
	font-size: 20px;}

.caption h4 {margin: 5px;
	padding-left:15px;
	font-weight: normal;
	font-size: 18px;}

.caption p	{border-top: solid 1px #dddddd;
	margin: 10px;
	padding: 10px 10px 10px;
	font-size: 16px}


/* ページ案内 */
.next p{text-align: right;}

.next a {text-decoration: none;
	color: #800080;}

.next a:hover {border-bottom: solid 1px}

.prev a {text-decoration: none;
	color: #800080;}

.prev a:hover {border-bottom: solid 1px}


/* footerの上に区切り線を入れる */
.footer	{border-top: solid 1px #dddddd}


/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}


/* ボックスの上下の間隔 */
.footer	{padding-top: 15px;
	padding-bottom: 15px}

.top .box	{padding-top: 20px;
	padding-bottom: 20px}

.box-menu {padding-top: 20px;
	padding-bottom: 20px}

.box-menu-1, .box-menu-2, .box-menu-3
	{padding-bottom: 10px}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* 文字の大きさ設定 */
.site h1	{font-size: 30px}

.site h2	{font-size: 20px}

.txt1 h1	{font-size: 24px}

.parthead-inner h1	{font-size: 22px}

.txt2 h2 {font-size: 21px}


/* 図書館ロゴの大きさ設定 */
.logo img {width: 250px;}


/* ページ案内を中央揃えに */
.next p{text-align: center;}

.prev p{text-align: center;}
}


/* ########### 600px以上 ########### */
@media (min-width: 600px) {

/* 画像を横に並べる設定 */
.box-img-2:after {content: "";
	display: block;
	clear: both}

.box-img-2 .box-img	{float: left;
	width: 50%}

.box-img-2 .box-img:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.box-img-2 .box-img:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}


/* box-menu-1、box-menu-2、box-menu-3を横に並べる設定 */
.box-menu:after	{content: "";
	display: block;
	clear: both}

.box-menu-1	{float: left;
	width: 32%;
	margin-right: 2%}

.box-menu-2	{float: left;
	width: 32%;
	margin-right: 2%}

.box-menu-3	{float: left;
	width: 32%}

/* ページ案内を横に並べる設定 */
.box:after{content: "";
	display: block;
	clear: both}

.next {float:right;
	width: 50%;}

.prev {float:left;
	width: 50%;}
}


/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

/* ボックスの左右に確保する余白 */
.box, .box-menu, .parthead-inner, .footer-inner
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}

}