/* */
body { font:normal normal 82%/1 "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Osaka","MS ƒSƒVƒbƒN"; }



* { margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal; text-decoration:none; list-style:none; }
body { font-size:92%; padding-top:32px; }
html, body, .container { height:100%; }
.container { width:57em; margin:0 auto; position:relative; clear:both; }
.container .container { width:auto; height:auto; margin:0; padding:0; }
body { background:url(img/background.gif) 0 0 repeat-y; }



/*#title,#intro,#info,#artists { position:absolute; }*/
#title { width:28em; height:220px; position:relative; float:left; margin-right:-100%; }
#title h1 { width:100%; height:100%; }
h1 span { background:transparent 0 0 no-repeat; position:absolute; text-indent:-9999px; display:block; }



#ao { left:0%; top:50px; background-image:url(img/ao.gif); width:84px; height:105px; }
#ba { left:29%; top:0; background-image:url(img/ba.gif); width:79px; height:93px; }
#en { left:52%; top:80px; background-image:url(img/en.gif); width:95px; height:85px; }
#hi { left:84%; top:129px; background-image:url(img/hi.gif); width:67px; height:67px; }
#ni { left:87%; top:31px; background-image:url(img/ni.gif); width:41px; height:54px; }
/*
#ao { left:0; top:50px; background-image:url(img/ao.gif); width:84px; height:105px; }
#ba { left:137px; top:0; background-image:url(img/ba.gif); width:79px; height:93px; }
#en { left:237px; top:80px; background-image:url(img/en.gif); width:95px; height:85px; }
#hi { left:379px; top:129px; background-image:url(img/hi.gif); width:67px; height:67px; }
#ni { left:409px; top:31px; background-image:url(img/ni.gif); width:41px; height:54px; }
*/



#info { margin-left:32em; padding-top:64px; background:url(img/time.gif) 0 0 no-repeat; z-index:9999; height:14em; line-height:1.2; }
#info dt { width:4em; float:left; margin-right:-4em; }
#info dd { padding-left:4em; margin-bottom:0.6em; }



#info, #about, #event { line-height:1.2; }
#about dt, #event dt { font-weight:bold; }
#about dd, #event dd { margin-bottom:0.4em; }
#about dd { font-size:92%; }
#event li { list-style:none; }
#navi li { margin-bottom:1em; }


#intro { background:url(img/frames/y/br.gif) 100% 100% no-repeat; padding:16px; line-height:1.6; width:40em; position:relative; float:left; margin-right:-40em; }
#intro .frame .tr, #intro .frame .tl, #intro .frame .bl { position:absolute; width:18px; height:18px; text-indent:-9999px; }
#intro .frame .tr { background:url(img/frames/y/tr.gif) right top no-repeat; top:0; right:0; }
#intro .frame .bl { background:url(img/frames/y/bl.gif) left  bottom no-repeat; bottom:0; left:0; }
#intro .frame .tl { background:url(img/frames/y/tl.gif) left top no-repeat; top:0; left:0; }



#about, #event, #navi, #address { width:33%; float:left; position:relative; }
#about .container, #event .container, #navi .container { margin:0 16px 16px 0; position:static; }
* html #about *, * html #event *, * html #navi *, * html #address * { height:20em; }
* html #about * *, * html #event * *, * html #navi * *, * html #address * * { height:auto; }

/*
.frame .tr, .frame .tl, .frame .bl { position:absolute; width:18px; height:18px; text-indent:-9999px; }
.frame .tr { background:url(img/frames/1/tr.gif) right top no-repeat; top:0; right:15px; }
.frame .bl { background:url(img/frames/1/bl.gif) left  bottom no-repeat; bottom:15px; left:0; }
.frame .tl { background:url(img/frames/1/tl.gif) left top no-repeat; top:0; left:0; }
*/



#artists { width:12em; padding:8px; background:url(img/frames/1/br.gif) 100% 100% no-repeat; position:relative; margin-top:1.4em; margin-left:42em; margin-bottom:3em; }
#artists li { list-style:none; line-height:1.4; }
#artists .frame .tr, #artists .frame .tl, #artists .frame .bl { position:absolute; width:18px; height:18px; text-indent:-9999px; }
#artists .frame .tr { background:url(img/frames/1/tr.gif) right top no-repeat; top:0; right:0; }
#artists .frame .bl { background:url(img/frames/1/bl.gif) left  bottom no-repeat; bottom:0; left:0; }
#artists .frame .tl { background:url(img/frames/1/tl.gif) left top no-repeat; top:0; left:0; }




h2, h3, h4, h5, h6 { color:red; font-weight:bold; }
.artists, .event { display:block; text-indent:-9999px; }
.artists { background:url(img/labels/artists.gif) 0 0 no-repeat; height:22px; }
.event { background:url(img/labels/event.gif) 0 0 no-repeat; height:46px !important; }
.event br { display:none; }



#address address { position:relative; font-size:80%; margin-bottom:4em; width:214px; float:right; }
#logomark, #logotype, address span { display:block; }
#logomark, #logotype { position:absolute; left:0; top:0; text-indent:-9999px; }
#address #logomark { background:url(img/smt_logomark.gif) 0 0 no-repeat; width:72px; height:72px; }
#address #logotype { background:url(img/smt_logotype.gif) 0 0 no-repeat; width:138px; height:30px; left:76px; }
#address address span { padding:32px 0 0 76px; line-height:1.2; text-align:right; }
address br { display:none; }
address * br { display:inline; }

#foot { clear:both; }
#foot li { text-align:right; list-style:none; line-height:1.6; }