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

Revision 22596, 26.3 KB checked in by pineray, 11 years ago (diff)

#2166 カテゴリー登録ページのツリーを調整.

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