@charset "Shift_JIS";

@import url("home.css");
@import url("guidance.css");
@import url("exhibition.css");
@import url("collection.css");
@import url("event.css");
@import url("education.css");
@import url("about.css");
@import url("service.css");
@import url("information.css");
@import url("search.css");

/* @group common */
* {
	margin: 0;
	padding: 0;
  }
html>body{
	font-size: 16px;
  }
body{
	font-size: 100%;
	background: url(../img/bg_body.gif) repeat;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic", Helvetica, Arial, sans-serif;
	line-height: 1.5;
	color: #333;
	text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 75%;
	clear: both;
	font-weight: bold;
}
table,
p,
ul,
ol,
dl{
	font-size: 75%;
}
ul li ul,
ol li ol,
dl dd ul{
	font-size: 100%;
}
table tr th{
	text-align: left;
}
hr{
	display: none;
}
em,
strong{
	font-weight: bold;
}
img {
	border: 0;
	vertical-align: top;
}
a{
	color: #333;
	outline: none;
}
a:link{
	text-decoration: underline;
	color: #333;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
div#container{
	position: relative;
	background: url(../img/bg_container.gif) repeat-y;
	width: 750px;
	margin: 0 auto;
	text-align: left;
	border-top: 0px solid #666;
	border-bottom: 0px solid #666;
}
span.space{
	margin-right: 1em;
}
span.space2{
	margin-right: 2em;
}
span.spacehalf{
	margin-right: .5em;
}
/* @end */

/* @group header */
div#header{
	height: 66px;
	position: relative;
	border-bottom: 0px solid #666;
}
div#header h1,
div#header p{
	position: absolute;
}
div#header h1{
	top: 1px;
	left: 1px;
	right: 1px;
}
div#header ul{
	width: 128px;
	height: 11px;
	position: absolute;
	top: 11px;
	left: 625px;
	overflow: hidden;
}
/*\*//*/
div#header ul{
	overflow: visible;
}
/**/
div#header ul li{
	list-style-type: none;
	text-indent: -10000px;
}
div#header ul li a{
	background: url(../img/nav_extra.gif) no-repeat;
	display: block;
	position: absolute;
	top: 0;
	height: 11px;
}
div#header ul li.item01 a{
	background-position: 0 0;
	left: 0;
	width: 72px;
}
div#header ul li.item02 a{
	background-position: -72px 0;
	left: 72px;
	width: 53px;
}
div#header ul li.item01 a:hover{
	background-position: 0 -11px;
}
div#header ul li.item02 a:hover{
	background-position: -73px -11px;
}
div#header div#searchArea{
	position: absolute;
	top: 32px;
	left: 486px;
}
div#header div#searchArea input{
	position: absolute;
	top: 0;
}
div#header div#searchArea input.wordInput{
	width: 216px;
	height: 16px;
	\**\height: 19px;
	left: 0;
	border: 1px solid #666;
	border-top: 2px solid #666;
}
div#header div#searchArea input.btSearch{
	width: 40px;
	height: 19px;
	left: 224px;
}
/* @end */

/* @group footer */
div#footer{
    width: 738px;
	height: 0px;
	position: relative;
	border-top: 1px solid #666;
	float: none;
	clear: both;
}
div#footer ul{
	width: 685px;
	height: 1px;
	position: absolute;
	top: 1px;
	left: -65px;
/*	left: 6px;*/
	overflow: hidden;
}
/*\*//*/
div#footer ul{
	overflow: visible;
}
/**/
div#footer ul li{
	list-style-type: none;
	text-indent: -10000px;
}
div#footer ul li a{
	background: url(../img/nav_footer.gif) no-repeat;
	display: block;
	position: absolute;
	top: 0;
	height: 0px;
}
div#footer ul li.item01 a{
	background-position: 0 0;
	left: 0;
	width: 64px;
}
div#footer ul li.item02 a{
	background-position: -64px 0;
	left: 64px;
	width: 139px;
}
div#footer ul li.item03 a{
	background-position: -203px 0;
	left: 203px;
	width: 92px;
}
div#footer ul li.item04 a{
	background-position: -295px 0;
	left: 295px;
	width: 100px;
}
div#footer ul li.item05 a{
	background-position: -435px 0;
	left: 435px;
	width: 140px;
}
div#footer ul li.item06 a{
	background-position: -560px 0;
	left: 560px;
	width: 120px;
}
div#footer ul li.item01 a:hover{
	background-position: 0 -11px;
}
div#footer ul li.item02 a:hover{
	background-position: -64px -11px;
}
div#footer ul li.item03 a:hover{
	background-position: -203px -11px;
}
div#footer ul li.item04 a:hover{
	background-position: -295px -11px;
}
div#footer ul li.item05 a:hover{
	background-position: -435px -11px;
}
div#footer ul li.item06 a:hover{
	background-position: -560px -11px;
}
div#footer p{
	text-align: center;
	margin-top: 1px;
	font-size: 62.5%;
	color: #333333;
}
/* @end */

