276
|
1 /*SKIPTOPy[W*/
|
|
2 body {
|
|
3
|
|
4 }
|
|
5
|
|
6 div.fix {
|
|
7 position:fixed;
|
312
|
8 width: 100%;
|
314
|
9 border: 2px black solid;
|
|
10 box-shadow: gray 3px 3px 3px
|
276
|
11 }
|
|
12
|
313
|
13 div.main_title{
|
|
14 text-align:center;
|
|
15 }
|
307
|
16
|
276
|
17
|
|
18 div.side_photo_right{
|
|
19 text-align:right;
|
312
|
20 margin-top:2em;
|
316
|
21 margin-right:20px;
|
318
|
22 margin-left:1em;
|
315
|
23 width: 152px;
|
276
|
24 float:right;
|
|
25 }
|
|
26
|
|
27
|
|
28 div.menu {
|
|
29 background:#ffd620;
|
|
30 color:blue;
|
|
31 width:11%
|
|
32 text-align:center;
|
|
33 border-bottom-style:thin solid;
|
|
34 padding:2px 2px 2px 2px;
|
|
35 }
|
|
36
|
310
|
37 div.menu div{
|
276
|
38 margin-left:3%;
|
|
39 float:left;
|
|
40 background:#ffd620;
|
|
41 width:16%;
|
|
42 }
|
|
43
|
|
44 div.menu table {
|
|
45 text-align:center;
|
449
|
46 border-collapse: collapse;
|
|
47 margin-left: auto;
|
|
48 margin-right: auto;
|
276
|
49 }
|
|
50
|
|
51 div.menu table td {
|
|
52 width:8em;
|
|
53 text-align:center;
|
|
54 }
|
|
55
|
|
56
|
|
57 div.menu table td a:active {
|
|
58 background:#ffb820;
|
|
59 color:#ff5a20;
|
|
60 }
|
|
61 p.new {
|
336
|
62 width:100%;
|
276
|
63 text-align:center;
|
|
64 border-style-bottom:thin solid;
|
|
65 color:blue;
|
|
66 }
|
|
67
|
|
68 p.new span {
|
|
69 background:#ffd620;
|
|
70 padding:2px 2px 2px 2px;
|
|
71 }
|
|
72
|
336
|
73 p {
|
451
|
74 color:#000047;
|
449
|
75 text-align:left;
|
336
|
76 }
|
|
77
|
404
|
78 h1.topic {
|
|
79 width:100%;
|
|
80 text-align:center;
|
|
81 border-style-bottom:thin solid;
|
|
82 color:blue;
|
|
83 }
|
|
84
|
|
85
|
|
86 h1.topic span {
|
|
87 background:#ffd620;
|
|
88 padding:2px 2px 2px 2px;
|
|
89 }
|
|
90
|
|
91 div.topic{
|
|
92 background:#ffedaa;
|
|
93 margin:1% 20% 1% 10%;
|
|
94 padding:5% 5%;
|
|
95 border:thin soid
|
|
96 }
|
|
97
|
276
|
98 div.staff {
|
281
|
99 taxt-align: center;
|
276
|
100 }
|
|
101
|
378
|
102
|
|
103
|
276
|
104 /*Lꗗ*/
|
|
105 h2.article_list {
|
|
106 border-color:red;
|
|
107 border-right-style:none;
|
|
108 border-left-style:none;
|
|
109 border-top-style:thick solid;
|
|
110 border-bottom:thick solid;
|
|
111 }
|
|
112
|
|
113 div.shop_left {
|
|
114 float: left;
|
|
115 width:40%
|
|
116 margin:0 2% 0 8%;
|
|
117 }
|
|
118
|
|
119 div.shop_right {
|
|
120 float: right;
|
|
121 width:40%;
|
|
122 margin:0 2% 0 8%;
|
|
123 }
|
|
124
|
307
|
125 /**/
|
|
126
|
|
127 img.shadow, *.shadow img {
|
|
128 border: white 3px solid; box-shadow: black 3px 3px 3px;
|
|
129 margin-right: 3px; margin-bottom: 3px;
|
|
130 }
|
|
131
|
|
132 div.side_photo_right img{
|
|
133 border: 2px yellow solid;
|
|
134 box-shadow: orange 3px 3px 3px;
|
|
135
|
318
|
136 }
|
|
137
|
|
138 /*Hו@*/
|
|
139
|
|
140 div.syuzai_pic img{
|
|
141 border: 2px yellow solid;
|
|
142 box-shadow: orange 3px 3px 3px;
|
|
143 }
|
|
144
|
451
|
145
|
453
|
146 h2 {background: #ffd620;
|
|
147 box-shadow: black 1px 1px 2px;
|
|
148 padding: 0 0.5ex;
|
|
149 border-top-right-radius: 2ex;
|
|
150 border-bottom-right-radius: 2ex;
|
|
151 margin-right: 80%;
|
451
|
152 color:black;}
|
453
|
153
|
451
|
154 h3 {background: #ffd620;
|
|
155 box-shadow: black 1px 1px 2px;
|
|
156 padding: 0 0.5ex;
|
|
157 border-top-right-radius: 2ex;
|
|
158 border-bottom-right-radius: 2ex;
|
|
159 margin-right: 90%;
|
|
160 color:black;}
|
|
161
|
|
162
|
|
163
|
|
164
|
318
|
165
|
319
|
166 /*X^bt@uO*/
|
|
167
|
|
168 div.staff img{
|
|
169 border: 1px blue solid;
|
|
170 box-shadow: green 2px 2px 2px;
|
|
171 margin-right: 8px;
|
371
|
172 }
|
|
173
|
|
174 /*cVeB[n[t}\*/
|
|
175
|
404
|
176 div.map{
|
417
|
177 margin-right:30px;
|
|
178 margin-left:30px;
|
|
179 margin-top:10px;
|
|
180 margin-bottom:10px;
|
404
|
181 text-align:center;
|
417
|
182 border:thin solid;
|
|
183 # fillter:alpha(opacity=50);
|
|
184 # -moz-opacity:0.5;
|
|
185 # opacity:0.5;
|
|
186 }
|
|
187
|
371
|
188 div.mara p{text-align: left}
|
389
|
189
|
|
190 div.monologue {
|
|
191 background: white; box-shadow: black 1px 1px 2px; padding: 1 1ex;
|
|
192 border-radius: 4ex;
|
|
193 border-top-left-radius: 0ex;
|
|
194 margin-left: 130px;
|
|
195 margin-top: 20px;
|
|
196 }
|
|
197
|
|
198 div.monologue p{text-align: left}
|
|
199
|
|
200 div.img {
|
|
201 background: url(kamonkun01_migi.png) no-repeat;
|
|
202 text-align: left;
|
|
203 } |