source: branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css @ 21455

Revision 21455, 26.3 KB checked in by h_yoshimoto, 12 years ago (diff)

#1603 #1632 プラグインの管理画面を作成しました。それに伴うエンジン部分の修正。

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
Line 
1@charset "utf-8";
2
3* {
4    margin: 0;
5    padding: 0;
6}
7
8
9/* 上記による Fierfox 2 崩れ対応 */
10option {
11    margin-right: 0.5em;
12}
13
14html {
15    height: 100%;
16}
17
18body {
19    width: 100%;
20    height: 100%;
21    background: #fff;
22    font-family: "MS Pゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
23    font-size: 80%;
24    line-height: 120%;
25}
26
27option {
28    margin-right: 3px;
29    font-size: 100%;
30}
31
32input, textarea {
33    margin-right: 3px;
34    font-size: 100%;
35}
36
37select {
38    font-size: 100%;
39}
40select.top,
41input.top,
42textarea.top {
43    margin-bottom: 5px;
44}
45
46.page_rows{
47    margin-bottom:20px;
48}
49
50img {
51    border: 0;
52}
53
54ul, li {
55    list-style: none;
56}
57
58hr {
59    display: none;
60}
61
62h1 {
63    border-top: 1px solid #b3b4bd;
64    border-bottom: 1px solid #d9dadf;
65    height: 30px;
66    line-height: 30px;
67    color: #444757;
68    background: url('../img/contents/subtitle_back_02.jpg') repeat-x;
69    font-size: 130%;
70}
71
72h1 span.title {
73    display:block;
74    padding-top: 2px;
75    padding-left: 20px;
76    background: url('../img/contents/subtitle_back.gif') no-repeat;
77}
78
79h1 span.subtitle {
80    display:block;
81    padding-top: 2px;
82    padding-left: 10px;
83}
84
85h2 {
86    margin: 0 0 10px 0;
87    padding: 5px 0;
88    border-bottom: 3px solid #ccc;
89    color: #444757;
90    font-size: 100%;
91}
92
93h3{
94    margin-bottom: 20px;
95    padding: 5px;
96    color : #fff;
97    background: #999;
98    font-size: 90%;
99}
100
101
102/*テーブル設定*/
103table {
104    margin: 0 0 20px;
105    border-collapse: collapse;
106    width: 100%;
107    font-size: 100%;
108}
109
110th, td {
111    padding: 5px;
112    border: 1px solid #ccc;
113}
114
115th {
116    width: 240px;
117    background: url('../img/contents/table_back.png') repeat-x #f4f5f5;
118    font-weight: normal;
119    text-align: left;
120}
121
122table.list th {
123    background: url('../img/contents/table_back.png') repeat-x #b4b4b4;
124    text-align: center;
125}
126
127table.list th.column {
128    background: url('../img/contents/table_back.png') repeat-x #f4f5f5;
129    text-align: left;
130}
131
132table.list .edit, table.list .delete {
133    width: 10%;
134}
135
136table.list {
137    width: 100%;
138}
139
140table.list th.left {
141    text-align: left;
142}
143
144table.list th.right {
145    text-align: right;
146}
147
148table.list td.id, table.list td.thumbnail {
149    text-align: center;
150}
151
152table.list td.menu {
153    vertical-align: middle;
154    text-align: center;
155}
156
157table.form th {
158    width: 240px;
159    text-align: left;
160}
161
162table tr.last {
163    background: #ffffdf;
164}
165
166#popup-container table th.column {
167    width: 200px;
168}
169
170.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
171    margin : 0 0 60px 0;
172    padding: 20px 0;
173    clear: both;
174    width: 100%;
175    background:#f5f5f5;
176    text-align: center;
177}
178
179.contents-main .btn-area li, #popup .btn-area li ,.btn-area li{
180    margin-right: 10px;
181    display: inline;
182}
183
184.addnew{
185    margin-bottom: 20px;
186}
187
188
189/*おすすめ商品管理*/
190
191table#recommend-table {
192    border-collapse: collapse;
193    font-size: 100%;
194    margin: 0 0 50px;
195    width: 100%;
196}
197
198div#table-wrap {
199    margin-top: 6px;
200}
201
202div#table-wrap div.table-img {
203    float: left;
204    padding-left: 6px;
205}
206
207div#table-wrap div.table-detail {
208    float: left;
209    text-align: left;
210    padding-left: 11px;
211}
212
213div#table-wrap div.table-detail div.detail-name {
214    margin-bottom: 5px;
215}
216
217td.no-border {
218    border: 0;
219    background: #f5f5f5;
220    padding: 20px;
221}
222
223td.no-border-w {
224    border: 0;
225}
226
227td.AlignLeft {
228    text-align: left;
229    padding-left: 11px;
230}
231
232/*通常ボタン*/
233.btn-normal, a.btn-normal:link, a.btn-normal:visited {
234    margin-right: 5px;
235    padding: 2px 10px;
236    border: solid 1px #bcbecb;
237    display: inline-block;
238    color: #444757;
239    background-image: url('../img/button/white-grad.png');
240    background-attachment: scroll;
241    background-clip: border-box;
242    background-color: #eee;
243    font-weight: normal;
244    font-size: 90%;
245    text-decoration: none;
246    white-space: nowrap;
247    cursor: pointer;
248
249    /* CSS3 radius */
250    border-radius: 5px;
251    /* Safari, Chrome radius */
252    -webkit-box-sizing: content-box;
253    -webkit-border-radius: 5px;
254    /* Firefox radius */
255    -moz-border-radius: 5px;
256    /* Safari, Chrome radius */
257    -webkit-box-sizing: content-box;
258    -webkit-border-radius: 5px;
259    /* Firefox radius */
260    -moz-border-radius: 5px;
261}
262
263
264/*ツールボタン 共通部分*/
265.btn-tool-format, a.btn-tool-format:link, a.btn-tool-format:visited {
266    padding: 0 6px;
267    border: solid 1px #6b6d87;
268    display: inline-block;
269    color: #444757;
270    background: url('../img/button/white-grad03.png') repeat-x #eee;
271    background-origin: padding-box;
272    background-attachment: scroll;
273    background-clip: border-box;
274    background-color: #c9cbcb;
275    font-weight: bold;
276    font-size: 90%;
277    text-decoration: none;
278    cursor: pointer;
279
280    /* CSS3 radius */
281    border-radius: 4px;
282    /* Safari, Chrome radius */
283    -webkit-box-sizing: content-box;
284    -webkit-border-radius: 4px;
285    /* Firefox radius */
286    -moz-border-radius: 4px;
287    /* Safari, Chrome radius */
288    -webkit-box-sizing: content-box;
289    -webkit-border-radius: 4px;
290    /* Firefox radius */
291    -moz-border-radius: 4px;
292}
293
294
295/*ツールボタン コンテンツ*/
296.btn-tool, a.btn-tool:link, a.btn-tool:visited {
297    padding: 0 6px;
298    border: solid 1px #999;
299    display: inline-block;
300    color: #444757;
301    background: url('../img/button/white-grad.png') repeat-x #eee;
302    background-origin: padding-box;
303    background-attachment: scroll;
304    background-clip: border-box;
305    background-color: #c9cbcb;
306    font-size: 100%;
307    text-decoration: none;
308    cursor: pointer;
309
310    /* CSS3 radius */
311    border-radius: 4px;
312    /* Safari, Chrome radius */
313    -webkit-box-sizing: content-box;
314    -webkit-border-radius: 4px;
315    /* Firefox radius */
316    -moz-border-radius: 4px;
317    /* Safari, Chrome radius */
318    -webkit-box-sizing: content-box;
319    -webkit-border-radius: 4px;
320    /* Firefox radius */
321    -moz-border-radius: 4px;
322}
323
324
325/*登録する・検索するボタン*/
326.btn-action, a.btn-action:link, a.btn-action:visited {
327    padding: 5px 10px;
328    border: solid 1px #bcbecb;
329    display: inline-block;
330    color: #444757;
331    background: url('../img/button/white-grad04.png') top repeat-x #eee;
332    background-attachment: scroll;
333    background-clip: border-box;
334    font-weight: normal;
335    font-size: 80%;
336    text-decoration: none;
337    white-space: nowrap;
338    cursor: pointer;
339
340    /* CSS3 radius */
341    border-radius: 5px;
342    /* Safari, Chrome radius */
343    -webkit-box-sizing: content-box;
344    -webkit-border-radius: 5px;
345    /* Firefox radius */
346    -moz-border-radius: 5px;
347    /* Safari, Chrome radius */
348    -webkit-box-sizing: content-box;
349    -webkit-border-radius: 5px;
350    /* Firefox radius */
351    -moz-border-radius: 5px;
352}
353
354/*商品を選択するボタン(2/18追加)*/
355.btn-action-m, a.btn-action-m:link, a.btn-action-m:visited {
356    padding: 3px 10px;
357    border: solid 1px #bcbecb;
358    display: inline-block;
359    color: #444757;
360    background: url('../img/button/white-grad04.png') top repeat-x #eee;
361    background-attachment: scroll;
362    background-clip: border-box;
363    font-weight: normal;
364    font-size: 90%;
365    text-decoration: none;
366    white-space: nowrap;
367    cursor: pointer;
368
369    /* CSS3 radius */
370    border-radius: 5px;
371    /* Safari, Chrome radius */
372    -webkit-box-sizing: content-box;
373    -webkit-border-radius: 5px;
374    /* Firefox radius */
375    -moz-border-radius: 5px;
376    /* Safari, Chrome radius */
377    -webkit-box-sizing: content-box;
378    -webkit-border-radius: 5px;
379    /* Firefox radius */
380    -moz-border-radius: 5px;
381}
382
383
384/*戻るボタン*/
385.btn-action .btn-prev {
386    padding: 0 0 0 20px;
387    display: inline-block;
388    background: url('../img/button/ico_prev.gif') left no-repeat;
389    font-weight: bold;
390    font-size: 114%;
391}
392
393
394/*進むボタン*/
395.btn-action .btn-next {
396    padding: 0 20px 0 0;
397    display: inline-block;
398    background: url('../img/button/ico_next.gif') right no-repeat;
399    font-weight: bold;
400    font-size: 114%;
401}
402
403a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
404    border: solid 1px #d5d7df;
405    color: #6d728b;
406}
407
408a.btn-tool-format:hover{
409    border: solid 1px #363a47;
410    color: #6b728b;
411}
412
413a.btn:active, a.btn-normal:active {
414    background-image: url('../img/button/white-grad-active.png');
415}
416
417
418/*LINK*/
419a:link {
420    color: #39c;
421    text-decoration: none;
422}
423
424a:visited {
425    color: #39c;
426    text-decoration: none;
427}
428
429a:hover {
430    color: #74badc;
431    text-decoration: none;
432}
433
434.left {
435    text-align: left;
436}
437
438.center {
439    text-align: center;
440}
441
442.right {
443    text-align: right;
444}
445
446.attention {
447    color: #f00;
448}
449
450
451/* ヘッダー
452----------------------------------------------- */
453#errorHeader {
454    color: #F00;
455    font-weight: bold;
456    font-size: 12px;
457    background-color: #FEB;
458    text-align: center;
459    padding: 5px;
460}
461#header {
462    width: 100%;
463    height: 51px;
464    background: url('../img/header/header_back.jpg') 0 0 repeat-x;
465}
466
467#header-contents {
468    width: 1030px;
469}
470
471#logo {
472    padding: 12px 0 0 12px;
473    float: left;
474    width: 184px;
475}
476
477#site-check {
478    float: right;
479    width: 820px;
480}
481#site-check p.info {
482    padding-top: 16px;
483    float: left;
484    width: 580px;
485    color: #fff;
486    font-size: 80%;
487}
488
489#site-check ul {
490    padding-top: 14px;
491    float: right;
492}
493
494#site-check ul li {
495    margin-right: 10px;
496    float: left;
497}
498
499
500/* ヘッダーナビ
501----------------------------------------------- */
502#navi-wrap {
503    width: 1030px;
504}
505#navi {
506    z-index: 90;
507    height: 28px;
508    background: url('../img/header/navi_back.jpg') top left repeat-x;
509    font-size: 100%;
510    line-height: 100%;
511}
512
513#navi li {
514    background: url('../img/header/navi_back_line.jpg') no-repeat right;
515    display: block;
516    float: left;
517    cursor: pointer;
518    height: 28px;
519    position: relative;
520}
521
522#navi li a, #navi li a span {
523    display: block;
524    _float: left;/*IE6対策*/
525    cursor: pointer;
526}
527
528#navi li a {
529    color: #2d2f39;
530    height: 28px;
531    font-weight: bold;
532    text-decoration: none;
533}
534
535#navi li a span {
536    padding: 7px 10px;
537    _padding: 9px 10px 5px;/*IE6対策*/
538    height: 15px;
539    _height: 13px;/*IE6対策*/
540}
541
542#navi li a:hover {
543    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
544}
545
546#navi li a:hover span {
547    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
548}
549
550#navi li.on a {
551    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
552}
553
554#navi li.on a span {
555    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
556}
557
558#navi li.sfhover a {
559    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
560}
561
562#navi li.sfhover a span {
563    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
564}
565
566#navi li ul {
567    position: absolute;
568    top: 26px;
569    left: -9999px;
570    width: 14px;
571    font-weight: normal;
572    clear: both;
573}
574
575
576/*プルダウンメニュー 第1階層*/
577#navi li li {
578    display: block;
579    top: 2px;
580    width: 180px;
581    height: 27px;
582    line-height: 24px;
583    color: #fff;
584    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
585    font-weight: normal;
586}
587
588#navi li li a {
589    display: block;
590    top: 2px;
591    width: 180px;
592    height: 27px;
593    line-height: 24px;
594    color: #fff;
595    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
596    font-weight: normal;
597}
598
599#navi li li a span {
600    display: block;
601    top: 2px;
602    width: 180px;
603    height: 27px;
604    line-height: 24px;
605    color: #fff;
606    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
607    font-weight: normal;
608}
609
610#navi li li {
611    border: solid #888;
612    border-width: 0 0 1px 0;
613}
614
615#navi li li a span {
616    padding: 2px 0 0 8px;
617    text-indent: 8px;
618}
619
620#navi li li a:hover {
621    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
622}
623
624#navi li li a:hover span {
625    background: #666;
626}
627
628#navi li.on li a, #navi li.on li a span, #navi li li.on a, #navi li li.on a span, {
629    background: transparent;
630}
631
632#navi li.sfhover li a, #navi li.sfhover li a span, #navi li li.sfhover a, #navi li li.sfhover a span {
633    background: transparent;
634}
635
636#navi li.sfhover li a:hover {
637    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
638}
639
640#navi li li.sfhover a:hover {
641    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
642}
643
644
645/*プルダウンメニュー 第2階層*/
646#navi li ul.level2 {
647    position: absolute;
648    top: 27px;
649    left: -9999px;
650    width: 14px;
651    font-weight: normal;
652}
653
654#navi li li li, #navi li li a, #navi li li li a span {
655    margin-left: 0;
656    display: block;
657    width: 180px;
658    top: 1px;
659    height: 27px;
660    line-height: 24px;
661    color: #fff;
662    background: #787878;
663    font-weight: normal;
664    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
665}
666
667#navi li li li.sfhover a:hover {
668    width: 180px;
669    top: 1px;
670    height: 27px;
671    color: #fff;
672    background: url('../img/header/ico_sub_navi.gif') no-repeat left #474747;
673}
674
675#navi li ul ul {
676    margin: -28px 0 0 180px;
677    _margin: -28px 0 0 187px;/*IE6応急 */
678}
679
680#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
681    left: -9999px;
682}
683
684#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
685    left: auto;
686}
687
688#navi ul.level1 li.on_level2 {
689    background: url('../img/header/subnavi_bak_l2.gif') top left no-repeat #787878;
690}
691
692#navi ul.level1 li.on_level2 a:hover {
693    background: url('../img/header/subnavi_bak_l2_on.gif') top left no-repeat #787878;
694}
695
696#navi ul.level1 li.on_level2 ul.level2 li a:hover {
697    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
698}
699
700/*subnavi*/
701.subnavi a {
702    padding: 6px 5px 4px 5px;
703    display: block;
704    width: 140px;
705    color: #fff;
706    background-color: #666;
707    text-decoration: none;
708}
709.subnavi a:visited {
710    color: #fff;
711    text-decoration: none;
712}
713.subnavi a:hover {
714    color: #000;
715    background-color: #666;
716    text-decoration: none;
717}
718.subnavi_text {
719    padding: 0 0 0 8px;
720    font-size: 71%;
721}
722.subnavi-on a {
723    padding: 6px 5px 4px 5px;
724    display: block;
725    width: 140px;
726    color: #000;
727    background-color: #666;
728    text-decoration: none;
729}
730.subnavi-on a:visited {
731    color: #000;
732    text-decoration: none;
733}
734.subnavi-on a:hover {
735    color: #000;
736    background-color: #666;
737    text-decoration:none;
738}
739.number-on a:visited {
740    color: #fff;
741    text-decoration: none;
742}
743.number a:visited {
744    color: #fff;
745    text-decoration: none;
746}
747
748#agreement {
749    margin: 0;
750    border-width: 1px
751    border-color: #c0c0c0;
752    border-style: solid;
753    width: 480px;
754    height: 120px;
755    overflow: auto;
756    background-color : #fff;
757}
758
759
760/* ページャ */
761#contents .pager ul {
762    margin: 10px 0;
763    list-style-type: none;
764}
765
766.pager li {
767    display: inline;
768}
769
770.pager li a {
771    padding: 3px 5px;
772    border: 1px solid #999;
773}
774
775.pager li.on a {
776    background: #f4f5f5;
777}
778
779.pager li a:hover, .pager li.on a:hover {
780    background: #f8f8f8;
781    border: 1px solid #ccc;
782}
783
784
785/* コンテンツ
786----------------------------------------------- */
787* html div#container {
788    position: relative;
789    height: 100%;
790    min-height: 100%;
791}
792
793body > #container {
794    height: auto;
795}
796
797#container {
798    position: relative;
799    min-height: 100%;
800}
801
802#contents {
803    padding: 20px 20px 100px;
804    width: 1000px;
805}
806
807#footer {
808    margin-top: 30px;
809    position: absolute;
810    bottom: 0;
811    width: 100%;
812    height: 40px;
813    background: url('../img/contents/footer_back.jpg') 0 0 repeat-x;
814}
815
816#footer-contents {
817    padding-top: 10px;
818    width: 1020px;
819    text-align: right;
820}
821
822#footer #copyright {
823    margin-left: 20px;
824    float: left;
825    color: #fff;
826    font-size: 85%;
827    text-align: left;
828}
829
830#footer #topagetop {
831    float: right;
832}
833
834
835/* ログイン
836----------------------------------------------- */
837#login {
838    margin: 0 auto;
839    padding: 0;
840    width: 100%;
841    text-align: center;
842}
843
844#login-wrap {
845    margin: 150px auto 0;
846    padding: 0;
847    border: 0;
848    text-align: left;
849    width:556px;
850    z-index: 2;
851    background: url('../img/contents/admin_login_bg.jpg') center top repeat-x;
852    -moz-box-shadow: 0 0 5px #000;/* Firefox */
853    -webkit-box-shadow: 0 0 5px #000;/* Safari and Chrome */
854}
855
856#login-form h1 {
857    margin: 46px auto 20px;
858    padding-left: 50px;
859    padding-bottom: 40px;
860    border: none;
861    float: left;
862    width: 140px;
863    height: 150px;
864    background: none;
865}
866
867#input-form {
868    margin-top: 40px;
869    padding-right: 30px;
870    float: right;
871    width: 255px;
872}
873
874#input-form p {
875    margin-top: 10px;
876    color: #fff;
877    font-size: 100%;
878}
879
880#input-form .btn-tool {
881    margin-top: 5px;
882}
883
884#login #copyright {
885    margin: 0 auto;
886    padding-top: 10px;
887    width: 556px;
888    color: #000000;
889    font-size: 80%;
890    text-align: left;
891}
892
893
894/* エラーメッセージ
895----------------------------------------------- */
896
897
898/*以下インストールページと共通■触るべからず*/
899
900#out-wrap {
901    margin: 100px auto;
902    width: 560px;
903}
904
905#out-wrap .logo {
906    padding-bottom: 5px;
907    float: right;
908}
909
910#out {
911    margin: 0 auto;
912    width: 560px;
913}
914
915#error .out-top {
916    clear: both;
917    width: 560px;
918    height: 10px;
919    background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
920}
921
922/*以上インストールページと共通■触るべからず*/
923
924
925#error .contents {
926    border-right: solid 1px #d9dadf;
927    border-left: solid 1px #d9dadf;
928}
929
930#error .contents .message {
931    padding: 20px 30px;
932    text-align: center;
933}
934
935#error .btn-area-top {
936    width: 560px;
937    height: 10px;
938    background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
939}
940
941#error .btn-area ul {
942    padding: 20px 0 10px 0;
943    width: 560px;
944    background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
945}
946
947#error .btn-area ul li {
948    text-align: center;
949}
950
951#error .btn-area-bottom {
952    width: 560px;
953    height: 10px;
954    background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
955}
956
957
958/* 完了メッセージ
959----------------------------------------------- */
960#complete {
961    margin: 40px 0 0 80px;
962    width: 560px;
963}
964
965#complete .complete-top {
966    clear: both;
967    width: 560px;
968    height: 10px;
969    background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
970}
971
972#complete .contents {
973    border-right: solid 1px #d9dadf;
974    border-left: solid 1px #d9dadf;
975}
976
977#complete .contents .message {
978    padding: 20px 30px;
979    color: #b77615;
980    font-weight: bold;
981    text-align: center;
982}
983
984#complete .btn-area-top {
985    width: 560px;
986    height: 10px;
987    background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
988}
989
990#complete .btn-area ul {
991    margin: 0;
992    padding: 20px 0 10px 0;
993    width: 560px;
994    background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
995    text-align: center;
996}
997
998#complete .btn-area ul li {
999    margin-right: 10px;
1000    display: inline;
1001}
1002
1003#complete .btn-area-bottom {
1004    clear: both;
1005    width: 560px;
1006    height: 10px;
1007    background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
1008}
1009
1010
1011/* メインページ
1012----------------------------------------------- */
1013#home-main {
1014    margin-right: 300px;
1015}
1016
1017#home-main table {
1018    width: 100%;
1019}
1020
1021* html #home-main table {
1022    width: 99%;
1023}
1024
1025#home .shop-info {
1026    margin: 0 0 20px;
1027}
1028
1029#home .shop-info td {
1030    width: 60%;
1031    text-align: right;
1032}
1033
1034#home-info {
1035    border-left: 1px solid #ccc;
1036    float: right;
1037    width: 280px;
1038}
1039
1040.home-info-item {
1041    margin: 0 0 15px 20px;
1042    width: 260px;
1043    line-height: 14px;
1044    font-size: 85%;
1045}
1046
1047.home-info-item .body {
1048    margin: 5px 0 0 0;
1049}
1050
1051.home-info-item .date {
1052    background: #ddd;padding: 5px 10px 0px;
1053}
1054
1055.home-info-item .title {
1056    padding: 0 10px 5px;
1057    background: #ddd;
1058}
1059
1060
1061/* 基本情報管理
1062----------------------------------------------- */
1063/* 郵便番号DB登録 */
1064.basis-zip-item {
1065    margin-bottom: 30px;
1066}
1067
1068.basis-zip-item.end {
1069    margin-bottom: 60px;
1070}
1071
1072.basis-zip-item.info {
1073    padding-top: 20px;
1074}
1075
1076.basis-zip-item p {
1077    margin-bottom: 10px;
1078}
1079
1080
1081/* 商品管理
1082----------------------------------------------- */
1083#products-category-left, #products-rank-left {
1084    float: left;
1085    width: 285px;
1086    min-height: 200px;
1087}
1088
1089#products-category-right, #products-rank-right {
1090    margin-left: 285px;
1091}
1092
1093#products-class-list .action {
1094    width: 100px;
1095}
1096
1097#contents-filemanager-tree #tree {
1098    float: left;
1099    min-height: 200px;
1100}
1101
1102#products-category-left, #products-rank-left {
1103    min-height: 200px;
1104    padding: 10px;
1105    border: 3px solid #ddd;
1106    width: 230px;
1107    background-color: #f3f3f3;
1108}
1109
1110#products-category-right .now_dir {
1111    margin-bottom:20px;
1112    padding: 10px;
1113    border: 1px solid #ccc;
1114}
1115
1116#products .class-payment {
1117    padding-top: 15px;
1118    font-size: 88%;
1119}
1120#products label {
1121    white-space: nowrap;
1122}
1123#products .class-product-type label {
1124   white-space: normal;
1125}
1126#products .list-info{
1127    padding-top: 10px;
1128    border-top: solid 1px #ccc;
1129}
1130#products .list-info .btn {
1131    float: left;
1132    margin-right:20px;
1133}
1134#products .list-info p {
1135    float: right;
1136    color: #444757;
1137}
1138
1139
1140/* 受注管理
1141----------------------------------------------- */
1142/* 対応状況管理 */
1143#order-status-list th.id {
1144    width: 40px;
1145}
1146
1147
1148/* 期間別集計
1149----------------------------------------------- */
1150#graph-image {
1151    margin: 0 0 20px 0;
1152}
1153
1154
1155/* デザイン管理
1156----------------------------------------------- */
1157/* レイアウト設定 */
1158.design-layout {
1159    table-layout: fixed;
1160}
1161
1162.design-layout th, .design-layout td {
1163    vertical-align: top;
1164    text-align: center;
1165}
1166
1167#design-layout-used {
1168    width: 525px;
1169}
1170
1171#design-layout-unused {
1172    width: 175px;
1173}
1174
1175.design-layout #LeftNavi, .design-layout #MainHead, .design-layout #RightNavi {
1176    width: 33.33%;
1177}
1178
1179.design-layout #TopNavi, .design-layout #HeadNavi, .design-layout #HeaderTopNavi, .design-layout #LeftNavi,
1180.design-layout #MainHead, .design-layout #MainFoot, .design-layout #RightNavi, .design-layout #BottomNavi,
1181.design-layout #FooterBottomNavi, .design-layout #HeaderInternalNavi, .design-layout #Unused {
1182    padding-bottom: 20px;
1183    height: 10px; /*IE6応急処置 */
1184}
1185
1186.design-layout div.sort {
1187    margin: 5px 0;
1188    padding: 5px 2px;
1189    border: 1px solid #000;
1190    color: #333;
1191    background: #eee;
1192    font-size: 100%;
1193}
1194
1195.design-layout .anywherecheck {
1196    white-space: nowrap;
1197}
1198
1199.placeholder {
1200    border: 1px dashed #aaa;
1201    height: 20px;
1202}
1203
1204#layout-header {
1205    vertical-align: middle;
1206}
1207
1208
1209/* コンテンツ管理
1210----------------------------------------------- */
1211#contents-csv-sqltbl {
1212    margin-bottom: 40px;
1213}
1214
1215/* システム設定
1216----------------------------------------------- */
1217/* プラグイン管理 */
1218td.plugin_img {
1219    border-width: 1px 0px 1px 1px;
1220   
1221}
1222td.plugin_info {
1223    border-width: 1px 1px 1px 0px;
1224}
1225td.plugin_info p.description {
1226    margin: 8px 0 10px 5px;
1227}
1228
1229td.plugin_info span.ec_cube_version {
1230    font-style: italic;
1231    font-size: 80%;
1232}
1233
1234td.plugin_info span.plugin_name {
1235    font-weight: bold;
1236}
1237
1238td.attention_fookpoint {
1239    background-color: #FEB;
1240}
1241
1242/* フォーム
1243----------------------------------------------- */
1244div.btn,p.remark {
1245    margin: 0 0 20px 0;
1246}
1247
1248/*FORM*/
1249.box3 {
1250    width: 33px;
1251}/*W3*/
1252
1253.box6 {
1254    width: 54px;
1255}/*W6*/
1256
1257.box10 {
1258    width: 82px;
1259}/*W10*/
1260
1261.box20 {
1262    width: 152px;
1263}/*W20*/
1264
1265.box25 {
1266    width: 187px;
1267}/*W25*/
1268
1269.box30 {
1270    width: 222px;
1271}/*W30*/
1272
1273.box33 {
1274    width: 243px;
1275}/*W33*/
1276
1277.box35 {
1278    width: 257px;
1279}/*W35*/
1280
1281.box40 {
1282    width: 276px;
1283}/*W40*/
1284
1285.box45 {
1286    width: 341px;
1287}/*W45*/
1288
1289.box50 {
1290    width: 362px;
1291}/*W50*/
1292
1293.box52 {
1294    width: 376px;
1295}/*W52*/
1296
1297.box54 {
1298    width: 390px;
1299}/*W54*/
1300
1301.box60 {
1302    width: 432px;
1303}/*W60*/
1304
1305.box65 {
1306    width: 467px;
1307}/*W65*/
1308
1309.box68 {
1310    width: 488px;
1311}/*W68*/
1312
1313.box76 {
1314    width: 544px;
1315}/*W76*/
1316
1317.area40 {
1318    width: 302px;
1319    height: 134px;
1320}/*W40×H8*/
1321
1322.area45 {
1323    width: 337px;
1324    height: 290px;
1325}/*W40×H20*/
1326
1327.area46 {
1328    width: 337px;
1329    height: 134px;
1330}/*W40×H8*/
1331
1332.area50 {
1333    width: 372px;
1334    height: 82px;
1335}/*W50?H4*/
1336
1337.area55 {
1338    width: 407px;
1339    height: 82px;
1340}/*W50?H4*/
1341
1342.area59 {
1343    width: 432px;
1344    height: 134px;
1345}/*W59×H8*/
1346
1347.area60 {
1348    width: 433px;
1349    height: 134px;
1350}/*W60?H8*/
1351
1352.area61 {
1353    width: 433px;
1354    height: 82px;
1355}/*W60?H4*/
1356
1357.area65 {
1358    width: 444px;
1359    height: 290px;
1360}/*W65×H20*/
1361
1362.area70 {
1363    width: 512px;
1364    height: 186px;
1365}/*W70?H12*/
1366
1367.area75 {
1368    width: 547px;
1369    height: 186px;
1370}/*W75?H12*/
1371
1372.area80 {
1373    width: 572px;
1374    height: 134px;
1375}/*W80×H8*/
1376
1377.area90 {
1378    width: 650px;
1379    height: 420px;
1380}
1381
1382.area96 {
1383    width: 694px;
1384    height: 420px;
1385}/*W80×H30*/
1386
1387.area96_2 {
1388    width: 694px;
1389    height: 160px;
1390}/*W80×H10*/
1391
1392.area99 {
1393    width: 715px;
1394    height: 523px;
1395}/*W99?H40*/
1396
1397/*COLOR*/
1398.red {
1399    color: #f00;
1400}
1401
1402
1403/*FONT*/
1404.bold {
1405    font-weight:bold;
1406}
1407
1408
1409/* フロート解除 */
1410.clearfix:after {
1411    display:block;
1412    clear:both;
1413    height:0;
1414    line-height:0;
1415    visibility:hidden;
1416    content:".";
1417}
1418
1419
1420/* 権限 */
1421x-dummy
1422,.authority_1 #navi-basis-masterdata
1423,.authority_1 #navi-contents-file
1424,.authority_1 #navi-design-bloc
1425,.authority_1 #navi-design-template
1426,.authority_1 #navi-design-add
1427,.authority_1 #navi-system
1428,.authority_1 #navi-ownersstore {
1429/* display: none; --- IE で不具合 */
1430    border: none;
1431    width: 0;
1432    height: 0;
1433    overflow: hidden;
1434    visibility: hidden;
1435}
1436
1437
1438/* DnD並び替え系の設定 */
1439tr.movingHandle td {
1440    background-color: #eee;
1441}
1442
1443
1444.dragHandle { /* ハンドルの設定 */
1445    font-weight: bold;
1446    text-align: center;
1447    cursor: n-resize;
1448}
1449
1450
1451.activeHandle { /* アクティブハンドルの設定 */
1452    color: #f9a406;
1453}
1454
1455
1456table.layout, table.layout th, table.layout td {
1457    margin: 0;
1458    padding: 0;
1459    border: none;
1460    width: auto;
1461    vertical-align: top;
1462}
1463
1464
1465/* ログ表示用 */
1466.log td {
1467    padding-top: 0;
1468    padding-bottom: 0;
1469    vertical-align: top;
1470}
1471
1472.log .date {
1473    white-space: nowrap;
1474}
1475
1476
1477/* ポップアップ画面用 */
1478body#popup {
1479    width: 100%;
1480}
1481
1482#popup-header {
1483    margin-bottom: 30px;
1484    width: 100%;
1485    height: 35px;
1486    background: url('../img/header/popup_back.jpg') repeat-x;
1487    text-align: right;
1488}
1489
1490#popup-logo {
1491    padding: 10px 10px 0 0;
1492}
1493
1494#popup-container {
1495    margin: 0 auto;
1496    padding: 0 20px;
1497    width: 560px;
1498}
1499
1500
1501/*以下インストールページと共通■触るべからず*/
1502
1503#outside {
1504    margin:0 auto;
1505    padding:0;
1506    text-align:center;
1507    width:100%;
1508}
1509
1510/*以上インストールページと共通■触るべからず*/
Note: See TracBrowser for help on using the repository browser.