1 | @charset "utf-8";
|
---|
2 |
|
---|
3 | * {
|
---|
4 | margin: 0;
|
---|
5 | padding: 0;
|
---|
6 | }
|
---|
7 |
|
---|
8 |
|
---|
9 | /* 上記による Fierfox 2 崩れ対応 */
|
---|
10 | option {
|
---|
11 | margin-right: 0.5em;
|
---|
12 | }
|
---|
13 |
|
---|
14 | html {
|
---|
15 | height: 100%;
|
---|
16 | }
|
---|
17 |
|
---|
18 | body {
|
---|
19 | width: 100%;
|
---|
20 | height: 100%;
|
---|
21 | background: #fff;
|
---|
22 | font-family: "MS Pゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
|
---|
23 | font-size: 80%;
|
---|
24 | line-height: 120%;
|
---|
25 | }
|
---|
26 |
|
---|
27 | option {
|
---|
28 | margin-right: 3px;
|
---|
29 | font-size: 100%;
|
---|
30 | }
|
---|
31 |
|
---|
32 | input, textarea {
|
---|
33 | margin-right: 3px;
|
---|
34 | font-size: 100%;
|
---|
35 | }
|
---|
36 |
|
---|
37 | select {
|
---|
38 | font-size: 100%;
|
---|
39 | }
|
---|
40 | select.top,
|
---|
41 | input.top,
|
---|
42 | textarea.top{
|
---|
43 | margin-bottom: 5px;
|
---|
44 | }
|
---|
45 |
|
---|
46 | .page_rows{
|
---|
47 | margin-bottom:20px;
|
---|
48 | }
|
---|
49 |
|
---|
50 | img {
|
---|
51 | border: 0;
|
---|
52 | }
|
---|
53 |
|
---|
54 | ul, li {
|
---|
55 | list-style: none;
|
---|
56 | }
|
---|
57 |
|
---|
58 | hr {
|
---|
59 | display: none;
|
---|
60 | }
|
---|
61 |
|
---|
62 | /*テーブル設定*/
|
---|
63 | table {
|
---|
64 | margin: 0 0 20px;
|
---|
65 | border-collapse: collapse;
|
---|
66 | width: 100%;
|
---|
67 | font-size: 100%;
|
---|
68 | text-align: left;
|
---|
69 | }
|
---|
70 |
|
---|
71 | th, td {
|
---|
72 | padding: 5px;
|
---|
73 | border: 1px solid #ccc;
|
---|
74 | }
|
---|
75 |
|
---|
76 | th {
|
---|
77 | width: 240px;
|
---|
78 | background: url('../img/table_back.png') repeat-x #f4f5f5;
|
---|
79 | font-weight: normal;
|
---|
80 | text-align: left;
|
---|
81 | }
|
---|
82 |
|
---|
83 | .contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
|
---|
84 | margin : 0px 0 60px 0;
|
---|
85 | padding: 20px 0;
|
---|
86 | clear: both;
|
---|
87 | width: 100%;
|
---|
88 | background:#f5f5f5;
|
---|
89 | text-align: center;
|
---|
90 | }
|
---|
91 |
|
---|
92 | .contents-main .btn-area li, #popup .btn-area li ,.btn-area li{
|
---|
93 | margin-right: 10px;
|
---|
94 | display: inline;
|
---|
95 | }
|
---|
96 |
|
---|
97 |
|
---|
98 | /*通常ボタン*/
|
---|
99 | .btn-normal, a.btn-normal:link, a.btn-normal:visited {
|
---|
100 | margin-right: 5px;
|
---|
101 | padding: 2px 10px;
|
---|
102 | border: solid 1px #bcbecb;
|
---|
103 | display: inline-block;
|
---|
104 | color: #444757;
|
---|
105 | background-image: url('../img/white-grad.png');
|
---|
106 | background-attachment: scroll;
|
---|
107 | background-clip: border-box;
|
---|
108 | background-color: #eee;
|
---|
109 | font-weight: normal;
|
---|
110 | font-size: 90%;
|
---|
111 | text-decoration: none;
|
---|
112 | white-space: nowrap;
|
---|
113 | cursor: pointer;
|
---|
114 |
|
---|
115 | /* CSS3 radius */
|
---|
116 | border-radius: 5px;
|
---|
117 | /* Safari, Chrome radius */
|
---|
118 | -webkit-box-sizing: content-box;
|
---|
119 | -webkit-border-radius: 5px;
|
---|
120 | /* Firefox radius */
|
---|
121 | -moz-border-radius: 5px;
|
---|
122 | /* Safari, Chrome radius */
|
---|
123 | -webkit-box-sizing: content-box;
|
---|
124 | -webkit-border-radius: 5px;
|
---|
125 | /* Firefox radius */
|
---|
126 | -moz-border-radius: 5px;
|
---|
127 | }
|
---|
128 |
|
---|
129 | /*動作ボタン*/
|
---|
130 | .btn-action, a.btn-action:link, a.btn-action:visited {
|
---|
131 | padding: 5px 10px;
|
---|
132 | border: solid 1px #bcbecb;
|
---|
133 | display: inline-block;
|
---|
134 | color: #444757;
|
---|
135 | background: url('../img/white-grad04.png') top repeat-x #eee;
|
---|
136 | background-attachment: scroll;
|
---|
137 | background-clip: border-box;
|
---|
138 | font-weight: normal;
|
---|
139 | font-size: 80%;
|
---|
140 | text-decoration: none;
|
---|
141 | white-space: nowrap;
|
---|
142 | cursor: pointer;
|
---|
143 |
|
---|
144 | /* CSS3 radius */
|
---|
145 | border-radius: 5px;
|
---|
146 | /* Safari, Chrome radius */
|
---|
147 | -webkit-box-sizing: content-box;
|
---|
148 | -webkit-border-radius: 5px;
|
---|
149 | /* Firefox radius */
|
---|
150 | -moz-border-radius: 5px;
|
---|
151 | /* Safari, Chrome radius */
|
---|
152 | -webkit-box-sizing: content-box;
|
---|
153 | -webkit-border-radius: 5px;
|
---|
154 | /* Firefox radius */
|
---|
155 | -moz-border-radius: 5px;
|
---|
156 | }
|
---|
157 |
|
---|
158 |
|
---|
159 | /*戻るボタン*/
|
---|
160 | .btn-action .btn-prev {
|
---|
161 | padding: 0 0 0 20px;
|
---|
162 | display: inline-block;
|
---|
163 | background: url('../img/ico_prev.gif') left no-repeat;
|
---|
164 | font-weight: bold;
|
---|
165 | font-size: 114%;
|
---|
166 | }
|
---|
167 |
|
---|
168 |
|
---|
169 | /*進むボタン*/
|
---|
170 | .btn-action .btn-next {
|
---|
171 | padding: 0 20px 0 0;
|
---|
172 | display: inline-block;
|
---|
173 | background: url('../img/ico_next.gif') right no-repeat;
|
---|
174 | font-weight: bold;
|
---|
175 | font-size: 114%;
|
---|
176 | }
|
---|
177 |
|
---|
178 | a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
|
---|
179 | border: solid 1px #d5d7df;
|
---|
180 | color: #6d728b;
|
---|
181 | }
|
---|
182 |
|
---|
183 | a.btn-tool-format:hover{
|
---|
184 | border: solid 1px #363a47;
|
---|
185 | color: #6b728b;
|
---|
186 | }
|
---|
187 |
|
---|
188 | a.btn:active, a.btn-normal:active {
|
---|
189 | background-image: url('../img/white-grad-active.png');
|
---|
190 | }
|
---|
191 |
|
---|
192 |
|
---|
193 | /*LINK*/
|
---|
194 | a:link {
|
---|
195 | color: #39c;
|
---|
196 | text-decoration: none;
|
---|
197 | }
|
---|
198 |
|
---|
199 | a:visited {
|
---|
200 | color: #39c;
|
---|
201 | text-decoration: none;
|
---|
202 | }
|
---|
203 |
|
---|
204 | a:hover {
|
---|
205 | color: #39c;
|
---|
206 | text-decoration: none;
|
---|
207 | }
|
---|
208 |
|
---|
209 | .left {
|
---|
210 | text-align: left;
|
---|
211 | }
|
---|
212 |
|
---|
213 | .center {
|
---|
214 | text-align: center;
|
---|
215 | }
|
---|
216 |
|
---|
217 | .right {
|
---|
218 | text-align: right;
|
---|
219 | }
|
---|
220 |
|
---|
221 | .attention {
|
---|
222 | color: #f00;
|
---|
223 | }
|
---|
224 |
|
---|
225 |
|
---|
226 | /* コンテンツ
|
---|
227 | ----------------------------------------------- */
|
---|
228 | * html div#container {
|
---|
229 | position: relative;
|
---|
230 | height: 100%;
|
---|
231 | min-height: 100%;
|
---|
232 | }
|
---|
233 |
|
---|
234 | body > #container {
|
---|
235 | height: auto;
|
---|
236 | }
|
---|
237 |
|
---|
238 | #container {
|
---|
239 | position: relative;
|
---|
240 | min-height: 100%;
|
---|
241 | }
|
---|
242 |
|
---|
243 | #contents {
|
---|
244 | padding: 20px 20px 100px;
|
---|
245 | width: 1000px;
|
---|
246 | }
|
---|
247 |
|
---|
248 |
|
---|
249 | /* インストールメッセージ
|
---|
250 | ----------------------------------------------- */
|
---|
251 | #outside-admin {
|
---|
252 | margin:0 auto;
|
---|
253 | padding:0;
|
---|
254 | text-align:center;
|
---|
255 | width:100%;
|
---|
256 | }
|
---|
257 |
|
---|
258 | #install-wrap {
|
---|
259 | margin:100px auto;
|
---|
260 | width: 560px;
|
---|
261 | }
|
---|
262 |
|
---|
263 | #install-area {
|
---|
264 | width:560px;
|
---|
265 | text-align: left;
|
---|
266 |
|
---|
267 | }
|
---|
268 | #install-area .contents {
|
---|
269 | width:560px;
|
---|
270 | background: url('../img/login_back_contents.gif') top left repeat-y;
|
---|
271 | text-align: left;
|
---|
272 | }
|
---|
273 |
|
---|
274 | #install-wrap .logo {
|
---|
275 | padding-bottom: 5px;
|
---|
276 | float: right;
|
---|
277 | }
|
---|
278 |
|
---|
279 | #install-area{
|
---|
280 | width: 558px;
|
---|
281 | }
|
---|
282 | #install-area .install-top {
|
---|
283 | clear: both;
|
---|
284 | width: 560px;
|
---|
285 | height: 10px;
|
---|
286 | background: url('../img/login_back_top.jpg') bottom left no-repeat;
|
---|
287 | }
|
---|
288 |
|
---|
289 | #install-area .btn-area-top {
|
---|
290 | width: 560px;
|
---|
291 | height: 10px;
|
---|
292 | background: url('../img/login_back_btn_top.jpg') left no-repeat;
|
---|
293 | }
|
---|
294 | #install-area .btn-area ul {
|
---|
295 | padding: 20px 0 10px 0;
|
---|
296 | width: 560px;
|
---|
297 | text-align: center;
|
---|
298 | background: url('../img/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
|
---|
299 | }
|
---|
300 | #install-area .btn-area-bottom {
|
---|
301 | width: 560px;
|
---|
302 | height: 10px;
|
---|
303 | background: url('../img/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
|
---|
304 | }
|
---|
305 | #install-area .contents .block {
|
---|
306 | margin: 0 auto;
|
---|
307 | width: 520px;
|
---|
308 | }
|
---|
309 | #install-area .contents .message {
|
---|
310 | margin: 0 auto 0px auto;
|
---|
311 | padding: 5px 0;
|
---|
312 | width: 520px;
|
---|
313 | color:#444757;
|
---|
314 | font-size:100%;
|
---|
315 | }
|
---|
316 | #install-area .contents h2 {
|
---|
317 | margin: 0 auto 10px auto;
|
---|
318 | padding: 5px 0;
|
---|
319 | width: 520px;
|
---|
320 | color:#444757;
|
---|
321 | font-size:100%;
|
---|
322 | font-weight: bold;
|
---|
323 | border-bottom: solid 3px #ccc;
|
---|
324 | }
|
---|
325 | #install-area .contents .result-info01 {
|
---|
326 | margin: 0 auto 10px auto;
|
---|
327 | padding: 20px;
|
---|
328 | width: 480px;
|
---|
329 | background: #eee;
|
---|
330 | font-size: 86%;
|
---|
331 | font-weight: bold;
|
---|
332 | line-height:160%;
|
---|
333 | }
|
---|
334 | #install-area .contents .result-info02 {
|
---|
335 | margin: 0 auto;
|
---|
336 | padding-bottom: 30px;
|
---|
337 | width: 520px;
|
---|
338 | }
|
---|
339 | #install-area .contents .result-info02 p {
|
---|
340 | margin-bottom: 10px;
|
---|
341 | }
|
---|
342 | #install-area .contents .result-info02 p.action-message {
|
---|
343 | margin: 20px 0 0 0;
|
---|
344 | padding-bottom: 10px;
|
---|
345 | color:#444757;
|
---|
346 | }
|
---|
347 | .ex-text{
|
---|
348 | color: #7c7c7c;
|
---|
349 | font-size: 86%;
|
---|
350 | }
|
---|
351 |
|
---|
352 | #install-area .contents .result-info01 .site-info-list li {
|
---|
353 | margin-bottom: 5px;
|
---|
354 | font-size: 120%;
|
---|
355 | font-weight: normal;
|
---|
356 | }
|
---|
357 |
|
---|
358 |
|
---|
359 | /* フォーム
|
---|
360 | ----------------------------------------------- */
|
---|
361 | div.btn,p.remark {
|
---|
362 | margin: 0 0 20px 0;
|
---|
363 | }
|
---|
364 |
|
---|
365 | /*FORM*/
|
---|
366 | .box470 {
|
---|
367 | width: 470px;
|
---|
368 | height: 300px;
|
---|
369 | }
|
---|
370 | .box280 {
|
---|
371 | width: 280px;
|
---|
372 | height: 30px;
|
---|
373 | }
|
---|
374 |
|
---|
375 | /*COLOR*/
|
---|
376 | .red {
|
---|
377 | color: #f00;
|
---|
378 | }
|
---|
379 |
|
---|
380 | /*FONT*/
|
---|
381 | .bold {
|
---|
382 | font-weight:bold;
|
---|
383 | }
|
---|
384 |
|
---|
385 | /* フロート解除 */
|
---|
386 | .clearfix:after {
|
---|
387 | display:block;
|
---|
388 | clear:both;
|
---|
389 | height:0px;
|
---|
390 | line-height:0px;
|
---|
391 | visibility:hidden;
|
---|
392 | content:".";
|
---|
393 | }
|
---|
394 |
|
---|