source: branches/version-2_5-dev/html/user_data/packages/default/css/products.css @ 20116

Revision 20116, 6.0 KB checked in by nanasess, 13 years ago (diff)
  • svn properties を再設定
  • 再設定用のスクリプト追加
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
Line 
1@charset "utf-8";
2
3
4/* 検索結果
5----------------------------------------------- */
6p.conditionarea {
7    clear: both;
8    width: 566px;
9    margin: 0 auto;
10    padding: 5px;
11    border: solid 1px #333;
12}
13
14
15/* ページ送り
16----------------------------------------------- */
17.pagenumberarea,
18.pagecondarea {
19    clear: both;
20}
21
22/* 背景色(改行対策) */
23.pagenumberarea,
24.pagenumberarea .navi,
25.pagenumberarea .change,
26.pagecondarea {
27    background-color: #f3f3f3;
28}
29
30.pagenumberarea {
31    margin: 1em 0;
32    padding: 1ex 1em;
33}
34
35.pagecondarea {
36    margin: 20px 0;
37    padding: 10px;
38    border: 1px solid #CCCCCC;
39}
40
41.pagenumberarea .navi {
42    padding-right: 38%;
43    text-align: center;
44}
45
46.pagenumberarea .change {
47    float: right;
48    text-align: right;
49    white-space: nowrap;
50}
51
52/* 商品一覧 */
53
54/* タイトル
55----------------------------------------------- */
56.product h2.title {
57    border-color: #f00 #ccc;
58    background: url("../img/background/bg_arrow_title_02.gif") no-repeat left center;
59    background-color: #ffebca;
60}
61
62/* 商品
63----------------------------------------------- */
64div.listarea {
65    clear: both;
66    padding: 20px 0 30px 0;
67    overflow: auto;
68    background: url("../img/background/line_580.gif") no-repeat bottom;
69}
70
71div.listphoto {
72    float: left;
73}
74
75div.listrightblock {
76    float: right;
77    width: 440px;
78}
79
80div.listrightblock li {
81    display: inline;
82    padding: 0 0 10px 0;
83}
84
85div.listrightblock h3 {
86    width: 420px;
87    margin: 5px 0;
88    padding: 5px 10px;
89    border-bottom: 2px solid #ebebd6;
90    background-color: #f9f9ec;
91    font-size: 120%;
92}
93
94div.listrightblock h3 a {
95    font-weight: bold;
96}
97
98div.listrightblock .listcomment {
99    margin: 0 0 10px 0;
100}
101
102div.listrightblock .pricebox {
103    float: left;
104}
105
106div.listrightblock .in_cart {
107    margin: 20px auto 5px 130px;
108    padding: 10px;
109    width: 285px;
110    clear: both;
111    background-color: #ecf5ff;
112    border: 1px solid #CCCCCC;
113}
114
115div.listrightblock .quantity {
116    width: 150px;
117}
118
119div.listrightblock .btnbox {
120    margin: 0 0 10px 0;
121    padding: 1px;
122    float: right;
123}
124
125div.listrightblock dt {
126    width: 75px;
127    float: left;
128    text-align: right;
129    padding: 3px;
130    font-weight: bold;
131}
132
133div.listrightblock dd {
134    padding: 3px;
135}
136
137div.listrightblock .cartbtn {
138    clear: both;
139}
140
141div.listrightblock .cartbtn img {
142    width: 115px;
143    margin: 5px 0 0 0;
144}
145
146div.listrightblock .box54 {
147    width: 54px;
148    border: solid 1px #ccc;
149}
150
151.product_list .pagenumber{
152    color: #ff0000;
153    font-weight: bold;
154}
155
156/* 商品詳細 */
157
158/* 商品
159----------------------------------------------- */
160div#detailarea {
161    margin: 15px 0 0 0;
162}
163
164div#detailphotoblock {
165    float: left;
166    width: 49%;
167}
168
169div#detailphotoblock p {
170    margin: 5px 0 0 0;
171}
172
173div#detailrightblock {
174    float: right;
175    width: 49%;
176}
177
178div#detailrightblock li {
179    display: inline;
180}
181
182div#detailrightblock h2 {
183    margin: 5px 0;
184    padding: 0;
185    color: #ff6600;
186    font-size: 140%;
187    font-weight: bold;
188}
189
190div#detailrightblock dl {
191    padding: 0;
192}
193
194div#detailrightblock dt {
195    font-weight: bold;
196    margin: 15px 0 0 0;
197    padding: 0 0 0 15px;
198    background: url("../img/background/bg_arrow_03.gif") no-repeat left center;
199}
200
201div#detailrightblock dd {
202    margin: 0 15px 0 0;
203}
204
205div#detailrightblock .box54 {
206    width: 54px;
207    border: solid 1px #ccc;
208}
209
210div#detailrightblock .btn {
211    clear: both;
212    margin: 15px 0 0 0;
213    padding: 15px 0 0 0;
214    text-align: center;
215    vertical-align: top;
216    background: url("../img/background/line_280.gif") no-repeat;
217}
218
219/* 商品共通 */
220
221.cartbtn {
222    text-align: center;
223}
224
225/* サブタイトル
226----------------------------------------------- */
227div.subarea {
228    clear: both;
229    padding: 30px 0 0 0;
230}
231
232div.subarea h3 {
233    font-size: 120%;
234    margin: 0 0 10px 0;
235    padding: 5px 10px;
236    background-color: #e4e4e4;
237    clear: both;
238}
239
240div.subtext {
241    float: left;
242    width: 63%;
243}
244
245div.subphotoimg {
246    float: right;
247    width: 35%;
248}
249
250div.subphotoimg p {
251    margin: 5px 0 0 0;
252    text-align:right;
253}
254
255
256/* お客様の声
257----------------------------------------------- */
258div#customervoicearea {
259    clear: both;
260    padding: 35px 0 0 0;
261}
262
263div#customervoicearea h2 {
264    margin: 0 0 10px 0;
265    background-color: #FFEBCA;
266    border-bottom: 2px solid #FFCB77;
267}
268
269div#customervoicearea .voicedate{
270    font-weight: bold;
271    margin: 10px 0 0 0;
272}
273
274div#customervoicearea .voicetitle{
275    padding: 5px 0;
276    font-size: 120%;
277    font-weight: bold;
278}
279
280div#customervoicearea li {
281    padding: 0 0 10px 0;
282    background: url("../img/background/line_580.gif") no-repeat bottom;
283}
284
285.recommend_level {
286    color: #FF0000;
287}
288
289/* トラックバック
290----------------------------------------------- */
291div#trackbackarea {
292    clear: both;
293    padding: 35px 0 0 0;
294}
295
296div#trackbackarea h2 {
297    padding: 0 0 10px 0;
298}
299
300div#trackbackarea h3 {
301    font-size: 100%;
302    font-weight: bold;
303    padding: 0 0 10px 0;
304}
305
306div#trackbackarea .box500 {
307    width: 500px;
308    border: solid 1px #ccc;
309}
310
311/* 関連商品
312----------------------------------------------- */
313div#whoboughtarea {
314    clear: both;
315    padding: 35px 0 0 0;
316}
317
318div#whoboughtarea h2 {
319    background-color: #FFEBCA;
320    border-bottom: 2px solid #FFCB77
321}
322
323div.whoboughtblock {
324    clear: both;
325    padding: 10px 0;
326    overflow: auto;
327}
328
329div.whoboughtleft {
330    float: left;
331    width: 280px;
332    padding: 10px 0;
333    position: relative;
334    background: url("../img/background/line_578.gif") no-repeat bottom;
335}
336
337div.whoboughtleft img {
338    display: block;
339    float: left;
340    margin: 0 5px 0 0;
341}
342
343div.whoboughtleft p {
344    margin: 0 0 5px 0;
345}
346
347div.whoboughtright {
348    float: right;
349    width: 280px;
350    padding: 10px 0;
351    position: relative;
352    background: url("../img/background/line_578.gif") no-repeat bottom;
353}
354
355div.whoboughtright img {
356    display: block;
357    float: left;
358    margin: 0 5px 0 0;
359}
360
361div.whoboughtright p {
362    margin: 0 0 5px 0;
363}
364
365div.whoboughtleft h3 {
366    font-size: 100%;
367}
368
369div.whoboughtright h3 {
370    font-size: 100%;
371}
Note: See TracBrowser for help on using the repository browser.