@charset "Shift_JIS";

@import url(common.css);

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

 印刷用css
 ※基本、元のcssの上書きで対応

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


/*===========================================================
 base.css
============================================================*/
body { background-image: none; background-color: #fff; color:#000; text-align: left; }

/*===========================================================
 style.css
============================================================*/

/*------------------------------------------------------------
 フォントサイズ
-------------------------------------------------------------*/
.fs10px,
.fs14px,
.fs16px,
.fs18px{ font-size:83%; }



h1 { display: none; }
/*===========================================================

 枠組・レイアウト・メニュー用css

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

.clear{ clear:both; }
.acrobat { display: none; }
.noimg { display: none; }

/*------------------------------------------------------------
 topheader（トップページ）
-------------------------------------------------------*/
#topcontainer{ width: 655px; margin: 0 auto; text-align: center; line-height:1.4; padding-top: 5px;}
/*------------------------------------------------------------
 newstopics（トップページ）
-------------------------------------------------------------*/
#topics { width:800px; margin: 0 auto; padding:17px 0 18px 0; }
#topics ul.left { float:left; width:510px; }
#topics ul.right { float:right; width:790px; }

div#news_left { float: left; width: 508px; margin-left: 2px; margin-top: 10px; float: left;	overflow: hidden;}
div#news_right { float: left; width: 270px;	margin-right: 2px; margin-top: 10px; overflow: hidden;}

/*news*/
ul#news { list-style-type:none; width: 504px;color: #333;}
ul#news li { margin-bottom: 3px; list-style:none; }
ul#news li a { display: block; width: 504px; height: 24px; text-decoration: none; line-height: 20px;
	color: #333; background-image: url(../images/news_line.gif); background-repeat: no-repeat;
	background-position: left top;}
ul#news li a strong {  margin-left: 7px;  font-family: arial, helvetica, verdana ,sans-serif;
  font-weight: normal;  font-size: 13px;}
ul#news li a span {	margin-left: 30px;	font-size:13px;}
ul#news li a:hover {  color: #666;  background-position: 0 -24px; text-decoration: underline;}
ul#topics2 { list-style: none; color: #333;	width: 504px; list-style:none; }
ul#topics2 li { margin-bottom: 3px;}
ul#topics2 li a { display: block; width: 504px;	height: 23px; text-decoration: none; line-height: 24px; color: #333333; background-repeat: no-repeat; 	background-position: left top; background-image: url(../images/topics_line.gif);}
ul#topics2 li a strong {  margin-left: 5px;  font-family: arial, helvetica, verdana ,sans-serif;  font-weight: normal;  font-size: 13px; letter-spacing: 1px;}
ul#topics2 li a span { margin-left: 7px; font-size:13px;}
ul#topics2 li a:hover {	color: #666; background-position: 0 -24px;}


/*title*/
h2#news_title { margin: 0px 0 5px 5px; width: 504px;  height: 30px; font-size: 1px;}
h2#top_topics { display: block; margin: 5px 0px 0px 5px; width: 504px; height: 30px; font-size:13px; text-indent: -3000px; 
background-image: url(../images/top_ti_tokusyu.gif); background-repeat: no-repeat; background-position: left top;}
h2#top_jikai { display: block; margin: 5px 0px 0px 5px; width: 504px; height: 30px; font-size: 13px; text-indent: -3000px; 
background-image: url(../images/top_ti_jikai.gif); background-repeat: no-repeat; background-position: left top;}


/*content*/
#news_left { float: left; width: 508px;	margin-left: 2px; margin-top: 10px; float: left; overflow: hidden;}
#news_right { float: left; width: 270px; margin-top: 10px; margin-left: 18px; overflow: hidden;}
#news_right .exh{ float: left; padding: 30px 0px 0px 17px; width: 259px; height: 260px; background-image: url(../images/bg_now_exhibition.gif);
	background-repeat: no-repeat;}
	#news_right .exhnext{ float: left; padding: 30px 0px 0px 17px; width: 259px; height: 260px; background-image: url(../images/bg_next_exhibition.gif);
	background-repeat: no-repeat;}
