@charset "Shift_JIS";


/*目次-グローバルナビゲーション
	共通マージン・余白　0
	body
	baseArea
	ヘッダー
	コンテンツ
	フッター
*/

body,h1,h2,h3,h4,h5,p,ul,ol,li,form,dl,dt,dd,input{/* マージン・余白0指定 */
	padding:0px;
	margin:0px;
}

body{
	font-size:80%;
	line-height:160%;
	color:#282828;
	background:#ffffff;
}

html,body {height: 100%;}

div#baseArea_abo,
div#baseArea_col,
div#baseArea_lib,
div#baseArea_new,
div#baseArea_ins,
div#baseArea{/* ページの基本枠 */
	margin:0 auto;
	text-align:center;
	width:100%;
}


/* ------------------------------
nextヘッダ
------------------------------ */
div#nextHeaderArea{/* nextヘッダー */
	text-align:left;
	width:905px;
	margin:0px auto 34px;
	min-height:1px;/* IE7用 */
}
div#nextHeaderArea:after{/* clearfix */
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	overflow:hidden;
}
* html div#nextHeaderArea{/* clearfix IE6用 */
	height:1px;
}


ul#headMenu{/* ヘッダー：言語メニュー */
	width:123px;
	margin:8px 0px 15px 782px;
	height:22px;
	background:url(../img/headmenu.gif) no-repeat right top;
}
ul#headMenu li{
	list-style-type:none;
	float:left;
	margin:0px;
	text-indent:-9876px;
	padding:0 0 0;
}
}
ul#headMenu li{
	list-style-type:none;
	float:left;
	margin:0px;
	text-indent:-9999px;
	padding:0 0 0;
}
ul#headMenu li a{
	width:61px;
	height:22px;
	margin:0px;
	display:block;
	text-decoration:none;/* mozilla系でインデント分のはみだしリンク線対策 */
	overflow:hidden;
}
ul#headMenu li#headMenu01 a.onpage{
	background:url(../img/headmenu.gif) no-repeat 0px 0px;

}
ul#headMenu li#headMenu01 a:hover{
	background:url(../img/headmenu.gif) no-repeat 0px -22px;

}
ul#headMenu li#headMenu02 a.onpage{
	background:url(../img/headmenu.gif) no-repeat -61px 0px;
}
ul#headMenu li#headMenu02 a:hover{
	background:url(../img/headmenu.gif) no-repeat -61px -22px;
}

p#logo{/* ロゴ */
	float:left;
	width:188px;
}
ul#nextMenu{/* nextメニュー */
	float:right;
	width:662px;
	margin-top:13px;
	height:23px;
	text-align:left;
	background:url(../img/nextmenu.gif) no-repeat 0px 0px;
}
ul#nextMenu li{
	list-style-type:none;
	float:left;
	margin:0px;
	text-indent:-9876px;
	padding:0 0 0;
}
ul#nextMenu li a{
	height:23px;
	display:block;
	text-decoration:none;/* mozilla系でインデント分のはみだしリンク線対策 */
	overflow:hidden;
}
ul#nextMenu li#nextMenu01 a{/* 美術館について */
	width:184px;
}
div#baseArea_abo ul#nextMenu li#nextMenu01 a,/* active */
ul#nextMenu li#nextMenu01 a:hover{
	background:url(../img/nextmenu.gif) no-repeat 0px -23px;
}

ul#nextMenu li#nextMenu02 a{/* コレクション */
	width:166px;
}
div#baseArea_col ul#nextMenu li#nextMenu02 a,/* active */
ul#nextMenu li#nextMenu02 a:hover{
	background:url(../img/nextmenu.gif) no-repeat -184px -23px;
}

/*ul#nextMenu li#nextMenu03 a{ 図書館 
	width:79px;
	margin-right:31px;
}
div#baseArea_lib ul#nextMenu li#nextMenu03 a,  active 
ul#nextMenu li#nextMenu03 a:hover{
	background:url(../img/nextmenu.gif) no-repeat -305px -23px;
}
*/

