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

Revision 21401, 25.8 KB checked in by Seasoft, 12 years ago (diff)

2.12系へマイルストーン変更となったチケット分を差し戻し
r21382 #1526 (本来対象外だが、作業を簡単にするため含めた)
r21381 #1586
r21380 #1586
r21379 #1585
r21378 #1582

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