@charset "UTF-8";

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
/*以下　common.css　　　　*/

/*---------------------------------------------------------
  reset
----------------------------------------------------------- */

html {
	overflow-y: scroll;
	margin: 0 auto;
	position: relative; /* Fix for absolute positioning */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

object,embed {
	vertical-align: top;
}

img,abbr,acronym,fieldset {
	border: 0;
}

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/*
section,
aside,
article,
header,
footer,
nav {
	display:block;
}
*/
/*　↑　html5reset-1.6.1　の方にも同じ記述があるので確認　*/

/*---------------------------------------------------------
  hr　（小林追加）
----------------------------------------------------------- */
/*hr {
	display: none;
	border:none;
}*/

/*　実践　*/
hr {
	border-top: 1px solid #bbb;
}
/*　二重線　*/
hr.wline {
	border-top: 3px double #bbb;
}
/*　点線　*/
hr.dotted{
	border-top: 1px dotted #bbb;
}
/*　立体線　*/
hr.dline {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
}
/*　シャドー　*/
hr.shadow {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #bbb inset;
}
/*　グラデーション　*/
hr.gra {
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*---------------------------------------------------------
  common
----------------------------------------------------------- */

body {
	color: #434343;
}


/*---------------------------------------------------------
   default link
----------------------------------------------------------- */

a {
	color: #6A5ACD;
}

a:link {
	color: #3366FF;
	text-decoration: none;
}

a:visited {
	color: #990099;
	text-decoration: none;
}

a:hover,
a:active {
	color: #FF8C00;
	text-decoration: none;
}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


/*---------------------------------------------------------
   margin
----------------------------------------------------------- */

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
 
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
 
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
 
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/*  e7 */
 
body.ie7 .mb00ie7 { margin-bottom:  0px !important; }
body.ie7 .mb05ie7 { margin-bottom:  5px !important; }
body.ie7 .mb10ie7 { margin-bottom: 10px !important; }
body.ie7 .mb15ie7 { margin-bottom: 15px !important; }
body.ie7 .mb20ie7 { margin-bottom: 20px !important; }
body.ie7 .mb25ie7 { margin-bottom: 25px !important; }
body.ie7 .mb30ie7 { margin-bottom: 30px !important; }
body.ie7 .mb35ie7 { margin-bottom: 35px !important; }
body.ie7 .mb40ie7 { margin-bottom: 40px !important; }
body.ie7 .mb45ie7 { margin-bottom: 45px !important; }
body.ie7 .mb50ie7 { margin-bottom: 50px !important; }

/*---------------------------------------------------------
   padding
----------------------------------------------------------- */

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
 
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
 
.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
 
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

/*  e7 */
 
body.ie7 .pb00ie7 { padding-bottom:  0px !important; }
body.ie7 .pb05ie7 { padding-bottom:  5px !important; }
body.ie7 .pb10ie7 { padding-bottom: 10px !important; }
body.ie7 .pb15ie7 { padding-bottom: 15px !important; }
body.ie7 .pb20ie7 { padding-bottom: 20px !important; }
body.ie7 .pb25ie7 { padding-bottom: 25px !important; }
body.ie7 .pb30ie7 { padding-bottom: 30px !important; }
body.ie7 .pb35ie7 { padding-bottom: 35px !important; }
body.ie7 .pb40ie7 { padding-bottom: 40px !important; }

/*---------------------------------------------------------
   text-align
----------------------------------------------------------- */

.right {
	text-align:right;
}

.center {
	text-align:center;
}

/*---------------------------------------------------------
   img-align　画像の右寄せ　左寄せ
----------------------------------------------------------- */
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
/*---------------------------------------------------------
   clearfix
----------------------------------------------------------- */

.clearfix {
	/zoom:1; /* IE6,7 */
}

.clearfix:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}

.clear {
	clear:both;
}

/*---------------------------------------------------------
   block構造に
----------------------------------------------------------- */
.block {
	display:block;
}


/*---------------------------------------------------------
   png_bg
----------------------------------------------------------- */
.png_bg {
}

/*---------------------------------------------------------
   imgover
----------------------------------------------------------- */
.imgover {
}

/*---------------------------------------------------------
   rounded
----------------------------------------------------------- */
.round6{
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.round8{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.round10{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

/*---------------------------------------------------------
   Fonts CSS
-----------------------------------------------------------	
	10px = 77%
	11px = 85%
	12px = 93%
	13px = 100%
	14px = 108%
	15px = 116%
	16px = 124%
	17px = 131%
	18px = 139%
	19px = 147%
	20px = 154%
	21px = 162%
	22px = 170%
	23px = 177%
	24px = 185%
	25px = 193%
	26px = 200%
----------------------------------------------------------- */
.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:124%; }
.font17 { font-size:131%; }
.font18 { font-size:139%; }

.font10px { font-size:10px; }
.font11px { font-size:11px; }
.font12px { font-size:12px; }
.font13px { font-size:13px; }
.font14px { font-size:14px; }
.font15px { font-size:15px; }
.font16px { font-size:16px; }
.font18px { font-size:18px; }
.font20px { font-size:20px; }
.font22px { font-size:22px; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  margin: 0; padding: 0; }

body { font-family: "メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif; font-size:85%; letter-spacing:0.05em;}
select,input,button,textarea{font:83% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:85%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:90%;line-height:85%;}


/*---------------------------------------------------------
  pagetop.js　連動　ページトップへ 　
----------------------------------------------------------- */
/* page-top */
#page-top {
	position: fixed;
	bottom: 100px;
	right: 0;
	z-index: 2000;
}
#page-top a {
	margin: 0;
	display: block;
}
#page-top a:hover img {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity:0.60;
}

/* page-tab タブメニューへ移動 */
#page-tab {
	position: fixed;
	bottom: 30px;
	right: 0;
	z-index: 2000;
}
#page-tab a {
	margin: 0 0 30px;
	display: block;
}
#page-tab a:hover img {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity:0.60;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
/*以下　layout.css　　　　*/

