@charset "utf-8";

/* ---------- サイト内共通の設定 ---------- */

a:link { text-decoration: none; color:#0000FF; }
a:visited { text-decoration: none; color:#6633CC; }
a:hover { text-decoration: none; background-color: #0000FF; color:#E1E1E1; }
a:active { text-decoration: none; color:#0000FF; }

a img{ background: none; border: none;}
a img:hover{ background: none; border: none;}
	
body{
	margin: 0;
	line-height:180%;
	font-size:small;
	color: #332200;
	font-family: 'hiragino kaku Gothic Pro W3', Verdana, Arial, sans-serif;
	
	/* intel mac safari bug */
	/* font-family: verdana,arial,"Hiragino Kaku Gothic Pro W3", "MS Gothic",  Helvetica, sans-serif; */
}

body.bg{
	background: url("/common/bgcolor.gif") 0px repeat-y ;
}

h1, h2, h3{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 16px;
}

h2{
	font-size: 1.1em;
	margin-bottom: 24px;
	border-bottom: 1px solid #999999;
}

h2.bordernone{
	border-bottom: 0;
	margin-bottom:10px;
}

h3{
	font-size:small;
}

ul{
	margin: 0;
	padding-bottom: 20px;
}

ol{
	margin: 0;
	padding-bottom: 20px;
}

p{
	margin: 0;
	padding-bottom: 20px;
}

em{
	font-style: normal; 
	padding-bottom: 1px; 
	border-bottom: 1px solid #332200;
}

	.caption{
		font-size:x-small;
		line-height:180%;
	}
	
	.data{
		font-size: 0.86em;
		line-height:180%;
	}
	
	.credit{
		font-size:x-small;
		line-height:160%;
	}
	
	.lang{
		font-size:x-small;
		font-style: italic;
	}

 #contents .lang ul{
 	width: 390px;
  font-size: .86em; /* WinIE5.5用 */
  voice-family:"\"}\"";
  voice-family:inherit;
 	width: 350px;
  font-size:x-small;  /* WinIE5.5以外 */
 }

 #contents .lang ul li{
	float: right;
	background: none;
	}

.article{
  margin-bottom: 20px;
	width: 100%;
}

	.arrow-left{
		margin-top: 35px;
		padding-left: 15px;
		background: url("/common/arrow-left.gif") no-repeat center left;
	}
	
	.arrow-right{
		padding-left: 15px;
		background: url("/common/arrow-right.gif") no-repeat center left;
	}
	
	.arrow-top{
		padding-left: 15px;
		background: url("/common/arrow-top.gif") no-repeat center left;
	}
	
	.arrow-next{
		padding-right: 15px;
		background: url("/common/arrow-right.gif") no-repeat center right;
	}
	
	.hyphe{
		padding-left: 15px;
		background: url("/common/hyphen.gif") no-repeat 0px 3px;
	}

/* 
.pdf{
	padding-left: 15px;
	background: url("/common/pdf.gif") no-repeat left center;
}
*/

	table.bg{
		background-color: #999999;
	}
	
	td.end{
		border-bottom:solid 1px #999999;
		background-color: #ffffff;
	}
	
	td.bg{
		border-bottom:solid 1px #999999;
		background-color: #ffffff;
	}
	
	td.label{
		border-bottom:solid 1px #FFFFFF;
		background-color: #999999;
	}
	
	td.start{
		border-top:solid 1px #999999;
		border-bottom:solid 1px #999999;
		background-color: #ffffff;
	}

	.dateSign{ 
		margin-left:5px;
		color: #FF0000;
		font-size: x-small;	
		white-space: nowrap; 
	}
	
	




/* ----------- 基本レイアウト ----------- */

/* container */

	#container{
		background: url("/common/bgContainer.gif") 0px repeat-y ;
		width: 780px;
	}



/* side menu */

	#sidebar{
		width: 170px;
		float: left;
		background-color: #80CECF;
	}


	.menu{
		padding: 25px 0px 0px 0px;
	}

	.menu ul {
		margin: 0;
		padding: 0px 5px 0px 0px;
	}
	
	.menu li{
		padding: 0px 0px 0px 15px;
		margin: 0px 0px 25px 10px;
	 	list-style: none;
		line-height: 120%;
		background: url("/common/arrow-right.gif") no-repeat 0px 3px;
	}
	
	.menu li ul{
		padding: 10px 0 0 0;
	}	

	.menu li ul li{
		padding: 5px 0 5px 0;
		margin: 0;
		font-size: 0.86em;
		background: none;
	}
	
	
	.menu li #categorySummary,
	.menu li #monthlySummary{
		padding-top: 10px;
	}.menu li #monthlySummary{
		padding-top: 5px;
	}
	
	.menu li #categorySummary ul,
	.menu li #monthlySummary ul{
		margin: 0;
		padding: 0;
		width: 140px;
	}
	
	.menu a.subNavi{
		cursor: pointer;
		font-size: 0.86em;
	}
	
	.menu li ul li.menuSchedule{
	  margin-top: 12px;
	}
	
	.menu a:link { text-decoration: none; color:#332200; }
	.menu a:visited { text-decoration: none; color:#332200; }
	.menu a:hover,.menu a.subNavi:hover { text-decoration: none; background-color: #332200; color:#80CECF; }
	.menu a:active { text-decoration: none; color:#332200; }

	.menu li ul li a:link { text-decoration: none; color:#0000FF; }
	.menu li ul li a:visited  { text-decoration: none; color:#6633CC; }
	.menu li ul li a:hover { text-decoration: none; background-color: #0000FF; color:#E1E1E1; }
	.menu li ul li a:active { text-decoration: none; color:#0000FF; }
	
	
/* header */

	#header{
		height: 95px;
		padding: 25px 25px 0px 25px;
	}

	#topicPath{
		font-size: x-small;
		margin-bottom: 15px;
	}


/* main */

	#main{
		width: 610px;
		float: right;
		background-color: #E8E8E8;
	}

	#contents{
		padding: 0px 25px 0px 25px;
	}


	#contents ul{
		padding-left: 0;
		list-style: none;
	}

	#contents ul li{
		padding-left: 15px;
		background: url("/common/hyphen.gif") no-repeat 0px 6px;
	}

	#contents ol{
		padding-left: 35px;
		margin-left: 0;
	}
	
	#contents ol li{
		padding-left: 0;
		margin-left: 0;
	}
	
	#contents ol li ul li{
		padding: 0px;
		margin: 0px;
	}


