1 | @charset "utf-8"; |
---|
2 | /* =================================================================== |
---|
3 | CSS information |
---|
4 | file name :popup.css |
---|
5 | style info :スライド/ポップアップ |
---|
6 | =================================================================== */ |
---|
7 | /* ----------------------------------------------- |
---|
8 | ポップアップ画面 |
---|
9 | ----------------------------------------------- */ |
---|
10 | #windowcolumn{ |
---|
11 | background:#FFF; |
---|
12 | padding-bottom:30px; |
---|
13 | } |
---|
14 | #windowcolumn h2.title,#slidewindow h2.title{ |
---|
15 | margin-bottom:0!important; |
---|
16 | } |
---|
17 | #slidewindow .title_box,#windowcolumn .title_box{ |
---|
18 | margin:0; |
---|
19 | padding:0!important; |
---|
20 | text-align:center; |
---|
21 | clear:both; |
---|
22 | } |
---|
23 | /**イントロダクション*/ |
---|
24 | #windowcolumn .information{ |
---|
25 | padding:15px 10px; |
---|
26 | border-bottom:none; |
---|
27 | } |
---|
28 | /* ----------------------------------------------- |
---|
29 | スライド画面 |
---|
30 | ----------------------------------------------- */ |
---|
31 | #slidewindow{ |
---|
32 | background:#F0F0F1; |
---|
33 | } |
---|
34 | /*jqm追記*/ |
---|
35 | .ui-btn-right{ |
---|
36 | top:9px!important; |
---|
37 | vertical-align:middle; |
---|
38 | } |
---|
39 | /* ----------------------------------------------- |
---|
40 | ログイン |
---|
41 | ----------------------------------------------- */ |
---|
42 | .login_area{ |
---|
43 | background:#FFF; |
---|
44 | padding:10px 15px; |
---|
45 | text-align:center; |
---|
46 | -webkit-box-shadow: 1px 5px 5px #ccc; |
---|
47 | -moz-box-shadow: 1px 5px 5px #ccc; |
---|
48 | } |
---|
49 | .login_area_btm{ |
---|
50 | padding:15px 15px 50px 15px; |
---|
51 | } |
---|
52 | .login_area_btm p:last-child{ |
---|
53 | width:95%; |
---|
54 | margin:0 auto; |
---|
55 | line-height:1.3; |
---|
56 | } |
---|
57 | .loginareaBox{ |
---|
58 | padding:15px 20px; |
---|
59 | margin: 0 auto 0 -10px; |
---|
60 | display:block; |
---|
61 | clear:both; |
---|
62 | border-radius:7px; |
---|
63 | -moz-border-radius:7px; |
---|
64 | -webkit-border-radius:7px; |
---|
65 | text-align:center; |
---|
66 | position:relative; |
---|
67 | } |
---|
68 | .mailtextBox{ |
---|
69 | width:97%; |
---|
70 | margin:0; |
---|
71 | padding:10px; |
---|
72 | background: #fff; |
---|
73 | border-radius:7px 7px 0 0; |
---|
74 | -moz-border-radius:7px 7px 0 0; |
---|
75 | -webkit-border-radius:7px 7px 0 0; |
---|
76 | border:#A9ABAD solid 1px; |
---|
77 | border-bottom:none!important; |
---|
78 | display:block; |
---|
79 | -webkit-box-shadow:none; |
---|
80 | -moz-box-shadow:none; |
---|
81 | } |
---|
82 | .passtextBox{ |
---|
83 | width:97%; |
---|
84 | margin:0; |
---|
85 | padding:10px; |
---|
86 | background: #fff; |
---|
87 | border-radius:0 0 7px 7px; |
---|
88 | -moz-border-radius: 0 0 7px 7px; |
---|
89 | -webkit-border-radius: 0 0 7px 7px; |
---|
90 | border:#A9ABAD solid 1px; |
---|
91 | display:block; |
---|
92 | -webkit-box-shadow:none; |
---|
93 | -moz-box-shadow:none; |
---|
94 | } |
---|
95 | |
---|
96 | .navBox{ |
---|
97 | width:95%; |
---|
98 | margin:10px auto; |
---|
99 | background:#FFF; |
---|
100 | border-radius:7px; |
---|
101 | -moz-border-radius:7px; |
---|
102 | -webkit-border-radius:7px; |
---|
103 | display:block; |
---|
104 | border:#A9ABAD solid 1px; |
---|
105 | } |
---|
106 | .navBox li{ |
---|
107 | width:100%; |
---|
108 | vertical-align:middle; |
---|
109 | background:url(../img/common/ico_arrowR.png) 95% center no-repeat; |
---|
110 | padding:0; |
---|
111 | display:block; |
---|
112 | border-bottom:#CCC solid 1px; |
---|
113 | } |
---|
114 | @media only screen and (-webkit-min-device-pixel-ratio: 2) { |
---|
115 | .navBox li { |
---|
116 | background: url(../img/common/ico_arrowR2.png) 95% center no-repeat; |
---|
117 | -webkit-background-size: 10px 15px; |
---|
118 | background-size: 10px 15px; |
---|
119 | } |
---|
120 | } |
---|
121 | .navBox li a{ |
---|
122 | padding:10px; |
---|
123 | display:block; |
---|
124 | cursor:pointer; |
---|
125 | } |
---|
126 | |
---|
127 | input[type="submit"].nav_nonmember{ |
---|
128 | width:100%; |
---|
129 | padding:10px; |
---|
130 | font-weight:bold; |
---|
131 | background:none; |
---|
132 | border:none; |
---|
133 | display:block; |
---|
134 | text-align:left; |
---|
135 | } |
---|
136 | .navBox li:last-child{ |
---|
137 | border-bottom:none; |
---|
138 | } |
---|
139 | .navBox li a:link, .navBox li a:visited{ |
---|
140 | color:#000; |
---|
141 | } |
---|
142 | |
---|
143 | |
---|
144 | /* ----------------------------------------------- |
---|
145 | パスワードを忘れた方 |
---|
146 | ----------------------------------------------- */ |
---|
147 | .window_area { |
---|
148 | margin-bottom:10px; |
---|
149 | padding:5px 0; |
---|
150 | border-top:#999 solid 1px; |
---|
151 | border-bottom:#999 solid 1px; |
---|
152 | } |
---|
153 | .window_area p{ |
---|
154 | padding:5px 10px; |
---|
155 | line-height:1.3; |
---|
156 | } |
---|
157 | .window_area #completebox{ |
---|
158 | border: none; |
---|
159 | font-size:16px; |
---|
160 | font-weight:bold; |
---|
161 | color:#CC0000; |
---|
162 | text-align:center; |
---|
163 | padding:20px 10px; |
---|
164 | -webkit-box-shadow: none; |
---|
165 | width: 10em; |
---|
166 | margin: auto; |
---|
167 | display: block; |
---|
168 | } |
---|
169 | /* ----------------------------------------------- |
---|
170 | ビュー画面 |
---|
171 | ----------------------------------------------- */ |
---|
172 | .view_detail{ |
---|
173 | margin:0; |
---|
174 | min-height:150px; |
---|
175 | } |
---|
176 | .view_detail dt{ |
---|
177 | padding:10px 12px; |
---|
178 | border-bottom:#CCC solid 1px; |
---|
179 | } |
---|
180 | .view_detail dd{ |
---|
181 | padding:10px 12px; |
---|
182 | } |
---|