* { margin:0; padding:0; }
html,body { height:100%; }
body { padding:0 14px; font-size:94%; font-family:sans-serif; }

a         { text-decoration:none; }
a:link    { color:#0000FF; border-bottom:1px dotted #0000FF; }
a:visited { color:#9900CC; border-bottom:1px dotted #9900CC; }
a:active  { color:#000000; border-bottom:1px dotted #000000; }
#navi a, #global a, #foot a { border-bottom:none; }
#navi a:hover,#global a:hover,#foot a:hover { border-bottom:1px solid blue; }

.container { padding:14px 0; position:relative; clear:none; }
body .container        { min-height:96%; border-right:1px solid gray; }
* html body .container { height:96%; }
.container .container  { height:auto; min-height:auto; border-right:none; width:auto; }

#main,#navi { margin:0; padding:0; clear:none; }
#main  { float:left; margin-right:-15em; }
#navi  { float:left; width:15em; }
#main .container { padding-right:14px; border-right:1px solid gray; margin-right:15em; }
#navi .container { padding-left:14px;  border-left:1px solid gray;  left:-1px; }

h2,h3,h4,h5,h6,p,table,dl,dt,dd,ul,ol,pre,blockquote,address { margin-bottom:1em; clear:both; }
h1,h2,h3,h4,h5,h6,dt { font-weight:bold; font-size:110%; line-height:120%; color:black; }

#www-smt-jp .top { border:none; margin-top:0; margin-left:0; padding-top:0; padding-left:0; }

#logo { width:180px; height:56px; margin-bottom:32px; background:url(img/smt_logomark.gif) top left no-repeat; }
#logo a { display:block; text-indent:-9999px; background:url(img/smt_logotype.gif) 63px 0 no-repeat; text-decoration:none; width:100%; height:100%; border:none; }

#logo,#title-p,#title-s,#foot { clear:both; }
#title-p,#title-s,#main,#global,#foot { width:100%; }
#title-p,#title-s,#foot { border-top:1px solid gray; }

#global    { position:absolute; top:50px; right:0; }
#global ul { text-align:right; white-space:nowrap; }
#global li { border-left:1px solid gray; border-top:1px solid gray; margin:0; }
#global li.top  { border-top:1px solid gray; padding-left:0.5em; }
#global .sub li { border-top:none; }

#global ul,#foot ul { margin:0; list-style:none; }
#global li,#foot li { display:inline; padding-right:0.5em; padding-left:0.5em; }

#main { line-height:174%; }
#foot { padding-top:14px; }
#main ul,#main ol { margin-left:24px; }
address { font-style:normal; margin-bottom:6em }
#navi .container, #foot { font-size:94%; }
.hidden { text-indent:-999px; line-height:0; width:0; height:0; margin:0; overflow:hidden; }
hr { display:none; }

#title-p { border-bottom:1px solid gray; background:url(img/bg_c.gif) top left repeat; padding:14px 0; float:left; margin-left:-14px; padding-left:14px; }
#title-p .banner { width:320px; height:189px; float:left; border:1px solid black; }
#title-p h1,#title-p h2,#title-p ul { margin-left:348px; margin-bottom:0; clear:none; }
#title-p ul { list-style:none; }
#title-p h1 { font-size:36px; }
#title-p h2 { font-size:24px; margin-bottom:0.5em; }
#title-p p  { font-size:12px; }
#title-p ul.past { margin-left:365px }
* html #title-p { float:none; position:relative; left:-14px; margin-right:-14px; margin-left:0; }

#title-s { border-bottom:1px solid gray; background:url(img/bg_c.gif) top left repeat; padding:14px 0; float:left; margin-left:-14px; padding-left:14px; position:relative; }
#title-s .banner { width:180px; height:189px; float:left; border:1px solid black; }
#title-s h1,#title-s h2,#title-s ul { margin-left:208px; margin-bottom:0; clear:none; }
#title-s ul { list-style:none; }
#title-s h1 { font-size:36px; }
#title-s h2 { font-size:24px; margin-bottom:0.5em; }
#title-s p  { font-size:12px; }
#title-s ul.past { margin-left:225px }
* html #title-s { float:none; position:relative; left:-14px; margin-right:-14px; margin-left:0; }

.past { text-align:right; width:100%; position:absolute; bottom:1em; right:1em; margin-right:0.5em; }
.past li { display:inline; background:url(img/arrow.gif) center left no-repeat; padding-left:14px; }

.category      { margin-left:64px; border-left:1px solid silver; padding-left:14px; margin-bottom:14px; }
.category h3   { background:url(img/icon_smt.gif) top left no-repeat; margin-left:-78px; padding-left:78px; height:50px; margin-bottom:-0.5em; width:100%; margin-right:-156px; }
.category h3.exhibitions { background:url(img/icon_exhibitions.gif) top left no-repeat;}
.category h3.films       { background:url(img/icon_films.gif) top left no-repeat;}
.category h3.lectures    { background:url(img/icon_lectures.gif) top left no-repeat;}
.category h3.others      { background:url(img/icon_others.gif) top left no-repeat;}
.category h3.library     { background:url(img/icon_library.gif) top left no-repeat;}

.category h3 a { display:block; border-bottom:1px solid silver; width:100%; padding-bottom:7px; }

.information { margin-left:64px; padding-left:14px; margin-bottom:14px; }


.gv-credit { background:url(img/icon_guide.gif) 2px 2px no-repeat; border:1px solid silver; margin-bottom:0px; padding:2px 2px 2px 54px; height:50px; position:relative; left:-7px; font-size:12px }
.gv-text   { margin-top:0.5em; padding:2px; position:relative; left:-7px; }

* html #foot { position:relative; left:16px; }