/*===============================================

共通項目

===============================================*/


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6em;
	font-size:13px;
	-webkit-text-size-adjust: 100%;
}

div#foot_img{
    margin-top:50px;
}

footer{
	padding:2em 0em 5em 0em;
}

/* アンダーライン */
.under_line{
	text-decoration:underline;
}

/* 電話番号 */
.tel_number{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 180%;
	font-weight: bolder;
	color: #ddd;	
	text-align:center;
}

/*--------------
 投稿ページ　postentryを指定したカテゴリページ
--------------*/
.postentry h3{
	padding:5px;
	border:solid 1px #ccc;
	margin:5px 0;
}
.postentry h4{
	border-left:solid 5px #ccc;
	padding-left:10px;
	margin:5px 0;
}

/*--------------
layout
--------------*/

/* 左寄せ */
.alignleft{
	float:left;
	clear:both;
	margin-right:10px;
	margin-bottom:10px;
}

/* 右寄せ */
.alignright{
	float:right;
	clear:both;
	margin-left:10px;
	margin-bottom:10px;
}

/*　文字の詰め打ち　*/
.tsume{
	letter-spacing:-0.1em;
}

.tsume2{
	letter-spacing:-0.2em;
}

.tsume3{
	letter-spacing:-0.3em;
}

.tsume4{
	letter-spacing:-0.4em;
}

/* margin-left */
.pt0{
	padding-top:0px;
	margin-top:-10px;
}
.pl10{
	padding-left:10px;
}
.pl20{
	padding-left:20px;
}

/*--------------
area
--------------*/
/* table */
table.data_list{
	width:100%;
	border-top:solid 1px #777;
	border-right:solid 1px #777;
	border-collapse: collapse;
}

table.data_list th{
	width:25%;
	padding:5px;
	background:#666;
}

table.data_list td{
	width: 75%;
	padding: 5px;
	background: #ccc;
	color: #333;
}

table.data_list th,table.data_list td{
	border-bottom:solid 1px #777;
	border-left:solid 1px #777;
}


/* 囲み */
.kakomi{
	padding:5%;
	background:#fff;
	border:solid 1px #ccc;
}

/* 囲み（角丸） */
.kakomi_kadomaru{
	padding:5% 10%;
	background:#fff;
	border:solid 1px #ccc;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;
}