ul#nextMenu li#nextMenu04 a{/* 新着情報 */
	width:145px;
}
div#baseArea_new ul#nextMenu li#nextMenu04 a,/* active */
ul#nextMenu li#nextMenu04 a:hover{
	background:url(../img/nextmenu.gif) no-repeat -350px -23px;
}

ul#nextMenu li#nextMenu05 a{/* マザック関連施設 */
	width:166px;
}
div#baseArea_ins ul#nextMenu li#nextMenu05 a,/* active */
ul#nextMenu li#nextMenu05 a:hover{
	background:url(../img/nextmenu.gif) no-repeat -495px -23px;
}

/* ------------------------------
next side
------------------------------ */

div#nextSideArea{/* next共通サイド */
	float:left;
	width:188px;
}

div#nextSideArea div#nextSideBox{/* next共通サイドグレー枠線 */
	width:188px;
	background:url(../img/bg_sidemenu.gif) repeat-y 0px 0px;
	margin-bottom:12px;
}

ul#sideMenu{/* next共通サイドメニュー */
	width:188px;
	margin:0px;
	height:748px;
	/*background:url(../img/sidemenu.gif) no-repeat 0px 0px;*/
}
ul#sideMenu li{
	list-style-type:none;
	float:left;
	margin:0px;
	text-indent:-9876px;
	padding:0;
}
ul#sideMenu li a{
	width:188px;
	margin:0px;
	display:block;
	text-decoration:none;/* mozilla系でインデント分のはみだしリンク線対策 */
	overflow:hidden;
}
ul#sideMenu li#sideMenu01 a{height:54px; background:url(../img/sidemenu.gif) no-repeat 0px 0px;}
ul#sideMenu li#sideMenu01 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px 0;}

ul#sideMenu li#sideMenu02 a{height:54px; background:url(../img/sidemenu.gif) no-repeat 0px -54px;}
ul#sideMenu li#sideMenu02 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -54px;}

ul#sideMenu li#sideMenu03 a{height:54px; background:url(../img/sidemenu.gif) no-repeat 0px -108px;}
ul#sideMenu li#sideMenu03 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -108px;}

ul#sideMenu li#sideMenu04 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -162px;}
ul#sideMenu li#sideMenu04 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -162px;}

ul#sideMenu li#sideMenu05 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -211px;}
ul#sideMenu li#sideMenu05 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -211px;
}
ul#sideMenu li#sideMenu06 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -260px;}
ul#sideMenu li#sideMenu06 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -260px;}

ul#sideMenu li#sideMenu07 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -309px;}
ul#sideMenu li#sideMenu07 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -309px;}

ul#sideMenu li#sideMenu08 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -358px;}
ul#sideMenu li#sideMenu08 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -358px;}

ul#sideMenu li#sideMenu09 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -407px;}
ul#sideMenu li#sideMenu09 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -407px;}

ul#sideMenu li#sideMenu10 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -456px;}
ul#sideMenu li#sideMenu10 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -456px;}

ul#sideMenu li#sideMenu11 a{height:49px; background:url(../img/sidemenu.gif) no-repeat 0px -505px;}
ul#sideMenu li#sideMenu11 a:hover{background:url(../img/sidemenu.gif) no-repeat -188px -505px;}

ul#sideMenu li#sideMenu03-02 {/* スケジュール */
	min-height:54px;
	height:auto !important;
	height:54px;
	text-indent:0;
	background:url(../img/sidemenu.gif) no-repeat 0px -108px;
}

ul#sideMenu li#sideMenu03-02 ul#sideSubMenu {
	margin-top:54px;
	padding:0;
}

ul#sideMenu li#sideMenu03-02 ul#sideSubMenu li {
	list-style-type:none;
	width:166px;
	margin:0px;
	padding:3px 10px 2px;
	text-indent:0;
	border-top:dotted 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	background:#fff;
}

