@charset "Shift_JIS";

/*---------------------------
ここに記載するCSSは【top】からはじまるclass指定
トップページ #contentsArea 内CSS
--------------------------- */

.opnebg{/* オープングムービー背景 */
	background:#000000 ;
	height:100%;
}

p#mazak_art_logo{/* ロゴ */
	float:left;
	width:260px;
}

#topmvArea{padding:25px;}

#topmvArea a:link{/* オープニング */
	text-decoration:underline;
	color:#FFFFFF;
}
#topmvArea a:visited{
	text-decoration:underline;
	color:#FFFFFF;
}
#topmvArea a:hover{
	text-decoration:none;
	color:#505050;
}
#topmvArea a:active{
	text-decoration:none;
	color:#505050;
}


.topbg{/* トップページ背景 */
	background:url(../../img/topbg.jpg) repeat-x;
}


div#topContents{/* トップページ内容部分 */
	width:950px;
}



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

}
ul#languageMenu li#languageMenu01 a.onpage{
	width:57px;
	background:url(../../img/languagemenu.gif) no-repeat 0px 0px;
}
ul#languageMenu li#languageMenu01 a:hover{
	width:57px;
	background:url(../../img/languagemenu.gif) no-repeat 0px -70px;
}
ul#languageMenu li#languageMenu02 a.onpage{
	width:63px;
	background:url(../../img/languagemenu.gif) no-repeat -57px 0px;
}
ul#languageMenu li#languageMenu02 a:hover{
	width:63px;
	background:url(../../img/languagemenu.gif) no-repeat -57px -70px;
}


ul#topMenu{/* トップページメニュー */
	width:680px;
	height:65px;
	margin:35px auto 0;
	list-style-type:none;
	background:url(../../img/topmenu.gif) no-repeat;
}
ul#topMenu li{
	float:left;
	height:65px;
	margin:0px;
	padding:0;
	text-indent:-9999px;
	list-style-type:none;
}
ul#topMenu li a{
	display:block;
	height:40px;
	margin-top:25px;
	text-decoration:none;/* mozilla系でインデント分のはみだしリンク線対策 */
	overflow:hidden;
}

/* 美術館について */
ul#topMenu li#topMenu01 a{width:130px;margin-left:20px;}
ul#topMenu li#topMenu01 a:hover{background:url(../../img/topmenu.gif) no-repeat -20px -90px;}
/* コレクション */
ul#topMenu li#topMenu02 a{width:128px;}
ul#topMenu li#topMenu02 a:hover{background:url(../../img/topmenu.gif) no-repeat -150px -90px;}
/* 図書館 */
/*ul#topMenu li#topMenu03 a{width:80px;}
ul#topMenu li#topMenu03 a:hover{background:url(../../img/topmenu.gif) no-repeat -225px -90px;}*/
/* 新着情報 */
ul#topMenu li#topMenu04 a{width:108px;}
ul#topMenu li#topMenu04 a:hover{background:url(../../img/topmenu.gif) no-repeat -278px -90px;}
/* マザック関連施設 */
ul#topMenu li#topMenu05 a{width:160px;}
ul#topMenu li#topMenu05 a:hover{background:url(../../img/topmenu.gif) no-repeat -386px -90px;}
/* 開催中の展覧会 */
ul#topMenu li#topMenu06 a{width:130px;}
ul#topMenu li#topMenu06 a:hover{background:url(../../img/topmenu.gif) no-repeat -546px -90px;}

div#topArticle{/* イベント情報・インフォエディタ */
	padding-top:3px;
	width:644px;
	margin:50px auto;
	background:url(../../img/topnew_bg.gif) repeat-y;
}
div#topArticle h2{
	width:79px;
	float:left;
}
div#topArticle div#topNews{
	padding:8px;
	letter-spacing:0.1em;
	font-size:88%;
	line-height:110%;
	width:548px;
	float:right;
	background:#f2f2f2;
}

div#topNews dl{}
div#topNews dl dt{float:left;width:7em;}
div#topNews dl dd.newstext{float:left;max-width:460px;line-height:130%;}
div#topNews dl dd.newstext img{
	vertical-align:top;
	margin-right:0.5em;
}
div#topNews dl dd.newstext00{height:3px;clear:both;}

div#topNews ul{
	list-style-type:none;
}
div#topNews ul li{
	list-style-type:none;
	margin-bottom:2px;
}

div#topNews ul li img{
	vertical-align:bottom;
	margin-right:0.5em;
}
div#topNews span{
	margin-right:10px;
	letter-spacing:0.2em;
}
div#topNews ul li a{
	text-decoration:underline;
	color:#282828;
}
div#topNews ul li a:hover{
	text-decoration:none;
	color:#282828;
}

/*201203*/
.Email201203Bg { background:url(../../img/topmain_bg.jpg) repeat-x top center; }

/*201203*/
.Email201208Bg {
	background-color: #FFF;
}
/* ヘッダー：言語メニュー */

/* SNS-elia */
div#sns-elia {}
/* SNS-eila end */

/* social-icon start */
.social_box {
	float: left;/*left;*/
	position: relative; top:32px;
	margin-right: 8px;
}

a:link.src_insta{
	display:block;	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/insta_icon.gif);
	text-indent:-10000px;
	list-style:none;
}
a:hover.src_insta{
	display:block;
	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/insta_icon-over.gif);
	text-indent:-10000px;
	list-style:none;
}

a:link.src_fb{
	display:block;
	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/fb_icon.gif);
	text-indent:-10000px;
	list-style:none;
}
a:hover.src_fb{
	display:block;
	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/fb_icon-over.gif);
	text-indent:-10000px;
	list-style:none;
}

a:link.src_twitter{
	display:block;
	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/twitter_icon.gif);
	text-indent:-10000px;
	list-style:none;
}
a:hover.src_twitter{
	display:block;
	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/twitter_icon-over.gif);
	text-indent:-10000px;
	list-style:none;
}


a:link.src_youtube{
	display:block;
	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/youtube_icon.gif);
	text-indent:-10000px;
	list-style:none;
}
a:hover.src_youtube{
	display:block;
	width: 32px;
	height: 32px;
	background-image:url(../img/src_icon/youtube_icon-over.gif);
	text-indent:-10000px;
	list-style:none;
}
.clear {
    clear:both;
}


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

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


/* social-icon end */