/* CSS list
-Header
-Header logo
-Footor
-global menu 
-Link color
 */
body {
font-family: Arial, Helvetica, sans-serif;
}

.title { font-size: 150%; }

#top-flash { height: 400px; }

/* Header */
#header-ad {
	height: 107px; _height: 104px;
	padding: 0px 5px 0 0px; margin: 0;
	background-color: #ffdc00;	
	border: solid 3px #999;
	display: block;
	font-size: 14px;
}

#header-ad li{
	float: left;
	list-style-type: none;
	margin: 0 7px 0 0; padding: 0;
	font-weight: bold;
}

#header-ad a {
	color: #333333;
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}

#header-ad .ad1, #header-ad .ad2 { padding-top: 4px; }
#header-ad .ad1 { position: absolute; top: 45px; left: 20px; } 
#header-ad .ad2 { position: absolute; top: 45px; right: 100px; } 
#header-ad .ad3 { position: absolute; top: 48px; right: 20px; } 
#header-ad .adlink { text-decoration: underline;}

#header-inner-Idbar {
	height: 27px; _height: 24px;
	padding: 10px 0 0 18px; margin: 0;
	background-color: #fff;	
}

#footer-inner-Idbar {
	height: 27px; _height: 24px;
	padding: 10px 0 0 18px; margin: 0;
	background-color: #fff;
	position:relative;
}

#header-inner-Idbar li{
	float: left;
	list-style-type: none;
	margin: 0; padding: 0;
}

#footer-inner-Idbar li{
	float: left;
	list-style-type: none;
	margin: 0; padding: 0;
}

#header-Idbar-nav { position: absolute; top: 113px; _top: 109px; right: 0; } 

#header-name a{
	display:block;
    width: 339px; height: 173px;
}

#header-name a{
    background: url(/cmt/mt-static/img2009/logo.gif) no-repeat 0 0;
    width: 339px; height: 173px;
}




/* extra_navigation (Hnav置換) */
.extra_navigation {
    position: relative;
    width: 980px;
    margin: 5px auto;
}

.extra_navigation ul {
  padding-left: 270px;
}

.extra_navigation li {
  float: left;
  list-style-type: none;
  padding-left: 26px;
  font-size: 11px;
}
/* /extra_navigation */

#header-inner-Hnav {
    position: relative;
    width: 980px;
/*	padding: 1px 0; */
    margin: 5px auto;
	}
	
#footer-inner-Hnav {
    position: relative;
    width: 980px;
/*	padding: 1px 0; */
    margin: 5px auto;
	}
	
#header-inner-Hnav ul { padding-left: 270px; }
#footer-inner-Hnav ul { padding-left: 270px; }

#header-inner-Hnav li{
	float: left;
	list-style-type: none;
	padding-left: 26px;
	font-size: 11px;
	}
	
#footer-inner-Hnav li{
	float: left;
	list-style-type: none;
	padding-left: 26px;
	font-size: 11px;
	}
	
#header-inner { background-color: #fff; width: 100%; }
#header-content { width: 980px; margin: 0 auto;}

#main-navigation { background-color: #000; height: 40px; }

#footer-navigation {
border-top: 1px solid #fff;
  background-color: #000;
    height: 40px;
	}



/* Header logo */
#header-logo { width: 400px; float: left; }
#header-bannar { padding-left: 300px; padding-top: 58px; }
#header-bannar ul li { list-style-type: none; }
#header-bannar ul li { float:left; }
.header-bannar-passport { text-indent: -9999px; }
.header-bannar-passport a{ display:block; width: 351px; height: 76px;}
.header-bannar-passport a{
    background: url(/2009/img2009/common/header-passport.gif) no-repeat 0 0;
    width: 351px; height: 76px; }

.header-bannar-guidebook { text-indent: -9999px; }
.header-bannar-guidebook a{ display:block; width: 128px; height: 76px; }
.header-bannar-guidebook a{
background: url(/2009/img2009/common/header-guidebook.gif) no-repeat 0 0;
    width: 128px; height: 76px; }
	
.header-bannar-access {	text-indent: -9999px; }
.header-bannar-access a{ display:block; width: 101px; height: 76px; }
.header-bannar-access a{
background: url(/2009/img2009/common/header-access.gif) no-repeat 0 0;
    width: 101px; height: 76px; }
	
#header-bannar ul li .header-bannar-benefit { clear:both; }
.header-bannar-benefit { text-indent: -9999px; }
.header-bannar-benefit a{ display:block; width: 300px; height: 18px; }
.header-bannar-benefit a{
background: url(/2009/img2009/common/header-benefit.gif) no-repeat 0 0;
    width: 418px; height: 18px; }

