source: branches/version-2/html/user_data/packages/default/css/main.css @ 18561

Revision 18561, 7.2 KB checked in by kajiwara, 14 years ago (diff)

Ver2.4.3にアップデート

Line 
1@charset "utf-8";
2* {
3    margin: 0;
4    padding: 0;
5}
6
7table,img,p {
8    border: 0;
9}
10
11body {
12    font-family: Verdana,Arial,Helvetica,sans-serif;
13    color: #555555;
14    background-color: #ffe9e6;
15    font-size: 72.5%;
16    line-height: 150%;
17    letter-spacing:1px;
18}
19
20li {
21    list-style-type: none;
22}
23
24select {
25    border: solid 1px #ccc;
26}
27
28/*PHOTO*/
29.picture {
30    border: 1px solid #ccc;
31}
32/* フロート回り込み解除
33----------------------------------------------- */
34br.clear {
35    clear: both;
36    display: none;
37    font-size: 0px;
38    line-height: 0%;
39    height: 0px
40}
41/* リンク指定
42----------------------------------------------- */
43a:link {
44    color: #3a75af;
45    text-decoration: underline;
46}
47a:visited {
48    color: #3a75af;
49}
50a:hover {
51    color: #ff6600;
52}
53/* フォント
54----------------------------------------------- */
55h1,h2,h3,h4,h5 {
56    font-size: 100%;
57    line-height: 150%;
58}
59.price { color: #ff0000; font-weight: bold; }
60.attention { color: #ff0000; }
61.mini { font-size: 90%; }
62em {
63    font-style: normal;
64    color: #ff0000;
65}
66/* テーブル共通指定
67----------------------------------------------- */
68table  {
69    margin: 15px auto 0 auto;
70    border-top: 1px solid #ccc;
71    border-left: 1px solid #ccc;
72    border-collapse: collapse;
73    text-align: left;
74}
75table th {
76    padding: 8px;
77    border-right: 1px solid #ccc;
78    border-bottom: 1px solid #ccc;
79    background-color: #f0f0f0;
80    font-weight: normal;
81}
82table td {
83    padding: 8px;
84    border-right: 1px solid #ccc;
85    border-bottom: 1px solid #ccc;
86}
87div.tblareabtn {
88    clear: both;
89    margin: 15px 0 0 0;
90    text-align: center;
91}
92.phototd {
93    width: 75px;
94    text-align: center;
95}
96.centertd {
97    text-align: center;
98}
99.pricetd {
100    text-align: right;
101}
102.pricetd em {
103    font-weight: bold;
104}
105div#completetext {
106    width: 470px;
107    margin: 15px auto 0 auto;
108    padding: 15px;
109    border: 5px solid #ccc;
110}
111div#completetext em {
112    font-weight: bold;
113}
114div#completetext p{
115    padding: 20px 0 0 0;
116    text-align: left;
117}
118
119
120/* ヘッダーロゴ
121------------------------------------------------ */
122div#header {
123    background: url("../img/header/bg.gif");
124    width: 780px;
125    height: 95px;
126    margin: 0 auto;
127}
128div#header h1 a {
129    float: left;
130    display: block;
131    margin: 8px 0 0 0;
132    width: 292px;
133    height: 81px;
134    background: url("../img/header/logo.gif");
135}
136div#header em {
137    display: none;
138}
139
140
141/* ヘッダーナビ
142----------------------------------------------- */
143div#information {
144    float: right;
145    padding: 60px 8px 0 0;
146}
147div#information ul li {
148    display: inline;
149}
150div#information ul li a {
151    text-decoration: none;
152}
153/* フレーム
154----------------------------------------------- */
155div#container {
156    width: 764px;
157    margin: 0 auto;
158    padding: 0 8px;
159    background-color: #fff;
160    text-align: left;
161}
162#container:after {/* firefox背景色表示用 */
163    content: "";
164    display: block;
165    clear: both;
166    height: 1px;
167    overflow: hidden;
168}
169
170div#leftcolumn {
171    float: left;
172    width: 166px;
173}
174
175div#leftcolumn h2 {
176    padding: 15px 0 0 0;
177}
178
179div#rightcolumn {
180    float: left;
181    width: 166px;
182}
183
184div#rightcolumn h2 {
185    padding: 15px 0 0 0;
186}
187
188/* メインコンテンツ
189----------------------------------------------- */
190/* 3カラム設定 */
191div#three_maincolumn {
192    float: left;
193    width: 432px;
194    padding: 15px 0 0 0;
195}
196
197div#three_maincolumn h2 {
198    padding: 15px 0 0 0;
199}
200
201/* 2カラム設定 */
202div#two_maincolumn {
203    float: left;
204    width: 598px;
205    padding: 15px 0 0 0;
206}
207
208div#two_maincolumn h2 {
209    padding: 15px 0 0 0;
210}
211
212/* 1カラム設定 */
213div#one_maincolumn {
214    padding: 10px 0 0 0;
215}
216
217/* カゴの中
218----------------------------------------------- */
219div#cartarea {
220    width: 144px;
221    padding: 10px;
222    border: solid 1px #ccc;
223}
224
225div#cartarea p {
226    padding: 5px 0 10px 0;
227}
228
229div#cartarea p.item {
230    padding: 0 0 10px 0;
231    background: url("../img/side/line_146.gif") no-repeat bottom;
232}
233
234div#cartarea .btn {
235    padding: 0;
236    text-align: center;
237}
238
239/* カテゴリー
240----------------------------------------------- */
241div#categoryarea {
242    width: 144px;
243    padding: 10px;
244    border: solid 1px #ccc;
245    background-color: #fff1e3;
246}
247
248div#categoryarea li {
249    padding: 0 0 0 20px;
250    background: url("../img/common/arrow_blue.gif") 0 3px no-repeat;
251}
252div#categoryarea li.onmark {
253    background: url("../img/common/arrow_red.gif") 0 3px no-repeat;
254}
255div#categoryarea li.level1 {
256    font-weight: bold;
257}
258div#categoryarea li.level1 li {
259    font-weight: normal;
260}
261div#categoryarea li a {
262    display: block;
263    padding: 3px 0;
264}
265
266a.onlink:link {
267    color: #ff0000;
268    text-decoration: underline;
269}
270a.onlink:visited {
271    color: #ff0000;
272}
273a.onlink:hover {
274    color: #ff0000;
275}
276/* ガイドリンク
277----------------------------------------------- */
278#guidearea {
279    padding: 15px 0 0 0;
280    line-height: 0;
281}
282
283/* ログイン
284----------------------------------------------- */
285div#loginarea {
286    width: 144px;
287    padding: 0 10px 10px 10px;
288    border: solid 1px #ccc;
289}
290
291div#loginarea p {
292    padding: 8px 0 0 0;
293}
294
295div#login img {
296    padding: 0 5px 0 0;
297    vertical-align: bottom;
298}
299
300div#loginarea .btn {
301    text-align: center;
302}
303
304#loginarea .box96 {
305    width: 96px;
306    border: solid 1px #ccc;
307}
308
309/* 検索
310----------------------------------------------- */
311div#searcharea {
312    width: 144px;
313    padding: 0 10px 10px 10px;
314    border: solid 1px #ccc;
315}
316
317div#searcharea p {
318    padding: 8px 0 0 0;
319}
320
321div#searcharea .btn {
322    text-align: center;
323}
324
325#searcharea .box142 {
326    width: 142px;
327    border: solid 1px #ccc;
328}
329
330/* カレンダー
331----------------------------------------------- */
332#block-calendar {
333}
334
335#block-calendar table {
336    border-collapse: collapse;
337    margin: 0 auto 10px;
338    text-align:center;
339}
340
341#block-calendar th, #block-calendar td {
342    padding: 2px;
343    border: 1px solid #CCCCCC;
344}
345
346#block-calendar th {
347    background: #FF8144;
348    color: #FFFFFF;
349}
350
351#block-calendar .off {
352    background: #FFEECC;
353    color: #E04A00;
354}
355
356#block-calendar caption {
357    color: #DD4400;
358}
359
360/* バナー
361----------------------------------------------- */
362ul#banner {
363    padding: 15px 0 0 0;
364}
365
366#banner li {
367    padding: 0 0 10px 0;
368}
369
370/* テキストフィールド
371----------------------------------------------- */
372input[type='text'] {
373    border: solid 1px #ccc;
374}
375
376/* ボタン
377----------------------------------------------- */
378input[type='image'] {
379    border: none;
380}
381
382input[type='image'].box190 {
383    width: 190px;
384    height: 30px;
385}
386
387input[type='image'].box180 {
388    width: 180px;
389    height: 30px;
390}
391
392input[type='image'].box150 {
393    width: 150px;
394    height: 30px;
395}
396
397input[type='image'].box140 {
398    width: 140px;
399    height: 30px;
400}
401
402input[type='image'].box130 {
403    width: 130px;
404    height: 30px;
405}
406
407input[type='image'].box51 {
408    width: 51px;
409    height: 22px;
410}
411
412/* フッター
413----------------------------------------------- */
414#pagetop {
415    width: 764px;
416    margin: 0 auto;
417    padding: 30px 8px 15px 8px;
418    background-color: #fff;
419    text-align: right;
420}
421
422#fotter {
423    width: 764px;
424    margin: 0 auto;
425    padding: 15px 8px;
426    border-top: 1px solid #ff6600;
427    background-color: #ffa85c;
428    font-size: 90%;
429    color: #fff;
430    text-align: left;
431}
Note: See TracBrowser for help on using the repository browser.