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

Revision 22556, 26.1 KB checked in by Qwert, 11 years ago (diff)

#2147 「おすすめ商品管理画面のマークアップが不正」を修正

  • 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
186div.table-wrap {
187    margin-top: 6px;
188}
189
190div.table-wrap div.table-img {
191    float: left;
192    padding-left: 6px;
193}
194
195div.table-wrap div.table-detail {
196    float: left;
197    text-align: left;
198    padding-left: 11px;
199}
200
201div.table-wrap div.table-detail div.detail-name {
202    margin-bottom: 5px;
203}
204
205td.no-border {
206    border: 0;
207    background: #f5f5f5;
208    padding: 20px;
209}
210
211td.no-border-w {
212    border: 0;
213}
214
215td.AlignLeft {
216    text-align: left;
217    padding-left: 11px;
218}
219
220/*通常ボタン*/
221.btn-normal,
222a.btn-normal:link,
223a.btn-normal:visited {
224    margin-right: 5px;
225    padding: 2px 10px;
226    border: solid 1px #bcbecb;
227    display: inline-block;
228    color: #444757;
229    background-image: url('../img/button/white-grad.png');
230    background-attachment: scroll;
231    background-clip: border-box;
232    background-color: #eee;
233    font-weight: normal;
234    font-size: 90%;
235    text-decoration: none;
236    white-space: nowrap;
237    cursor: pointer;
238
239    /* CSS3 radius */
240    border-radius: 5px;
241    /* Safari, Chrome radius */
242    -webkit-box-sizing: content-box;
243    -webkit-border-radius: 5px;
244    /* Firefox radius */
245    -moz-border-radius: 5px;
246    /* Safari, Chrome radius */
247    -webkit-box-sizing: content-box;
248    -webkit-border-radius: 5px;
249    /* Firefox radius */
250    -moz-border-radius: 5px;
251}
252
253
254/*ツールボタン 共通部分*/
255.btn-tool-format,
256a.btn-tool-format:link,
257a.btn-tool-format:visited {
258    padding: 0 6px;
259    border: solid 1px #6b6d87;
260    display: inline-block;
261    color: #444757;
262    background: url('../img/button/white-grad03.png') repeat-x #eee;
263    background-origin: padding-box;
264    background-attachment: scroll;
265    background-clip: border-box;
266    background-color: #c9cbcb;
267    font-weight: bold;
268    font-size: 90%;
269    text-decoration: none;
270    cursor: pointer;
271
272    /* CSS3 radius */
273    border-radius: 4px;
274    /* Safari, Chrome radius */
275    -webkit-box-sizing: content-box;
276    -webkit-border-radius: 4px;
277    /* Firefox radius */
278    -moz-border-radius: 4px;
279    /* Safari, Chrome radius */
280    -webkit-box-sizing: content-box;
281    -webkit-border-radius: 4px;
282    /* Firefox radius */
283    -moz-border-radius: 4px;
284}
285
286
287/*ツールボタン コンテンツ*/
288.btn-tool,
289a.btn-tool:link,
290a.btn-tool:visited {
291    padding: 0 6px;
292    border: solid 1px #999;
293    display: inline-block;
294    color: #444757;
295    background: url('../img/button/white-grad.png') repeat-x #eee;
296    background-origin: padding-box;
297    background-attachment: scroll;
298    background-clip: border-box;
299    background-color: #c9cbcb;
300    font-size: 100%;
301    text-decoration: none;
302    cursor: pointer;
303
304    /* CSS3 radius */
305    border-radius: 4px;
306    /* Safari, Chrome radius */
307    -webkit-box-sizing: content-box;
308    -webkit-border-radius: 4px;
309    /* Firefox radius */
310    -moz-border-radius: 4px;
311    /* Safari, Chrome radius */
312    -webkit-box-sizing: content-box;
313    -webkit-border-radius: 4px;
314    /* Firefox radius */
315    -moz-border-radius: 4px;
316}
317
318
319/*登録する・検索するボタン*/
320.btn-action,
321a.btn-action:link,
322a.btn-action:visited {
323    padding: 5px 10px;
324    border: solid 1px #bcbecb;
325    display: inline-block;
326    color: #444757;
327    background: url('../img/button/white-grad04.png') top repeat-x #eee;
328    background-attachment: scroll;
329    background-clip: border-box;
330    font-weight: normal;
331    font-size: 80%;
332    text-decoration: none;
333    white-space: nowrap;
334    cursor: pointer;
335
336    /* CSS3 radius */
337    border-radius: 5px;
338    /* Safari, Chrome radius */
339    -webkit-box-sizing: content-box;
340    -webkit-border-radius: 5px;
341    /* Firefox radius */
342    -moz-border-radius: 5px;
343    /* Safari, Chrome radius */
344    -webkit-box-sizing: content-box;
345    -webkit-border-radius: 5px;
346    /* Firefox radius */
347    -moz-border-radius: 5px;
348}
349
350/*商品を選択するボタン(2/18追加)*/
351.btn-action-m,
352a.btn-action-m:link,
353a.btn-action-m:visited {
354    padding: 3px 10px;
355    border: solid 1px #bcbecb;
356    display: inline-block;
357    color: #444757;
358    background: url('../img/button/white-grad04.png') top repeat-x #eee;
359    background-attachment: scroll;
360    background-clip: border-box;
361    font-weight: normal;
362    font-size: 90%;
363    text-decoration: none;
364    white-space: nowrap;
365    cursor: pointer;
366
367    /* CSS3 radius */
368    border-radius: 5px;
369    /* Safari, Chrome radius */
370    -webkit-box-sizing: content-box;
371    -webkit-border-radius: 5px;
372    /* Firefox radius */
373    -moz-border-radius: 5px;
374    /* Safari, Chrome radius */
375    -webkit-box-sizing: content-box;
376    -webkit-border-radius: 5px;
377    /* Firefox radius */
378    -moz-border-radius: 5px;
379}
380
381
382/*戻るボタン*/
383.btn-action .btn-prev {
384    padding: 0 0 0 20px;
385    display: inline-block;
386    background: url('../img/button/ico_prev.gif') left no-repeat;
387    font-weight: bold;
388    font-size: 114%;
389}
390
391
392/*進むボタン*/
393.btn-action .btn-next {
394    padding: 0 20px 0 0;
395    display: inline-block;
396    background: url('../img/button/ico_next.gif') right no-repeat;
397    font-weight: bold;
398    font-size: 114%;
399}
400
401a.btn-normal:hover,
402a.btn-action:hover,
403a.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,
414a.btn-normal:active {
415    background-image: url('../img/button/white-grad-active.png');
416}
417
418
419/*LINK*/
420a:link {
421    color: #39c;
422    text-decoration: none;
423}
424
425a:visited {
426    color: #39c;
427    text-decoration: none;
428}
429
430a:hover {
431    color: #74badc;
432    text-decoration: none;
433}
434
435.left {
436    text-align: left;
437}
438
439.center {
440    text-align: center;
441}
442
443.right {
444    text-align: right;
445}
446
447.attention {
448    color: #f00;
449}
450
451
452/* ヘッダー
453----------------------------------------------- */
454#errorHeader {
455    color: #F00;
456    font-weight: bold;
457    font-size: 12px;
458    background-color: #FEB;
459    text-align: center;
460    padding: 5px;
461}
462#header {
463    width: 100%;
464    height: 51px;
465    background: url('../img/header/header_back.jpg') 0 0 repeat-x;
466}
467
468#header-contents {
469    width: 1030px;
470}
471
472#logo {
473    padding: 12px 0 0 12px;
474    float: left;
475    width: 184px;
476}
477
478#site-check {
479    float: right;
480    width: 820px;
481}
482#site-check p.info {
483    padding-top: 16px;
484    float: left;
485    width: 580px;
486    color: #fff;
487    font-size: 80%;
488}
489
490#site-check ul {
491    padding-top: 14px;
492    float: right;
493}
494
495#site-check ul li {
496    margin-right: 10px;
497    float: left;
498}
499
500
501/* ヘッダーナビ
502----------------------------------------------- */
503#navi-wrap {
504    width: 1030px;
505}
506#navi {
507    z-index: 90;
508    height: 28px;
509    background: url('../img/header/navi_back.jpg') top left repeat-x;
510    font-size: 100%;
511    line-height: 100%;
512}
513
514#navi li {
515    background: url('../img/header/navi_back_line.jpg') no-repeat right;
516    display: block;
517    float: left;
518    cursor: pointer;
519    height: 28px;
520    position: relative;
521}
522
523#navi li a,
524#navi li a span {
525    display: block;
526    _float: left;/*IE6対策*/
527    cursor: pointer;
528}
529
530#navi li a {
531    color: #2d2f39;
532    height: 28px;
533    font-weight: bold;
534    text-decoration: none;
535}
536
537#navi li a span {
538    padding: 7px 10px;
539    _padding: 9px 10px 5px;/*IE6対策*/
540    height: 15px;
541    _height: 13px;/*IE6対策*/
542}
543
544#navi li a:hover {
545    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
546}
547
548#navi li a:hover span {
549    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
550}
551
552#navi li.on a {
553    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
554}
555
556#navi li.on a span {
557    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
558}
559
560#navi li.sfhover a {
561    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
562}
563
564#navi li.sfhover a span {
565    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
566}
567
568#navi li ul {
569    position: absolute;
570    top: 26px;
571    left: -9999px;
572    width: 14px;
573    font-weight: normal;
574    clear: both;
575}
576
577
578/*プルダウンメニュー 第1階層*/
579#navi li li {
580    display: block;
581    top: 2px;
582    width: 180px;
583    height: 27px;
584    line-height: 24px;
585    color: #fff;
586    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
587    font-weight: normal;
588}
589
590#navi li li a {
591    display: block;
592    top: 2px;
593    width: 180px;
594    height: 27px;
595    line-height: 24px;
596    color: #fff;
597    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
598    font-weight: normal;
599}
600
601#navi li li a span {
602    display: block;
603    top: 2px;
604    width: 180px;
605    height: 27px;
606    line-height: 24px;
607    color: #fff;
608    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
609    font-weight: normal;
610}
611
612#navi li li {
613    border: solid #888;
614    border-width: 0 0 1px 0;
615}
616
617#navi li li a span {
618    padding: 2px 0 0 8px;
619    text-indent: 8px;
620}
621
622#navi li li a:hover {
623    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
624}
625
626#navi li li a:hover span {
627    background: #666;
628}
629
630#navi li.on li a,
631#navi li.on li a span,
632#navi li li.on a,
633#navi li li.on a span,
634 {
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.