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

Revision 20407, 25.3 KB checked in by kotani, 13 years ago (diff)

#812 (トランザクションIDの自動生成/自動検証), #1053 (transactionidが埋め込まれる前にクリックされるとエラー)

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