#header-bannar ul li .header-bannar-tc { float: left; }
.header-bannar-tc { text-indent: -9999px; }
.header-bannar-tc a{ display:block; width: 162px; height: 18px; }
.header-bannar-tc a{
background: url(/2009/img2009/common/header-tc.gif) no-repeat 0 0;
    width: 162px; height: 18px; }


.header-bannar-promotion { padding-top: 94px; }



ul#pulldown-menu a { color: #fff; text-decoration: none; }
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited { background: #000;}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active { background: #666; }

ul#pulldown-menu li {
        float: left;
        position: relative;
        font-weight: bold;
    height: 40px;
}
ul#pulldown-menu li a {
        display: block;
		text-align: center;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
		width: 200px;
}

ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}

ul#pulldown-menu { /* IE6 対策 */
        behavior: url("csshover.htc");
}

.gnav01 { width: 100px; border-right: solid 1px #fff; }
.gnav02 { width: 110px; border-right: solid 1px #fff; }
.gnav03 { width: 110px; border-right: solid 1px #fff; }
.gnav04 { width: 140px; border-right: solid 1px #fff; }
.gnav05 { width: 140px; border-right: solid 1px #fff; }
.gnav06 { width: 175px; border-right: solid 1px #fff; }
.gnav07 { width: 180px; }


#content { color: #fff; 
    border-top: 1px solid #fff;}
#content ul { list-style: none; padding: 0; margin: 0; }

#news-web { padding-top: 30px; }
#artworks { padding-top: 30px; }
#event { padding-top: 30px; }
#event-left { float: left; width: 145px; }
#event-right { float: left; width: 275px; padding-right: 20px; }
#event p { font-size: 12px; }
#event ul { font-weight: bold; padding-top: 6px;}


#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
}

.event01, .event03, .event04, .event06
{ font-size: 11px; height: 250px; }
.event02,　.event054
{ font-size: 11px; height: 240px; }


/* Footor */
#footer { width: 100%; }
#footer { border-top: 1px solid #fff; }
#footer-bottom {
border-top: 1px solid #fff;
position:static;
background-color:#000;
}
#footer-Idbar-nav { position: absolute; top: 0; right: 0; }


/* CSS for top menu of the map area */
.map-area {
	top:20px;
	width:100%;
	height:80px;
	position:relative;
}
.map-area.small {
  top:8px;
  height:45px;
}

.map-area-menu {
	width:100%;
	height:28px;
	line-height: 28px;
	text-align:center;
}
.map-area-menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.map-area-menu li a{
	color:#000000;
	padding:0 6px;
font-weight:bold;
}
/* MAP area hover effect */
.map-area a, .map-area a:visited {
	display:block;
}
.map-area .map-area-menu ul ul a.drop:hover{
	background:#aaa;
}
.map-area .map-area-menu ul ul :hover > a.drop {
	background:#aaa;
}
.map-area .map-area-menu a:hover, .map-area  .map-area-menu ul ul a:hover{
	background: #aaa;
}
/* MAP area menu sizes */
.map-area-menu li {
	float:left;
	position:relative;
	background-color:#fff;
}
/* MAP area buttons */
.map-area-menu .area1 { color:black;min-width:115px;border-right: solid 1px #000;border-left: solid 1px #000; white-space: nowrap; }
.map-area-menu .area2 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }
.map-area-menu .area3 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }
.map-area-menu .area3 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }
.map-area-menu .area4 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }
.map-area-menu .area5 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }
.map-area-menu .area6 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }
.map-area-menu .area7 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }
.map-area-menu .area8 { color:black;min-width:115px;border-right: solid 1px #000; white-space: nowrap; }

.map-area-menu .on { background-color:#aaaaaa }






/* contents background white */
#passport-contentsarea { background-color: #fff; color: #000; padding: 20px;}
#blog-contentsarea { background-color: #fff; color: #000; padding: 20px; position:relative; } 

/* global menu */
ul.menu {list-style:none; margin:0; padding:0; font:12px verdana;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:0px}
ul.menu ul {position:absolute; top:40px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; font-size:11px;}
ul.menu ul li {position:relative; border-top:1px solid #aaa; width:168px; margin:0}
ul.menu ul li a {display:block; padding:11px 13px 15px; background-color:#666}
ul.menu ul li a:hover {background-color:#ccc}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink1 {border-right:1px solid #aaa; padding:13px 0px 13px 26px ; font-weight:bold; background-color:#000; width:68px; color:#fff; }
ul.menu .menulink2 {border-right:1px solid #aaa; padding:13px 0px 13px 36px ; font-weight:bold; background-color:#000; width:86px; color:#fff; }
ul.menu .menulink3 {border-right:1px solid #aaa; padding:13px 0px 13px 36px ; font-weight:bold; background-color:#000; width:86px; color:#fff; }
ul.menu .menulink4 {border-right:1px solid #aaa; padding:13px 0px 13px 32px ; font-weight:bold; background-color:#000; width:120px; color:#fff; }
ul.menu .menulink5 {border-right:1px solid #aaa; padding:13px 0px 13px 40px ; font-weight:bold; background-color:#000; width:110px; color:#fff; }
ul.menu .menulink6 {border-right:1px solid #aaa; padding:13px 16px 13px 20px ; font-weight:bold; background-color:#000; width:114px; color:#fff; }
ul.menu .menulink7 {border:0px solid #aaa; padding:13px 0px 13px 16px ; font-weight:bold; background-color:#000; width:162px; }
ul.menu .menulink:hover, ul.menu .menuhover { background-color:#666;}
ul.menu .sub {background:#666 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topnoline {border-top:0px solid #aaa}


ul.menu li a { height:14px }
ul.menu li a:hover {background-color:#666}
ul.menu li .on {background-color:#666}

/* Link color */
a:link { color: #0099ff; text-decoration: none; }
a:visited { color: #0099ff; text-decoration: none; }
a:hover { color: #60afff; text-decoration: none; }
a:active { text-decoration: none; }

#header-inner-Hnav a:link { color: #fff; text-decoration: none; }
#header-inner-Hnav a:visited { color: #fff; text-decoration: none; }
#header-inner-Hnav a:hover { color: #fff; text-decoration: none; }
#header-inner-Hnav a:active { color: #fff; text-decoration: underline; }

#blog-contentsarea a:link { color: #0099cc; text-decoration: none; }
#blog-contentsarea a:visited { color: #0099cc; text-decoration: none; }
#blog-contentsarea a:hover { color: #006699; text-decoration: none; }
#blog-contentsarea a:active { color: #fff; text-decoration: underline; }

#main-navigation-inner a:link { color: #fff; text-decoration: none; }
#main-navigation-inner a:visited { color: #fff; text-decoration: none; }
#main-navigation-inner a:hover { color: #fff; text-decoration: none; }
#main-navigation-inner a:active { color: #fff; text-decoration: underline; }

#footer-navigation-inner a:link { color: #fff; text-decoration: none; }
#footer-navigation-inner a:visited { color: #fff; text-decoration: none; }
#footer-navigation-inner a:hover { color: #fff; text-decoration: none; }
#footer-navigation-inner a:active { color: #fff; text-decoration: underline; }
#footer-inner-Hnav a:link { color: #fff; text-decoration: none; }
#footer-inner-Hnav a:visited { color: #fff; text-decoration: none; }
#footer-inner-Hnav a:hover { color: #fff; text-decoration: none; }
#footer-inner-Hnav a:active { color: #fff; text-decoration: underline; }

.archive-list-item  a:link { color: #fff; text-decoration: none; }
.archive-list-item a:visited { color: #fff; text-decoration: none; }
.archive-list-item a:hover { color: #fff; text-decoration: none; }
.archive-list-item a:active { color: #fff; text-decoration: underline; }

.map-area-menu  a:link { color: #333; text-decoration: none; }
.map-area-menu  a:visited { color: #333; text-decoration: none; }
.map-area-menu  a:hover { color: #333; text-decoration: none; }
.map-area-menu  a:active { color: #333; text-decoration: underline; }


.map-area-menu  a:link { color: #333; text-decoration: none; }
.map-area-menu  a:visited { color: #333; text-decoration: none; }
.map-area-menu  a:hover { color: #333; text-decoration: none; }
.map-area-menu  a:active { color: #333; text-decoration: underline; }

.extra_navigation a:link { color: #fff; text-decoration: none; }
.extra_navigation a:visited { color: #fff; text-decoration: none; }
.extra_navigation a:hover { color: #fff; text-decoration: none; }
.extra_navigation a:active { color: #fff; text-decoration: underline; }

/* ie6BelowHack */
*html body br.ie6notdisplay {
  display: none;
}
*html body #footer-inner-Hnav {
  padding-top:6px;
}

/* ie7onlyHack */
*:first-child+html #footer-inner-Hnav {
  padding-top:6px;
} 

/* 2009artistlist */
#artistlist table {
	border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
	border-collapse:collapse;
	padding::0;
	margin:0;
    border-spacing:0;
	empty-cells:show;
	width: 620px;
color: #000;
	}
 #artistlist td{
	display:table-cell;
	vertical-align:top;
	border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:0.3em 1em;
background-color: #fff;
	}
	
.artistlist-cell-a {
	width:360px;
	background-color:#ddd;
}
.artistlist-cell-b {
	width:100px;
	background-color:#ddd;
	}
.artistlist-title {
	font-weight: bold;
	background-color:#ccc;
	}

#main-navigation.small {
  border-top: 1px solid white;
}

#content.small {
  padding-top: 0px;
  /* IE6対策 */
  _margin-top: -8px;
}

.contents_whiteback {
  background:white;
  padding:15px;
  color:#454545;
}
