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 div.menu table td a:hover {
|
|
57 background:white;
|
|
58 }
|
|
59
|
|
60 div.menu table td a:active {
|
|
61 background:#ffb820;
|
|
62 color:#ff5a20;
|
|
63 }
|
|
64 p.new {
|
336
|
65 width:100%;
|
276
|
66 text-align:center;
|
|
67 border-style-bottom:thin solid;
|
|
68 color:blue;
|
|
69 }
|
|
70
|
|
71 p.new span {
|
|
72 background:#ffd620;
|
|
73 padding:2px 2px 2px 2px;
|
|
74 }
|
|
75
|
336
|
76 p {
|
451
|
77 color:#000047;
|
449
|
78 text-align:left;
|
336
|
79 }
|
|
80
|
404
|
81 h1.topic {
|
|
82 width:100%;
|
|
83 text-align:center;
|
|
84 border-style-bottom:thin solid;
|
|
85 color:blue;
|
|
86 }
|
|
87
|
|
88
|
|
89 h1.topic span {
|
|
90 background:#ffd620;
|
|
91 padding:2px 2px 2px 2px;
|
|
92 }
|
|
93
|
|
94 div.topic{
|
|
95 background:#ffedaa;
|
|
96 margin:1% 20% 1% 10%;
|
|
97 padding:5% 5%;
|
|
98 border:thin soid
|
|
99 }
|
|
100
|
276
|
101 div.staff {
|
281
|
102 taxt-align: center;
|
276
|
103 }
|
|
104
|
378
|
105
|
|
106
|
276
|
107 /*L*/
|
|
108 h2.article_list {
|
|
109 border-color:red;
|
|
110 border-right-style:none;
|
|
111 border-left-style:none;
|
|
112 border-top-style:thick solid;
|
|
113 border-bottom:thick solid;
|
|
114 }
|
|
115
|
|
116 div.shop_left {
|
|
117 float: left;
|
|
118 width:40%
|
|
119 margin:0 2% 0 8%;
|
|
120 }
|
|
121
|
|
122 div.shop_right {
|
|
123 float: right;
|
|
124 width:40%;
|
|
125 margin:0 2% 0 8%;
|
|
126 }
|
|
127
|
307
|
128 /**/
|
|
129
|
|
130 img.shadow, *.shadow img {
|
|
131 border: white 3px solid; box-shadow: black 3px 3px 3px;
|
|
132 margin-right: 3px; margin-bottom: 3px;
|
|
133 }
|
|
134
|
|
135 div.side_photo_right img{
|
|
136 border: 2px yellow solid;
|
|
137 box-shadow: orange 3px 3px 3px;
|
|
138
|
318
|
139 }
|
|
140
|
|
141 /*H@*/
|
|
142
|
|
143 div.syuzai_pic img{
|
|
144 border: 2px yellow solid;
|
|
145 box-shadow: orange 3px 3px 3px;
|
|
146 }
|
|
147
|
451
|
148
|
|
149 h2 {background: #0000ff;
|
|
150 box-shadow: black 1px 1px 2px;
|
|
151 padding: 0 0.5ex;
|
|
152 border-top-right-radius: 2ex;
|
|
153 border-bottom-right-radius: 2ex;
|
|
154 margin-right: 80%;
|
|
155 color:black;}
|
318
|
156
|
451
|
157 h3 {background: #ffd620;
|
|
158 box-shadow: black 1px 1px 2px;
|
|
159 padding: 0 0.5ex;
|
|
160 border-top-right-radius: 2ex;
|
|
161 border-bottom-right-radius: 2ex;
|
|
162 margin-right: 90%;
|
|
163 color:black;}
|
|
164
|
|
165
|
|
166
|
|
167
|
318
|
168
|
319
|
169 /*X^bt@uO*/
|
|
170
|
|
171 div.staff img{
|
|
172 border: 1px blue solid;
|
|
173 box-shadow: green 2px 2px 2px;
|
|
174 margin-right: 8px;
|
371
|
175 }
|
|
176
|
|
177 /*cVeB[n[t}\*/
|
|
178
|
404
|
179 div.map{
|
417
|
180 margin-right:30px;
|
|
181 margin-left:30px;
|
|
182 margin-top:10px;
|
|
183 margin-bottom:10px;
|
404
|
184 text-align:center;
|
417
|
185 border:thin solid;
|
|
186 # fillter:alpha(opacity=50);
|
|
187 # -moz-opacity:0.5;
|
|
188 # opacity:0.5;
|
|
189 }
|
|
190
|
371
|
191 div.mara p{text-align: left}
|
389
|
192
|
|
193 div.monologue {
|
|
194 background: white; box-shadow: black 1px 1px 2px; padding: 1 1ex;
|
|
195 border-radius: 4ex;
|
|
196 border-top-left-radius: 0ex;
|
|
197 margin-left: 130px;
|
|
198 margin-top: 20px;
|
|
199 }
|
|
200
|
|
201 div.monologue p{text-align: left}
|
|
202
|
|
203 div.img {
|
|
204 background: url(kamonkun01_migi.png) no-repeat;
|
|
205 text-align: left;
|
|
206 } |