@charset "UTF-8";

* { margin:0; padding:0; font-size:100%; font-style:normal; border:none; }



html, body { height:100%; }
body .container { position:relative; width:100%; height:100%; min-height:100%; }
body>.container { height:auto; float:left; }
body .container .container { height:auto; width:auto; min-height:auto; border:none; }



.totop { clear:both; margin:0; }
.hidden *, .totop * { display:block; position:absolute; left:-9999px; }






h1 { border-bottom:2px dotted gray; padding:16px; font-size:20px; line-height:1; }
h1 * { display:block; width:16em; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; }
h1 br { display:inline; font-size:8px; }
h1 a { text-decoration:none; color:darkblue; background-image:url(img/header/title.gif); }
h1 span { color:black; }
h1 .foreword { background-image:url(img/header/foreword.gif); }
h1 .chapter1 { background-image:url(img/header/chapter1.gif); }
h1 .chapter2 { background-image:url(img/header/chapter2.gif); }
h1 .chapter3 { background-image:url(img/header/chapter3.gif); }
h1 .chapter4 { background-image:url(img/header/chapter4.gif); }
h1 .conclusion { background-image:url(img/header/conclusion.gif); }



#main { width:60em; float:left; margin-right:-60em; padding-bottom:80px; line-height:1.86; }
#main .container { margin-left:14em; padding:16px; }
#main .container * { margin-bottom:2em; }
#main .container * * { margin-bottom:0; }
#main ul { margin-left:1.6em; }
#main ol { margin-left:1.8em; }



#index, #notes { width:14em; float:left; margin-right:-14em; }
#index .container, #notes .container { margin:16px; }



#index a { text-decoration:none; display:block; width:100%; padding:4px; padding-left:0; color:blue; }
#index .here { background:orange; margin-left:-16px; padding-left:16px; }
#index .here a { color:white; }
#index li { list-style:none; }



#notes { margin-top:22em; line-height:1.2; }
#notes .container { padding:8px; border:1px solid silver; }
#notes dt { font-weight:bold; }
#notes dd { margin-bottom:1em; }



address { position:absolute; bottom:0; left:0; margin:0 0 2em 16px; }
#logomark, #logotype, address span { display:block; }
#logomark, #logotype { text-indent:-9999px; position:absolute; left:0; top:0; text-align:left; }
#logomark { background:url(../common/img/smt_logomark.gif) 0 0 no-repeat; width:56px; height:56px; }
#logotype { background:url(../common/img/smt_logotype.gif) 0 2px no-repeat; width:102px; height:26px; left:60px; }
address span { padding:28px 0 0 60px; font-size:10px; line-height:1.2; }
address br { display:none; }
address * br { display:inline; }



#navi { position:absolute; bottom:48px; left:0; width:60em; text-align:right; }
#navi li { list-style:none; }



.term { font-weight:bold; }
.term span { display:block; border:1px solid silver; padding:4px; width:11em; float:left; margin:-2em -12em -12em -14em; font-weight:normal; line-height:1.2; }
* html .term span { margin-left:-7em; }
.term span span { float:none; margin:0; padding:0; font-weight:bold; border:none; }