@charset "shift_jis";

/*==========================================================*/
/* heder(index) */
#header {
	background: #E66B42;
}
#header .frame {
	width: 900px;
	margin: 0px auto;
}
#header .frame .main {
	width: 520px;
	height: 410px;
}
#header .frame .data {
	width: 365px;
	float: right;
	text-align: right;
}
#header .frame .agenda {
	margin-bottom: 15px;
}
#header .frame .logo-museum {
	text-align:right;
	margin-bottom: 20px;
}

#header .frame .caption {
	text-align: left;
}

h1 {
	margin: 15px 0px 20px 0px;
}

/* heder(inside) */
#inside #header {
	padding: 18px 0px 17px 0px;
	height: 65px;
}
#inside #header h1 {
	float: left;
	margin: 0px 20px 0px 0px;
}
#inside #header .agenda {
	float: left;
	margin-top: 49px;
}
#inside #header .museumlogo {
	float: right;
	margin-top: 35px;
}

/*==========================================================*/
/* gnav(index) */
#gnav {
	background: #FFF;
	height: 85px;

}
/* gnav(inside) */
#inside #gnav {
	height: 62px;
}
#inside #gnav ul li {
	margin: 16px 0px;
}

/* gnav(common) */
#gnav ul{
	width: 900px;
	margin: 0px auto;
	list-style: none;
	font-size: 0px;
}
#gnav ul li{
	float: left;
	height: 30px;
	overflow: hidden;
	border-left: 1px solid #CCC;
	margin: 28px 0px;
}
#gnav ul li.none {
	border: none;
}


#gnav ul li a:hover img {
	margin-top: -30px;

}
#gnav ul li a:hover {
	height: 30px;
	background-color:transparent;
}

/* english */
#gnav ul li.english {
	background: #FFF;
	float: none;
	height: 22px;
	overflow: hidden;
	border-left: none;
	margin: 0px 0px 0px 775px;
	position: absolute;
	top: 1px;
	width: 125px;
	text-align: center;
	z-index: 1;
	clear: both;
	padding-top: 8px;
}

#gnav ul li.english a:hover img {
	margin-top: 0;
}
/* english(inside) */

#inside #gnav ul li.english {
	margin: 0px 0px 0px 820px;
	width: 80px;
	padding-top: 0px;

}

/*==========================================================*/
/* footer */
#footer {
	font-size: 80%;
	padding-bottom: 30px;
}
#footer a {
	color: #666666;
}
#footer a:hover {
	color: #DF5220;
}
#footer .logo{
	width: 170px;
	height: 28px;
}
#footer .nav {
	margin-left: 190px;
	margin-top: -1em;
}
#footer .nav li {
	float: left;
	border-left: #666666 1px solid;
	padding: 0px 5px;
	line-height: 1.2em;
}
#footer .nav li.none {
	border: none;
	padding-left: 0px;
}
#footer .nav .copy {
	text-align: right;
	line-height: 1em;
}


/*==========================================================*/
/* contents */
#wrapper {
	width: 900px;
	margin: 25px auto 0px auto;
}
