source: branches/feature-module-update/html/user_data/packages/default/css/main.css @ 16708

Revision 16708, 6.6 KB checked in by naka, 16 years ago (diff)

ユーザパッケージの移動

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