/* @group navGlobal */
ul#navGlobal{
	width: 754px;
	height: 24px;
	position: relative;
	margin: 0 1px;
	background: url(../img/nav_global.gif) no-repeat;
	z-index: 1000;
}
ul#navGlobal li{
	list-style-type: none;
	text-indent: -10000px;
}
* html ul#navGlobal li{
	float: left;
}
ul#navGlobal li a{
	background: url(../img/nav_global.gif) no-repeat;
	display: block;
	position: absolute;
	top: 0;
	height: 24px;
	font-size: 1px;
	color: #455232;
}
ul#navGlobal li.item01 a{
	background-position: 0 0;
	left: 0;
	width: 149px;
}
/*ul#navGlobal li.item02 a{
	background-position: -149px 0;
	left: 149px;
	width: 149px;
}*/
ul#navGlobal li.item03 a{
	background-position: -148px 0;
	left: 148px;
	width: 148px;
}
ul#navGlobal li.item04 a{
	background-position: -295px 0;
	left: 295px;
	width: 148px;
}/*
ul#navGlobal li.item05 a{
	background-position: -290px 0;
	left: 290px;
	width: 92px;
}*/
ul#navGlobal li.item06 a{
	background-position: -444px 0;
	left: 444px;
	width: 148px;
}
ul#navGlobal li.item07 a{
	background-position: -591px 0;
	 left: 591px;
	 width: 148px;
}

ul#navGlobal li.item01 a:hover{
	background-position: 0 -25px;
}
/*ul#navGlobal li.item02 a:hover{
	background-position: -75px -24px;
}*/
ul#navGlobal li.item03 a:hover{
	background-position: -148px -25px;
}
ul#navGlobal li.item04 a:hover{
	background-position: -295px -27px;
}
/*ul#navGlobal li.item05 a:hover{
	background-position: -290px -24px;
}*/
ul#navGlobal li.item06 a:hover{
	background-position: -444px -25px;
}
ul#navGlobal li.item07 a:hover{
	background-position: -591px -27px;
}


ul#navGlobal li ul{
	width: 150px;
	position: absolute;
	top: 24px;
	left: 0;
	visibility: hidden;
}
ul#navGlobal li ul#submenu01{
	left: 0;
}
/*ul#navGlobal li ul#submenu02{
	left: 90px;
}*/
ul#navGlobal li ul#submenu03{
	left: 148px;
}
ul#navGlobal li ul#submenu04{
	left: 295px;
}
/*ul#navGlobal li ul#submenu05{
	left: 290px;
}*/
ul#navGlobal li ul#submenu06{
	left: 444px;
}
ul#navGlobal li ul#submenu07{
	left: 584px;
}
ul#navGlobal li ul li{
	width: 150px;
	height: 22px;
	text-indent: 0;
	border: 1px solid #666;
	border-top: none;
}
ul#navGlobal li ul li.sub01{
	border-top: 1px solid #666;
}
* html ul#navGlobal li ul li img{
	vertical-align: bottom;
}
ul#navGlobal li ul li a{
	height: 22px;
	position: relative;
	background: none;
	left: 0!important; }
*+html ul#navGlobal li ul li a{
	display: inline;
}
ul#navGlobal li ul li.doublelines{
	height: 44px;
}
/* @end */

/* @group content */
div#content{
	position: relative;
	min-height: 1%;
}
div#content:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
* html div#content{
/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}
/* @end */

/* @group main */
div#content div#main{
	position: relative;
	min-height: 1%;
	margin: 10px;
}
div#content div#main:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
* html div#content div#main{
/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}
div#content div#main div#mainClm, 
div#content div#main div.wrap{
	min-height: 1%;
}
div#content div#main div#mainClm:after, 

div#content div#main div.wrap:after{
	content: ".";
	display: block;
	 height: 0px;
	clear: both;
	visibility: hidden; 
}
* html div#content div#main div#mainClm, 
* html div#content div#main div.wrap{
/*\*/height: 1%;/*for WinIE*/
 display: inline-table;/*for MacIE*/
}
div#content div#main h2{ 
	margin: 0 0 1em 0;
}
body#home div#content div#mainClm h2{
	margin: 0 0 -1px 0;
}
div#content div#main p#topicPath{
	margin: 0 0 30px 0;
}
div#content div#main p#navLocal{
	margin: 0 0 2em 0;
	padding: .5em 1em;
	background: #DFE9CF;
	color: #455232;
}
div#content div#main p#navLocal a{
	color: #455232;
}
div#content div#main p.pageTop{
	margin: 0 0 1em 0;
	text-align: right;
}
div#content div#main p.pageTop a{
	padding: 0 0 0 10px;
}
/* @end */

/* @group popup */
body.popup, body.popup div#container{
	background: none;
	border: none;
}
body.popup div#container{
	width: 300px;
}
body.popup div#container h1{
	border-bottom: 2px solid #455232;
	font-size: 90%;
	color: #455232;
	margin: 1em 0;
}
body.popup div#container p{
	margin: 0 0 1em 0;
}
body.popup div#container p.photo{
	text-align: center;
}
body.popup div#container p.photo img{
	margin: 0 0 5px 0;
}
body.popup div#container p.photo span{
	font-size: 90%;
}
body.popup div#container p.caution{
	font-size: 62.5%;
}
body.popup div#container p.btClose{
	margin: 0 0 2em 0; text-align: center;
}
body.popup div#container p.btClose a{
	font-weight: bold;
}
/* @end */