/*--------------
news & information layout
--------------*/
/* お知らせ用アイコン */
.list_waku li.ev_ts{
	background:url('../images/icon_talk.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.ev_ws{
	background:url('../images/icon_work.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.ex_pb{
	background:url('../images/icon_publish.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.ev_ml{
	background:url('../images/icon_melo.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.ev_etc{
	background:url('../images/icon_other.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.ex_tg{
	background:url('../images/icon_tenri.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.ex_pn{
	background:url('../images/icon_always.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.ex_sp{
	background:url('../images/icon_special.png') no-repeat 0 3px;
	padding-left:40px;
}
.list_waku li.cat_info{
	background:url('../images/icon_info.png') no-repeat 0 3px;
	padding-left:40px;
}

/* お知らせカテゴリ内　メニュー用アイコン */
.menu .list_waku li.ev_ts{
	background:url('../images/icon_talk.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.ev_ws{
	background:url('../images/icon_work.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.ex_pb{
	background:url('../images/icon_publish.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.ev_ml{
	background:url('../images/icon_melo.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.ev_etc{
	background:url('../images/icon_other.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.ex_tg{
	background:url('../images/icon_tenri.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.ex_pn{
	background:url('../images/icon_always.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.ex_sp{
	background:url('../images/icon_special.png') no-repeat 0 7px;
	padding-left:40px;
}
.menu .list_waku li.cat_info{
	background:url('../images/icon_info.png') no-repeat 0 7px;
	padding-left:40px;
}

ul.info{
	list-style-type: none;
	margin: -10px 0px -30px;
}

ul.info li{
	font-size:90%;	
	margin:0px;
	padding:0px;
}

li.date{
	color:#aaa;
}

/* シングル表示時　カテゴリ名表示 */
.category_name .ev_ts{
	background:url('../images/catch_talk.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .ev_ws{
	background:url('../images/catch_work.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .ex_pb{
	background:url('../images/catch_pub.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .ev_ml{
	background:url('../images/catch_melo.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .ev_etc{
	background:url('../images/catch_other.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .ex_tg{
	background:url('../images/catch_tenri.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .ex_pn{
	background:url('../images/catch_always.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .ex_sp{
	background:url('../images/catch_special.png') no-repeat 0 3px;
	width:180px;
	height:34px;
	margin-bottom:10px;
}
.category_name .cat_info{
	background:url('../images/catch_info.png') no-repeat 0 3px;
	width:180px;
	height:32px;
	margin-bottom:10px;
}
.category_name .cat_blog{
	background:url('../images/catch_blog.png') no-repeat 0 3px;
	width:230px;
	height:32px;
	margin-bottom:10px;
}

/*--------------
link
--------------*/

a:link{
	color: #5C99D7;
	text-decoration:none;
}

a:hover{
	color: #E61919;
}

a:active{
	color: #FFFFCC;
}

a:visited{
	color: #004C99;
}

/*--------------
ダウンロードファイル
--------------*/
.dl_file{
	background:url(../images/dl_file.png) no-repeat;
	background-position:0 0px;
	padding-left:80px;
	margin:0 0 0 10px;
}

/*--------------
参照ページへ
--------------*/
.cf_page{
	background:url(../images/cf_page.png) no-repeat;
	background-position:0 0px;
	padding-left:80px;
	margin:0 0 0 10px;
}

/*--------------
折りたたみ
--------------*/
input[type="checkbox"].ExpandCheckBox {
  display: none;
}
 
input[type="checkbox"].ExpandCheckBox + div.panel {
  display: none;
}
 
input[type="checkbox"].ExpandCheckBox:checked + div.panel {
  display: block;
}

.panel{
     margin:10px 0 0;
}

.oritatami{
     margin:10px 0 0;
     border:solid 1px #aaa;
     padding:5px;
 　　-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;
}

/*--------------
form
--------------*/

.hissu{
	color:#f00;
	font-size:90%;
	font-weight:600;
}

.size_40{
	width:40%;
}
.size_50{
	width:50%;
}
.size_60{
	width:60%;
}
.size_70{
	width:70%;
}
.size_80{
	width:80%;
}
.size_90{
	width:90%;
}

input.btn_submit{
	font-size:110%;
	letter-spacing:1.5em;
	text-align:center;
	width:100px;
}
#contact_form_submit{
	margin-left:30%;
}


/*--------------
menu
--------------*/

dl.menu{
	width:100%;
	margin:0;
}

dl.menu dt{
	font-size:120%;
	font-weight:bold;
	border-top:solid 4px #667B99;
	border-bottom:solid 4px #667B99;
	padding:8px 0 8px 10px;
	margin:0 0 0 10px;
}

dl.menu dd{
	margin:0;
}

dl.menu dd ul{
	margin:10px 0 0 0;
	list-style-type: none;
	font-size:108%;
	padding-left:10px;
}

dl.menu dd ul li{
	margin:5px 0px;
	padding:5px 0px 5px 10px;
	border-bottom:dotted 1px #ccc;
}


/*--------------
トップページ　selection_zone
--------------*/
.selection_zone{
	width:100%;
	clear:both;
	border:solid 1px #ccc;
	padding:8px;
	margin:10px 0;
}
.selection_zone img.t_selection{
	width:260px;
}
ul.monthly_selection_area{
    width:100%;
}

li.monthly_selection{

}
.monthly_selection_img{
    width:100%;
}
.monthly_selection_body{
    
}
.monthly_selection_title{
    font-size:120%;
}
.monthly_selection_entry{
    font-size:90%;
}
.monthly_selection_date{

}

/*--------------
館内マップ
--------------*/
#inner_map{
    width:100%;
}
#inner_map .fl{
	width:20%;
	vertical-align:top;
}
#inner_map .map{
	width:80%;
}

/*--------------
沿革
--------------*/
table#history{
    width:100%;
}
th.ye{
	width:20%;
	vertical-align:top;
	font-weight:bold;
}
td.ev{
	width:80%;
	vertical-align:top;
}
.wp-caption-text{
	font-size:80%;
	font-weight:500;
	text-align:left;
}

.category-page .wp-caption-text{
	font-size:80%;
	font-weight:500;
	text-align:left;
	margin:0px 10px 10px 10px !important;
	padding:0px 0 0px 0px;
	line-height:1.4em;
}


/*--------------
展示トップ
--------------*/
.exhibition-page .kakomi img{
	margin-right:30px;
}

.exhibition-page .kakomi h3{
	margin-bottom:30px;
}
.exhibition-page .kakomi{
	line-height:160%;
	display:block;
}

/*--------------
常設展
--------------*/
.exhibition-page .exh_name{
	width:100%;
	background-color:#ccc;
	color:#fff;
	padding:5px 10px;
	margin:10px -5px 0 -5px;
}

.exhibition-page .exh_cat{
	width:100%;
	background-color:#fff;
	color:#777;
	padding:5px 10px;
	margin:0px -5px 0 -5px;
	border:solid 1px #ccc;
}
.exh_cat h1{
	font-size:16px;
	margin:0;
	padding:0;
}
.exhibition-page .exh_nav{
	width:100%;
	color:#777;
	padding:10px;
	margin:0px;
	border:none;
	text-align:right;
}

.exhibition-page .exh_title h2{
	color:#333;
	padding:10px;
	margin:0px 0 20px;
	border:none;
	font-size:140%;
	font-weight:bold;
}

.exhibition-page .exh_honmon{
	color:#777;
	padding:10px;
	margin:0px;
	line-height:200%;
}

.exhibition-page .exh_floar{
	color:#777;
	padding:10px;
	margin:0px;
	line-height:200%;
	width:400px;
}

/*--------------
Q&A
--------------*/

.Q{
	font-size:200%;
	font-weight:bolder;
	color:#ff0000;
}
.A{
	font-size:200%;
	font-weight:bolder;
	color:#0000ff;	
}


/*--------------
clear
--------------*/

.clear{
	clear: both;	
}

.kaijo{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:none !important;
}


/*--------------
/* .listarea
------------------------- */
.listarea {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
.listarea ul {
	width: 960px;
}
.listarea ul li {
	margin: 0 1.4% 20px 1.4%;
	padding: 10px;
	width: 22%;
	float: left;
	border: #555 1px solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* ===========================================
	MediaQueries
=========================================== */
@media screen and (max-width: 1024px) {
	.listarea,
	.listarea ul {
		width: 100%;
	}
	.listarea ul li {
		width: 30%;
	}
}
@media screen and (max-width: 768px) {
	.listarea ul li {
		width: 47%;
	}
}
@media screen and (max-width: 468px) {
	.listarea ul li {
		width: 97%;
	}
}

/* =======================================
	ClearFix
======================================= */
ul:before,
ul:after {
	content: " ";
	display: table;
}
ul:after {clear: both;}
ul {*zoom: 1;}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　以下　pc.css　　*/

/*=====================================

　　header

=====================================*/
#header{
	background-color:#eee;
	height:90px;
	margin:0;
	padding:0;
	top:0;
}
.header{
	max-width:1000px;
	margin:0 auto;
	height:90px;
/*	background:url('../images/bg_header.png');*/
}
#id_box{
	float:left;
	width:66.6%;
}
#site_help{
	display:none;
/*	float:right;
	text-align:right;
	width:33.4%;*/
}
#site_help li{
	display:inline;
	text-align:right;
	padding-left:20px;
}
.site_search{
	margin:10px 0 0;
}
.site_search input#submit{
    background: url(../images/b_search.png) 0 -1px no-repeat;
    text-indent:-5000px;
    width:40px;
    height:20px;
    border:none;
}
.site_search input#submit:hover{
    background: url(../images/b_search_b.png) left top no-repeat;
}

#searchKeyword{
	width:150px;
	height:20px;
	font-size:12px;
}
#site_catch{
	float:left;
	width:50%;
	font-size:12px;
	font-weight:bold;
	padding:30px 0 0 2%;
	color:#333;
}
#site_id{
	float:left;
	width:50%;
	text-align:center;
	padding:5px 0 0 0;
}
#site_id img{
	height:71px;
}


/*--------------
contents
--------------*/

#content_wrap{
	width:100%;
}
#content{
	max-width:1000px;
	min-width:769px;
	margin:0 auto;
	padding:0 2%;
}

div#content_box{
    width:960px;
	margin:0px auto 0 auto;
}

div.topicPath{
	margin:50px 0px 0px 0px;
	padding:10px 0px;
}

/*  section  */
div#content_box section{
	float:right;
/*	width:58.33%;*/
	width:60.31%;
    margin:0px 0px 0px 0px;
}

h1{
	/*	display: none;	*/
	/*　大見出し　*/
	font-size: 210%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow: 0px 4px 3px rgba(255,255,255,0.6),
               2px 5px 8px rgba(255,255,255,0.3),
               3px 8px 20px rgba(255,255,255,0.2);
	margin:20px 0px 40px 0px;
	line-height:1.5em;
}

h1 img.title_blog{
	margin:-20px -0.5% 0 -15px;
	padding:0;
	width:105%;
}

h2{
	/*	通常の見出し	*/
	font-size: 180%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

h3{
	/*	中見出し	*/
	font-size: 150%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

h4{
	/*	小見出し	*/
	font-size: 125%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

h5{
	/*	前ボーダー付き赤字;	*/
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-left: solid 4px #C33;
	color:#C33;
	text-indent:1em;
	padding:0 0;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

h6{
	/*	前ボーダー付き青字;	*/
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-left: solid 4px #09f;
	color:#09F;
    text-indent:1em;
	padding:0 0;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

div.responsive_image_gallery{
	margin-top:-10px;
}


/*  contact_form  */
dl#contact_form{
	width:100%
}

dl#contact_form dt{
	display:inline;
	float:left;
	margin:5px 0px;
	padding:0;
	width:40%;
}

dl#contact_form dd{
	display:inline;
	float:right;
	margin:5px 0px;
	padding:0;
	width:60%;
}

/*  aside  */
div#content_box aside{
	float:left;
/*  width:26.04%;*/
    width:31.25%;
/*	padding-left:50px;*/
	margin:20px 0px;
/*	width:360px;*/
    line-height:1.9em;
}

aside h5{
	/*	前ボーダー付き赤字;	*/
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-left: solid 4px #C33;
	color:#C33;
	text-indent:1em;
	padding:0 0;
	margin:10px 0px 20px 0px;
	line-height:1.5em;
}


/*--------------
nav
--------------*/
#nav{
	display:none;
/*	width:100%;
	background-color:#eee;
	height:45px;*/
}
#smart_navi{
	display:none;
}

#pc_navi{
	margin:0 auto;
	width:100%;
	margin-bottom:20px;
}
ul#globalNavi{
	width:100%;
}
ul#globalNavi li{
	width:14.2%;
	float:left;
}
ul#globalNavi li img{
	border-left:solid 1.5px #fff;
}

