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