.link{ font-size: 0.84em; line-height: 1.5; width: 504px; text-align: right; padding: 5px 0 5px 5px; margin: 12px 0px 0px 0px;}
.rss{ font-size: 0.84em; line-height: 1.5; width: 504px; text-align: right;	padding: 5px 0 5px 5px;	margin: 0px 0px 0px 0px;}
.rss01{
	width: 400px;
	text-align: left;
	padding: 0px 0 2px 24px;
	margin: 0px 0 2px 24px;
	background-image: url(../../rss/image/rssmark.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 24px;
}
.left35topic{ margin: 0px 0px -2px 5px;}
.left35news{ margin: 0px 0px -16px 5px;}
/* for-box-bug */
ul {display:inline-table; list-style-type:none; }
/* not allowed to Mac IE \*/
* html ul {height:1px;}
ul {display:block;}
/* */
/* end for-box-bug */

/*------------------------------------------------------------
済 header（下階層）
-------------------------------------------------------*/
#header { display: none; }
#container{ background-image: none;}




/*------------------------------------------------------------
済 menu
-------------------------------------------------------------*/
#container #menu { display: none; }
#container #etctop { width:800px; margin: 0 auto 0px; }

/*------------------------------------------------------------
済 menu（下層ページ）
-------------------------------------------------------------*/
#container #submenu { display: none; }

/*------------------------------------------------------------
済 contents（下層ページ）
-------------------------------------------------------------*/
/*content*/
#contents_main780 { width: 650px; margin: 5px 5px 0px 0px; float: left; clear:both;}
.contents_main780 { width: 650px; margin: 5px 5px 0px 0px; float: left; clear:both;}
#contents_main570 { float: left; width: 650px; margin: 5px 2px 0px 0px; clear:both; } 
#contents_right { float: left; width: 650px; margin: 5px 5px 0px 0px; }
#contents_right .pic { float: left; width: 200px; padding-top: 5px; font-size: 95%; padding-left: 8px; }
#contents_right .pic ul { padding-top: 1px; padding-left: 1px; text-align: left;}
#contents_line { float: left; width: 650px; margin: 5px 0px; overflow: hidden;}
 .contents_line { float: left; width: 650px; margin: 5px 0px; overflow: hidden;}
 

#contents_main620 { float: left; width: 650px; margin: 5px 2px 0px 10px; clear:both;}
#contents_right150 { float: left; width: 650px; margin: 5px 0px 0px 0px; background-image: none; clear:both;}
 

/*------------------------------------------------------------
済 テーブル（総合情報）
-------------------------------------------------------------*/
table.tinfo { border-collapse:collapse; border:1px solid #E0D6C9; margin-left: 0px; margin-top: 10px; width:645px}
table.tinfo th,table.tinfo td{ padding:3px;}
table.tinfo th{ border-left:1px solid #E0D6C9; background-color:#EFEFEF;}
table.tinfo th, table.tinfo td{ text-align:left; border:1px solid #E0D6C9;}
table.tinfo .ttxt1{ padding-left:5px;}
table.tinfo .ttxt2{	padding-left:20px;}
table.tinfo .ttxt3{	padding-left:60px;}
table.tinfo .ttxt4{ padding-left:80px; }
table.tinfo .ttxt5{ padding-left:100px; }
table.tinfo .ttxtbg{ padding:3px; margin:5px; background-color:#EFEFEF;}
dl.tbinfo{ margin:0 0 0 2px; padding-bottom:3px;}
dl.tbinfo dt { float:left; }
dl.tbinfo dd { padding:0px;}
dl.tbinfo dd ul { width:100%; }
dl.tbinfo dd li { text-indent:-1.0em; padding-left:1.2em;}
dl.info{  margin:10px 0 0 15px; padding-bottom:3px;}
dl.info dt { float:left; }
dl.info dd { padding:0px;}
dl.info dd ul { width:100%; padding:2px 0px 5px 0px;}
dl.info dd li { text-indent:-1em; padding-left:3em;}

/*------------------------------------------------------------
済庭園のご案内：彫刻
-------------------------------------------------------------*/
table.sculpe { border-collapse:collapse; border:1px solid #ccc;	margin-left: 0px; margin-top: 10px; width:645px;}
table.sculpe th,table.sculpe td{ padding:3px ;}
table.sculpe th{ border-right:1px solid #fff}
table.sculpe td{ text-align:center; vertical-align: middle;}
table.sculpe .ttxt{	padding:5px 0px;}
table.sculpe .ttxt1{ padding:4px 0px;}

table.sculpe .ttxtbg{ padding:0px; margin:0px; }
dl.sculpe{ margin:0 0 0 0px; padding-bottom:3px;}
dl.sculpe dt { float:left; }
dl.sculpe dd { padding:0px;}
dl.sculpe dd ul { width:100%; }
dl.sculpe dd li { text-indent:-1.0em; padding-left:1.2em;}
dl.sculpe{ margin:10px 0 0 15px; padding-bottom:3px;}
dl.sculpe dt { width:200px; float:left; }
dl.sculpe dd { padding:0px;}
dl.sculpe dd ul { width:100%; padding:2px 0px 5px 0px;}
dl.sculpe dd li { text-indent:-1em; padding-left:3em;}
.sculpespace{ margin:10px 0 0 10px; padding-bottom:3px;}
.mapresize{ width:600px; height:408px; }
.sculpmap{ width:600px; height:301px; }
/*------------------------------------------------------------
済庭園のご案内：写真
-------------------------------------------------------------*/
.gphototitle { margin:5px 0px 5px 0px;
	padding:3px 0px 2px 12px; clear:both; width: 610px; height: 25px; background-image: none;}
table.gphoto { text-align: center; vertical-align: top; width: 140px; margin-top: 10px; margin-left: 10px;}
table.gphoto th,table.gphoto td{ text-align:center; vertical-align: middle; padding:2px; border-bottom: 1px dotted #cccccc; }
table.gphotolist { width: 592px; text-align: center; vertical-align: top; margin-top: 10px; }
table.gphotolist th,table.gphotolist td{ text-align:center; padding:1px;}
.gphototayori_top{
	margin:10px 0px 0px 0px;
	padding:0px 0px;
	clear:both;
	width: 650px;
	height: 5px;
	background-image: none;
}

.gphototayori {
	margin:0px 0px 5px 0px;
	padding:3px 0px 2px 0px;
	width: 650px;
	background-image: none;
}
.gphototayori_txt {
	float: left;
	width: 400px;
	margin: 5px 2px 30px 30px;
}
.gphototayori_right {
	float: right;
	width: 250px;
	margin: 7px 20px 30px 0px;
	overflow: hidden;
}
#contents_tayori {
	width: 770px;
	margin: 5px 5px 20px 18px;
	float: left;
}


#contents_gallery {
	float: left;
	width: 620px;
	margin: 5px 80px 0px 60px;
	float: left;
}
/*------------------------------------------------------------
済友の会
-------------------------------------------------------------*/
table.tomoinfo .tPrice{ text-align:right; }
table.tomoinfo .tTotal{ border-bottom:1px solid #c3a51f; }
table.tomoinfo { border-collapse:collapse; border:1px solid #c3a51f; margin-right: 3px;	margin-top: 10px;}
table.tomoinfo th,table.tomoinfo td{ padding:2px 5px; }
table.tomoinfo th{ border-left:1px solid #c3a51f; background-color:#EFEFEF;}
/*  table.tomoinfo th,
table.tomoinfo td{ text-align:left; border:1px solid #c3a51f;} */

table.tomoinfo .ttxt1{ padding-left:10px;}
table.tomoinfo .ttxt2{ padding-left:20px;}
table.tomoinfo .ttxt3{ padding-left:35px;}
table.tomoinfo .ttxt4{ padding-left:80px; }
table.tomoinfo .ttxt5{ padding-left:100px; }
table.tomoinfo .ttxtbg{ padding:3px; margin:5px; background-color:#EFEFEF;}


 /*------------------------------------------------------------
済付属施設（付属施設の利用）
-------------------------------------------------------------*/
.topphoto{ width:600px; height:260px; clear: both;}
div.fuzoku_topimage{ width: 650px;	margin: 8px 0px 8px 0px; text-align: left; font-weight: bold;}
div.fuzoku_topimage1{ width: 650px;	margin: 8px 0px 8px 0px; text-align: center; font-weight: bold;}
div.fuzoku_topimage1 img{ display: none; }
div.fuzoku_topimage1 span{ display:block; width:auto; line-height:1.4; visibility:visible; }
div.fuzoku_topimage2{
	width: 650px;
	margin: 8px 0px 8px 0px;
	text-align: center;
	font-weight: bold;
	color: #990000;
}
div.fuzoku_topimage2 img{ display: none; }
div.fuzoku_topimage2 span{ display:block; width:auto; line-height:1.4; visibility:visible;}
.fuzokutxt { width: 650px; padding:0px 5px 0px 0px; margin: 20px 0px 10px 0px; }
.fuzokutxt01 { width: 650px; padding:0px 0px 20px 0px;	margin: 0px 0px; }
.fuzokutxt02 { width: 650px; padding:0px 0px 5px 0px; margin: 0px 0px; }
.fuzokutxt03 { width: 650px; padding:5px 5px 0px 0px; margin: 0px 0px;}
.fuzokutxt04 { width: 650px; padding:5px 5px 0px 0px; margin: 0px 0px ;}
div.fuzoku_toiawase1 { width: 650px; margin: 8px 0px 8px 0px; text-align: center; font-weight: bold;}
div.fuzoku_toiawase1 img{ display: none; }
div.fuzoku_toiawase1 span{ display:block; width:auto; line-height:1.4; visibility:visible; }
div.fuzoku_btn{ width: 650px; margin: 0px 0px 20px 0px; text-align: center;}
div.fuzoku_btn02{ width: 650px; margin: 0px 0px 20px 0px;}
div.fuzoku_ti{ width: 500px; margin: 5px 0px 5px 0px;}

/*------------------------------------------------------------
済#fuzokupdf
-------------------------------------------------------------*/
#fuzokupdf { width:650px; margin: 0 auto; padding:5px 0 ;}
#fuzokupdf ul { text-align:left; }
#fuzokupdf ul.left { float:left; padding-left: 5px;  clear: both;}
#fuzokupdf ul.right { float:left; padding-left: 5px; clear: both; }
#fuzokupdf li { padding-top:2px; background-image: none; height: 15px; padding-top: 2px;}

/*------------------------------------------------------------
済展覧会カレンダー
-------------------------------------------------------------*/
table.exhi_caL { text-align: center; vertical-align: top; width: 600px;	margin-top: 5px; padding:0px;}
table.exhi_ca { border-collapse:collapse; border:1px solid #cccccc;	font-size:73%!important; text-align: center; vertical-align: middle;}
table.exhi_ca th,table.exhi_ca td{ text-align:center; vertical-align: middle; }
table.exhi_ca th{ border:1px solid #cccccc; background-color:#E0E0E0;}
table.exhi_ca td{ border:1px solid #cccccc;} 
table.exhi_ca td.yasumi01{ background-color:#C3891F; color: #FFFFFF;}
table.exhi_ca td.yasumi02{ background-color:#F4E1BD;}
table.exhi_ca td.yakan{	background-color:#A09573; color: #FFFFFF;}
table.exhi_past {  text-align: center; width:200px;	margin-top: 10px; }
table.exhi_past th,table.exhi_past td{ text-align:center; vertical-align: middle; padding:3px; }
/*------------------------------------------------------------
展覧会（各展覧会告知）
-------------------------------------------------------------*/
h1.exhi { float: left; padding:20px 5px 0 9px; clear:both;}
#exhitoptitle { float: left; padding:5px 0px; clear:both; width: 650px; text-align: center;}
.exhikikakuimg{ width:600px; height:auto; }
h2.exhi { float: left; padding: 0px 5px 20px 0px; clear:both;}
h3.exhi { float: left; padding: 20px 0px 5px 0px; clear:both;}
.exhitxt {
	width: 650px;
	padding-left:2px;
	margin:5px 0px 0 0px;
}
.exhiphoto{
	clear:both;
	width: 650px;
	margin: 2px 0px;
	padding:10px 0px ;
}
.exhiphoto ul {
	padding:0px 0px;
	text-align: left;
}
.exhiphoto li {
	float: left;
	padding:3px 6px 3px 6px;
	list-style:none;
}
.exhibition_menu { width: 520px; margin:10px 0px 0 0px;}

/*------------------------------------------------------------
済museum(美術館について）
-------------------------------------------------------------*/
.museumtxt780 {	width: 650px; margin:3px 1px;}

/*===========================================================
済プレス（press.html）
============================================================*/
dl.press { margin:0 0 0 5px; padding-bottom:3px; }
dl.press dd { padding: 0px;}
dl.press dd ul { width:100%; }
dl.press dd li { text-indent:-1.0em; padding-left:1.2em;}
.contents_main600 { width: 650px; padding: 3px 0px 10px 5px; float: left;}
h3.press { float: left; padding: 10px 5px 3px 0px; clear:both; font-weight: bold;}
h4.press {  float: left; padding: 5px 5px 3px 0px; clear:both; font-weight: bold;}

/*===========================================================
済プライバシー（press.html）
============================================================*/
dl.privacy { margin:0 5px 0 0px; padding-bottom:8px; line-height: 120%!important;}
dl.privacy dt { float:left; }
dl.privacy dd { padding: 0px;}
dl.privacy dd ul { width:100%; }
dl.privacy dd li { text-indent:1em;	padding-left:1.2em;}
h3.privacy { float: left; padding: 10px 5px 3px 3px; clear:both; font-weight: bold;}
h4.privacy { float: left; padding: 5px 5px 3px 3px; clear:both; font-weight: bold;}


/*===========================================================
済sitemap/　サイトマップ
============================================================*/
ul.sitemap { margin-left: 10px;	margin-bottom: 10px; color: #41718f; font-weight: bold;}
ul.sitemap li {	margin-top: 10px; padding-left: 1px; background-image: none; margin-top: 20px; padding-left: 20px;}
ul.sitemap li ul li { margin: 5px 0 10px 50px; padding-left: 20px; background-image: none;}

/*------------------------------------------------------------
済link
-------------------------------------------------------------*/
#link {	width:650px; margin: 0 auto; padding:5px 0 ;}
#link ul { text-align:left; }
#link ul.left { float:left; padding-left: 10px;  clear: both;}
#link ul.right { float:left; padding-left: 10px; clear: both; }
#link li { padding-top:10px; background-image: none; height: 20px; padding-top: 2px;}
#link li span {	vertical-align:bottom;}
#link li largelink{ padding-bottom:20px; background-image: none; height: 60px; padding-top: 2px;}


/*------------------------------------------------------------
済FAQ 
-------------------------------------------------------------*/
div.faqblock{ width: 650px; margin: 5px 0px 3px 0px; }
.question{ text-align: left; margin: 5px 0px;padding: 1px 0px; background-image: none; height: 18px; color: #C55214; clear: both;
	font-weight: bold;}
.answer{ text-align: left; padding: 1px; margin: 2px 0px 2px 0px; border: none; clear: both; float: none; line-height: 100%!important;}
.questiontitle{ text-align: left; margin: 5px 0 2px 0px;}

/*------------------------------------------------------------
 済フッター
-------------------------------------------------------------*/
#footer { display: none; }
#footer ul { display: none; }
#footer li { display: none; }
/*------------------------------------------------------------
 済footer(英語）
-------------------------------------------------------------*/
#efooter { display: none; }
#efooter ul { display: none; }
#efooter li { display: none; }




/* :::::::::: go pagetop :::::::::: */
.go_pagetop{display: none; clear: both; }






/*------------------------------------------------------------
済小さいウィンドウ
-------------------------------------------------------------*/
#stopcontainer{ width: 485px; margin: 0 auto; text-align: center; line-height:1.4; padding-top: 20px;}
#scontainer{ width: 485px; text-align: left; background-image: none; padding-left: 2px;}
* html #scontainer{ height: 100%; }
#sheader { display: none; }
#scontents_main300 { float: left; width: 270px; margin: 5px 2px 10px 0px; float: left; overflow: inherit;}
#scontents_main500 { float: left; width: 475px; margin: 5px 2px 10px 0px; float: left; overflow: inherit;}
#scontents_title { float: left; width: 463px; margin: 6px auto 2px 6px;	padding: 2px 0px 2px 6px;
	float: left; overflow: hidden; font-weight: bold; color: #000000;}
#scontents_right { float: right; width: 200px; margin: 5px 11px 0px 0px; overflow: hidden;}
#scontents_right .pic { float: right;	width: 200px; padding-top: 3px; padding-bottom: 10px; font-size: 85%;}
#scontents_right .pic ul { padding-top: 1px; padding-left: 7px; }
#sfooter { display: none; }
#sfooter ul { padding:0 30px 0px 140px;	line-height:1; height: 26px;}
#sfooter li { list-style:none; float: left;	padding:0 2px;}
#sfooter li.last { padding-right:12px; border-right:1px solid #040e53; }



/*------------------------------------------------------------
済にゅーす
-------------------------------------------------------------*/

.news_title{ text-align: left; padding: 5px 0 5px 10px; margin: 5px 0px 5px 7px; clear: both;
	font-size: 1.3em; background-color: #E3E3E3; font-weight: bold;}


.news_text{ text-align: left; padding: 5px 5px 20px 7px; margin: 5px 0px 5px 7px; clear: both; float: none;}
img.picright{ float: right; margin: 5px 5px 5px 10px; clear: both;}