/*=====================================

　　search

=====================================*/
/* search */
.searchresult_area{
   margin-left:20px;
   margin-bottom:30px;
}
.searchresult{
	padding-left:20px;
}
.searchresult_area li{
	border-bottom:dotted 1px #aaa;
	padding:0 -10px;
}
.searchresult_area li p{
	font-size:90%;
	margin:-5px 0 0;
}


/*=====================================

　　top-page

=====================================*/
/* information_zone */
.information_zone{
	float:left;
    width:30%;
    margin:0;
    padding:0;
    text-align:left;
}
#news_area{
	width:100%;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding:10px;
}
.list_waku{
	margin:0 0 5px;
}
h3#news_area_title{
    font-size:105%;
    font-weight:bold;
    background-color:#ccc;
    margin-bottom:0;
    padding:10px;
}
#calender_area{
	width:100%;
	border:solid 1px #ccc;
	margin:0;
	padding:10px;
    line-height:120%;
}

/* page_guide_zone */
.page_guide_zone{
	float:left;
    width:70%;
    margin:0;
    padding:0 0 0 5%;
    text-align:left;
}
#ad_area{
	width:100%;

}
.guide_box{
    padding:0px;
}
.guide_box img.left_img{
	float:left;
	margin:10px 1% 0 0;
	width:49%;
	height:auto;
}
.guide_box img.right_img{
	float:right;
	margin:10px 0px 0 1%;
	width:49%;
	height:auto;
}