/* footer */
	#footer{
		position: relative;
		padding: 20px 25px 20px 25px;
		width: 730px;
		clear: both;
		background-color: #332200;
		font-size:x-small;
		color: #e1e1e1;
	}

	#footer a{ text-decoration: underline; color: #e1e1e1;}
	#footer a:hover { text-decoration: none; background-color: #e1e1e1; color:#332200; }

	.qr_code{
	   position: absolute;
	   width: 66px;
	   height: 86px;
	   background: url("qr_code.png") no-repeat top;
		right: 25px;
		top: 20px;
	}
	
	.copyright{
		width: 460px;
		line-height:180%;
		margin: 0;
	}



/* for system use */
	#error{
		height: 95px;
		font-size:10px;
		padding: 25px 25px 0px 25px;
	}

	.error-message{
		font-size:10px;
		color: #ff0000;
	}


/* ---------- コンテンツ毎の設定 ---------- */

/* cover */

	.cover a { text-decoration: none; }
	.cover a:hover { background-color: #ffffff; text-decoration: none; }
	
	.top-copyright{
		font-size:x-small;
		color: #443311; 
		line-height:180%;
		padding-left: 50px;
	}
	
	.top-copyright a{ text-decoration: underline; color: #443311;}
	.top-copyright a:hover { text-decoration: none; background-color: #443311; color:#ffffff; }


/* home */

	#contents #home{
		padding: 25px 0px 25px 0px;
	}

	#contents #exhibition{
		padding: 0px 0px 35px 0px;
	}
			
	#exhibition p,
	#event p{
		  margin: 0;
		  padding-bottom: 10px;
	}
		
	#exhibition p.body,
	#event p.body{
	   width: 340px;
	   float: left;
	   line-height: 1.6em;
	}

	#exhibition p.date,
  #event p.date{
	   width: 170px;
	   margin-left: 365px;
	   font-size: 0.9em;
	   line-height: 1.8em;
	} 
	#exhibition li,
	#event li{
	   clear: both;
	   overflow: hidden;
	   width: 540px;
	   background-color: #fff;
	}

	#contents #event{
		padding: 0px 0px 25px 0px;
	}
	
		#contents #exhibition{
		padding: 0;
	}
	
	#news .news_header h2{
	  border: none;
	  margin: 0;
	}

	#news .news_header{
	margin-bottom: 24px;
	border-bottom: 1px solid #999999;
	width: 100%;
	position: relative;
	}
	
	#news .tools{
	  position: absolute;
	  right: 0;
	  top: 0;
	  font-size: x-small;
	  font-style: italic;
	}
	
	
	
