@charset "shift_jis";

/* --common --*/

body {
	background:#fff url(../imgs/bg_top_body.gif) repeat-y top center;
	_margin:0 0 0 1px;
	background:#f6fce6;
	}

img{
	margin:0;
	padding:0;
	border:0;
	}
	
li{
	list-style:none;
	}
	
/* -- h2 --*/


body#top .infoBoxSection h2 {
	margin-bottom: 0!important;
	padding: 0;
	}


/* --key swf --*/

#key_box{
	height:422px;
	background:#95b009;
	}

/* --key swf --*/


/* --institution --*/

#institution_box{
	padding:0 9px 0 0;
	height:40px;
	background:#d5d5d5;
	margin:1px 0 0 0;
	}
	
	#institution_box img{
		float:right;
		margin:9px 6px 9px 0;
		}

#institution_box h2{
	margin: 0;
	padding: 0;
}

/* --institution --*/


/* --info --*/

#info_box{
	padding:0 15px 0 15px;
	margin:14px 0 0 0;
	}

	#info_box dl{
		padding:7px 10px 0 10px;
		width: 297px;
		position: relative;
		}
	
		#info_box dt {
			float:left;
			}
		#info_box dd {
		}

.info_new{
	width:317px;
	background:url(../imgs/bg_info_w.gif) 0 20px no-repeat;
	float:left;
	}
	
.info_new img,.info_today img{
	float:left;
	}
	
.info_new dd img {
	float:none;
	vertical-align:middle;
	padding:0 0 0 10px;
	_margin:0 0 1px 0;
	}

.info_new dt{
	width:70px;
	}
	
.info_new dd{
	width:217px;
	background:url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
	padding:0 0 0 10px;
	}
	
.info_today{
	width:317px;
	float:left;
	background:url(../imgs/bg_info_w.gif) 0 20px no-repeat;
	margin:0 14px 0 15px;
	}
	
.info_today dt{
	background:url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
	width:212px;
	}
	.info_today dt a{
		padding-left: 10px;
		}
	
.info_today dd{
	width:85px;
	}
	
.info_today dd img{
	float:right;
	}
	
.info_other{
	width:267px;
	float:left;
	}
	
.info_other_info,.info_other_exhibition{
	background:url(../imgs/bg_info_other.gif) 0 20px no-repeat;
	}
	
.info_other_info dd,.info_other_exhibition dd{
	background:url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
	padding:0 0 0 10px;
	width:237px;
	}
	
.info_other_info dd.note img{
	vertical-align:middle;
	padding:0 0 0 10px;
	}

.info_other_info{
	width:267px;
	}
	
.info_other_exhibition{
	width:267px;
	margin:10px 0 0 0;
	}


.info_other_spot{
	width:317px;
	}


/* --info --*/


/* --member --*/

#member_box{
	height:40px;
	margin:30px 0 20px 0;
	text-align:center;
	}

#member_box img{
	margin:0 10px 0 0;
	vertical-align:bottom;
	}

/* --member --*/


/* ============================================
	Add 09/02/20
============================================ */

/* --------------------------------------------
	preset margin 
-------------------------------------------- */
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt12 { margin-top: 12px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}


/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#header_box {
	background: url(../imgs/cmn_head_dotline.gif) no-repeat 199px 7px;
	width: 960px;
	height:auto;
	overflow:inherit;
	position: relative;
}
	#header_box h1 {
		display: inline;
		float: left;
		margin: 15px 29px 0 20px;/* Mdd 090330 */
	}
	.headTopics {
		float: left;
		margin-top: 15px;
		width: 360px;/* Mdd 090330 */
	}
	.headSearch {
		float: left;
		margin-top: 25px;
		width: 260px;
	}
		.headSearch p {
			float: left;
		}
		.headEnglish {
			margin-right: 10px;
		}
			.headSearchBox {
				margin-right: 1px;
			}
				.headSearchBox input {
					border: 1px solid #cccccc;
					width: 140px;/* Add 090330 */
				}
			.headSearch inupt {
				vertical-align: middle;
			}
			.headSearch a {
				color: #000000;
				font-size: 85%;
			}
	.headBtn {
		position: absolute;
		top: 15px;
		right: 15px;
	}


/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#gNavi {
	width: 960px;
	height: 68px;
	position: relative;
}
	#gNavi li {
		position: absolute;
		top: 0;
	}
	li.gNav01 { left: 0;}
	li.gNav02 { left: 160px;}
	li.gNav03 { left: 320px;}
	li.gNav04 { left: 480px;}
	li.gNav05 { left: 640px;}
	li.gNav06 { left: 800px;}