/* banner */
#link_area{
	width:100%;
    background-color:#efefef;
    margin:20px 0 -25px;
    padding:0;
}

.banner_zone{
 max-width:1000px;
 padding:20px;
 margin:0px auto;
 text-align:center;
}

.banner_zone img{
	margin:0 10px;
	width:20%;
}

/*=====================================

　　category-page

=====================================*/
/* パンクズリスト */
#breadcrumb{
	width:100%;
	background-color:#e6e6e6;
	height:30px;
	margin:0 auto;
	padding:0;
}
#breadcrumb .topicPath{
	max-width:1000px;
	margin:0 auto;
	padding:5px 0 0;
}

#breadcrumb img.slash{
	margin:0px 0 0;
	vertical-align:middle;
	height:25px;
}

/* カテゴリトップのインデクスページ　*/

.entry strong{
	font-size:110%;
	font-weight:bold;
}

/* 2段組 */
/* 左 */
.category-page .entry{
	float:left;
	width:70%;
}

/* 右 */
.category-page .menu{
	float:right;
	width:30%;
}

/*=====================================

　　NEWS

=====================================*/
/* News */
.news-page .entry h2{
	width:90%;
	padding:0 0 0 5px;
    border-bottom:solid 2px #888;
    margin-bottom:10px;
}
.news-page .entry h3{
	width:93%;
}
.news-page .entry h4{
	width:93%;
}
.news-page .entry h5{
	width:93%;
}
.news-page .entry .info{
	width:90%;
    margin:0px 20px 0 0;
    text-align:right;
    color:#888;
}
.news-page .entry p{
	margin:20px;
	width:90%;
}

