source: branches/dev/html/test/kakinaka/top_default.css @ 8

Revision 8, 11.0 KB checked in by root, 18 years ago (diff)

new import

Line 
1/* ===================================================================================
2
3????
4
5???????????
6
7??????????
8
9????????
10
11    ???
12
13    ????????
14   
15    ???????? ?????
16   
17    ???????
18   
19?????????
20   
21    ????????????
22   
23    ????????
24   
25????
26
27=================================================================================== */
28
29
30/* ????
31------------------------------------------------------------------------------------*/
32body,
33h1,h2,h3,h4,h5,h6,
34ul,ol,li,
35dl,dt,dd,
36p,
37img,
38form {
39    margin: 0;
40    padding: 0;
41    text-align: center;
42    list-style-type: none;
43    border: none;
44    /*font-size: 12px;*/
45    /*font-family: "?????? Pro W3", "?? ?????", Osaka;*/
46    color: #333333;}
47
48p {
49    font-size: 12px;
50}
51a,
52a:link {
53    color: #0033FF;
54    text-decoration: underline;}
55
56a:visited {
57    color: #990066;}
58
59a:hover,
60a:active {
61    color: #0099ff;}
62/*
63img {
64    vertical-align: top;}
65*/
66.red-text,
67.price {
68    font-size: 12px;
69    color: #FF0000;}
70
71.float-clear {
72    clear: both;
73    line-height: 0;
74    font-size: 0;}
75
76.float-clear-1 {
77    height: 1px;
78    clear: both;
79    line-height: 0;
80    font-size: 0;}
81
82
83/* ???????????
84------------------------------------------------------------------------------------*/
85div#wraper,
86div#wraper div#header,
87div#wraper div#container,
88div#wraper div#footer {
89    width: 780px;
90    margin: 0 auto;
91    text-align: left;}
92
93div#wraper div#container div#left-column {
94    width: 180px;
95    float: left;}
96
97div#wraper div#container div#main-column {
98    width: 600px;
99    float: left;}
100
101
102/* ??????????
103------------------------------------------------------------------------------------*/
104div#header {
105    padding: 6px 0 10px 0;
106    background: url(../../img/renewal/head_topbar.gif) left top no-repeat;}
107   
108div#header div#upper-block {
109    height: 88px;
110    background: url(../../img/renewal/head_kitasan.jpg) right top no-repeat;}
111
112div#header h1 {
113    width: 137px;
114    float: left;}
115
116div#header ul {
117    text-align: left;}
118
119div#header ul li {
120    display: inline;}
121
122
123/* ????????
124------------------------------------------------------------------------------------*/
125div#left-column div#left-container {
126    padding: 0 10px 0 0;}
127   
128div#left-column div#left-container p,
129div#left-column div#left-container li {
130    font-size: 11px;}
131
132
133/* ???
134---------------------------------------- */
135div#left-column div#left-container div#search-box {
136    height: 63px;
137    background: url(../../img/renewal/left_column_search_bg.gif) left bottom no-repeat #226EBC;}
138
139div#left-column div#left-container div#search-box ul li {
140    text-align: left;}
141
142div#left-column div#left-container div#search-box ul li input {
143    margin: 0;
144    padding: 0;}
145
146div#left-column div#left-container div#search-box ul li.txt-area {
147    padding: 3px 0 0 0px;
148    text-align: center;}
149
150
151/* ????????
152---------------------------------------- */
153div#left-column div#left-container div#my-menu {
154    padding: 0px 0 0 0;
155    background-image: url(../../img/renewal/left_column_my_bg_middle.gif);
156    background-position: 0 30px;
157    background-repeat: repeat-y;}
158
159div#left-column div#left-container div#my-menu ul {
160    padding: 10px 0 0 0;
161    float: none !important;
162    float: left;
163    background-color: #ffffff;}
164
165div#left-column div#left-container div#my-menu ul li {
166    height: auto !important;
167    height: 22px;
168    float: left;
169    min-height: 22px;
170    background: url(../../img/renewal/left_column_my_ttlbg.gif) right top no-repeat #226EBC;}
171
172div#left-column div#left-container div#my-menu ul li#my-ttl {
173    width: 76px;}
174
175div#left-column div#left-container div#my-menu ul li#login {
176    width: 94px;
177    padding: 0px 0 0 0;
178    font-size: 12px;
179    text-align: right;}
180
181div#left-column div#left-container div#my-menu ul li#login a,
182div#left-column div#left-container div#my-menu ul li#login a:link,
183div#left-column div#left-container div#my-menu ul li#login a:visited {
184    display: block;
185    padding: 4px 10px 0 0;
186    color: #FFFFFF;}
187
188div#left-column div#left-container div#my-menu ul li#login a:hover,
189div#left-column div#left-container div#my-menu ul li#login a:active {
190    color: #FFFF00;}
191
192div#left-column div#left-container div#my-menu p {
193    padding: 7px;
194    clear: both;
195    text-align: left;}
196
197div#left-column div#left-container div#my-menu p#my-btn {
198    padding: 0 0 10px 0;
199    text-align: center;
200    background: url(../../img/renewal/left_column_my_bg.gif) left bottom no-repeat;}
201
202
203/* ???????? ?????
204---------------------------------------- */
205
206div#left-column div#left-container div#my-menu p#member-name {
207    padding: 10px 0 ;
208    text-align: center;
209    font-size: 12px;}
210
211div#left-column div#left-container div#my-menu p#member-name span {
212    color: #6A9735;}
213
214div#left-column div#left-container div#my-menu ul#member-point {
215    padding: 0px 10px 15px 10px;
216    text-align: center;
217    float: none;
218    background: url(../../img/renewal/left_column_my_bg.gif) left bottom no-repeat;}
219
220div#left-column div#left-container div#my-menu ul#member-point li {
221    height: auto;
222    min-height: inherit;
223    padding: 0;
224    float: none;
225    background: #ffffff;
226    font-size: 12px;
227    text-align: center;}
228
229div#left-column div#left-container div#my-menu ul#member-point li#top-bar {
230    padding: 10px 0 0 0;
231    border-top: 1px solid #A7C8ED;}
232
233
234
235/* ???????
236---------------------------------------- */
237div#left-column div#left-container div.box01,
238div#left-column div#left-container div.box02,
239div#left-column div#left-container div.box03 {
240    padding: 0 0 10px 0;
241    background: url(../../img/renewal/left_column_box_bgbottom.gif) left bottom no-repeat #DCEAFA;}
242
243div#left-column div#left-container div.box01 h2,
244div#left-column div#left-container div.box02 h2,
245div#left-column div#left-container div.box03 h2 {
246    padding: 10px 0 0 0;
247    background-color: #ffffff;}
248
249div#left-column div#left-container div.box01 ul,
250div#left-column div#left-container div.box02 ul,
251div#left-column div#left-container div.box03 ul {
252    padding: 5px 10px 0 10px;}
253
254div#left-column div#left-container div.box01 ul li,
255div#left-column div#left-container div.box02 ul li,
256div#left-column div#left-container div.box03 ul li {
257    text-align: left;}
258
259div#left-column div#left-container div.box01 ul li.price {
260    font-size: 12px;
261    text-align: center;
262    color: #FF0000;}
263
264div#left-column div#left-container div.box01 p {
265    padding: 16px 0 0 0;
266    background: url(../../img/renewal/left_column_box01_arrow.gif) 50% 2px no-repeat;}
267
268div#left-column div#left-container div.box02 div#box2-dott {
269    height: 1px;
270    padding-bottom: 5px;
271    background: url(../../img/renewal/left_column_box_dott.gif) center bottom no-repeat;}
272
273div#left-column div#left-container div.box02 h2 {
274position: relative;}
275
276div#left-column div#left-container div.box02 ul li {
277position: relative;}
278
279div#left-column div#left-container div.box02 ul li.item-image {
280    width: 75px;
281    float: left;}
282
283div#left-column div#left-container div.box03 p {
284    padding: 5px 0 0 0;
285    color: #FF0000;}
286
287div#left-column div#left-container div.box04 {
288    padding: 10px 0 10px 0;
289    clear: both;}
290
291
292/* ?????????
293------------------------------------------------------------------------------------*/
294div#main-column {
295    width: 600px;}
296
297div#main-column h2#top-banner {
298    padding: 0 0 10px 0;}
299
300
301
302
303/* ????????????
304---------------------------------------- */
305div#main-column div#box-nav {
306    padding: 10px 0 0 0;}
307
308div#main-column div#box-nav div {
309    width: 200px;
310    float: left;}
311
312div#main-column div#box-nav div dl {}
313
314div#main-column div#box-nav div dl dt {
315    text-align: left;}
316
317div#main-column div#box-nav div dl dt img,
318div#main-column div#box-nav div p img {
319    border: #ddd solid 1px;
320    border-width: 1px 0;}
321
322div#main-column div#box-nav div dl dd {}
323
324div#main-column div#box-nav div dl dd ul {
325    padding: 5px 0 10px 0;}
326
327div#main-column div#box-nav div dl dd ul li {
328    padding: 2px 0 2px 1em;
329    text-align: left;}
330
331div#main-column div#nav-left {
332    font-size: 12px;
333}
334
335div#main-column div#nav-center {
336    font-size: 12px;
337}
338
339div#main-column div#nav-right {
340    font-size: 12px;
341}
342
343
344/* ????????
345---------------------------------------- */
346div#main-column div.box01 {
347    width: 600px;}
348
349div#main-column div.box01 h2 {
350    width: 600px;}
351
352div#main-column div.box01 ul {
353    width: 600px;
354    padding: 10px 0 0 0;}
355
356div#main-column div.box01 ul li {
357    padding: 0 10px 0 0;
358    float: left;}
359
360div#main-column div.box01 ul li.img01 {
361    width: 130px;}
362
363div#main-column div.box01 ul li.img02 {
364    width: 281px;}
365
366div#main-column div.box01 ul li.img03 {
367    width: 159px;}
368
369div#main-column div.box01 ul li.img03 span {
370    display: block;
371    padding: 10px 0 0 0;}
372
373div#main-column div.box02 {
374    width: 600px;}
375
376div#main-column div.box02 h2 {
377    width: 600px;
378    padding: 10px 0 5px 0;}
379
380div#main-column div.box02 ul {
381    width: 120px;
382    float: left;
383    background-color:}
384
385div#main-column div.box02 ul li {
386    padding: 0 3px 3px 0;
387    text-align: left;}
388
389div#main-column div.box02 ul li.item-txt {
390    height: auto !important;
391    height: 60px;
392    min-height: 60px;
393    font-size: 12px;
394    }
395
396div#main-column div.box02 p {
397    clear: both;
398    padding: 5px 0 0 0;
399    text-align: right;}
400
401div#main-column div.box03 {
402    width: 600px;
403    font-size: 12px;
404    padding: 0 0 10px 0;}
405
406div#main-column div.box03 h2 {
407    padding: 5px 0 7px 0;
408    clear: both;}
409
410div#main-column div.box03 div {
411    height: 220px;
412    width: 600px;
413    overflow: auto;
414    padding: 0;
415    margin: 0;
416    border: 1px #cccccc solid;
417    border-width: 1px 0 1px 0;}
418
419div#main-column div.box03 div ul {
420    padding: 0;
421    margin: 0;}
422
423div#main-column div.box03 div ul li {
424    padding: 5px 0 5px 10px;
425    border: 1px #cccccc solid;
426    border-width: 1px 0 0 1px;}
427
428div#main-column div.box03 div ul li.bg-gray {
429    background-color: #eeeeee;}
430
431div#main-column div.box03 div ul li span.day {
432    width: 60px;
433    text-align: left;
434    float: left;
435    color: #FF0000;}
436
437div#main-column div.box03 div ul li span.topic-txt {
438    width: 400px;
439    text-align: left;}
440
441div#main-column div.box03 div ul li p {}
442
443
444/* ????
445------------------------------------------------------------------------------------*/
446div#footer {}
447
448div#footer div {}
449
450div#footer div.top-list {
451    padding: 6px 0;
452    font-size: 12px;
453    background: url(../../img/renewal/foot_bg_top.gif) center top no-repeat #D3D3D3;}
454
455div#footer div.middle-list {
456    padding: 6px 0;
457    font-size: 12px;
458    background: url(../../img/renewal/foot_bg_middle.gif) center top repeat-y #D2E3EC;}
459
460div#footer div.bottom-list {
461    background: url(../../img/renewal/foot_bg_bottom2.gif) center bottom repeat-y #AECBDA;
462    border: 1px solid #D6D6D6;
463    border-width: 1px 0;}
464
465div#footer div ul li {
466    display: inline;}
467
468div#footer div.bottom-list ul li {
469    display: block;
470    padding: 10px 0 10px 0;
471    float: left;
472    text-align: left;
473    font-size: 10px;}
474
475div#footer div.bottom-list ul li p {
476    font-size: 10px;
477    text-align: left;}
478
479div#footer div.bottom-list ul li.bottom-list01 {
480    width: 225px;}
481
482div#footer div.bottom-list ul li.bottom-list01 p {
483    text-align: left;}
484
485div#footer div.bottom-list ul li.bottom-list01 p.bottom-img01 {
486    width: 55px;
487    float: left;
488    text-align: center;}
489
490div#footer div.bottom-list ul li.bottom-list02 {
491    width: 178px;}
492
493div#footer div.bottom-list ul li.bottom-list02 p {
494    padding: 0 0 0 10px;}
495
496div#footer div.bottom-list ul li.bottom-list03 {
497    width: 250px;}
498
499div#footer div.bottom-list ul li.bottom-list03 p {
500    padding: 0 10px 0 0;
501    text-align: left;}
502
503div#footer div.bottom-list ul li.bottom-list03 p.bottom-img03 {
504    width: 130px;
505    padding: 0;
506    float: left;
507    text-align: center;}
508
509div#footer div.bottom-list ul li.bottom-list04 {
510    width: 127px;
511    text-align: center;}
512
513div#footer p#footer-copy {
514    clear: both;
515    padding: 10px 0;
516    text-align: center;}
517
518
Note: See TracBrowser for help on using the repository browser.