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

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