@charset "shift-jis";

/* ************************************************************
Title: header.css
Since: 2010-04-01
Last Modified: 2010-04-01
************************************************************ */

/* =header-navi
====================================================*/
#header {
background:url(../images/header_bg_001.gif) 0 65px no-repeat;
}

#header h1,
#header p {
	float: left;
	width: 240px;
}

#header h1 a,
#header p a {
	display: block;
	width: 113px;
	height: 64px;
	text-indent: -10000px;
	background: url(../images/logo.gif) left top no-repeat;
	margin:10px 0 0 36px;
}

#header div.navi-area {
	float: right;
	width: 760px;
}

#header div.header-navi {
	margin: 25px 0 46px;
	padding-left: 133px;
	height: 16px;
}

#header div.header-navi ul li {
	float: left;
	margin-right: 30px;
	padding-left:30px;
	font-size: 1px;
	line-height: 0;
	border-left:1px solid #dedede;
}

#header div.header-navi ul li.last {
	padding-right: 30px;
	border-right:1px solid #dedede;
	margin-right:0;
}

#header div.header-navi a {
	display: block;
	height: 16px;
	font-size: 1px;
	text-indent: -10000px;
	text-decoration: none !important;
	outline: none;
}

#header div.header-navi #home a {
	width: 54px;
	background: url(../images/header_menu_001.gif) 0 0 no-repeat;
}

#header div.header-navi #english a {
	width: 61px;
	background: url(../images/header_menu_002.gif) 0 0 no-repeat;
}

#header div.header-navi #faq a {
	width: 45px;
	background: url(../images/header_menu_005.gif) 0 0 no-repeat;
}


#header div.header-navi #sitemap a {
	width: 83px;
	background: url(../images/header_menu_003.gif) 0 0 no-repeat;
}

#header div.header-navi #link a {
	width: 62px;
	background: url(../images/header_menu_004.gif) 0 0 no-repeat;
}

#header div.header-navi a:hover,
#header div.header-navi a.current {
	background-position:0 -16px !important;
}



/* =global-navi
====================================================*/
#header div.global-navi {
	height: 59px;
	clear:both;
}

#header div.global-navi ul li {
	float: left;
	font-size: 1px;
	line-height: 0;
}

#header div.global-navi a {
	display: block;
	height: 59px;
	font-size: 1px;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
}

#header div.global-navi #about a {
	width: 139px;
	background: url(../images/gmenu_001.gif) 0 0 no-repeat;
}

#header div.global-navi #collection a {
	width: 118px;
	background: url(../images/gmenu_002.gif) 0 0 no-repeat;
}

#header div.global-navi #exhibition a {
	width: 125px;
	background: url(../images/gmenu_003.gif) 0 0 no-repeat;
}

#header div.global-navi #education a {
	width: 122px;
	background: url(../images/gmenu_004.gif) 0 0 no-repeat;
}

#header div.global-navi #publication a {
	width: 110px;
	background: url(../images/gmenu_005.gif) 0 0 no-repeat;
}


#header div.global-navi #floor a {
	width: 122px;
	background: url(../images/gmenu_007.gif) 0 0 no-repeat;
}

#header div.global-navi #guide a {
	width: 149px;
	background: url(../images/gmenu_008.gif) 0 0 no-repeat;
}

#header div.global-navi #event a {
	width: 115px;
	background: url(../images/gmenu_006.gif) 0 0 no-repeat;
}

#header div.global-navi a:hover,
#header div.global-navi a.current {
	background-position:0 -59px !important;
}


/* =mv-area
====================================================*/
#mv-area {
	margin-bottom: 30px;
}

#mv-area #mv02,
#mv-area #mv03,
#mv-area #mv04,
#mv-area #mv05,
#mv-area #mv06,
#mv-area #mv07,
#mv-area #mv08,
#mv-area #mv09 {
	display: none;
}

#mv-area #mv04,#mv-area #mv01 {
	position: relative;
}

#mv-area #mv04 a.bt01,#mv-area #mv01 a.bt01 {
	position: absolute;
	top: 0px;
	left: 240px;
}

#mv-area #mv04 a.bt02,#mv-area #mv01 a.bt02 {
	position: absolute;
	top: 114px;
	left: 240px;
}

#mv-area #mv04 a.bt03,#mv-area #mv01 a.bt03 {
	position: absolute;
	top: 0px;
	left: 620px;
}

#mv-area #mv04 a.bt04,#mv-area #mv01 a.bt04 {
	position: absolute;
	top: 114px;
	left: 620px;
}