/* news */

	.final{
		font-size:x-small;
		line-height: 160%;
		color:#ff0000;
	}


/* blog */

#blog .date{
    float: right;
}

#blog  h2.title{
	margin-bottom: 15px;
}

#blog .images{
	white-space: nowrap;
	width: 560px;
	overflow: hidden;
}

#blog .images a{
	background: none; 
}

#blog .entry{
	margin: 10px 0 10px 0;
	width: 560px;
	overflow: hidden;
}

#blog .state{
	font-size: 0.86em;
	padding-bottom: 24px;
	margin-bottom: 25px;
}

#blog .trackback{ 
	font-size: 0.86em;
	line-height: 140%;
	margin-bottom: 35px;
}

#blog .trackback .created{ 
	font-size: 0.86em;
	font-weight: normal;
}

#blog .trackback-url{ 
	line-height: 160%;
	margin: 10px 0 35px 0;
}


#blog .arrow-right{
	margin: 0;
	padding-left: 0;
	padding-right: 15px;
	background: url("/common/arrow-right.gif") no-repeat center right;
}

#blog #navigation{
	width: 560px;
	font-size: 0.86em;
	padding-bottom: 25px;

}

#blog .pageNavigation{
	width: 280px;
	float: left;
}


#blog .rssfeed{
	text-align: right;
	width: 280px;
	float: left;
	font-size: x-small;
}

.dateListLabel{ 
    float:left;
	padding-left: 15px;
	background: url("/common/hyphen.gif") no-repeat 0px 6px;
}

.dateListContent{ 
    margin-left:60px;
    margin-bottom:6px;
}

.categoryLabel a:visited {
    color: #0000ff;
}
.categoryLabel a:hover {
    color:#E1E1E1;
}

#categoryNavi .categoriesList{
  margin-bottom: 12px;
}

/* aism */

 	.aism-cover img { padding-bottom: 5px; }
	.aism-cover a { text-decoration: none; }
	.aism-cover a:hover { background-color: #e1e1e1; text-decoration: none; }


/* for system use */

	#error-page .caption{
		font-size:10px;
		padding: 0px;
		border: 0px;
	}


/* DownLoad Form */

table.form td{
	padding-bottom: 6px;
}

table.form td input{
	width: 265px;
}


#download{
	margin-bottom: 20px;
}

#download ol{
	margin: 0 0 25px 0;
	padding-left: 20px;
}

#download .photo{
	width: 118px;
	height: 118px;
	text-align: center;
	display: block;
	border: 1px solid #CCCCCC;
}

#download  td a:hover{
	background: none;
}


#download .data{
	width: 120px;
	margin: 10px 0 20px 0;
}





/* admin */

form { 
	margin-bottom: 0;
}

#pallet{
	width: 500px;
	text-align: right;
	font-size:x-small;
}

#pallet textarea{
	margin-top: 0;
	width: 500px;
}

#pallet a{ padding: 2px; border: #0000FF solid 1px; }
#pallet a:hover { text-decoration: none; background-color: #0000FF; color:#E1E1E1; }
#pallet a:visited { text-decoration: none; color:#0000FF; }
#pallet a:visited:hover{ text-decoration: none; color:#FFFFFF; }


.pagination .arrow-right{
	padding-left: 0;
	padding-right: 15px;
	background: url("/common/arrow-right.gif") no-repeat center right;
}

.login-indication { 
	font-size:x-small;
	line-height:180%;
	float: right;
	padding: 2px 6px 2px 6px;
	border: #666666 solid 1px;
}

/* blog manual*/

#manual{
	margin-top: 25px;
}

#manual em{
	border: none;
	color: #FF0000;
}

#manual .pallet {
	font-weight: normal;
	color:#0000FF;
	font-size: x-small;
	padding: 2px;
	border: #0000FF solid 1px;
}

.question{
	margin:0px 3px 0px 0px;
	padding: 0 3px 0 3px;
	font-weight: bold;
	border: #0000FF solid 1px;
	color: #0000FF;
	font-size: x-small;
}


#manual .colorField{
	color: #FF0000;
}


/* event */

.category{
	margin-left:5px;
	padding:1px;
	border:1px #0000FF solid;
	color: #0000FF;
	font-size: x-small;	
	white-space: nowrap;
}

#event .final{
	color: #FF0000;
	font-size: small;
}

#event .event{
  clear: both;
   width: 560px;
  margin-bottom: 36px;
}

