@charset "UTF-8";

body,
h1,h2,h3,h4	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}

body {background-image: url(back.gif);
}

.container	{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;}
	
.container1	{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	border:solid 1px #CCC;
	background-color: #ffffff;}	
	
.red {
color: #ff0000;
}
.blue {
color: #000099;
}
.white {
	color: #FFF;
}
.black {
	color: #000;
}
.bold {
	font-weight: bold;
}
.lightblue {
	color: #0051a2;
}
.mintyo {
	font-family: ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, serif;
}
.caption {
	font-size: 70%;
}
.subtitle {
	font-weight: bold;
	color: #0051a2;
}
.exTitle {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.exSubTitle {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.title1 {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 16px;
	color: #0026a6;
	font-weight: bold;
}

.icon-bar {
	background-color:#000 !important;}

/* Ａ: ナビゲーションバー */
.menu	{margin: 0;
    border: none;
	background-color: #fff;}

.menu .collapse	{margin-top: 10px;font-size: 12px;}

.menu .navbar-toggle	{margin-top: 17px;
border-color: #000;}

.navbar-header {padding-bottom:15px;
background-color: #fff;}

.logo {max-width:100%;
height:auto;
border:none;}


/* Ｂ: グローバルメニュー */

.global	{padding: 0; 
	background-color: #fff;}


@media (min-width: 768px) {

.global ul,
.global ol	{display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.global li	{display: table-cell;
	text-align: center;
	*float: left;}

.global li a	{display: block;
	padding: 7px 2px 7px 2px;
	color: #fff !important;
	text-decoration: none;}

.global li a:hover	{
	background-color:#999 !important;}

.global li span	{display: block;
	font-size: 10px;}


/* 横に並べたリンクを区切る罫線 */
.global li a	{padding: 10px 0;
	border-right: solid 1px #aaa;}

.global li:first-child a	{border-left: solid 1px #aaa;}


/* 罫線で区切る設定 */
.global	{padding: 0;
	border-bottom: solid 1px #aaa;
	border-top: solid 1px #aaa;}

/* Bootstrapの設定を無効化 */
.global .navbar-nav,
.global .navbar-nav>li	{float: none;}

.global .navbar-collapse:before,
.global .navbar-collapse:after,
.global .nav:before,
.global .nav:after
	{display: none;}

} /* @media */


/* Ｃ: 写真 */
.photo	{max-width: 100%;
	height: auto;
	margin: 0;
	vertical-align: bottom;
	margin-bottom:10px}
	

/* メニュー */
.menu1	{padding: 10px;
    margin-top:30px; 
	background-color: #dfe3e8;}

.menu1 ul,
.menu1 ol	{margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.4;
	list-style: none;}

.menu1 li a	{display: block;
	padding: 7px 3px 7px 3px;
	color: #000;
	text-decoration: none;}

.menu1 li a:hover	{background-color: #eee;}

.menu1 img	{float: left;
	border: none;}

.menu1 p	{margin: 20px 0 0 110px;}

.menu1 li a:after	{content: "";
	display: block;
	clear: both;}
.menu1 li a	{*zoom: 1;}

/* TOPページの利用案内 */
.menu2	{padding: 10px;
    margin-top:30px; 
	background-color: #EEE;}
	
.menu2 img	{max-width:85%;
    display:block;
    height:auto;
    margin:0 auto 10px auto;
    vertical-align:bottom;}
	
.menu2 p	{margin: 20px 0 15px 30px;
    font-size:13px;}

.menu2 > h2	{margin: 20px 0 0 23px;
    padding-left:5px;
    font-size:13px;
	border-left: solid 5px #3366cc;}
	
	
/* Ｄ１～Ｄ４: グループ */
.group	{margin-bottom: 30px;
	padding: 0;}

.group > h2	{margin: 0 0 10px 0;
	font-size: 16px;
	font-weight:bold;}
	
/* Ｄ１: トップページ「今年度の特別展」 */
.entry	{margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
	background-color: #f0f0ff;
	border-radius:10px;}

.entry img	{float: left;
	max-width: 30%;
	height: auto;
	margin: 0;
	vertical-align: bottom;}

.entry h3	{margin: 0 0 10px 31%;
	font-size: 15px;
	font-weight:bold;
	color:#000;
	line-height: 1.2;}

.entry p	{margin: 0 0 10px 31%;
	font-size: 13px;
	line-height: 1.6;}

.entry:after	{content: "";
	display: block;
	clear: both;}
.entry	{*zoom: 1;}


/* 罫線で区切る設定 */
.entry h3	{padding: 0 0 10px 0;
	border-bottom: solid 1px #3366cc;}
	
/* Ｄ２: トップページ「おしらせ」 */
.entry1	{margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
	background-color: #e1fecb;
	border-radius:10px;}

.entry1 img	{float: right;
	max-width: 30%;
	height: auto;
	margin: 0;
	vertical-align: bottom;}

.entry1 h3	{margin: 0px 0px 10px 0px;
	font-size: 15px;
	font-weight:bold;
	color:#000;
	line-height: 1.2;}

.entry1 p	{margin: 0px 33% 10px 0px;
	font-size: 13px;
	line-height: 1.6;}

.entry1:after	{content: "";
	display: block;
	clear: both;}
.entry1	{*zoom: 1;}

/* 罫線で区切る設定 */
.entry1 h3	{padding: 0 0 10px 0;
	border-bottom: solid 1px #3366cc;}
	
	

/* トップページ「常設展案内」 ロールオーバー*/
.jousetsu1 {background: url("top/haruss.jpg") no-repeat; } 

.jousetsu1 a {display: inline-block;} 

.jousetsu1 a:hover {background-color: transparent; /* IE6対応 */} 

.jousetsu1 a:hover img {visibility: hidden;} 


.jousetsu2 {background: url("top/choukanzuss.jpg") no-repeat;} 

.jousetsu2 a {display: inline-block;} 

.jousetsu2 a:hover {background-color: transparent; /* IE6対応 */} 

.jousetsu2 a:hover img {visibility: hidden;} 


.jousetsu3 {background: url("top/funadaikuss.jpg") no-repeat;} 

.jousetsu3 a {display: inline-block;} 

.jousetsu3 a:hover {background-color: transparent; /* IE6対応 */} 

.jousetsu3 a:hover img {visibility: hidden;} 


.jousetsu4 {background: url("top/sekitouss.jpg") no-repeat;} 

.jousetsu4 a {display: inline-block;} 

.jousetsu4 a:hover {background-color: transparent; /* IE6対応 */} 

.jousetsu4 a:hover img {visibility: hidden;}


.jousetsu5 {background: url("top/chabudaiss.jpg") no-repeat;} 

.jousetsu5 a {display: inline-block;} 

.jousetsu5 a:hover {background-color: transparent; /* IE6対応 */} 

.jousetsu5 a:hover img {visibility: hidden;}

/* フッター */
.footer	{padding: 10px 0 10px 0;
background-color:#dfe3e8;
	border-top: solid 1px #aaa;
	text-align:center;}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.footer a	{color: #666;
	text-decoration: none;}
	
/* コンテンツのヘッダー */
.header	{
	background-image: url(img/header1.jpg);
	margin-bottom:5px;
	letter-spacing:2px;}

@media (max-width: 991px) {	
.header	{height: 100px;
	padding: 40px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-position: 68% 63%;
	background-size: cover;}
} /* @media */

@media (min-width: 992px) {
.header	{height: 100px;
	padding: 40px 20px 20px 75px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-position: 68% 63%;
	background-size: cover;}
} /* @media */
	
.header h1	{margin: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;}

.header h1 a	{color: #000;
	text-decoration: none;}

.header p	{margin: 8px 0 0 0;
	font-size: 14px;
	line-height: 1;}
	
.header p.glow{
	text-shadow:0px 0px 10px #ffffff ,0px 0px 10px #ffffff,
	　　　　　　　0px 0px 10px #ffffff,0px 0px 10px #ffffff;
	color:#ffffff;}
	
/* グループ */
.group1	{padding: 20px 30px 20px 30px;}

@media (min-width: 992px) {
	
.group2	{padding: 0px 30px 20px 30px;}

} /* @media */

@media (max-width: 991px) {

.group2	{padding: 0px 5px 20px 5px;}

} /* @media */

@media (max-width: 991px) {	

.group3	{padding: 0px 10px 0px 10px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {
	
.group3	{padding: 30px 75px 20px 75px;
    line-height:1.7}

} /* @media */	

/* ボタン */
.button1	{display: inline-block;
	padding: 10px 30px 10px 30px;
	background-color: #e9eb79;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	border-radius: 3px;}

.button1:hover, 
.button1:focus	{outline: none;
	background-color: #e9ea9e;
	border-radius: 3px;}
	
.square	{color: #a4a628;}

/* 段組み */
.col	{float: left;
	width: 31%;
	margin-left: 3.5%;
	*clear: right;}

.col:first-child	{margin-left: 0;}

.cols:after	{content: "";
	display: block;
	clear: both;}
.cols	{*zoom: 1;}

/* google map */
.ggmap {position: relative;padding-top:10px;padding-bottom:56.25%;height: 0;overflow: hidden;} 

.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

/* 各ページ　コンテンツの記事 */
	
@media (max-width: 991px) {	

.entry2	{padding: 0px 10px 0px 10px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {
	
.entry2	{padding: 30px 75px 20px 75px;
    line-height:1.7}

} /* @media */
	
.entry2 h4 {
	font-size:120%;
	font-weight:bold
	line-height:36px;
	color: #000;
	border-bottom:1px dotted #7b8efb;
	border-left: solid 5px #7b8efb;
	padding: 5px 0 5px 12px;}
	
@media (min-width: 992px) {

.entry2 img	{float: right;
	max-width: 30%;
	height: auto;
	margin: 0 0 15px 0;
	vertical-align: bottom;}

} /* @media */

.entry2 p	{margin: 10px 33% 20px 15px;
	font-size: 14px;
	line-height: 1.6;}

.entry2:after	{content: "";
	display: block;
	clear: both;}
.entry2	{*zoom: 1;}


/* 刊行図書のテーブル */

@media (max-width: 991px) {	

table	{width: 100%;
　　border-collapse: collapse;}

} /* @media */

@media (min-width: 992px) {
	
table	{width: 880px;
　　border-collapse: collapse;}

} /* @media */




table, th, td	{border: solid 1px #6699CC;}

th, td	{padding: 3px;}
	
td	{text-align: left;
     vertical-align: top;
	 font-size: 13px;}

th	{background-color: #f4f4ff;
     text-align:center !important;
	 vertical-align: center;
     color: #0051a2;}
	 
tr > :first-child	{width: 78px;
     padding: 0;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
	
tr > :nth-child(5)	{text-align: right;}

tr > :nth-child(6)	{text-align: right;}

.cell1  { width:220px;}
.cell2  { width:80px;}
.cell3  { width:60px;}

table.table1 {border: solid 1px #FFF;}

td.td1 {border: solid 2px #FFF;}

table.table2 { width: 100%;
               text-align:center;
			   vertical-align:middle;}
			   
th.th2 {text-align:center;
	    vertical-align:middle;
		width:100px;}
			   
td.td2 {text-align:center;
	    vertical-align:middle;
		width:100px;}

/* 特別展タイトルのテーブル */
	
table.table3 { width: 100%;
               text-align:center;
			   vertical-align:middle;}

th.th3 {text-align:center;
	    vertical-align:middle;
		padding:5px;
		background-color:#5e84cd;
		color:#FFF;
		letter-spacing:1px;}
		
td.td3 {text-align:center;
	    vertical-align:middle;
		padding:5px;
		background-color:#e7f4fc;
		letter-spacing:2px;}
		
/* 特別展詳細のテーブル */

table.table4 { width: 100%;
               border-collapse: collapse;
			   border: solid 1px #fff;}
			   
td.td4	{width: 150px;
	padding: 8px;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	background-color: #ddddff;
	border: solid 2px #fff;}
	
td.td5	{padding: 8px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	background-color: #f4f4ff;
	border: solid 2px #fff;}
	
/* 各コンテンツのテーブル */

table.table5 { width: 90%;
               border-collapse: collapse;
			   border: solid 1px #fff;}
			   
/* 利用案内　アクセスのテーブル */			   
table.table6 { width: 38%;
               border-collapse: collapse;
			   border: solid 1px #fff;
			   margin: 0px 10px 0px 62%;}
			   
td.td6	{width: 70px;
	padding: 8px;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	background-color: #ddddff;
	border: solid 2px #fff;}
	
td.td5	{padding: 8px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	background-color: #f4f4ff;
	border: solid 2px #fff;}
	
/* 友の会行事のテーブル */	
		   
table.table7 { width: 67%;
               border-collapse: collapse;
			   border: solid 1px #fff;
			   margin: 0px 33% 0px 15px;}
			   
td.td6	{width: 70px;
	padding: 8px;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	background-color: #ddddff;
	border: solid 2px #fff;}
	
td.td5	{padding: 8px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	background-color: #f4f4ff;
	border: solid 2px #fff;}			   			   
			   
	
/* 刊行図書　コンテンツの記事 */
	
@media (max-width: 991px) {	

.entry3	{padding: 0px 5px 0px 5px;
    line-height:1.4}

} /* @media */

@media (min-width: 992px) {
	
.entry3	{padding: 10px 60px 20px 60px;
    line-height:1.4}

} /* @media */
	
.entry3 h4 {
	font-size:120%;
	font-weight:bold
	line-height:36px;
	color: #000;
	border-bottom:1px dotted #7b8efb;
	border-left: solid 5px #7b8efb;
	padding: 5px 0 5px 12px;}
	
	
/* 今年度の特別展　特別展内容の記事 */

@media (max-width: 991px) {	

.entry4	{padding: 0px 10px 0px 10px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {
	
.entry4	{padding: 30px 75px 20px 75px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {

.entry2 img	{float: right;
	max-width: 30%;
	height: auto;
	margin: 0 0 15px 0;
	vertical-align: bottom;}

} /* @media */

.entry4	{padding: 20px;}

.entry4 h1	{margin: 0px 33% 20px 0px;
	font-size: 28px;
	line-height: 1.2;}

.entry4 p	{margin: 0px 33% 20px 0px;
	font-size: 14px;
	line-height: 1.6;}

.entry4:after	{content: "";
	display: block;
	clear: both;}
	
.entry4	{*zoom: 1;}

/* キャプション付き画像の回り込み */

div.imagebox {
    float: right;
	font-size: 80%;
		max-width: 30%;
	height: auto;
	margin: 0px 10px 10px 0px;
	vertical-align: bottom;
	text-align:right;}
	
@media (min-width: 992px) {

div.imagebox  {float: right;
	max-width: 30%;
	height: auto;
	margin: 0px 10px 10px 0px;
	vertical-align: bottom;
	text-align:right;}

} /* @media */

/* 館内見取図の下のメニュー */

@media (max-width: 991px) {	

.menu3	{padding: 0px 10px 0px 10px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {
	
.menu3	{padding: 30px 75px 20px 75px;
    line-height:1.7}

} /* @media */

.menu3	{padding: 5px;
         margin: 0 auto;}
	
.menu3 ul,
.menu3 ol	{display: table;
	width: 100%;
	table-layout: fixed
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.menu3 li a	{display: block;
	padding: 5px;
	color: #000;
	text-decoration: none;}

.menu3 li a img	{border: none;
	opacity: 1;}

.menu3 li a:hover img	{opacity: 0.6;}

.menu3 li	{display: table-cell;
	text-align: center;
	*float: left;}

.menu3 ul:after,
.menu3 ol:after	{content: "";
	display: block;
	clear: both;}
.menu3 ul,
.menu3 ol	{*zoom: 1;}

/* アクセスの記事 */
	
@media (max-width: 991px) {	

.entry5	{padding: 0px 10px 0px 10px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {
	
.entry5	{padding: 30px 75px 20px 75px;
    line-height:1.7}

} /* @media */
	
.entry5 h4 {
	font-size:120%;
	font-weight:bold
	line-height:36px;
	color: #000;
	border-bottom:1px dotted #7b8efb;
	border-left: solid 5px #7b8efb;
	padding: 5px 0 5px 12px;}

.entry5 img	{float: left;
	max-width: 60%;
	height: auto;
	margin: 0 0 15 0;
	vertical-align: bottom;}

.entry5 p	{margin: 10px 10px 15px 62%;
	font-size: 14px;
	line-height: 1.6;}

.entry5:after	{content: "";
	display: block;
	clear: both;}
.entry5	{*zoom: 1;}

/* 画面いっぱいに画像を表示 */
	
@media (max-width: 991px) {	

.entry6	{padding: 0px 10px 0px 10px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {
	
.entry6	{padding: 30px 75px 20px 75px;
    line-height:1.7}

} /* @media */

/* 常設展示の記事 */

@media (max-width: 991px) {	

.entry7	{padding: 0px 10px 0px 10px;
    line-height:1.7}

} /* @media */

@media (min-width: 992px) {
	
.entry7	{padding: 30px 75px 20px 75px;
    line-height:1.7}

} /* @media */
.entry7 p	{font-size: 14px;
	line-height: 1.6;}
	
table.table8 { width: 100%;
               border-collapse: collapse;
			   border: none;}
			   
td.td8 {border: none;}