/* --------------------------------------------
	preset margin 
-------------------------------------------- */
ul.infoBox {
	margin: 15px 0 15px 15px;
	width: 960px;
}
	li.topicsBox,
	li.eventBox {
		display: block;
		float: left;
		margin-right: 15px;
		width: 326px;
	}
		div.infoBoxSection {
			background: url(../imgs/bg_info_t.gif) no-repeat left top;
			width: 326px;
			position: relative;
		}
			div.infoBoxSection div {
				width: 326px;
				overflow: hidden;
			}
			li.topicsBox dl{
				padding: 7px 10px 0 10px;
				width: 297px;
				overflow: hidden;
			}
				li.topicsBox dl dt {
					clear:left;
					display: inline;
					float: left;
					margin-left: 10px;
					width: 56px;
					padding: 0 0 0.5em 0;
				}
				li.topicsBox dl dd {
					background: url(../imgs/bg_linkarrow.gif) no-repeat left 5px;
					margin-left: 66px;
					padding-left: 8px;
					padding-bottom: 0.5em;
				}
					li.topicsBox dl dd img {
						margin-left: 5px;/* 090305 */
						vertical-align: text-bottom;/* 090305 */
					}

			li.eventBox ul {
				padding: 7px 0 0 10px;
				width: 223px;
				float: left;
			}
				li.eventBox ul li {
					background: url(../imgs/bg_linkarrow.gif) no-repeat left 5px;
					_margin-bottom: 4px;/* 090305 */
					padding-left: 10px;
					padding-bottom: 0.5em;
				}
					li.eventBox ul li img {
						margin-left: 5px;/* 090305 */
						vertical-align: text-bottom;/* 090305 */
					}
			.eventBoxBtn {
				display: inline;
				float: right;
				margin: 10px 8px 0 0;
			}
	li.bnrBox {
		width: 249px;
		overflow: hidden;
	}
		li.bnrBox ul {
			float: left;
		}
			li.bnrBox ul li {
				margin-bottom: 5px;
				height:51px;
			}

/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#footer {
	border-top: 1px solid #cccccc;
	width: 960px;
	height: 82px;
	clear:both;
	padding: 0 0 15px 0;
}

#footerin {
	margin-left:15px;
}


	#footer ul {
		margin-top: 10px;/* Mdd 090331 */
		height: 11px;
		overflow: hidden;
		line-height: 1px;
	}
		#footer ul li {
			float: left;
			margin-right: 10px;/* Mdd 090331 */
		}
		.footLogo {
			margin-top: 14px;
		}
		.footCopyRight {
			margin-top: 7px;
		}




/* globalNavi
-------------------------------------------------------------*/
ul#globalNavi {
	position: relative;
	width: 960px;
	height: 68px;
}
ul#globalNavi li,
ul#globalNavi li a {
		display: block;
		height: 68px;
}
ul#globalNavi li { position: absolute;}
ul#globalNavi li.gNavi01,
ul#globalNavi li.gNavi01 a,
ul#globalNavi li.gNavi02,
ul#globalNavi li.gNavi02 a,
ul#globalNavi li.gNavi03,
ul#globalNavi li.gNavi03 a,
ul#globalNavi li.gNavi05,
ul#globalNavi li.gNavi05 a,
ul#globalNavi li.gNavi06,
ul#globalNavi li.gNavi06 a { width:160px;}
ul#globalNavi li.gNavi04,
ul#globalNavi li.gNavi04 a { width:160px;}

ul#globalNavi li.gNavi01 {left: 0; top: 0px;}
ul#globalNavi li.gNavi02 {left: 160px; top: 0px;}
ul#globalNavi li.gNavi03 {left: 320px; top: 0px;}
ul#globalNavi li.gNavi04 {left: 480px; top: 0px;}
ul#globalNavi li.gNavi05 {
	left: 640px;
	top: 0px;
}
ul#globalNavi li.gNavi06 {
	left: 800px;
	top: 0px;
}


ul#globalNavi li a:hover { background-color: transparent;}
ul#globalNavi li a:hover img { visibility: hidden;}


/* globalNavi pulldown
-------------------------------------------------------------*/
#globalNavi .gNavi01,
#globalNavi .gNavi02,
#globalNavi .gNavi03,
#globalNavi .gNavi04,
#globalNavi .gNavi05,
#globalNavi .gNavi06,
#globalNavi .gNavi07 {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#globalNavi .gNavi01 a.menu,
#globalNavi .gNavi02 a.menu,
#globalNavi .gNavi03 a.menu,
#globalNavi .gNavi05 a.menu,
#globalNavi .gNavi04 a.menu
#globalNavi .gNavi06 a.menu,
#globalNavi .gNavi07 a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
  width: 160px;
  text-decoration: none;
}



#globalNavi .gNavi01 a,
#globalNavi .gNavi02 a,
#globalNavi .gNavi03 a,
#globalNavi .gNavi04 a,
#globalNavi .gNavi05 a,
#globalNavi .gNavi06 a,
#globalNavi .gNavi07 a { height:19px; !important;}

#globalNavi .last a { height:23px; !important;}


#globalNavi .gNavi01 a:hover img,
#globalNavi .gNavi02 a:hover img,
#globalNavi .gNavi03 a:hover img,
#globalNavi .gNavi04 a:hover img,
#globalNavi .gNavi05 a:hover img,
#globalNavi .gNavi06 a:hover img,
#globalNavi .gNavi07 a:hover img { visibility:visible !important;}

.submenu {
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.submenu a { display: block; text-align: left;}
.submenu p.titPulldown { height:68px;}
.submenu p.btnPulldown { height:45px;}


/*---------QRコード欄を作成---------*/
#footerin{
	float:left;
	width:490px;
}
.footer_box_qr {
	float:left;
	width:440px;
	text-align:right;
}
	
#footer_box .footer_box_qr img {
	float:right;
	margin:0 0 0 20px;
}

.maL7{
	margin-left: 7px;
	}

/* メニュー下お知らせ */
#announce,
#announce2 {
	width: 928px;
	background: #fff;
	margin: 15px 0 15px 15px;
	padding: 10px;
	border: 1px solid #f00;
	box-sizing: border-box;
}
#announce2 {
	border: 2px solid #999;
}
#announce h3,
#announce2 h3 {
	font-size: 1rem;
	margin-bottom: 8px;
}
#announce h4,
#announce2 h4 {
	color: #f00;
}
#announce p,
#announce2 p {
	font-size: .9em;
	text-indent: 1em;
	margin: .3em 0 0 10px;
}