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

Revision 22560, 26.2 KB checked in by Qwert, 11 years ago (diff)

#2148 「cssの修正」

  • 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-right .now_dir {
1135    margin-bottom: 20px;
1136    padding: 10px;
1137    border: 1px solid #ccc;
1138}
1139
1140#products .class-payment {
1141    padding-top: 15px;
1142    font-size: 88%;
1143}
1144#products label {
1145    white-space: nowrap;
1146}
1147#products .class-product-type label {
1148    white-space: normal;
1149}
1150#products .list-info {
1151    padding-top: 10px;
1152    border-top: solid 1px #ccc;
1153}
1154#products .list-info .btn {
1155    float: left;
1156    margin-right: 20px;
1157}
1158#products .list-info p {
1159    float: right;
1160    color: #444757;
1161}
1162
1163
1164/* 受注管理
1165----------------------------------------------- */
1166/* 対応状況管理 */
1167#order-status-list th.id {
1168    width: 40px;
1169}
1170
1171
1172/* 期間別集計
1173----------------------------------------------- */
1174#graph-image {
1175    margin: 0 0 20px 0;
1176}
1177
1178
1179/* デザイン管理
1180----------------------------------------------- */
1181/* レイアウト設定 */
1182.design-layout {
1183    table-layout: fixed;
1184}
1185
1186.design-layout th,
1187.design-layout td {
1188    vertical-align: top;
1189    text-align: center;
1190}
1191
1192#design-layout-used {
1193    width: 525px;
1194}
1195
1196#design-layout-unused {
1197    width: 175px;
1198}
1199
1200.design-layout #LeftNavi,
1201.design-layout #MainHead,
1202.design-layout #RightNavi {
1203    width: 33.33%;
1204}
1205
1206.design-layout #TopNavi,
1207.design-layout #HeadNavi,
1208.design-layout #HeaderTopNavi,
1209.design-layout #LeftNavi,
1210.design-layout #MainHead,
1211.design-layout #MainFoot,
1212.design-layout #RightNavi,
1213.design-layout #BottomNavi,
1214.design-layout #FooterBottomNavi,
1215.design-layout #HeaderInternalNavi,
1216.design-layout #Unused {
1217    padding-bottom: 20px;
1218    height: 10px; /*IE6応急処置 */
1219}
1220
1221.design-layout div.sort {
1222    margin: 5px 0;
1223    padding: 5px 2px;
1224    border: 1px solid #000;
1225    color: #333;
1226    background: #eee;
1227    font-size: 100%;
1228}
1229
1230.design-layout .anywherecheck {
1231    white-space: nowrap;
1232}
1233
1234.placeholder {
1235    border: 1px dashed #aaa;
1236    height: 20px;
1237}
1238
1239#layout-header {
1240    vertical-align: middle;
1241}
1242
1243
1244/* コンテンツ管理
1245----------------------------------------------- */
1246#contents-csv-sqltbl {
1247    margin-bottom: 40px;
1248}
1249
1250/* システム設定
1251----------------------------------------------- */
1252/* プラグイン管理 */
1253td.plugin_img {
1254    border-width: 1px 0px 1px 1px;
1255}
1256td.plugin_info {
1257    border-width: 1px 1px 1px 0px;
1258}
1259td.plugin_info p.description {
1260    margin: 8px 0 10px 5px;
1261}
1262
1263td.plugin_info span.ec_cube_version {
1264    font-style: italic;
1265    font-size: 80%;
1266}
1267
1268td.plugin_info span.plugin_name {
1269    font-weight: bold;
1270}
1271
1272td.attention_fookpoint {
1273    background-color: #FEB;
1274}
1275
1276/* フォーム
1277----------------------------------------------- */
1278div.btn,
1279p.remark {
1280    margin: 0 0 20px 0;
1281}
1282
1283/*FORM*/
1284.box3 {
1285    width: 33px;
1286}
1287/*W3*/
1288
1289.box6 {
1290    width: 54px;
1291}
1292/*W6*/
1293
1294.box10 {
1295    width: 82px;
1296}
1297/*W10*/
1298
1299.box20 {
1300    width: 152px;
1301}
1302/*W20*/
1303
1304.box25 {
1305    width: 187px;
1306}
1307/*W25*/
1308
1309.box30 {
1310    width: 222px;
1311}
1312/*W30*/
1313
1314.box33 {
1315    width: 243px;
1316}
1317/*W33*/
1318
1319.box35 {
1320    width: 257px;
1321}
1322/*W35*/
1323
1324.box40 {
1325    width: 276px;
1326}
1327/*W40*/
1328
1329.box45 {
1330    width: 341px;
1331}
1332/*W45*/
1333
1334.box50 {
1335    width: 362px;
1336}
1337/*W50*/
1338
1339.box52 {
1340    width: 376px;
1341}
1342/*W52*/
1343
1344.box54 {
1345    width: 390px;
1346}
1347/*W54*/
1348
1349.box60 {
1350    width: 432px;
1351}
1352/*W60*/
1353
1354.box65 {
1355    width: 467px;
1356}
1357/*W65*/
1358
1359.box68 {
1360    width: 488px;
1361}
1362/*W68*/
1363
1364.box76 {
1365    width: 544px;
1366}
1367/*W76*/
1368
1369.area40 {
1370    width: 302px;
1371    height: 134px;
1372}
1373/*W40×H8*/
1374
1375.area45 {
1376    width: 337px;
1377    height: 290px;
1378}
1379/*W40×H20*/
1380
1381.area46 {
1382    width: 337px;
1383    height: 134px;
1384}
1385/*W40×H8*/
1386
1387.area50 {
1388    width: 372px;
1389    height: 82px;
1390}
1391/*W50?H4*/
1392
1393.area55 {
1394    width: 407px;
1395    height: 82px;
1396}
1397/*W50?H4*/
1398
1399.area59 {
1400    width: 432px;
1401    height: 134px;
1402}
1403/*W59×H8*/
1404
1405.area60 {
1406    width: 433px;
1407    height: 134px;
1408}
1409/*W60?H8*/
1410
1411.area61 {
1412    width: 433px;
1413    height: 82px;
1414}
1415/*W60?H4*/
1416
1417.area65 {
1418    width: 444px;
1419    height: 290px;
1420}
1421/*W65×H20*/
1422
1423.area70 {
1424    width: 512px;
1425    height: 186px;
1426}
1427/*W70?H12*/
1428
1429.area75 {
1430    width: 547px;
1431    height: 186px;
1432}
1433/*W75?H12*/
1434
1435.area80 {
1436    width: 572px;
1437    height: 134px;
1438}
1439/*W80×H8*/
1440
1441.area90 {
1442    width: 650px;
1443    height: 420px;
1444}
1445
1446.area96 {
1447    width: 694px;
1448    height: 420px;
1449}
1450/*W80×H30*/
1451
1452.area96_2 {
1453    width: 694px;
1454    height: 160px;
1455}
1456/*W80×H10*/
1457
1458.area99 {
1459    width: 715px;
1460    height: 523px;
1461}
1462/*W99?H40*/
1463
1464/*COLOR*/
1465.red {
1466    color: #f00;
1467}
1468
1469
1470/*FONT*/
1471.bold {
1472    font-weight: bold;
1473}
1474
1475
1476/* フロート解除 */
1477.clearfix:after {
1478    display: block;
1479    clear: both;
1480    height: 0;
1481    line-height: 0;
1482    visibility: hidden;
1483    content: ".";
1484}
1485
1486
1487/* 権限 */
1488x-dummy,
1489.authority_1 #navi-basis-masterdata,
1490.authority_1 #navi-contents-file,
1491.authority_1 #navi-design-bloc,
1492.authority_1 #navi-design-template,
1493.authority_1 #navi-design-add,
1494.authority_1 #navi-system,
1495.authority_1 #navi-ownersstore {
1496    /* display: none; --- IE で不具合 */
1497    border: none;
1498    width: 0;
1499    height: 0;
1500    overflow: hidden;
1501    visibility: hidden;
1502}
1503
1504
1505/* DnD並び替え系の設定 */
1506tr.movingHandle td {
1507    background-color: #eee;
1508}
1509
1510
1511/* ハンドルの設定 */
1512.dragHandle {
1513    font-weight: bold;
1514    text-align: center;
1515    cursor: n-resize;
1516}
1517
1518
1519/* アクティブハンドルの設定 */
1520.activeHandle {
1521    color: #f9a406;
1522}
1523
1524
1525table.layout,
1526table.layout th,
1527table.layout td {
1528    margin: 0;
1529    padding: 0;
1530    border: none;
1531    width: auto;
1532    vertical-align: top;
1533}
1534
1535
1536/* ログ表示用 */
1537.log td {
1538    padding-top: 0;
1539    padding-bottom: 0;
1540    vertical-align: top;
1541}
1542
1543.log .date {
1544    white-space: nowrap;
1545}
1546
1547
1548/* ポップアップ画面用 */
1549body#popup {
1550    width: 100%;
1551}
1552
1553#popup-header {
1554    margin-bottom: 30px;
1555    width: 100%;
1556    height: 35px;
1557    background: url('../img/header/popup_back.jpg') repeat-x;
1558    text-align: right;
1559}
1560
1561#popup-logo {
1562    padding: 10px 10px 0 0;
1563}
1564
1565#popup-container {
1566    margin: 0 auto;
1567    padding: 0 20px;
1568    width: 560px;
1569}
1570
1571
1572/*以下インストールページと共通■触るべからず*/
1573
1574#outside {
1575    margin: 0 auto;
1576    padding: 0;
1577    text-align: center;
1578    width: 100%;
1579}
1580
1581/*以上インストールページと共通■触るべからず*/
Note: See TracBrowser for help on using the repository browser.