@Charset "UTF-8";



* { margin:0; padding:0; font-size:100%; font-style:normal; font-weight:normal; text-decoration:none; }
body { line-height:1.5; font-size:1em; font-family:sans-serif; }
.hidden { position:absolute; left:-9999px; }
a { font-weight:bold; }
a:hover { text-decoration:underline; }
h2,h3,h4,h5,h6 { }



.container { width:57em; clear:both; float:left; padding-right:16px; border-right:1px solid silver; }
.container .container { margin-bottom:24px; padding-right:0; border-right:none; }
.container .container .container { width:19em; clear:none; margin:0; }
.container .container .container * { margin:0 0 24px 16px; }
.container .container .container * * { margin:0; }


#past div, #about div, #address div { background:url(img/background1.gif) 0 0 repeat; min-height:20em; padding:8px; }
* html #past div, * html #about div, * html #address div { height:20em; }

#past dd { font-size:0.7em; }
#notice li { margin-bottom:0.3em; }






#events { width:38em; }
#events div { margin-bottom:0; }
#events .title { border-left:16px solid white; padding-left:8px; }
#events .title a { display:block; text-indent:-9999px; height:48px; background:transparent 0 6px no-repeat; }
#events p { margin-bottom:16px; }
#events .title a br { display:none; }

#hello .title { border-left-color:#FB1B2A; }
#enjoy .title { border-left-color:#B3D010; }
#sho .title   { border-left-color:#F19616; }
#lights .title { border-left-color:#35AACD; }
#play .title  { border-left-color:#D362A6; }
#hello .title a { background-image:url(img/hello.gif); }
#enjoy .title a { background-image:url(img/enjoy.gif); }
#sho .title a   { background-image:url(img/sho.gif); }
#lights .title a { background-image:url(img/light.gif); }
#play .title a  { background-image:url(img/play.gif); }


#events .banner { margin-bottom:16px; }
#events .banner h3 { text-indent:-9999px; padding-left:0; position:relative; margin:0 0 8px -16px; }
#events .banner h3 a { height:113px !important; background-position:0 0; }
#events .banner h3 br { display:none; }






#application * { margin-bottom:8px; }
#application * * { margin-bottom:0; }
#application h3 { border-top:1px solid gray; padding-top:8px; background:url(img/circle.gif) 0 8px no-repeat; text-indent:18px; line-height:1; }
#application h3.hidden { position:static; background:none; }
#application h3.hidden * { display:block; position:absolute; left:-9999px; }
#application ul { }
#application li { list-style:none; background:url(img/star.gif) 0 0.45em no-repeat; text-indent:14px; }


.past, .plan, .post, .about, .apply, .report, .finished { display:block; height:14px; text-indent:-9999px; background:transparent 0 0 no-repeat; }
.past  { background-image:url(img/past.gif); }
.plan  { background-image:url(img/guidetour.gif); }
.post  { background-image:url(img/post.gif); }
.about { background-image:url(img/about.gif); }
.apply { background-image:url(img/apply.gif); }
.report { background-image:url(img/report.gif); }
.finished { background-image:url(img/finished.gif); }
.apply, .post { background-position:18px 0; }



#title { position:relative; overflow:hidden; height:198px; margin-bottom:24px; }
h1 { height:100%; margin:16px; }
h1 a { display:block; height:100%; text-indent:-9999px; background:url(img/title.gif) 0 0 no-repeat; }

.copy { position:absolute; width:145px; height:145px; text-indent:-9999px; }
.copy br { display:none; }
#copy1 { background:url(img/copy1.gif) 0 0 no-repeat; right:145px; top:12px; }
#copy2 { background:url(img/copy2.gif) 0 0 no-repeat; right:0; top:0; }
#copy3 { text-indent:0; bottom:0; left:16px; height:auto; width:100%; }



#address address { position:relative; font-size:80%; margin-bottom:4em; }
#logomark, #logotype, address span { display:block; }
#logomark, #logotype { position:absolute; left:0; top:0; text-indent:-9999px; }
#logomark { background:url(img/smt_logomark.gif) 0 0 no-repeat; width:72px; height:72px; }
#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; }
address br { display:none; }
address * br { display:inline; }



#applyForm { }
#applyForm table { width:100%; border-collapse:collapse; }
#applyForm td, #applyForm th { vertical-align:top; text-align:left; }
#applyForm th { width:5em; }
#applyForm input, #applyForm textarea { border:1px solid gray; width:94%; padding:3px 0 0 3px; }
#applyForm p { text-align:right; }
#applyForm .button { width:auto; }

#foot li { margin:0 0 0 1.2em; line-height:1.2; }