/*=====================================

　　entry

=====================================*/
.entry{
	line-height: 210%;
	font-size:105%;
}

.summary-page .entry,.office-page .entry,.relevance-page .entry{
	margin-left:100px;
}

.entry h2{
/*	border-bottom:solid 1px #888;*/
	margin-top:0;
	margin-bottom:10px;
	color:#1C2C52;
}
/*=====================================

　　概要

=====================================*/
/* 館内マップ　*/
img.inner_map{
	float:right;
}

/* テーブル */
.summary-page .entry table{
	margin:0px;
	width:92%;
	line-height:160%;
}
.summary-page .entry th{
	margin:0;
	padding:8px;
	width:20%;
	vertical-align:top;
	border-bottom:dotted 1px #aaa;
	text-align:left;
}
.summary-page .entry td{
	margin:0;
	padding:8px;
	width:80%;
	border-bottom:dotted 1px #aaa;
	text-align:left;
}
.summary-page .entry td table{
    width:70%;
    margin:0;
}
.summary-page .entry td table td{
    border:solid 1px #aaa;
}

/* アクセス（地図）　*/
.google-maps{
	position: relative;
    padding-bottom: 75%; // これが縦横比
    height: 0;
    overflow: hidden;
    margin-bottom:30px;
}
.google-maps #map1 {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.map_area{
	margin-bottom:30px;
}
.map_area img.map_train{
	float:left;
	width:47.45%;
	margin-right:70px;
}
.map_area img.map_car{
	float:left;
	width:52.55%;
	margin-right:30px;
}

