1 | @charset "utf-8"; |
---|
2 | |
---|
3 | /************************************************ |
---|
4 | ポップアップウィンドウ |
---|
5 | ************************************************ */ |
---|
6 | /* 共通 |
---|
7 | ----------------------------------------------- */ |
---|
8 | div#windowcolumn { |
---|
9 | border-top: solid 3px #f90; |
---|
10 | width: 560px; |
---|
11 | height: 100%; |
---|
12 | margin: 15px 15px 0 15px; |
---|
13 | background: #fff; |
---|
14 | } |
---|
15 | |
---|
16 | div#windowcolumn h2 { |
---|
17 | margin-bottom: 10px; |
---|
18 | padding: 8px; |
---|
19 | border-top: solid 1px #ebeced; |
---|
20 | color: #f60; |
---|
21 | background-color: #fef3d8; |
---|
22 | font-size: 170%; |
---|
23 | border-bottom: 1px solid #ccc; |
---|
24 | box-shadow: 0 0 1px 1px #fff inset; |
---|
25 | background: #fef3d8; /* Old browsers */ |
---|
26 | background: -moz-linear-gradient(top, #fef3d8 0%, #f7df7f 100%); /* FF3.6+ */ |
---|
27 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef3d8), color-stop(100%,#f7df7f)); /* Chrome,Safari4+ */ |
---|
28 | background: -webkit-linear-gradient(top, #fef3d8 0%,#f7df7f 100%); /* Chrome10+,Safari5.1+ */ |
---|
29 | background: -o-linear-gradient(top, #fef3d8 0%,#f7df7f 100%); /* Opera 11.10+ */ |
---|
30 | background: -ms-linear-gradient(top, #fef3d8 0%,#f7df7f 100%); /* IE10+ */ |
---|
31 | background: linear-gradient(to bottom, #fef3d8 0%,#f7df7f 100%); /* W3C */ |
---|
32 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef3d8', endColorstr='#f7df7f',GradientType=0 ); /* IE6-9 */ |
---|
33 | } |
---|
34 | |
---|
35 | div#window_area { |
---|
36 | margin: 15px auto 0 auto; |
---|
37 | padding-bottom: 20px; |
---|
38 | width: 540px; |
---|
39 | min-height: 300px; |
---|
40 | height: auto !important; |
---|
41 | } |
---|
42 | |
---|
43 | div#window_area p.information { |
---|
44 | margin-bottom: 20px; |
---|
45 | } |
---|
46 | |
---|
47 | div#window_area .message { |
---|
48 | margin-bottom: 20px; |
---|
49 | color: #f60; |
---|
50 | line-height: 150%; |
---|
51 | font-weight: bold; |
---|
52 | font-size: 140%; |
---|
53 | } |
---|
54 | div#window_area table { |
---|
55 | width: 540px; |
---|
56 | } |
---|
57 | |
---|
58 | /* お客様の声の書き込み、新しいお届け先の追加・変更 |
---|
59 | ----------------------------------------------- */ |
---|
60 | div#window_area #forgot { |
---|
61 | margin: 0 auto; |
---|
62 | padding: 20px; |
---|
63 | width: 440px; |
---|
64 | border: 1px solid #ccc; |
---|
65 | text-align: left; |
---|
66 | } |
---|
67 | div#window_area #forgot .mailaddres { |
---|
68 | margin-bottom: 10px; |
---|
69 | } |
---|
70 | |
---|
71 | div#window_area #forgot p { |
---|
72 | text-align: center; |
---|
73 | } |
---|
74 | |
---|
75 | |
---|
76 | /* 商品詳細拡大写真、カート拡大写真 |
---|
77 | ----------------------------------------------- */ |
---|
78 | div#bigimage, |
---|
79 | div#cartimage { |
---|
80 | margin-top: 15px; |
---|
81 | background-color: #fff; |
---|
82 | text-align: center; |
---|
83 | } |
---|
84 | |
---|
85 | div#bigimage img, |
---|
86 | div#cartimage img { |
---|
87 | padding: 10px; |
---|
88 | background-color: #fff; |
---|
89 | } |
---|
90 | |
---|
91 | /* 郵便番号検索 |
---|
92 | ----------------------------------------------- */ |
---|
93 | div#zipsearchcolumn { |
---|
94 | margin: 15px auto 0 auto; |
---|
95 | border-top: 5px solid #ffa85c; |
---|
96 | border-bottom: 5px solid #ffa85c; |
---|
97 | width: 460px; |
---|
98 | background-color: #fff; |
---|
99 | } |
---|
100 | |
---|
101 | div#zipsearchcolumn h2 { |
---|
102 | margin: 0 0 15px 0; |
---|
103 | width: 460px; |
---|
104 | } |
---|
105 | |
---|
106 | div#zipsearch_area { |
---|
107 | margin: 15px auto 0 auto; |
---|
108 | width: 460px; |
---|
109 | } |
---|
110 | |
---|
111 | div#zipsearchcolumn .btn { |
---|
112 | margin: 15px 0 30px 0; |
---|
113 | text-align: center; |
---|
114 | } |
---|
115 | |
---|
116 | div#zipsearch_area #completebox p { |
---|
117 | padding: 60px 5px; |
---|
118 | text-align: center; |
---|
119 | } |
---|
120 | |
---|