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

Revision 22789, 26.3 KB checked in by Seasoft, 11 years ago (diff)

#2043 (typo修正・ソース整形・ソースコメントの改善 for 2.13.0)

  • フロント機能よりも過剰にa要素が修飾されるのを回避。

#2044 (無駄な処理を改善する for 2.12.4)

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