|
15
|
1
|
|
|
2 body {
|
|
|
3 font-family: "ＭＳ ゴシック";
|
|
|
4 /*font-size: 14pt;*/
|
|
|
5 /*background-color: #eeeeee;*/
|
|
|
6 /*overflow: hidden;*/
|
|
|
7 /*overflow: scroll;*/
|
|
|
8 }
|
|
|
9 div.background {
|
|
|
10 height: 2.7em;
|
|
|
11 background-color: #009900;
|
|
|
12 background-color: gray;
|
|
|
13 }
|
|
|
14 div.header {
|
|
|
15 position: absolute;
|
|
|
16 z-index: 2;
|
|
|
17 left: 0;
|
|
|
18 right: 0;
|
|
|
19 top: 0;
|
|
|
20 bottom: auto;
|
|
|
21 width: 100%;
|
|
|
22 padding: 0;
|
|
|
23 margin: 0;
|
|
|
24 border: none;
|
|
|
25
|
|
|
26 height: 0.2em;
|
|
|
27 /*background-color: #33ff00;*/
|
|
|
28 background-color: #001111;
|
|
|
29 border-top: solid 1.8em #114444;
|
|
|
30 border-bottom: solid 0.7em #004444;
|
|
|
31 }
|
|
|
32 div.footer {
|
|
|
33 /*background-color: #33ff00;*/
|
|
|
34 background-color: #001111;
|
|
|
35 position: fixed;
|
|
|
36 color: #eeeeff;
|
|
|
37 overflow: hidden;
|
|
|
38
|
|
|
39 z-index: 50;
|
|
|
40 left: 0;
|
|
|
41 right: 0;
|
|
|
42 top: auto;
|
|
|
43 bottom: 0;
|
|
|
44 height: 1.4em;
|
|
|
45 margin: 0;
|
|
|
46 font-size: 80%;
|
|
|
47 font-weight: bold;
|
|
|
48 padding: 0.3em 0 0 1em;
|
|
|
49 }
|
|
|
50 div.slide {
|
|
|
51 margin: 0;
|
|
|
52 padding: 0;
|
|
|
53 /*background-color: #eeeeee;*/
|
|
|
54 }
|
|
|
55 div.slide h1 {
|
|
|
56 position: relative;
|
|
|
57 background-color: #114444;
|
|
|
58 left: 0;
|
|
|
59 right: 0;
|
|
|
60 font-size: 140%;
|
|
|
61
|
|
|
62 padding: 0.3em 1.1em 0 1em;
|
|
|
63 margin: 0;
|
|
|
64 margin-right: auto;
|
|
|
65 /*margin: 0 auto 1em 3em;*/
|
|
|
66 /*width: -moz-fit-content;*/
|
|
|
67 min-width: 60%;
|
|
|
68
|
|
|
69 /* 高さは div.headerと調節 */
|
|
|
70 height: 1.62em;
|
|
|
71
|
|
|
72 color: white;
|
|
|
73 line-height: 1.1em;
|
|
|
74
|
|
|
75 }
|
|
|
76 div.slide h2.uptitle {
|
|
|
77 }
|
|
|
78 #w3c-logo {
|
|
|
79 background-color: transparent;
|
|
|
80 width: auto;
|
|
|
81 height: auto;
|
|
|
82 margin-bottom: 1em;
|
|
|
83 overflow: hidden;
|
|
|
84 position: absolute;
|
|
|
85 bottom: 0;
|
|
|
86 right: 0;
|
|
|
87 display: none;
|
|
|
88 }
|
|
|
89 /*
|
|
|
90 #w3c-logo-fallback {
|
|
|
91 background-color: transparent;
|
|
|
92 width: 100%;
|
|
|
93 height: 100%;
|
|
|
94 margin: 0;
|
|
|
95 }
|
|
|
96 */
|
|
|
97
|
|
|
98 div.slide.top {
|
|
|
99 }
|
|
|
100 div.slide.top h1 {
|
|
|
101 font-size: 180%:
|
|
|
102 width: 80%;
|
|
|
103 height: auto;
|
|
|
104 margin: 3em auto 0;
|
|
|
105 padding: 0;
|
|
|
106 background: none;
|
|
|
107 color: black;
|
|
|
108 }
|
|
|
109
|
|
|
110 div.slide.final h2 {
|
|
|
111 text-align: center;
|
|
|
112 vertical-align: center;
|
|
|
113 width: 80%;
|
|
|
114 margin: 7em auto 0;
|
|
|
115 padding: 0
|
|
|
116 background: none:
|
|
|
117 color: black;
|
|
|
118 }
|
|
|
119
|
|
|
120 p.subhead {
|
|
|
121 }
|
|
|
122
|
|
|
123 ul li {
|
|
|
124 list-style-type: circle;
|
|
|
125 list-style-image: url("circle1.png");
|
|
|
126 background: none;
|
|
|
127 padding-left: 0;
|
|
|
128 margin-left: 1em;
|
|
|
129 }
|
|
|
130 li li {
|
|
|
131 list-style-type: circle;
|
|
|
132 list-style-image: url("");
|
|
|
133 background: none;
|
|
|
134 }
|
|
|
135
|
|
|
136 .subtitle {
|
|
|
137 font-weight: bold;
|
|
|
138 }
|
|
|
139
|
|
|
140 em {
|
|
|
141 color: brown;
|
|
|
142 font-style: normal;
|
|
|
143 font-weight: bold;
|
|
|
144 }
|
|
|
145
|
|
|
146 em.weak {
|
|
|
147 color: black;
|
|
|
148 font-style: normal;
|
|
|
149 font-weight: bold;
|
|
|
150 }
|
|
|
151
|
|
|
152 dfn {
|
|
|
153 color: brown;
|
|
|
154 font-style: normal;
|
|
|
155 font-weight: bold;
|
|
|
156 }
|
|
|
157
|
|
|
158 pre {
|
|
|
159 font-style: normal;
|
|
|
160 }
|
|
|
161
|
|
|
162
|
|
|
163 dl > dt {
|
|
|
164 padding: 0;
|
|
|
165 margin: 0.3em 1em 0.3em;
|
|
|
166 width: 10%;
|
|
|
167 float: left;
|
|
|
168 }
|
|
|
169
|
|
|
170 dl > dd {
|
|
|
171 padding: 0;
|
|
|
172 margin: 0.3em 1em 0.3em;
|
|
|
173 width: 70%;
|
|
|
174 float: left;
|
|
|
175 }
|
