2511
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
1 body{text-align:center;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
2 background:#ffb;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
3 margin-left:auto;margin-right:auto;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
4 width:340px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
5 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
6 header{
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
7 #padding:100px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
8 position: relative;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
9 top: 0px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
10 left: 0px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
11 width: 100%;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
12 height: 140px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
13 background-image:url(./img/head2.png);
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
14 background-repeat:no-repeat;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
15 text-align:center;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
16 margin-left:auto;margin-right:auto;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
17 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
18 footer{
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
19 #padding:100px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
20 position: relative;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
21 top: 0px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
22 left: 0px;
|
2513
|
23 width: 100%;
|
2511
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
24 height: 140px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
25 background-image:url(./img/foot2.png);
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
26 background-repeat:no-repeat;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
27 text-align:center;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
28 margin-left:auto;margin-right:auto;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
29 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
30
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
31
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
32
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
33 header p {color:red;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
34
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
35 h1{
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
36 color:#e90;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
37 border:solid 5px #fa0;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
38 border-style:double;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
39 background:url("./img/lvb.png");
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
40 background-color:red;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
41 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
42
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
43 input[type="checkbox"][name="hdn"] + span {display: none;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
44 input[type="checkbox"][name="hdn"]:checked + span {display: inline;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
45
|
2513
|
46 input[type="checkbox"][name="hdn"] + div{opacity: 0;}
|
|
47 input[type="checkbox"][name="hdn"]:checked + div {
|
|
48 opacity: 1.0; transition: 3s ease-in-out;
|
|
49 transition: 1s linear;}
|
|
50
|
2511
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
51 table{margin-left:auto; margin-right: auto;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
52 table.state{text-align:left;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
53 table.state tr+tr+tr+tr{font-size:xx-large;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
54
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
55
|
2518
|
56 div.f1{padding:0% 0%;}
|
2511
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
57 div.lets{
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
58 border:solid 2px #fa0;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
59 background:#faf;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
60 padding:1% 0%;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
61 #margin:1em 17em;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
62 }
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
63 div.lets span{color:navy; text-decoration: underline #faf;}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
64
|
2518
|
65
|
|
66
|
|
67
|
2511
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
68 div.cal {margin-left:auto; margin-right:auto;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
69 width: 320px; height: 180px;
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
70 background: white}
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
71
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
72
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
73
|
ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
parents:
diff
changeset
|
74 #form{margin-left:auto; margin-right:auto;}
|