ul#sideMenu li#sideMenu03-02 ul#sideSubMenu li.cl01 {
	text-indent:13px;
	background:#fff url(../img/arrow.png) no-repeat 10px 9px;
}

div#nextSideCom{/* サイドメニュー下部のインフォメーションなど */
	width:164px;
	margin:12px 12px 0;
	color:#505050;
}

div#nextSideCom dl{
	margin:0;
	padding:0;
	width:164px;
	font-size:95%;
}
div#nextSideCom dl dt{
	clear:both;
	float:left;
	padding:0px
}
div#nextSideCom dl dd{
	padding:0px;
}
dt.sidecomdt01{
	width:2.7em;
}
dd.sidecomdd01{
	margin-left:2.7em;
	margin-bottom:0.5em;
}
dt.sidecomdt02{
	width:4.7em;
}
dd.sidecomdd02{
	margin-left:4.7em;
}
dd.sidecomdd022{
	clear:both;
	margin-left:0em;
	margin-bottom:0.5em;
}
dd.sidecomdd023{
	clear:both;
	margin-left:0em;
	margin-bottom:0.5em;
	line-height:1em;
	font-size:80%;
}
dt.sidecomdt03{
	width:3.7em;
}
dd.sidecomdd03{
	margin-left:3.7em;
	margin-bottom:0.5em;
}

iframe {
width: 188;
height: 66px;
}

/* ------------------------------
コンテンツ
------------------------------ */

div#contentsArea{/* ページ内容 */
	text-align:left;
	width:905px;
	margin:0px auto;
	min-height: 1px;/* clearfix IE7用 */
}

div#topcontentsArea{/* ページ内容 */
	text-align:left;
	width:950px;
	margin:0px auto;
	min-height: 1px;/* clearfix IE7用 */
}

div#contentsArea:after{/* clearfix */
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	overflow:hidden;
}
* html div#contentsArea {/* clearfix IE6用 */
	height: 1px;
}

/* ------------------------------
next コンテンツ
------------------------------ */

div#nextContentsArea{/* next共通ページ内容エリア */
	float:right;
	width:662px;
	line-height:160%;
}

p#panKuzu{/* パンくず */
	margin:5px 0 15px;
	text-align:right;
	font-size:88%;
	color:#6464;
	line-height:100%;
}
p#panKuzu span{
	color:#eb5c02
}
p#panKuzu a{
	color:#828282
	text-decoration:underline;
}
p#panKuzu a:active{
	text-decoration:none;
}


p.pagetop{/* 右下：ページ先頭へ戻るリンク */
	text-align:right;
	clear:both;
	margin-top:10px;
}

p.nextpagetop{/* 右下：ページ先頭へ戻るリンク */
	text-align:right;
	clear:both;
	padding-top:25px;
	padding-bottom:15px;
}

/* ------------------------------
ページフッタ
------------------------------ */
div#footerArea{
	font-size:88%;
	width:100%;
	height:115px;
	background:#d4d4d4;
	color:#505050;
	margin-top:8px;
}

div#footerAreaIn{/* ライブラリ内側 */
	padding:10px 0;
	text-align:left;
	width:905px;
	margin:0px auto;
	min-height: 1px;/* clearfix IE7用 */
}

div#footerAreaIn:after{/* clearfix */
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	overflow:hidden;
}
* html div#footerAreaIn {/* clearfix IE6用 */
	height: 1px;
}
div#footerArea ul{/* 左下：フッターリンク */
	float:left;
}
div#footerArea ul li{
	display:inline;
}
div#footerArea ul li a{
	text-decoration:none;
	color:#282828;
}
div#footerArea ul li a:hover{
	text-decoration:underline;
	color:#282828;
}
div#footerText{/* 右下：コピーライト */
	float:right;
}