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

Revision 21642, 26.3 KB checked in by eoogle, 12 years ago (diff)

左側ディレクトリツリーの展開に応じてフッターの位置が変わるように修正しました。

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