/*=====================================

　　学芸員

=====================================*/
.staff_intro{
	float:left;
    width:200px;
    margin:20px 15px;
}
.staff_intro li{
	padding-left:20px;
	font-size:115%;
}
.staff_file{
	margin-top:20px;
	margin-bottom:30px;
}
.staff_file dt{
	font-weight:bold;
	padding:15px 0 0;
}
.staff_file dd{
	padding:5px 0 5px 100px;
	margin-top:-2em;
	border-bottom:dotted 1px #ccc;
}
.staff_file ul{
    list-style-type: circle;
    list-style-position: outside;
    padding-left:15px;
}

/*--------------
概要INDEX
--------------*/
.gaiyo{
    background:url(../images/uragaikan.jpg) no-repeat;
    background-position:20px 20px;
    background-size:100% auto;
    margin-left:-11%;
    max-width:1000px;
    height:580px;
}
.gaiyo_list{
	padding-left:20px;
	font-size:110%;
}

/*=====================================

　　常設展　ムービー部

=====================================*/

.movie_zone{
	margin:20px 0;
	border-top:dotted 1px #ccc;
}
.exhibition-page .movie_title_area{
	float:left;
	width:30%;
}
.exhibition-page .movie_area{
	float:left;
	width:70%;
}
.movie{
  max-width: 680px; /* 最大幅 */
  min-width: 383px; /* 最小幅 */
/*  margin: 2.0833% auto;*/
  margin:2% auto;	
}
.youtube{
  position: relative;
  padding-bottom: 61.25%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.movie-page #content_wrap{
	width:100%;
	margin:0px 0 -30px;
	padding:0px 0 30px;
	background-color:#000;
}
.movie-page #content{
	margin:0 auto;
	text-align:center;
	max-width:1000px;
}
.movie-page #content h1{
	margin:0 -1%;
}
.movie-page h1 img{
	margin:0;
}
.movie-page h2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin-bottom:20px;
}
.back_button a{
	margin:0 auto;
	text-align:center;
    display:block;
    width:100px;
    padding:5px;
    background-color:#333;
    border:solid 1px #444;
}
.movie_list li a{
/*	float:left;*/
/*	display:inline-block;
	width:200px;
	margin:20px;*/
	font-size:80%;
}
div.b_movie_cat ul li{
	display:inline-block;
    width:30%;
    margin:50px 1.2%;
}
ul.postthumbnail li img{
    width:200px;
    height:112px;
}


/*=====================================

　　タイトルゾーン

=====================================*/
.title_zone{
	width:1000px;
	margin:20px 0px 20px -0.5% !important;
	height:30px;
	padding:0 0;
}

/*　インフォ　*/
.c_info{
    background-color:#FF4DFF;
}

/* イベント　*/
.c_talk{
    background-color:#FF4D4D;
}
.c_workshop{
    background-color:#FF9326;
}
.c_melody{
    background-color:#85B200;
}
.c_others{
    background-color:#8C6900;
}

/* 展示　*/
.c_special{
    background-color:#B973FF;
}
.c_always{
    background-color:#2626FF;
}
.c_gallery{
	background-color:#2693FF;
}

/*　刊行物　*/
.c_pub{
	background-color:#0059B2;
}

/*　プレスリリース　*/
.c_press{
	background-color:#8C2300;
}

/*　ブログ　*/
.c_blog{
    background-color:#A3D900;
}
/*=====================================

　　イベント　ページ

=====================================*/

.h1_no-page h1{
	display:none;
}