#event .thumbnail{
  float: left;
}

#event .desctiption{
	margin-left: 80px;
}


#external .thumbnail{
  float: left;
  margin-right: 12px;
}

#external{
 margin-bottom: 24px;
}

#external  p.body{
  padding-top: 24px;
  clear: both;
}


#calendar td{
    border-top: 1px solid #aaaaaa;
    vertical-align: top;
}



/* guide */
#floor h3{
	margin-top: 5px;
}

#floorMenu{
	background: url("/guide/floor/menuBg.gif") repeat-y left center ;
}

#floorMap{
	width: 560px;
	height: 769px;
	background: url("/guide/floor/floorAll.gif") no-repeat left top;
	margin:  0 0 25px 0;
	position: relative;
}

.floor2F{
	position: absolute;
}

.floor1F{
	top: 200px;
	position: absolute;
}

.floorB1F{
	top: 400px;
	position: absolute;
}

.floorB2F{
	top: 600px;
	position: absolute;
}

#floorMap img{
	padding-bottom: 5px;
}

#floorMap a img, #floorMap .bgNone:hover{ background: none; border: none;}


#guide ul{
		padding: 0;
		padding-left: 15px;
		list-style: none;
	}

#guide ul li{
		padding-left: 15px;
		background: url("/common/hyphen.gif") no-repeat 0px 6px;
	}


/* program */
#education{
	width: 560px;
}

#education #top ul{
	margin: 0 0 0 15px;
	padding: 0;
}

#education #program a.category:hover{ color:#FFFFFF; }

#education #program h3{
	overflow: hidden;
	margin-bottom: 5px;
	font-size:small;
}

#education #program .category{
	margin: 0px;
	border:1px #332200 solid;
	color: #332200;
	font-size: x-small;	
}

#education #program .appli{
	border: 1px solid;
	border-color : #999999 ;
	padding: 15px 0 0 15px;
	margin-bottom: 36px;
}

#education #program .school{
	margin-top: 36px
}

#education #program .act{
	float: right;
}

#education #program p{
	clear: both;
}

/* collection */


#collection  .en{
	font-style: italic;
}

#collection .detailNavi{
	font-size: x-small;
}

#collection .detailSpec{
	margin-top: 10px;
}

#sidesearch {
    margin-left: 10px;
    margin-bottom: 20px;
}
#sidesearch .input-text {
    width: 130px;
    margin-bottom: 4px;
}
#sidesearch .submit {
}


/* schedule 07/04/26 */
#schedule .scheduleNavi{
	margin-bottom: 20px;
}

#schedule table{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-bottom: 5px;
}

#schedule th{
	background-color: #CCCCCC;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-weight: normal;
}

#schedule td{
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	empty-cells: show;
}

#schedule td.closed{
	background-color: #E8E8E8;
}

#schedule td.museum{
	background-color: #BAE8E7;
}

#schedule td.general{
	background-color: #FDDCE6;
}

#schedule td.holiday{
	color: red;
}

#schedule .pagenavi{
}

#schedule .icon{
	font-size: 0.86em;
	line-height: 180%;
	float: left;
	width: 400px;
}

#schedule .icon_museum{
	padding-left: 18px;
	padding-right: 15px;
	background: url('/guide/h19_schedule/icon_museum.gif') no-repeat;
}

#schedule .icon_general{
	padding-left: 18px;
	padding-right: 15px;
	background: url('/guide/h19_schedule/icon_general.gif') no-repeat;
}

#schedule .pagetop{
	float: right;
	text-align: right;
	width: 150px;
}


/*schoolprogram 070613*/
#schoolProgram .courseBox{
	border: 1px solid #999999;
	padding:3px;
	text-align:center;
}

#schoolProgram h4{
	margin: 0;
}


#schoolProgram #qa ul{
		padding-left: 0;
		list-style: none;
	}

#schoolProgram #qa ul li{
 		width: 540px;
		padding-left: 0;
		background: none;
	}

#schoolProgram span.Q{
	float: left;
	width: 20px;
	display: block;
}

#schoolProgram span.body{
	margin-left: 20px;
	width: 500px;
	display: block;
}


/* press */

#press .thumbnail{
  float: left;
}

#press .desctiption{
	margin-left: 80px;
}

#press p.next{
  padding-bottom: 25px;
}

#press ul.release{
  padding-bottom: 15px;
}

#press .article{
  clear: both;
  overflow: hidden;
  margin-bottom: 25px;
}

#press .article p{
  margin-bottom: 0;
  padding-bottom: 0;
}