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

Revision 22258, 27.5 KB checked in by h_yoshimoto, 11 years ago (diff)

#2025 フォーラムへのリンクボタンを追加
  • 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: "ＭＳ Ｐゴシック","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.btn-tool-format02,
383a.btn-tool-format02:link,
384a.btn-tool-format02:visited {
385    padding: 0 6px;
386    border: solid 1px #FFA801;
387    display: inline-block;
388    color: #393B57;
389    background: url('../img/button/orange-grad.png') repeat-x #eee;
390    background-origin: padding-box;
391    background-attachment: scroll;
392    background-clip: border-box;
393    background-color: #c9cbcb;
394    font-weight: bold;
395    font-size: 90%;
396    text-decoration: none;
397    cursor: pointer;
398
399    /* CSS3 radius */
400    border-radius: 4px;
401    /* Safari, Chrome radius */
402    -webkit-box-sizing: content-box;
403    -webkit-border-radius: 4px;
404    /* Firefox radius */
405    -moz-border-radius: 4px;
406    /* Safari, Chrome radius */
407    -webkit-box-sizing: content-box;
408    -webkit-border-radius: 4px;
409    /* Firefox radius */
410    -moz-border-radius: 4px;
411}
412
413
414/*戻るボタン*/
415.btn-action .btn-prev {
416    padding: 0 0 0 20px;
417    display: inline-block;
418    background: url('../img/button/ico_prev.gif') left no-repeat;
419    font-weight: bold;
420    font-size: 114%;
421}
422
423
424/*進むボタン*/
425.btn-action .btn-next {
426    padding: 0 20px 0 0;
427    display: inline-block;
428    background: url('../img/button/ico_next.gif') right no-repeat;
429    font-weight: bold;
430    font-size: 114%;
431}
432
433a.btn-normal:hover,
434a.btn-action:hover,
435a.btn-tool:hover {
436    border: solid 1px #d5d7df;
437    color: #6d728b;
438}
439
440a.btn-tool-format:hover {
441    border: solid 1px #363a47;
442    color: #6b728b;
443}
444a.btn-tool-format02:hover {
445    border: solid 1px #977742;
446    color: #6b5f53;
447}
448
449a.btn:active,
450a.btn-normal:active {
451    background-image: url('../img/button/white-grad-active.png');
452}
453
454
455/*LINK*/
456a:link {
457    color: #39c;
458    text-decoration: none;
459}
460
461a:visited {
462    color: #39c;
463    text-decoration: none;
464}
465
466a:hover {
467    color: #74badc;
468    text-decoration: none;
469}
470
471.left {
472    text-align: left;
473}
474
475.center {
476    text-align: center;
477}
478
479.right {
480    text-align: right;
481}
482
483.attention {
484    color: #f00;
485}
486
487
488/* ヘッダー
489----------------------------------------------- */
490#errorHeader {
491    color: #F00;
492    font-weight: bold;
493    font-size: 12px;
494    background-color: #FEB;
495    text-align: center;
496    padding: 5px;
497}
498#header {
499    width: 100%;
500    height: 51px;
501    background: url('../img/header/header_back.jpg') 0 0 repeat-x;
502}
503
504#header-contents {
505    width: 1030px;
506}
507
508#logo {
509    padding: 12px 0 0 12px;
510    float: left;
511    width: 184px;
512}
513
514#site-check {
515    float: right;
516    width: 820px;
517}
518#site-check p.info {
519    padding-top: 16px;
520    float: left;
521    width: 400px;
522    color: #fff;
523    font-size: 80%;
524}
525
526#site-check ul {
527    padding-top: 14px;
528    float: right;
529}
530
531#site-check ul li {
532    margin-right: 10px;
533    float: left;
534}
535
536#site-check ul li.bt_forum {
537    padding-right: 14px;
538    margin-right: 0;
539    border-right: 1px solid #343845;
540}
541#site-check ul li.bt_checksite {
542    padding-left: 13px;
543    border-left: 1px solid #717585;
544}
545
546
547/* ヘッダーナビ
548----------------------------------------------- */
549#navi-wrap {
550    width: 1030px;
551}
552#navi {
553    z-index: 90;
554    height: 28px;
555    background: url('../img/header/navi_back.jpg') top left repeat-x;
556    font-size: 100%;
557    line-height: 100%;
558}
559
560#navi li {
561    background: url('../img/header/navi_back_line.jpg') no-repeat right;
562    display: block;
563    float: left;
564    cursor: pointer;
565    height: 28px;
566    position: relative;
567}
568
569#navi li a,
570#navi li a span {
571    display: block;
572    _float: left;/*IE6対策*/
573    cursor: pointer;
574}
575
576#navi li a {
577    color: #2d2f39;
578    height: 28px;
579    font-weight: bold;
580    text-decoration: none;
581}
582
583#navi li a span {
584    padding: 7px 10px;
585    _padding: 9px 10px 5px;/*IE6対策*/
586    height: 15px;
587    _height: 13px;/*IE6対策*/
588}
589
590#navi li a:hover {
591    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
592}
593
594#navi li a:hover span {
595    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
596}
597
598#navi li.on a {
599    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
600}
601
602#navi li.on a span {
603    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
604}
605
606#navi li.sfhover a {
607    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
608}
609
610#navi li.sfhover a span {
611    background: url('../img/header/navi_on.jpg') left 0 repeat-x;
612}
613
614#navi li ul {
615    position: absolute;
616    top: 26px;
617    left: -9999px;
618    width: 14px;
619    font-weight: normal;
620    clear: both;
621}
622
623
624/*プルダウンメニュー 第1階層*/
625#navi li li {
626    display: block;
627    top: 2px;
628    width: 180px;
629    height: 27px;
630    line-height: 24px;
631    color: #fff;
632    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
633    font-weight: normal;
634}
635
636#navi li li a {
637    display: block;
638    top: 2px;
639    width: 180px;
640    height: 27px;
641    line-height: 24px;
642    color: #fff;
643    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
644    font-weight: normal;
645}
646
647#navi li li a span {
648    display: block;
649    top: 2px;
650    width: 180px;
651    height: 27px;
652    line-height: 24px;
653    color: #fff;
654    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
655    font-weight: normal;
656}
657
658#navi li li {
659    border: solid #888;
660    border-width: 0 0 1px 0;
661}
662
663#navi li li a span {
664    padding: 2px 0 0 8px;
665    text-indent: 8px;
666}
667
668#navi li li a:hover {
669    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
670}
671
672#navi li li a:hover span {
673    background: #666;
674}
675
676#navi li.on li a,
677#navi li.on li a span,
678#navi li li.on a,
679#navi li li.on a span,
680 {
681    background: transparent;
682}
683
684#navi li.sfhover li a,
685#navi li.sfhover li a span,
686#navi li li.sfhover a,
687#navi li li.sfhover a span {
688    background: transparent;
689}
690
691#navi li.sfhover li a:hover {
692    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
693}
694
695#navi li li.sfhover a:hover {
696    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
697}
698
699
700/*プルダウンメニュー 第2階層*/
701#navi li ul.level2 {
702    position: absolute;
703    top: 27px;
704    left: -9999px;
705    width: 14px;
706    font-weight: normal;
707}
708
709#navi li li li,
710#navi li li a,
711#navi li li li a span {
712    margin-left: 0;
713    display: block;
714    width: 180px;
715    top: 1px;
716    height: 27px;
717    line-height: 24px;
718    color: #fff;
719    background: #787878;
720    font-weight: normal;
721    background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
722}
723
724#navi li li li.sfhover a:hover {
725    width: 180px;
726    top: 1px;
727    height: 27px;
728    color: #fff;
729    background: url('../img/header/ico_sub_navi.gif') no-repeat left #474747;
730}
731
732#navi li ul ul {
733    margin: -28px 0 0 180px;
734    _margin: -28px 0 0 187px;/*IE6応急 */
735}
736
737#navi li:hover ul ul,
738#navi li:hover ul ul ul,
739#navi li.sfhover ul ul,
740#navi li.sfhover ul ul ul {
741    left: -9999px;
742}
743
744#navi li:hover ul,
745#navi li li:hover ul,
746#navi li li li:hover ul,
747#navi li.sfhover ul,
748#navi li li.sfhover ul,
749#navi li li li.sfhover ul {
750    left: auto;
751}
752
753#navi ul.level1 li.on_level2 {
754    background: url('../img/header/subnavi_bak_l2.gif') top left no-repeat #787878;
755}
756
757#navi ul.level1 li.on_level2 a:hover {
758    background: url('../img/header/subnavi_bak_l2_on.gif') top left no-repeat #787878;
759}
760
761#navi ul.level1 li.on_level2 ul.level2 li a:hover {
762    background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
763}
764
765/*subnavi*/
766.subnavi a {
767    padding: 6px 5px 4px 5px;
768    display: block;
769    width: 140px;
770    color: #fff;
771    background-color: #666;
772    text-decoration: none;
773}
774.subnavi a:visited {
775    color: #fff;
776    text-decoration: none;
777}
778.subnavi a:hover {
779    color: #000;
780    background-color: #666;
781    text-decoration: none;
782}
783.subnavi_text {
784    padding: 0 0 0 8px;
785    font-size: 71%;
786}
787.subnavi-on a {
788    padding: 6px 5px 4px 5px;
789    display: block;
790    width: 140px;
791    color: #000;
792    background-color: #666;
793    text-decoration: none;
794}
795.subnavi-on a:visited {
796    color: #000;
797    text-decoration: none;
798}
799.subnavi-on a:hover {
800    color: #000;
801    background-color: #666;
802    text-decoration: none;
803}
804.number-on a:visited {
805    color: #fff;
806    text-decoration: none;
807}
808.number a:visited {
809    color: #fff;
810    text-decoration: none;
811}
812
813#agreement {
814    margin: 0;
815    border-width: 1px
816    border-color: #c0c0c0;
817    border-style: solid;
818    width: 480px;
819    height: 120px;
820    overflow: auto;
821    background-color : #fff;
822}
823
824
825/* ページャ */
826#contents .pager ul {
827    margin: 10px 0;
828    list-style-type: none;
829}
830
831.pager li {
832    display: inline;
833}
834
835.pager li a {
836    padding: 3px 5px;
837    border: 1px solid #999;
838}
839
840.pager li.on a {
841    background: #f4f5f5;
842}
843
844.pager li a:hover,
845.pager li.on a:hover {
846    background: #f8f8f8;
847    border: 1px solid #ccc;
848}
849
850
851/* コンテンツ
852----------------------------------------------- */
853* html div#container {
854    position: relative;
855    height: 100%;
856    min-height: 100%;
857}
858
859body > #container {
860    height: auto;
861}
862
863#container {
864    position: relative;
865    min-height: 100%;
866}
867
868#contents {
869    padding: 20px 20px 100px;
870    width: 1000px;
871}
872
873#footer {
874    margin-top: 30px;
875    position: fixed;
876    bottom: 0;
877    width: 100%;
878    height: 40px;
879    background: url('../img/contents/footer_back.jpg') 0 0 repeat-x;
880}
881
882#footer-contents {
883    padding-top: 10px;
884    width: 1020px;
885    text-align: right;
886}
887
888#footer #copyright {
889    margin-left: 20px;
890    float: left;
891    color: #fff;
892    font-size: 85%;
893    text-align: left;
894}
895
896#footer #topagetop {
897    float: right;
898}
899
900
901/* ログイン
902----------------------------------------------- */
903#login {
904    margin: 0 auto;
905    padding: 0;
906    width: 100%;
907    text-align: center;
908}
909
910#login-wrap {
911    margin: 150px auto 0;
912    padding: 0;
913    border: 0;
914    text-align: left;
915    width: 556px;
916    z-index: 2;
917    background: url('../img/contents/admin_login_bg.jpg') center top repeat-x;
918    -moz-box-shadow: 0 0 5px #000;/* Firefox */
919    -webkit-box-shadow: 0 0 5px #000;/* Safari and Chrome */
920}
921
922#login-form h1 {
923    margin: 46px auto 20px;
924    padding-left: 50px;
925    padding-bottom: 40px;
926    border: none;
927    float: left;
928    width: 140px;
929    height: 150px;
930    background: none;
931}
932
933#input-form {
934    margin-top: 40px;
935    padding-right: 30px;
936    float: right;
937    width: 255px;
938}
939
940#input-form p {
941    margin-top: 10px;
942    color: #fff;
943    font-size: 100%;
944}
945
946#input-form .btn-tool {
947    margin-top: 5px;
948}
949
950#login #copyright {
951    margin: 0 auto;
952    padding-top: 10px;
953    width: 556px;
954    color: #000000;
955    font-size: 80%;
956    text-align: left;
957}
958
959
960/* エラーメッセージ
961----------------------------------------------- */
962
963
964/*以下インストールページと共通■触るべからず*/
965
966#out-wrap {
967    margin: 100px auto;
968    width: 560px;
969}
970
971#out-wrap .logo {
972    padding-bottom: 5px;
973    float: right;
974}
975
976#out {
977    margin: 0 auto;
978    width: 560px;
979}
980
981#error .out-top {
982    clear: both;
983    width: 560px;
984    height: 10px;
985    background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
986}
987
988/*以上インストールページと共通■触るべからず*/
989
990
991#error .contents {
992    border-right: solid 1px #d9dadf;
993    border-left: solid 1px #d9dadf;
994}
995
996#error .contents .message {
997    padding: 20px 30px;
998    text-align: center;
999}
1000
1001#error .btn-area-top {
1002    width: 560px;
1003    height: 10px;
1004    background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
1005}
1006
1007#error .btn-area ul {
1008    padding: 20px 0 10px 0;
1009    width: 560px;
1010    background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
1011}
1012
1013#error .btn-area ul li {
1014    text-align: center;
1015}
1016
1017#error .btn-area-bottom {
1018    width: 560px;
1019    height: 10px;
1020    background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
1021}
1022
1023
1024/* 完了メッセージ
1025----------------------------------------------- */
1026#complete {
1027    margin: 40px 0 0 80px;
1028    width: 560px;
1029}
1030
1031#complete .complete-top {
1032    clear: both;
1033    width: 560px;
1034    height: 10px;
1035    background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
1036}
1037
1038#complete .contents {
1039    border-right: solid 1px #d9dadf;
1040    border-left: solid 1px #d9dadf;
1041}
1042
1043#complete .contents .message {
1044    padding: 20px 30px;
1045    color: #b77615;
1046    font-weight: bold;
1047    text-align: center;
1048}
1049
1050#complete .btn-area-top {
1051    width: 560px;
1052    height: 10px;
1053    background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
1054}
1055
1056#complete .btn-area ul {
1057    margin: 0;
1058    padding: 20px 0 10px 0;
1059    width: 560px;
1060    background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
1061    text-align: center;
1062}
1063
1064#complete .btn-area ul li {
1065    margin-right: 10px;
1066    display: inline;
1067}
1068
1069#complete .btn-area-bottom {
1070    clear: both;
1071    width: 560px;
1072    height: 10px;
1073    background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
1074}
1075
1076
1077/* メインページ
1078----------------------------------------------- */
1079#home-main {
1080    margin-right: 300px;
1081}
1082
1083#home-main table {
1084    width: 100%;
1085}
1086
1087* html #home-main table {
1088    width: 99%;
1089}
1090
1091#home .shop-info {
1092    margin: 0 0 20px;
1093}
1094
1095#home .shop-info td {
1096    width: 60%;
1097    text-align: right;
1098}
1099
1100#home-info {
1101    border-left: 1px solid #ccc;
1102    float: right;
1103    width: 280px;
1104}
1105
1106#home-info .banner {
1107    padding-bottom: 10px;
1108}
1109#home-info .banner p {
1110    text-align: right;
1111    padding-bottom: 10px;
1112}
1113#home-info .banner p a:hover img {
1114    opacity:0.8;
1115    filter: alpha(opacity=80);
1116}
1117.home-info-item {
1118    margin: 0 0 15px 20px;
1119    width: 260px;
1120    line-height: 14px;
1121    font-size: 85%;
1122}
1123
1124.home-info-item .body {
1125    margin: 5px 0 0 0;
1126}
1127
1128.home-info-item .date {
1129    background: #ddd;
1130    padding: 5px 10px 0px;
1131}
1132
1133.home-info-item .title {
1134    padding: 0 10px 5px;
1135    background: #ddd;
1136}
1137
1138
1139/* 基本情報管理
1140----------------------------------------------- */
1141/* 郵便番号DB登録 */
1142.basis-zip-item {
1143    margin-bottom: 30px;
1144}
1145
1146.basis-zip-item.end {
1147    margin-bottom: 60px;
1148}
1149
1150.basis-zip-item.info {
1151    padding-top: 20px;
1152}
1153
1154.basis-zip-item p {
1155    margin-bottom: 10px;
1156}
1157
1158
1159/* 商品管理
1160----------------------------------------------- */
1161#products-category-left,
1162#products-rank-left {
1163    float: left;
1164    width: 285px;
1165    min-height: 200px;
1166}
1167
1168#products-category-right,
1169#products-rank-right {
1170    margin-left: 285px;
1171}
1172
1173#products-class-list .action {
1174    width: 100px;
1175}
1176
1177#contents-filemanager-tree #tree {
1178    float: left;
1179    min-height: 200px;
1180}
1181
1182#products-category-left,
1183#products-rank-left {
1184    min-height: 200px;
1185    padding: 10px;
1186    border: 3px solid #ddd;
1187    width: 230px;
1188    background-color: #f3f3f3;
1189}
1190
1191#products-category-right .now_dir {
1192    margin-bottom: 20px;
1193    padding: 10px;
1194    border: 1px solid #ccc;
1195}
1196
1197#products .class-payment {
1198    padding-top: 15px;
1199    font-size: 88%;
1200}
1201#products label {
1202    white-space: nowrap;
1203}
1204#products .class-product-type label {
1205    white-space: normal;
1206}
1207#products .list-info {
1208    padding-top: 10px;
1209    border-top: solid 1px #ccc;
1210}
1211#products .list-info .btn {
1212    float: left;
1213    margin-right: 20px;
1214}
1215#products .list-info p {
1216    float: right;
1217    color: #444757;
1218}
1219
1220
1221/* 受注管理
1222----------------------------------------------- */
1223/* 対応状況管理 */
1224#order-status-list th.id {
1225    width: 40px;
1226}
1227
1228
1229/* 期間別集計
1230----------------------------------------------- */
1231#graph-image {
1232    margin: 0 0 20px 0;
1233}
1234
1235
1236/* デザイン管理
1237----------------------------------------------- */
1238/* レイアウト設定 */
1239.design-layout {
1240    table-layout: fixed;
1241}
1242
1243.design-layout th,
1244.design-layout td {
1245    vertical-align: top;
1246    text-align: center;
1247}
1248
1249#design-layout-used {
1250    width: 525px;
1251}
1252
1253#design-layout-unused {
1254    width: 175px;
1255}
1256
1257.design-layout #LeftNavi,
1258.design-layout #MainHead,
1259.design-layout #RightNavi {
1260    width: 33.33%;
1261}
1262
1263.design-layout #TopNavi,
1264.design-layout #HeadNavi,
1265.design-layout #HeaderTopNavi,
1266.design-layout #LeftNavi,
1267.design-layout #MainHead,
1268.design-layout #MainFoot,
1269.design-layout #RightNavi,
1270.design-layout #BottomNavi,
1271.design-layout #FooterBottomNavi,
1272.design-layout #HeaderInternalNavi,
1273.design-layout #Unused {
1274    padding-bottom: 20px;
1275    height: 10px; /*IE6応急処置 */
1276}
1277
1278.design-layout div.sort {
1279    margin: 5px 0;
1280    padding: 5px 2px;
1281    border: 1px solid #000;
1282    color: #333;
1283    background: #eee;
1284    font-size: 100%;
1285}
1286
1287.design-layout .anywherecheck {
1288    white-space: nowrap;
1289}
1290
1291.placeholder {
1292    border: 1px dashed #aaa;
1293    height: 20px;
1294}
1295
1296#layout-header {
1297    vertical-align: middle;
1298}
1299
1300
1301/* コンテンツ管理
1302----------------------------------------------- */
1303#contents-csv-sqltbl {
1304    margin-bottom: 40px;
1305}
1306
1307/* システム設定
1308----------------------------------------------- */
1309/* プラグイン管理 */
1310td.plugin_img {
1311    border-width: 1px 0px 1px 1px;
1312}
1313td.plugin_info {
1314    border-width: 1px 1px 1px 0px;
1315}
1316td.plugin_info p.description {
1317    margin: 8px 0 10px 5px;
1318}
1319
1320td.plugin_info span.ec_cube_version {
1321    font-style: italic;
1322    font-size: 80%;
1323}
1324
1325td.plugin_info span.plugin_name {
1326    font-weight: bold;
1327}
1328
1329td.attention_fookpoint {
1330    background-color: #FEB;
1331}
1332
1333/* フォーム
1334----------------------------------------------- */
1335div.btn,
1336p.remark {
1337    margin: 0 0 20px 0;
1338}
1339
1340/*FORM*/
1341.box3 {
1342    width: 33px;
1343}
1344/*W3*/
1345
1346.box6 {
1347    width: 54px;
1348}
1349/*W6*/
1350
1351.box10 {
1352    width: 82px;
1353}
1354/*W10*/
1355
1356.box20 {
1357    width: 152px;
1358}
1359/*W20*/
1360
1361.box25 {
1362    width: 187px;
1363}
1364/*W25*/
1365
1366.box30 {
1367    width: 222px;
1368}
1369/*W30*/
1370
1371.box33 {
1372    width: 243px;
1373}
1374/*W33*/
1375
1376.box35 {
1377    width: 257px;
1378}
1379/*W35*/
1380
1381.box40 {
1382    width: 276px;
1383}
1384/*W40*/
1385
1386.box45 {
1387    width: 341px;
1388}
1389/*W45*/
1390
1391.box50 {
1392    width: 362px;
1393}
1394/*W50*/
1395
1396.box52 {
1397    width: 376px;
1398}
1399/*W52*/
1400
1401.box54 {
1402    width: 390px;
1403}
1404/*W54*/
1405
1406.box60 {
1407    width: 432px;
1408}
1409/*W60*/
1410
1411.box65 {
1412    width: 467px;
1413}
1414/*W65*/
1415
1416.box68 {
1417    width: 488px;
1418}
1419/*W68*/
1420
1421.box76 {
1422    width: 544px;
1423}
1424/*W76*/
1425
1426.area40 {
1427    width: 302px;
1428    height: 134px;
1429}
1430/*W40×H8*/
1431
1432.area45 {
1433    width: 337px;
1434    height: 290px;
1435}
1436/*W40×H20*/
1437
1438.area46 {
1439    width: 337px;
1440    height: 134px;
1441}
1442/*W40×H8*/
1443
1444.area50 {
1445    width: 372px;
1446    height: 82px;
1447}
1448/*W50?H4*/
1449
1450.area55 {
1451    width: 407px;
1452    height: 82px;
1453}
1454/*W50?H4*/
1455
1456.area59 {
1457    width: 432px;
1458    height: 134px;
1459}
1460/*W59×H8*/
1461
1462.area60 {
1463    width: 433px;
1464    height: 134px;
1465}
1466/*W60?H8*/
1467
1468.area61 {
1469    width: 433px;
1470    height: 82px;
1471}
1472/*W60?H4*/
1473
1474.area65 {
1475    width: 444px;
1476    height: 290px;
1477}
1478/*W65×H20*/
1479
1480.area70 {
1481    width: 512px;
1482    height: 186px;
1483}
1484/*W70?H12*/
1485
1486.area75 {
1487    width: 547px;
1488    height: 186px;
1489}
1490/*W75?H12*/
1491
1492.area80 {
1493    width: 572px;
1494    height: 134px;
1495}
1496/*W80×H8*/
1497
1498.area90 {
1499    width: 650px;
1500    height: 420px;
1501}
1502
1503.area96 {
1504    width: 694px;
1505    height: 420px;
1506}
1507/*W80×H30*/
1508
1509.area96_2 {
1510    width: 694px;
1511    height: 160px;
1512}
1513/*W80×H10*/
1514
1515.area99 {
1516    width: 715px;
1517    height: 523px;
1518}
1519/*W99?H40*/
1520
1521/*COLOR*/
1522.red {
1523    color: #f00;
1524}
1525
1526
1527/*FONT*/
1528.bold {
1529    font-weight: bold;
1530}
1531
1532
1533/* フロート解除 */
1534.clearfix:after {
1535    display: block;
1536    clear: both;
1537    height: 0;
1538    line-height: 0;
1539    visibility: hidden;
1540    content: ".";
1541}
1542
1543
1544/* 権限 */
1545x-dummy,
1546.authority_1 #navi-basis-masterdata,
1547.authority_1 #navi-contents-file,
1548.authority_1 #navi-design-bloc,
1549.authority_1 #navi-design-template,
1550.authority_1 #navi-design-add,
1551.authority_1 #navi-system,
1552.authority_1 #navi-ownersstore {
1553    /* display: none; --- IE で不具合 */
1554    border: none;
1555    width: 0;
1556    height: 0;
1557    overflow: hidden;
1558    visibility: hidden;
1559}
1560
1561
1562/* DnD並び替え系の設定 */
1563tr.movingHandle td {
1564    background-color: #eee;
1565}
1566
1567
1568/* ハンドルの設定 */
1569.dragHandle {
1570    font-weight: bold;
1571    text-align: center;
1572    cursor: n-resize;
1573}
1574
1575
1576/* アクティブハンドルの設定 */
1577.activeHandle {
1578    color: #f9a406;
1579}
1580
1581
1582table.layout,
1583table.layout th,
1584table.layout td {
1585    margin: 0;
1586    padding: 0;
1587    border: none;
1588    width: auto;
1589    vertical-align: top;
1590}
1591
1592
1593/* ログ表示用 */
1594.log td {
1595    padding-top: 0;
1596    padding-bottom: 0;
1597    vertical-align: top;
1598}
1599
1600.log .date {
1601    white-space: nowrap;
1602}
1603
1604
1605/* ポップアップ画面用 */
1606body#popup {
1607    width: 100%;
1608}
1609
1610#popup-header {
1611    margin-bottom: 30px;
1612    width: 100%;
1613    height: 35px;
1614    background: url('../img/header/popup_back.jpg') repeat-x;
1615    text-align: right;
1616}
1617
1618#popup-logo {
1619    padding: 10px 10px 0 0;
1620}
1621
1622#popup-container {
1623    margin: 0 auto;
1624    padding: 0 20px;
1625    width: 560px;
1626}
1627
1628
1629/*以下インストールページと共通■触るべからず*/
1630
1631#outside {
1632    margin: 0 auto;
1633    padding: 0;
1634    text-align: center;
1635    width: 100%;
1636}
1637
1638/*以上インストールページと共通■触るべからず*/
Note: See TracBrowser for help on using the repository browser.