.kaisu{
	clear:both;
	float:left;
	font-size:110%;
	font-weight:bold;
	text-align:left;
	margin-right:10px;
}
.event_day{
	float:left;
	font-size:110%;
	text-align:left;
}
.post_day{
	float:right;
	text-align:right;
	width:150px;
}

/*=====================================

　　近日開催

=====================================*/

.kinjitsu1{
    display:none;
}
.kinjitsu2{
	background:url(../images/kinjitsu.png) no-repeat;
	max-width:650px;
	min-width:530px;
	height:100px;
}

.kitaru1{
   display:none;
}
.kitaru2{
	display:block;
	float:left;
	background:url(../images/kitaru.png) no-repeat;
	background-position:center 5px;
	width:40px;
	height:20px;
	margin-right:5px;
}
.kaisai1{
   display:none;
}
.kaisai2{
	float:left;
	display:block;
	background:url(../images/kaisai.png) no-repeat;
	background-position:center 5px;
	width:40px;
	height:20px;
	margin-left:5px;
}
.commingsoon1{
   display:none;
}
.commingsoon2{
	float:left;
	display:block;
	background:url(../images/commingsoon.png) no-repeat;
	background-position:0 0px;
	width:70px;
	height:20px;
	margin-right:5px;
}

/*=====================================

　　出版物

=====================================*/
/*　一覧ページ　*/
.taxonomy-page h2{
    margin:-10px 0 20px;
    padding:0 0 3px 10px;
    border-bottom:dotted 1px #ccc;
}

.pub_list{
	float:left;
	width:22.5%;
	min-height:210px;
	margin:1%;
	padding:1%;
	border:solid 1px #ccc;
}
.pub_list img{
    width:100%;
    height:auto;
}
.pub_list h3{
	font-size:100%;
	border:none;
	padding:0;
	margin:0;
	text-indent:0;
}
.pub_list h5{
	font-size:100%;
	border:none;
	padding:0;
	margin:0;
	text-indent:0;
}
.pub_list p{
	font-size:85%;
	margin:0;
	padding:0;
	line-height:138%;
}
.pub_sale1{
	display:none;
}
.pub_sale2{
	background:url('../images/icon_hanpu.png');
	background-position:0 0;
	margin:0px 0 5px;
	padding:0 0 5px;
	width:40px;
	height:20px;
}
.pub_sale3{
	background:url('../images/icon_sale.png');
	background-position:0 0;
	margin:0px 0 5px;
	padding:0 0 5px;
	width:40px;
	height:20px;
}
.price1{
	display:none;
}
.price2,.price3{
	font-weight:bold;
}
/*=====================================

　　お問い合わせ

=====================================*/

.office-page .entry dl{
    width:700px;
}

.office-page .entry dl dt{
    clear:both;
    float:left;
    width:200px;
    line-height:200%;
    font-size:120%;
    font-weight:bold;
}

.office-page .entry dl dd{
    float:left;
    margin-left:0px;
    line-height:200%;
}
.office-page .entry textarea{
	width:400px;
}
.office-page .entry .wpcf7-submit{
    float:left;
    margin-left:200px;
}
.wpcf7-text{
    font-size:14px;
}


/*=====================================

　　footer

=====================================*/
#footer{
	background-color:#ccc;
	margin:0 0 -200px;
	padding:0;
	width:100%;
	height:auto;
}
#footer_bg{
	background:url(../images/bg_footer2.png) no-repeat;
	background-position:center bottom;
	background-size: cover;
	max-width:1023px;	
	min-width:769px;
	margin:0 auto;
}
.footer_id{
	font-size:86%;
	line-height:140%;
	padding:20px;
}
.footer_id img{
	width:190px;
	margin:24px 0 0;
	padding:0px;
}
.contents_map{
	display:none;
/*	margin:0 auto;
	max-width:960px;
	min-width:769px;*/
}
ul.contents_list{
	display:block;
	float:left;
	margin:20px 0 20px 30px;
	width:15%;
	text-align:left;
	font-size:90%;
	line-height:1.5em;
}

.contents_map ul ul{
	margin-left:0px;
}

.class_top{
    font-weight:bold;
    font-size:112%;
    margin-bottom:3px;
}

p#copyrights{
	margin: 0;
	padding:0 0 40px 0;
	width:98%;
	font-size:88%;
	color:#eee;
	text-align: center;
}