@charset "UTF-8";

/*
2A375B
323641
6D768E
42568E
A8B5DA
*/
/*
3B3E38
*/
/*
FF3B01
FF760E
FF9600
*/


* { margin:0; padding:0; font-size:100%; font-style:normal; list-style:none; text-align:left; font-weight:normal; }
body { font:normal normal 92%; line-height:1.6; background:url(background2.gif) 0 0 repeat-y; }
.hidden { text-indent:-9999px; font-size:0; line-height:0; }
hr { display:none; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; }



a { text-decoration:none; }
a:link { color:#263C7D; }
a:hover { color:#FF760E; text-decoration:underline; }
a:visited { color:#FF9600; }
a img { border:none; }



html, body { height:100%; }
.container { min-height:100%; width:100%; position:relative; }
* html .container { height:100%; }
.container .container { width:auto; height:auto; position:static; }



#head { position:absolute; left:0; top:200px; width:368px; color:white; margin-left:16px; }
#head * { padding:0 8px; }
#head * * { padding:0; }
#head h1 { margin-bottom:18px; }
#head h1 a { display:block; background:url(title.gif) 0 0 no-repeat; height:82px; text-indent:-9999px; }
#head p { background:url(background.gif) right top repeat-x; padding-top:36px; }
#head ul { margin-top:4em; }
#head li { margin-left:1.4em; list-style:disc; }



#main { top:0; margin:16px; margin-left:400px; margin-bottom:3em; }
#main .container { position:relative; background:url(background3.gif) 0 0 repeat; width:100%; padding:16px 0; }
#main .container * { margin:0 16px 1em 16px; }
#main .container * * { margin:auto; }
#main .container li { margin-left:1.2em; list-style:disc; }
#main table { border-collapse:collapse; }
#main td, #main th { border:1px solid gray; padding:3px; }
#main dl dd { margin-left:1em !important; }
#main .container h2, #main .container h3, #main .container h4 { margin-top:2.6em; }



#corners * { width:16px; height:16px; position:absolute; background-position:50% 50%; background-repeat:no-repeat; }
#corner1 { background-image:url(corner1.gif); top:0; left:0; }
#corner2 { background-image:url(corner2.gif); top:0; right:0; }
#corner3 { background-image:url(corner3.gif); bottom:0; right:0; }
#corner4 { background-image:url(corner4.gif); bottom:0; left:0; }



address { margin-left:24px; width:352px; font-size:12px; }
#logomark, #logotype, address span { display:block; }
#logomark, #logotype { position:absolute; left:0; top:0; text-indent:-9999px; }
#logomark { background:url(smt_logomark.gif) 0 0 no-repeat; width:72px; height:72px; }
#logotype { background:url(smt_logotype.gif) 0 0 no-repeat; width:138px; height:30px; left:76px; }
address span { padding:32px 0 0 76px; line-height:1.2; color:white; }
address br { display:none; }
address * br { display:inline; }
address a { color:#FF9600; }



#foot { white-space:nowrap; line-height:1; margin-left:408px; }
#foot li { float:left; list-style:none; margin:0; }
#foot a { text-decoration:none; display:block; border-left:1px solid gray; padding:2px 6px; }
#foot .top { border-left:none; }


address, #foot { position:absolute; bottom:0; left:0; margin-bottom:16px; }


h2 a { display:block; height:17px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; }
h2 .schedule      { background-image:url(schedule.gif); }
h2 .certification { background-image:url(certification.gif); }
h2 .application   { background-image:url(application.gif); }
h2 .inquiry       { background-image:url(inquiry.gif); }
h2 .detail        { background-image:url(detail.gif); }
h2 .about         { background-image:url(about.gif); }
h2 .howtoapply    { background-image:url(howtoapply.gif); }



#application { background:white; }
#application table { width:100%; }
#application th { width:8em; }
#application input, #application textarea { width:98%; }
#application p input { width:auto; }
