ここの情報は古いです。ご理解頂いた上でお取り扱いください。

source: OpenPNE/branches/stable-2.12.x/public_html/xhtml_style.php @ 7696

Last change on this file since 7696 was 7696, checked in by masabon, 13 years ago

#2598:Win:IE6でrecentListを表示すると日付の部分が一部ずれるバグを修正するr7644の取り込み

File size: 52.6 KB
Line 
1<?php
2/**
3 * @copyright 2005-2008 OpenPNE Project
4 * @license   http://www.php.net/license/3_01.txt PHP License 3.01
5 */
6
7require_once './config.inc.php';
8require_once OPENPNE_WEBAPP_DIR . '/init.inc';
9require_once 'smarty_plugins/function.t_img_url_skin.php';
10
11$custom_css = p_common_c_siteadmin4target_pagename('inc_custom_css');
12$decoration_config = db_decoration_enable_list();
13$old_colors = util_get_color_config();
14$colors = array(
15    1 => $old_colors['bg_01'], // 1. 線の色
16    2 => $old_colors['bg_12'], // 2. ページ背景
17    3 => $old_colors['bg_13'], // 3. コンテンツ領域背景
18    4 => $old_colors['bg_00'], // 4. 枠色
19    5 => $old_colors['bg_06'], // 5. 見出し背景
20    6 => $old_colors['bg_09'], // 6. 説明領域背景
21    7 => $old_colors['bg_02'], // 7. ボックスの背景
22    8 => $old_colors['bg_10'], // 8. 左メニュー枠色
23);
24
25function getSkin($name)
26{
27    $params['filename'] = $name;
28    return smarty_function_t_img_url_skin($params, $dummy);
29}
30
31header('Content-Type: text/css');
32
33header('Cache-Control: max-age=315360000');
34header('Expires: ' . gmdate('D, d M Y H:i:s', strtotime('+10 years')) . ' GMT');
35?>
36@charset "UTF-8";
37
38/*==============================================================================
39 * デフォルトスタイルシートの上書き
40 *----------------------------------------------------------------------------*/
41body, div, p, pre, blockquote, th, td,
42dl, dt, dd, ul, ol, li,
43h1, h2, h3, h4, h5, h6,
44iframe, object, embed {
45        margin: 0;
46        padding: 0;
47        border: none;
48        text-align: left;
49}
50ul, ol {
51        list-style-position: outside;
52        list-style-type: none;
53}
54table {
55        border-collapse: separate;
56        border-spacing: 0;
57        empty-cells: show;
58        margin: 0;
59        font-size: 1em;
60}
61* {
62        word-break: break-all;
63}
64*:first-child+html table {
65        border-collapse: collapse;
66}
67* html table {
68        border-collapse: collapse;
69}
70th, td {
71        vertical-align: middle;
72}
73address, cite, caption, th, del, ins,
74abbr, acronym, dfn, em, strong,
75code, kbd, samp, var {
76        border: none;
77        font-style: normal;
78        font-variant: normal;
79        font-weight: normal;
80        text-align: left;
81        text-decoration: none;
82}
83img {
84        border: none;
85        vertical-align: baseline;
86}
87a img {
88        vertical-align: text-bottom;
89}
90* html a img {
91        vertical-align: baseline;
92}
93br {
94        letter-spacing: 0;
95}
96h1, h2, h3, h4, h5, h6 {
97        font-size: 100%;
98        font-weight: normal;
99}
100q:before, q:after {
101        content: "";
102}
103form, fieldset, input, textarea {
104        margin: 0;
105}
106form, fieldset {
107        padding: 0;
108}
109fieldset {
110        border: none;
111}
112form p {
113        margin: 0;
114        padding: 0;
115}
116
117/*==============================================================================
118 * OpenPNE全共通指定
119 *----------------------------------------------------------------------------*/
120body {
121        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
122}
123input,
124textarea,
125select {
126        color: #333333;
127        font-size: inherit;
128        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
129}
130a:link {
131        color: #026cd1;
132}
133a:visited {
134        color: #004a95;
135}
136a:hover, a:active {
137        color: #76afe6;
138}
139.input_text,
140.input_password,
141textarea {
142        background-color: #f8f8f8;
143}
144.input_text,
145.input_password,
146textarea,
147select {
148        border: 1px solid #888888;
149}
150.input_image {
151        border: none;
152}
153p {
154        overflow: hidden;
155}
156strong {
157        font-weight: bold;
158}
159/*----------------------------------------------
160 * テーブル
161 *--------------------------------------------*/
162div.parts table {
163        table-layout: fixed;
164        width: 100%;
165}
166div.parts th,
167div.parts td {
168        overflow: hidden;
169        border-width: 1px 0 0 1px;
170        border-style: solid;
171        border-color: #<?php echo $colors[1]; ?>;
172}
173div.parts tr th:first-child,
174div.parts tr td:first-child,
175div.parts tr th.first-child,
176div.parts tr td.first-child {
177        border-left-width: 0;
178}
179/*----------------------------------------------
180 * マーカー付きリンク、ボタンリンク
181 *--------------------------------------------*/
182ul.moreInfo li {
183        padding: 2px 0 2px 20px;
184        background: url(<?php echo getSkin('icon_arrow_1'); ?>) no-repeat 0 0.4em;
185}
186ul.moreInfo.button li {
187        padding: 0;
188        background: none;
189}
190ul.moreInfo.button li form {
191        display: inline;
192}
193ul.moreInfo.button li form .input_submit {
194        margin: 0 5px;
195}
196/*----------------------------------------------
197 * サブミットボタン
198 *--------------------------------------------*/
199.input_submit {
200        border: 1px solid #888888;
201        background: #dadce6 url(<?php echo getSkin('bg_button'); ?>) repeat-x scroll 50% 0;
202        letter-spacing: 0;
203}
204.input_file {
205        background: none;
206}
207/*----------------------------------------------
208 * ラジオボタン、セレクトボタン
209 *--------------------------------------------*/
210.input_checkbox,
211.input_radio {
212        width: 16px;
213}
214ul.check {
215        line-height: 1.4;
216}
217ul.check .input_radio,
218ul.check .input_checkbox {
219        margin: 0 4px;
220}
221/*----------------------------------------------
222 * 画像置換指定
223 *--------------------------------------------*/
224#globalNav a,
225#globalNavBefore a,
226.localNav a {
227        display: block;
228        width: 100%;
229        height: 100%;
230        margin: 0;
231        padding: 0;
232        border: none;
233        text-indent: -9999px;
234        text-decoration: none;
235}
236#globalNav a:focus,
237#globalNavBefore a:focus,
238.localNav a:focus {
239        overflow: hidden;
240}
241/*----------------------------------------------
242 * clearfix, overflow: hidden
243 *--------------------------------------------*/
244div#LayoutA,
245div#LayoutB,
246div#LayoutC {
247        zoom: 1;
248        overflow: hidden;
249        overflow: -moz-scrollbars-none;
250}
251#Left,
252#Center {
253        overflow: hidden;
254}
255
256/*----------------------------------------------
257 * ベースレイアウト
258 *--------------------------------------------*/
259#Container {
260        position: relative;
261        width: 720px;
262}
263#Header {
264        position: relative;
265}
266#topBanner {
267        position: absolute;
268        top: 5px;
269        left: 247px;
270        width: 468px;
271        height: 60px;
272}
273#Top {
274        padding-left: 5px;
275}
276#Top .infoBox,
277#Top .descriptionBox {
278        margin: 0 20px 10px;
279}
280#LayoutA #Left {
281        float: left;
282        width: 270px;
283        padding: 0 5px;
284}
285#LayoutA #Center {
286        float: right;
287        width: 440px;
288}
289#LayoutB #Left {
290        float: left;
291        width: 180px;
292}
293#LayoutB #Center {
294        float: right;
295        width: 540px;
296}
297#LayoutC #Center {
298        width: 650px;
299        margin: 0 auto;
300}
301#Footer {
302        width: 720px;
303        height: 21px;
304        background: url(<?php echo getSkin('skin_footer'); ?>) 0 0 no-repeat;
305}
306#Footer p {
307        padding-right: 12px;
308        line-height: 21px;
309        text-align: right;
310}
311#sideBanner {
312        position: absolute;
313        top: 0px;
314        left: 720px;
315        width: 230px;
316}
317
318/*----------------------------------------------
319 * パーツ枠
320 *--------------------------------------------*/
321div.dparts,
322div.dparts div.parts,
323div.ditem,
324#LayoutA #Left div.parts {
325        border: 1px solid #<?php echo $colors[1]; ?>;
326}
327div.ditem div.item {
328        border-width: 0 1px 1px;
329        border-style: solid;
330        border-color: #<?php echo $colors[1]; ?>;
331}
332div.dparts {
333        margin: 0 auto 10px;
334        padding: 7px;
335}
336div.dparts div.parts {
337        margin: 0;
338}
339div.parts {
340        margin: 0 auto 10px;
341}
342div.ditem {
343        padding: 5px 6px;
344}
345/*----------------------------------------------
346 * パーツ見出し
347 *--------------------------------------------*/
348.partsHeading {
349        overflow: hidden;
350        padding: 2px 0 2px 36px;
351        background: #<?php echo $colors[5]; ?> url(<?php echo getSkin('content_header_1'); ?>) no-repeat 0 0;
352        text-align: left;
353        font-size: 100%;
354}
355#LayoutA #Left .partsHeading {
356        padding-left: 24px;
357        background-image: url(<?php echo getSkin('icon_title_1'); ?>);
358}
359.partsHeading h3 {
360        display: inline;
361        font-weight: bold;
362}
363.partsHeading p {
364        display: inline;
365        margin-left: 0.5em;
366}
367/*----------------------------------------------
368 * パーツ内上下の部分(1件~20件を表示など)
369 *--------------------------------------------*/
370div.block,
371div.partsInfo,
372div.pagerAbsolute,
373div.pagerRelative,
374div.pagerRelativeMulti,
375div.operation {
376        border-top: 1px solid #<?php echo $colors[1]; ?>;
377}
378div.partsInfo {
379        padding: 10px 40px;
380}
381div.pagerAbsolute {
382        padding: 4px;
383        text-align: center;
384}
385div.pagerAbsolute p {
386        display: inline;
387}
388div.pagerRelative {
389        padding: 4px;
390        text-align: right;
391}
392div.pagerRelativeMulti {
393        padding: 4px;
394}
395div.pagerRelative p,
396div.pagerRelativeMulti div.pager p {
397        display: inline;
398        margin-left: 10px;
399}
400div.pagerRelativeMulti {
401        zoom: 1;
402        position: relative;
403}
404div.pagerRelativeMulti div.pager {
405        position: absolute;
406        top: 1em;
407        right: 4px;
408}
409div.operation {
410        padding: 4px;
411}
412div.operation ul.moreInfo {
413        text-align: center;
414}
415div.operation ul.moreInfo li {
416        display: inline;
417        background-position: 0 50%;
418}
419/*----------------------------------------------
420 * カレンダー
421 *--------------------------------------------*/
422.sideNav .calendar td,
423.sideNav .calendar td * {
424        word-break: normal;
425        letter-spacing: -1px;
426}
427#Body .calendar .holiday,
428.calendar .sun {
429        color: #d92c49;
430}
431.calendar .sat {
432        color: #2c65d9;
433}
434
435/*==============================================================================
436 * h系、f系、c系ナビメニュー(localNav)
437 *----------------------------------------------------------------------------*/
438#globalNav,
439#globalNavBefore {
440        zoom: 1;
441        position: relative;
442        width: 720px;
443}
444#globalNav {
445        height: 96px;
446        background: url(<?php echo getSkin('skin_after_header'); ?>) 0 0 no-repeat;
447}
448#globalNavBefore {
449        height: 125px;
450        margin-bottom: 10px;
451        background: url(<?php echo getSkin('skin_before_header'); ?>) 0 0 no-repeat;
452}
453.localNav {
454        zoom: 1;
455        position: relative;
456        width: 720px;
457        height: 29px;
458}
459#hLocalNav {
460        background: url(<?php echo getSkin('skin_navi_h'); ?>) 0 0 no-repeat;
461}
462#fLocalNav {
463        background: url(<?php echo getSkin('skin_navi_f'); ?>) 0 0 no-repeat;
464}
465#cLocalNav {
466        background: url(<?php echo getSkin('skin_navi_c'); ?>) 0 0 no-repeat;
467}
468<?php if (OPENPNE_ENABLE_ROLLOVER): ?>
469#globalNav li a:hover, #globalNav li a:active {
470        background-image: url(<?php echo getSkin('skin_after_header_2'); ?>);
471}
472#hLocalNav li a:hover, #hLocalNav li a:active {
473        background-image: url(<?php echo getSkin('skin_navi_h_2'); ?>);
474}
475#fLocalNav li a:hover, #fLocalNav li a:active {
476        background-image: url(<?php echo getSkin('skin_navi_f_2'); ?>);
477}
478#cLocalNav li a:hover, #cLocalNav li a:active {
479        background-image: url(<?php echo getSkin('skin_navi_c_2'); ?>);
480}
481<?php endif; ?>
482
483#globalNav h1,
484#globalNavBefore h1 {
485        position: absolute;
486        top: 5px;
487        left: 0;
488        width: 240px;
489        height: 60px;
490}
491#globalNav li, .localNav li {
492        position: absolute;
493}
494
495li#globalNav_1,
496li#globalNav_2,
497li#globalNav_3 {
498        top: 70px;
499        height: 18px;
500}
501li#globalNav_4,
502li#globalNav_5,
503li#globalNav_6,
504li#globalNav_7,
505li#globalNav_8,
506li#globalNav_9 {
507        top: 68px;
508        height: 20px;
509}
510li#globalNav_1 { left:   2px; width: 88px; }
511li#globalNav_2 { left:  90px; width: 90px; }
512li#globalNav_3 { left: 180px; width: 88px; }
513li#globalNav_4 { left: 290px; width: 70px; }
514li#globalNav_5 { left: 360px; width: 72px; }
515li#globalNav_6 { left: 432px; width: 72px; }
516li#globalNav_7 { left: 504px; width: 72px; }
517li#globalNav_8 { left: 576px; width: 72px; }
518li#globalNav_9 { left: 648px; width: 70px; }
519li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
520li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
521li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
522li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
523li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
524li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
525li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
526li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
527li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
528
529#hLocalNav li {
530        top: 0;
531        width: 80px;
532        height: 29px;
533}
534li#hLocalNav_1 { left:   0px; }
535li#hLocalNav_2 { left:  80px; }
536li#hLocalNav_3 { left: 160px; }
537li#hLocalNav_4 { left: 240px; }
538li#hLocalNav_5 { left: 320px; }
539li#hLocalNav_6 { left: 400px; }
540li#hLocalNav_7 { left: 480px; }
541li#hLocalNav_8 { left: 560px; }
542li#hLocalNav_9 { left: 640px; }
543li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
544li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
545li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
546li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
547li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
548li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
549li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
550li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
551li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }
552
553#fLocalNav li {
554        top: 0;
555        width: 80px;
556        height: 29px;
557}
558li#fLocalNav_1 { left:   0px; }
559li#fLocalNav_2 { left:  80px; }
560li#fLocalNav_3 { left: 160px; }
561li#fLocalNav_4 { left: 240px; }
562li#fLocalNav_5 { left: 320px; }
563li#fLocalNav_6 { left: 400px; }
564li#fLocalNav_7 { left: 480px; }
565li#fLocalNav_8 { left: 560px; }
566li#fLocalNav_9 { left: 640px; }
567li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
568li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
569li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
570li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
571li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
572li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
573li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
574li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
575li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }
576
577#cLocalNav li {
578        top: 0;
579        width: 120px;
580        height: 29px;
581}
582li#cLocalNav_1 { left:   0px; }
583li#cLocalNav_2 { left: 120px; }
584li#cLocalNav_3 { left: 240px; }
585li#cLocalNav_4 { left: 360px; }
586li#cLocalNav_5 { left: 480px; }
587li#cLocalNav_6 { left: 600px; }
588li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
589li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
590li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
591li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
592li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
593li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
594
595/*==============================================================================
596 * 1. simpleBox(シンプルボックス)
597 *----------------------------------------------------------------------------*/
598.simpleBox .block {
599        padding: 10px 0;
600}
601.simpleBox .block p {
602        text-align: center;
603}
604
605/*==============================================================================
606 * 2. descriptionBox(説明ボックス)
607 *----------------------------------------------------------------------------*/
608.descriptionBox p {
609        margin: 12px;
610}
611
612/*==============================================================================
613 * 3. alertBox(アラートボックス)
614 *----------------------------------------------------------------------------*/
615.alertBox {
616        width: 564px;
617}
618#Body .alertBox th {
619        width: 148px;
620        padding: 8px 0;
621        border: none;
622        text-align: center;
623}
624#Body .alertBox td {
625        padding: 6px;
626        border-width: 0 0 0 1px;
627        color: #ff0000;
628}
629
630/*==============================================================================
631 * 4. infoBox(案内ボックス)
632 *----------------------------------------------------------------------------*/
633.infoBox .parts {
634        zoom: 1;
635        overflow: hidden;
636        position: relative;
637}
638.infoBox p {
639        overflow: hidden;
640        margin-right: 16em;
641        padding: 5px;
642        border-right: 1px solid #<?php echo $colors[1]; ?>;
643        background: #<?php echo $colors[6]; ?>;
644}
645.infoBox ul.moreInfo {
646        position: absolute;
647        bottom: 3px;
648        right: 0;
649        width: 15.5em;
650}
651
652/*==============================================================================
653 * 5. infoButtonBox(ボタン付き案内ボックス)
654 *----------------------------------------------------------------------------*/
655.infoButtonBox .block {
656        padding: 30px 10px;
657}
658.infoButtonBox p,
659.infoButtonBox ul {
660        margin-top: 6px;
661        text-align: center;
662}
663.infoButtonBox ul.check li {
664        text-align: center;
665}
666.infoButtonBox ul.check li .input_submit {
667        margin-top: 6px;
668}
669.infoButtonBox ul.moreInfo {
670        margin-left: 230px;
671}
672.infoButtonBox ul.moreInfo.button {
673        margin-left: 0;
674}
675.infoButtonBox ul.moreInfo.button li {
676        text-align: center;
677}
678
679/*==============================================================================
680 * 6. yesNoButtonBox(はい、いいえボタン付きボックス)
681 *----------------------------------------------------------------------------*/
682.yesNoButtonBox .block {
683        padding: 10px 0;
684}
685.yesNoButtonBox .block p,
686.yesNoButtonBox ul.moreInfo.button {
687        text-align: center;
688}
689.yesNoButtonBox ul.moreInfo.button {
690        margin-top: 4px;
691}
692.yesNoButtonBox ul.moreInfo.button li {
693        display: inline;
694}
695
696/*==============================================================================
697 * 7. searchFormBox(検索フォームボックス)
698 *----------------------------------------------------------------------------*/
699.searchFormBox .partsHeading {
700        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
701}
702.searchFormBox .parts {
703        zoom: 1;
704}
705.searchFormBox .item {
706        overflow: hidden;
707        margin: 10px 40px;
708        padding-top: 8px;
709        border: 1px solid #<?php echo $colors[1]; ?>;
710}
711.searchFormBox label,
712.searchFormBox span.label {
713        margin: 0 4px 0 8px;
714        padding: 1px 16px 0 0;
715        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
716}
717.searchFormBox .input_submit {
718        margin-right: 8px;
719}
720.searchFormBox p.desc {
721        margin: 0 4px 16px 8px;
722}
723.searchFormBox p.form {
724        margin: 0 4px 8px 0;
725}
726.searchFormBox p.note {
727        margin: -4px 4px 8px 8px;
728}
729.searchFormBox ul.moreInfo {
730        margin: 0 4px 8px 150px;
731}
732.searchFormBox div.block {
733        padding: 8px 0;
734}
735.searchFormBox dl.category {
736        zoom: 1;
737}
738.searchFormBox dl.category dt {
739        float: left;
740        width: 6em;
741}
742.searchFormBox dl.category dd {
743        zoom: 1;
744        margin-left: 6em;
745}
746.searchFormBox dl.category dd p {
747        margin: 0 16px;
748}
749.searchFormBox dl.categories dt {
750        margin-bottom: 4px;
751}
752.searchFormBox table.category th {
753        width: 74px;
754        padding: 3px 7px 3px 5px;
755        border: none;
756        background: url(<?php echo getSkin('colon'); ?>) no-repeat 100% 4px;
757        font-weight: bold;
758        vertical-align: top;
759}
760.searchFormBox table.category td {
761        padding: 3px 8px;
762        border: none;
763        vertical-align: top;
764}
765
766/*==============================================================================
767 * 8. diaryDetailBox(日記詳細ボックス)
768 *----------------------------------------------------------------------------*/
769.diaryDetailBox .partsHeading {
770        zoom: 1;
771        position: relative;
772}
773.diaryDetailBox .partsHeading p.public {
774        position: absolute;
775        right: 3px;
776}
777.diaryDetailBox dl {
778        zoom: 1;
779        overflow: hidden;
780        overflow: -moz-scrollbars-none;
781        border-top: 1px solid #<?php echo $colors[1]; ?>;
782}
783.diaryDetailBox dt {
784        float: left;
785        width: 70px;
786        padding-top: 5px;
787        text-align: center;
788}
789.diaryDetailBox dd {
790        zoom: 1;
791        min-height: 4.2em;
792        margin-left: 70px;
793        border-left: 1px solid #<?php echo $colors[1]; ?>;
794}
795* html .diaryDetailBox dd {
796        height: 4.2em;
797}
798.diaryDetailBox dd div {
799        border-top: 1px solid #<?php echo $colors[1]; ?>;
800}
801.diaryDetailBox dd div p {
802        padding: 4px 3px;
803}
804.diaryDetailBox dd div.title {
805        border-top: none;
806}
807.diaryDetailBox dd div.body {
808        padding: 4px 3px;
809}
810.diaryDetailBox dd ul.photo {
811        padding: 4px 5px;
812}
813.diaryDetailBox dd ul.photo li {
814        display: inline;
815        margin-left: 6px;
816}
817.diaryDetailBox div.category ul {
818        padding: 4px;
819        text-align: right;
820}
821.diaryDetailBox div.category ul li {
822        display: inline;
823        font-size: 80%;
824}
825
826/*==============================================================================
827 * 9. topicDetailBox(トピック詳細ボックス)
828 *----------------------------------------------------------------------------*/
829.topicDetailBox dl {
830        zoom: 1;
831        overflow: hidden;
832        overflow: -moz-scrollbars-none;
833        border-top: 1px solid #<?php echo $colors[1]; ?>;
834}
835.topicDetailBox dt {
836        float: left;
837        width: 100px;
838        padding: 5px;
839        text-align: center;
840}
841.topicDetailBox dd {
842        zoom: 1;
843        margin-left: 110px;
844        border-left: 1px solid #<?php echo $colors[1]; ?>;
845}
846.topicDetailBox dd div {
847        border-top: 1px solid #<?php echo $colors[1]; ?>;
848}
849.topicDetailBox dd div p {
850        padding: 5px;
851}
852.topicDetailBox dd div.title {
853        border-top: none;
854}
855.topicDetailBox dd ul.photo {
856        padding: 5px;
857}
858.topicDetailBox dd ul.photo li {
859        display: inline;
860        margin-left: 6px;
861}
862.topicDetailBox dd div.attachFile {
863        padding: 16px 5px;
864}
865.topicDetailBox div.operation {
866        padding: 10px 0;
867}
868
869/*==============================================================================
870 * 10. eventDetailBox(イベント詳細ボックス)
871 *----------------------------------------------------------------------------*/
872.eventDetailBox dl {
873        zoom: 1;
874        overflow: hidden;
875        overflow: -moz-scrollbars-none;
876        border-top: 1px solid #<?php echo $colors[1]; ?>;
877}
878.eventDetailBox dt {
879        float: left;
880        width: 100px;
881        padding: 5px;
882        text-align: center;
883}
884.eventDetailBox dd {
885        zoom: 1;
886        margin-left: 110px;
887        border-left: 1px solid #<?php echo $colors[1]; ?>;
888}
889.eventDetailBox dd ul.photo {
890        padding: 5px;
891        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
892}
893.eventDetailBox dd ul.photo li {
894        display: inline;
895        margin-left: 6px;
896}
897.eventDetailBox dd table th {
898        width: 112px;
899        text-align: center;
900        border-left: none;
901}
902.eventDetailBox dd table th,
903.eventDetailBox dd table td {
904        padding: 5px;
905}
906.eventDetailBox dd table tr:first-child th,
907.eventDetailBox dd table tr:first-child td,
908.eventDetailBox dd table tr.first-child th,
909.eventDetailBox dd table tr.first-child td {
910        border-top: none;
911}
912.eventDetailBox dd table ul.moreInfo {
913        margin-top: -1.2em;
914        text-align: right;
915}
916.eventDetailBox dd table ul.moreInfo li {
917        display: inline;
918        background-position: 0 50%;
919}
920
921/*==============================================================================
922 * 11. homePhotoBox(ホーム写真ボックス)
923 *----------------------------------------------------------------------------*/
924.homePhotoBox * {
925        text-align: center;
926}
927.homePhotoBox p.friendLink {
928        margin-bottom: 3px;
929}
930.homePhotoBox .parts {
931        padding: 7px;
932}
933.homePhotoBox ul.moreInfo {
934        margin: 2px 0 -5px;
935}
936.homePhotoBox ul.moreInfo li {
937        padding: 1px 0;
938        background: none;
939}
940.homePhotoBox ul.moreInfo li img {
941        vertical-align: bottom;
942}
943.homePhotoBox p.rank {
944        margin-top: 6px;
945}
946.homePhotoBox p.point {
947        margin-top: 2px;
948}
949.homePhotoBox p.text {
950        margin-top: 4px;
951}
952.homePhotoBox p.loginTime {
953        margin-top: 0px;
954}
955
956/*==============================================================================
957 * 12. homeInfoBox(ホームインフォメーションボックス)
958 *----------------------------------------------------------------------------*/
959#Body .homeInfoBox {
960        padding-left: 102px;
961        border: 1px solid #<?php echo $colors[1]; ?>;
962        background: #<?php echo $colors[6]; ?> url(<?php echo getSkin('icon_information'); ?>) no-repeat 5px 50%;
963}
964.homeInfoBox div.body {
965        min-height: 1.2em;
966        padding: 5px;
967        border-left: 1px solid #<?php echo $colors[1]; ?>;
968        background: #<?php echo $colors[7]; ?>;
969}
970.homeInfoBox .caution {
971        color: #ff0000;
972}
973
974/*==============================================================================
975 * 13. photoUploadFormBox(プロフィール写真アップロードフォームボックス)
976 *----------------------------------------------------------------------------*/
977.photoUploadFormBox table {
978        border-top: 1px solid #<?php echo $colors[1]; ?>;
979}
980#Body .photoUploadFormBox td {
981        padding: 8px 0;
982        border: none;
983        text-align: center;
984}
985.photoUploadFormBox form {
986        float: left;
987        width: 230px;
988}
989.photoUploadFormBox form p {
990        margin: 8px 0;
991        text-align: center;
992}
993.photoUploadFormBox ul {
994        zoom: 1;
995        margin: 8px 0 8px 230px;
996}
997.photoUploadFormBox li {
998        padding-left: 12px;
999        background: url(<?php echo getSkin('marker'); ?>) no-repeat 3px 3px;
1000}
1001
1002/*==============================================================================
1003 * 14. messageDetailBox(メッセージ詳細ボックス)
1004 *----------------------------------------------------------------------------*/
1005#Body .messageDetailBox th:first-child,
1006#Body .messageDetailBox th.first-child {
1007        border-left-width: 1px;
1008}
1009.messageDetailBox th,
1010.messageDetailBox td {
1011        padding: 5px;
1012}
1013.messageDetailBox td.photo {
1014        width: 120px;
1015        text-align: center;
1016}
1017.messageDetailBox th {
1018        width: 54px;
1019        padding-left: 0;
1020        padding-right: 16px;
1021        background: url(<?php echo getSkin('colon'); ?>) no-repeat 96% 50%;
1022        text-align: right;
1023}
1024#Body .messageDetailBox td {
1025        border-left: none;
1026}
1027.messageDetailBox ul.photo {
1028        margin: 10px;
1029        text-align: center;
1030}
1031.messageDetailBox p.text {
1032        margin: 10px 60px;;
1033}
1034.messageDetailBox ul.photo li {
1035        display: inline;
1036        margin-left: 6px;
1037}
1038.messageDetailBox div.operation {
1039        zoom: 1;
1040        overflow: hidden;
1041        overflow: -moz-scrollbars-none;
1042}
1043.messageDetailBox form.delete {
1044        float: left;
1045        width: 50%;
1046        text-align: left;
1047}
1048.messageDetailBox form.send {
1049        float: right;
1050        width: 50%;
1051        text-align: right;
1052}
1053.messageDetailBox form ul.moreInfo {
1054        display: inline;
1055}
1056.messageDetailBox div.attachFile {
1057        padding: 16px 5px;
1058}
1059
1060/*==============================================================================
1061 * 15. albumDetailBox(アルバム詳細ボックス)
1062 *----------------------------------------------------------------------------*/
1063.albumDetailBox th,
1064.albumDetailBox td {
1065        padding: 5px;
1066}
1067.albumDetailBox th {
1068        width: 75px;
1069}
1070.albumDetailBox td.photo {
1071        width: 190px;
1072        padding: 5px 0;
1073        text-align: center;
1074}
1075#Body .albumDetailBox th:first-child,
1076#Body .albumDetailBox th.first-child,
1077#Body .albumDetailBox td.operation {
1078        border-left-width: 1px;
1079}
1080.albumDetailBox td.operation {
1081        text-align: right;
1082}
1083
1084/*==============================================================================
1085 * 16. albumImageBox(アルバム画像ボックス)
1086 *----------------------------------------------------------------------------*/
1087.albumImageBox p.photo {
1088        padding: 10px;
1089        border-top: 1px solid #<?php echo $colors[1]; ?>;
1090        text-align: center;
1091}
1092.albumImageBox th, .albumImageBox td {
1093        padding: 5px;
1094}
1095#Body .albumImageBox th {
1096        width: 140px;
1097        border-left: none;
1098}
1099
1100/*==============================================================================
1101 * 17. searchFormLine(検索フォームライン)
1102 *----------------------------------------------------------------------------*/
1103.searchFormLine ul {
1104        text-align: center;
1105        padding: 1px 0;
1106}
1107.searchFormLine ul li {
1108        display: inline;
1109}
1110.searchFormLine ul li * {
1111        vertical-align: middle;
1112}
1113.searchFormLine ul li label {
1114        margin-right: 2px;
1115        padding: 1px 13px 0 0;
1116        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1117}
1118
1119/*==============================================================================
1120 * 18. linkLine(リンクライン)
1121 *----------------------------------------------------------------------------*/
1122.linkLine ul.moreInfo {
1123        text-align: center;
1124}
1125.linkLine ul.moreInfo li {
1126        display: inline;
1127        background-position: 0 50%;
1128}
1129
1130/*==============================================================================
1131 * 19. prevNextLinkLine(前次リンクライン)
1132 *----------------------------------------------------------------------------*/
1133.prevNextLinkLine {
1134        zoom: 1;
1135        overflow: hidden;
1136        overflow: -moz-scrollbars-none;
1137}
1138.prevNextLinkLine p.prev {
1139        float: left;
1140        width: 50%;
1141        text-align: left;
1142}
1143.prevNextLinkLine p.next {
1144        float: right;
1145        width: 50%;
1146        text-align: right;
1147}
1148.block.prevNextLinkLine {
1149        padding: 4px 10px;
1150}
1151
1152/*==============================================================================
1153 * 20. buttonLine(ボタンライン)
1154 *----------------------------------------------------------------------------*/
1155.buttonLine form {
1156        text-align: center;
1157}
1158
1159/*==============================================================================
1160 * 21. alertLine(アラートライン)
1161 *----------------------------------------------------------------------------*/
1162.alertLine p {
1163        text-align: center;
1164        color: #ff0000;
1165}
1166
1167/*==============================================================================
1168 * 22. commentList(コメントリスト)
1169 *----------------------------------------------------------------------------*/
1170.commentList dl {
1171        zoom: 1;
1172        overflow: hidden;
1173        overflow: -moz-scrollbars-none;
1174        border-top: 1px solid #<?php echo $colors[1]; ?>;
1175}
1176.commentList dt {
1177        float: left;
1178        width: 70px;
1179        padding-top: 5px;
1180        text-align: center;
1181}
1182.commentList dd {
1183        zoom: 1;
1184        min-height: 5.5em;
1185        margin-left: 70px;
1186        border-left: 1px solid #<?php echo $colors[1]; ?>;
1187}
1188* html .commentList dd {
1189        height: 5.5em;
1190}
1191#LayoutC .commentList dt {
1192        width: 110px;
1193}
1194#LayoutC .commentList dd {
1195        margin-left: 110px;
1196}
1197.commentList dd div {
1198        border-top: 1px solid #<?php echo $colors[1]; ?>;
1199}
1200.commentList dd div p {
1201        padding: 4px 3px;
1202}
1203.commentList dd div.title {
1204        zoom: 1;
1205        position: relative;
1206        border-top: none;
1207}
1208.commentList dd div.title p.heading {
1209        margin-right: 10.5em;
1210}
1211.commentList dd div.title p.public {
1212        position: absolute;
1213        top: 0;
1214        right: 0;
1215}
1216.commentList dd ul.photo {
1217        padding: 5px 5px 0;
1218}
1219.commentList dd ul.photo li {
1220        display: inline;
1221        margin-left: 6px;
1222}
1223.commentList dd div.footer p {
1224        text-align: right;
1225}
1226.commentList div.operation {
1227        padding: 8px 0;
1228}
1229.commentList dd div.attachFile {
1230        padding: 16px 5px;
1231}
1232
1233/*==============================================================================
1234 * 23. searchResultList(検索結果リスト)
1235 *----------------------------------------------------------------------------*/
1236.searchResultList .partsInfo {
1237        background: #<?php echo $colors[6]; ?>;
1238}
1239.searchResultList .ditem {
1240        margin: 8px 34px;
1241}
1242.searchResultList .item {
1243        zoom: 1;
1244        position: relative;
1245}
1246.searchResultList td.photo {
1247        width: 90px;
1248        padding: 0;
1249        border-left: none;
1250        text-align: center;
1251}
1252.searchResultList th, .searchResultList td {
1253        padding: 5px;
1254}
1255.searchResultList th {
1256        width: 75px;
1257}
1258#Body .searchResultList th:first-child,
1259#Body .searchResultList th.first-child {
1260        border-left-width: 1px;
1261}
1262.searchResultList tr.operation th {
1263        padding-top: 0;
1264        padding-bottom: 0;
1265}
1266.searchResultList tr.operation td {
1267        padding: 0;
1268}
1269.searchResultList tr.operation span.text {
1270        float: left;
1271        display: block;
1272        width: 110px;
1273        margin-top: 5px;
1274        padding: 0 5px;
1275}
1276.searchResultList tr.operation span.moreInfo{
1277        zoom: 1;
1278        display: block;
1279        margin-left: 120px;
1280        padding: 4px 0 3px;
1281        border-left: 1px solid #<?php echo $colors[1]; ?>;
1282        text-align: center;
1283}
1284.searchResultList div.operation {
1285        text-align: center;
1286}
1287.searchResultList tr.operation span.moreInfo img,
1288.searchResultList div.operation form,
1289.searchResultList div.operation fieldset {
1290        display: inline;
1291        vertical-align: top;
1292}
1293
1294/*==============================================================================
1295 * 24. reviewList(レビューリスト)
1296 *----------------------------------------------------------------------------*/
1297.reviewList dl {
1298        zoom: 1;
1299        overflow: hidden;
1300        overflow: -moz-scrollbars-none;
1301        border-top: 1px solid #<?php echo $colors[1]; ?>;
1302}
1303.reviewList dl dt {
1304        float:left;
1305        width: 170px;
1306        padding: 5px;
1307        text-align: center;
1308}
1309.reviewList dl dt span {
1310        display: block;
1311        margin: 3px 0;
1312}
1313.reviewList dl dd {
1314        zoom: 1;
1315        margin-left: 180px;
1316        border-left: 1px solid #<?php echo $colors[1]; ?>;
1317}
1318.reviewList dl dd table {
1319        height: 216px;
1320}
1321.reviewList dl dd th,
1322.reviewList dl dd td {
1323        padding: 5px;
1324}
1325.reviewList dl tr.title th,
1326.reviewList dl dd tr.title td {
1327        border-top: none;
1328}
1329.reviewList dl dd th {
1330        width: 100px;
1331        border-left: none;
1332        text-align: center;
1333}
1334.reviewList dl dd tr.title td {
1335        font-weight: bold;
1336}
1337.reviewList dl dd td p.operation {
1338        text-align: right;
1339}
1340.reviewList dl dd tr.footer td {
1341        border-left: none;
1342        text-align: right;
1343}
1344.reviewList div.operation {
1345        padding: 10px 0;
1346}
1347
1348/*==============================================================================
1349 * 25. recentList(最新書き込みリスト)
1350 *----------------------------------------------------------------------------*/
1351.recentList dl {
1352        zoom: 1;
1353        overflow: hidden;
1354        overflow: -moz-scrollbars-none;
1355        border-top: 1px solid #<?php echo $colors[1]; ?>;
1356}
1357.recentList dt {
1358        float: left;
1359        width: 170px;
1360        padding: 5px;
1361        text-align: center;
1362}
1363.recentList dd {
1364        zoom: 1;
1365        margin-left: 180px;
1366        padding: 5px;
1367        border-left: 1px solid #<?php echo $colors[1]; ?>;
1368}
1369* html #Body .recentList dd {
1370        height: 1.2em;
1371}
1372#LayoutB #Center .recentList dt {
1373        width: 110px;
1374}
1375#LayoutB #Center .recentList dd {
1376        margin-left: 120px;
1377}
1378
1379/*==============================================================================
1380 * 26. friendIntroList(フレンド紹介文リスト)
1381 *----------------------------------------------------------------------------*/
1382.friendIntroList th,
1383.friendIntroList td {
1384        padding: 14px;
1385}
1386#Body .friendIntroList th {
1387        width: 120px;
1388        border-left: none;
1389        text-align: center;
1390}
1391.friendIntroList p.text {
1392        margin-bottom: 1em;
1393}
1394.friendIntroList div.moreInfo ul.moreInfo {
1395        width: 10em;
1396        margin-left: auto;
1397        padding: 6px 2px;
1398}
1399
1400/*==============================================================================
1401 * 27. manageList(管理リスト)
1402 *----------------------------------------------------------------------------*/
1403.manageList td {
1404        padding: 5px;
1405}
1406.manageList td.photo {
1407        width: 140px;
1408        border-left: none;
1409        text-align: center;
1410}
1411.manageList td.delete {
1412        width: 120px;
1413}
1414.manageList col.date {
1415        width: 160px;
1416}
1417* html .manageList col.date {
1418        width: 150px;
1419}
1420*:first-child+html .manageList col.date {
1421        width: 150px;
1422}
1423.manageList col.name {
1424        width: auto;
1425}
1426.manageList colgroup.operation col {
1427        width: 86px;
1428}
1429* html .manageList colgroup.operation col {
1430        width: 76px;
1431}
1432*:first-child+html .manageList colgroup.operation col {
1433        width: 76px;
1434}
1435
1436/*==============================================================================
1437 * 28. searchCategoryList(検索項目リスト)
1438 *----------------------------------------------------------------------------*/
1439.searchCategoryList .partsInfo {
1440        padding: 5px;
1441        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1442        background: #<?php echo $colors[6]; ?>;
1443        text-align: center;
1444}
1445.searchCategoryList .item {
1446        margin: 10px 40px;
1447        border: 1px solid #<?php echo $colors[1]; ?>;
1448        border-top: none;
1449}
1450.searchCategoryList span.label {
1451        margin: 0 4px 0 8px;
1452        padding: 1px 16px 0 0;
1453        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1454}
1455.searchCategoryList dl {
1456        border-top: 1px solid #<?php echo $colors[1]; ?>;
1457}
1458.searchCategoryList dl dt {
1459        margin: 8px 0 0;
1460}
1461.searchCategoryList dl dd {
1462        margin: 8px 10px 8px 70px;
1463}
1464.searchCategoryList dl dd ul {
1465        zoom: 1;
1466        overflow: hidden;
1467        overflow: -moz-scrollbars-none;
1468        margin: 4px 0;
1469}
1470.searchCategoryList dl dd ul li {
1471        overflow: hidden;
1472        float: left;
1473        width: 19%;
1474        margin: 0 2px;
1475}
1476
1477/*==============================================================================
1478 * 29. messageList(メッセージリスト)
1479 *----------------------------------------------------------------------------*/
1480.messageList .partsHeading p.date {
1481        font-weight: bold;
1482}
1483.messageList .pagerRelativeMulti {
1484        zoom: 1;
1485        overflow: hidden;
1486        overflow: -moz-scrollbars-none;
1487}
1488.messageList .pagerRelativeMulti .pager {
1489        position: static;
1490        float: right;
1491        width: 290px;
1492        margin-top: 1px;
1493        text-align: right;
1494}
1495.messageList .pagerRelativeMulti .pager p {
1496        margin-left: 0;
1497}
1498* html .messageList .pagerRelativeMulti .pager p {
1499        margin-left: 4px;
1500}
1501*:first-child+html .messageList .pagerRelativeMulti .pager p {
1502        margin-left: 4px;
1503}
1504.messageList p.icons {
1505        float: left;
1506        width: 220px;
1507}
1508.messageList p.icons img {
1509        padding-right: 16px;
1510        background: url(<?php echo getSkin('articleList_marker'); ?>) no-repeat 96% 6px;
1511        vertical-align: text-bottom;
1512}
1513.messageList tr {
1514        height: 20px;
1515}
1516.messageList tr.unread {
1517        background: #<?php echo $colors[6]; ?>;
1518}
1519#Body .messageList th.delete {
1520        font-weight: normal;
1521}
1522#Body .messageList th {
1523        padding: 0 2px;
1524        border-width: 1px 0 0;
1525        font-weight: bold;
1526}
1527#Body .messageList td {
1528        padding: 0 2px;
1529        border-width: 1px 0 0;
1530}
1531#Body .messageList td .input_checkbox {
1532        margin-left: 4px;
1533}
1534.messageList td.status {
1535        text-align: center;
1536}
1537.messageList col.status {
1538        width: 35px;
1539}
1540.messageList col.delete {
1541        width: 35px;
1542}
1543.messageList col.target {
1544        width: 130px;
1545}
1546.messageList col.title {
1547        width: auto;
1548}
1549.messageList col.date {
1550        width: 80px;
1551}
1552.messageList table span {
1553        width: 100%;
1554        display: block;
1555        overflow: hidden;
1556        white-space: nowrap;
1557        text-overflow: ellipsis;
1558}
1559.messageList div.operation p {
1560        margin-top: 8px;
1561        margin-bottom: 5px;
1562}
1563.messageList div.operation ul.moreInfo {
1564        text-align: left;
1565}
1566
1567/*==============================================================================
1568 * 30. ashiatoList(あしあとリスト)
1569 *----------------------------------------------------------------------------*/
1570.ashiatoList div.partsInfo {
1571        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1572}
1573.ashiatoList div.item {
1574        margin: 8px 40px;
1575        padding: 8px 0;
1576        border: 1px solid #<?php echo $colors[1]; ?>;
1577}
1578.ashiatoList div.item p,
1579.ashiatoList div.item ul.list {
1580        padding-left: 160px;
1581}
1582.ashiatoList div.item p strong {
1583        margin: 0 2px;
1584}
1585.ashiatoList div.item ul.list {
1586        overflow: hidden;
1587        margin-top: 16px;
1588}
1589
1590/*==============================================================================
1591 * 31. rankingList(ランキングリスト)
1592 *----------------------------------------------------------------------------*/
1593.rankingList .partsHeading p {
1594        margin: 0;
1595}
1596#Body .rankingList th:first-child,
1597#Body .rankingList th.first-child {
1598        border-left-width: 1px;
1599}
1600.rankingList td.photo {
1601        width: 120px;
1602        text-align: center;
1603}
1604.rankingList th {
1605        width: 75px;
1606        padding: 5px;
1607}
1608.rankingList td {
1609        padding: 5px;
1610}
1611.rankingList td.name {
1612        background: #<?php echo $colors[6]; ?>;
1613}
1614.rankingList td.name a {
1615        font-weight: bold;
1616}
1617.rankingList .ditem {
1618        margin: 8px 15px;
1619        background: #<?php echo $colors[6]; ?>;
1620}
1621.rankingList .item {
1622        background: #<?php echo $colors[7]; ?>;
1623}
1624.rankingList .item td.photo {
1625        width: 90px;
1626}
1627
1628/*==============================================================================
1629 * 32. bizSideTodoList(BIZ用Todoリスト)
1630 *----------------------------------------------------------------------------*/
1631#Body .bizSideTodoList {
1632        width: 220px;
1633        margin: 10px 5px;
1634        border: 1px solid #<?php echo $colors[1]; ?>;
1635}
1636#Body .bizSideTodoList td {
1637        border-width: 1px 0 0;
1638}
1639.bizSideTodoList .block {
1640        padding: 5px;
1641}
1642.bizSideTodoList textarea {
1643        width: 98%;
1644}
1645.bizSideTodoList tr.someone {
1646        background: #<?php echo $colors[6]; ?>;
1647}
1648.bizSideTodoList tr.checked {
1649        color: #999999;
1650}
1651.bizSideTodoList td.state {
1652        width: 35px;
1653}
1654.bizSideTodoList td.operation {
1655        width: 16px;
1656}
1657
1658/*==============================================================================
1659 * 33. bizSideScheduleList(BIZ用スケジュールリスト)
1660 *----------------------------------------------------------------------------*/
1661#Body .bizSideScheduleList {
1662        width: 220px;
1663        margin: 10px 5px;
1664        border: 1px solid #<?php echo $colors[1]; ?>;
1665}
1666.bizSideScheduleList dl {
1667        zoom: 1;
1668        overflow: hidden;
1669        overflow: -moz-scrollbars-none;
1670        border-top: 1px solid #<?php echo $colors[1]; ?>;
1671}
1672.bizSideScheduleList dt {
1673        float: left;
1674        width: 60px;
1675        padding: 5px;
1676        text-align: center;
1677}
1678.bizSideScheduleList dd {
1679        zoom: 1;
1680        margin-left: 70px;
1681        padding: 5px;
1682        border-left: 1px solid #<?php echo $colors[1]; ?>;
1683}
1684
1685/*==============================================================================
1686 * 34. albumList(アルバムリスト)
1687 *----------------------------------------------------------------------------*/
1688.albumList th,
1689.albumList td {
1690        padding: 5px;
1691}
1692.albumList th {
1693        width: 75px;
1694}
1695.albumList td.photo {
1696        width: 190px;
1697        padding: 5px 0;
1698        text-align: center;
1699}
1700.albumList td.photo p {
1701        text-align: center;
1702        padding: 5px;
1703}
1704#Body .albumList th:first-child,
1705#Body .albumList th.first-child {
1706        border-left-width: 1px;
1707}
1708.albumList td.operation {
1709        text-align: center;
1710}
1711
1712/*==============================================================================
1713 * 35. albumImageList(アルバム画像リスト)
1714 *----------------------------------------------------------------------------*/
1715.albumImageList td {
1716        padding: 5px;
1717        text-align: center;
1718}
1719.albumImageList td p {
1720        text-align: center;
1721}
1722
1723/*==============================================================================
1724 * 36. homeNineTable(ホーム9面テーブル)
1725 *----------------------------------------------------------------------------*/
1726.homeNineTable tr.photo td {
1727        height: 80px;
1728        padding: 2px 0;
1729        text-align: center;
1730}
1731.homeNineTable tr.photo td p.crown {
1732        text-align: center;
1733}
1734.homeNineTable tr.text td {
1735        padding: 2px;
1736        text-align: center;
1737}
1738.homeNineTable div.moreInfo ul.moreInfo {
1739        width: 11em;
1740        margin-left: auto;
1741        padding: 6px 0;
1742}
1743
1744/*==============================================================================
1745 * 37. photoTable(写真テーブル)
1746 *----------------------------------------------------------------------------*/
1747.photoTable {
1748        width: 561px;
1749}
1750.photoTable tr.photo td {
1751        height: 90px;
1752        padding: 8px 0;
1753        text-align: center;
1754}
1755.photoTable tr.photo td p.crown {
1756        text-align: center;
1757}
1758.photoTable tr.text td {
1759        padding: 5px 2px;
1760        text-align: center;
1761}
1762
1763/*==============================================================================
1764 * 38. homeMainTable(ホームメインテーブル)
1765 *----------------------------------------------------------------------------*/
1766.homeMainTable .partsHeading {
1767        zoom: 1;
1768        position: relative;
1769}
1770.homeMainTable .partsHeading p.link {
1771        position: absolute;
1772        top: 2px;
1773        right: 8px;
1774}
1775.homeMainTable th {
1776        width: 83px;
1777        background-color: #<?php echo $colors[6]; ?>;
1778}
1779.homeMainTable th, .homeMainTable td {
1780        padding: 5px;
1781}
1782.homeMainTable ul.articleList {
1783        line-height: 1.3;
1784}
1785.homeMainTable ul.articleList li {
1786        padding-left: 85px;
1787        background: url(<?php echo getSkin('icon_1'); ?>) 3px 0.4em no-repeat scroll;
1788        text-indent: -72px;
1789}
1790.homeMainTable ul.articleList li span.date {
1791        padding-right: 18px;
1792        background: url(<?php echo getSkin('articleList_marker'); ?>) 92% 0.3em no-repeat scroll;
1793}
1794.homeMainTable div.moreInfo ul.moreInfo {
1795        width: 10em;
1796        margin: 0 2px 0 auto;
1797}
1798.homeMainTable td.halfway ul.moreInfo {
1799        width: 12em;
1800        margin: 0 0 20px auto;
1801}
1802
1803/*==============================================================================
1804 * 39. formTable(入力フォームテーブル)
1805 *----------------------------------------------------------------------------*/
1806.formTable .partsHeading {
1807        zoom: 1;
1808        position: relative;
1809}
1810.formTable strong {
1811        font-weight: normal;
1812        color: #ff0000;
1813}
1814.formTable p.caution {
1815        color: #ff0000;
1816}
1817.formTable .partsHeading p.link {
1818        position: absolute;
1819        top: 2px;
1820        right: 8px;
1821}
1822.formTable div.partsInfo {
1823        background-color: #<?php echo $colors[6]; ?>;
1824}
1825.formTable th, .formTable td {
1826        padding: 5px;
1827}
1828#Body .formTable th {
1829        width: 140px;
1830        border-left: none;
1831}
1832#LayoutB #Center .formTable th {
1833        width: 80px;
1834}
1835.formTable table table td {
1836        padding: 0;
1837        border: none;
1838}
1839.formTable textarea {
1840        width: 98%;
1841}
1842.formTable input.input_text_long {
1843        width: 98%;
1844}
1845.formTable table table td.publicSelector {
1846        width: 150px;
1847        text-align: right;
1848}
1849.formTable div.checkList ul {
1850        zoom: 1;
1851        overflow: hidden;
1852        overflow: -moz-scrollbars-none;
1853}
1854.formTable div.checkList li {
1855        overflow: hidden;
1856        overflow: -moz-scrollbars-none;
1857        float: left;
1858        width: 27%;
1859        padding-left: 18px;
1860        text-indent: -18px;
1861        line-height: 1.6;
1862}
1863.formTable div.operation {
1864        padding: 10px 0;
1865}
1866
1867/*==============================================================================
1868 * 40. weeklyCalendarTable(週間カレンダーテーブル)
1869 *----------------------------------------------------------------------------*/
1870#Body .weeklyCalendarTable .parts {
1871        border-top: none;
1872}
1873.weeklyCalendarTable div.block {
1874        padding: 5px;
1875}
1876.weeklyCalendarTable .input_submit {
1877        margin-right: 8px;
1878}
1879.weeklyCalendarTable .calendar td {
1880        padding: 5px;
1881        vertical-align: top;
1882}
1883.weeklyCalendarTable .calendar .today {
1884        background: #<?php echo $colors[6]; ?>;
1885}
1886.weeklyCalendarTable .calendar .today p.day {
1887        font-weight: bold;
1888}
1889.weeklyCalendarTable ul.moreInfo {
1890        margin: 0 2px 0 auto;
1891        width: 9em;
1892}
1893
1894/*==============================================================================
1895 * 41. monthlyCalendarTable(月間カレンダーテーブル)
1896 *----------------------------------------------------------------------------*/
1897.monthlyCalendarTable div.block {
1898        zoom: 1;
1899        overflow: hidden;
1900        overflow: -moz-scrollbars-none;
1901        padding: 2px 5px;
1902}
1903.monthlyCalendarTable div.block p.moreInfo {
1904        float: left;
1905        width: 70%;
1906        text-align: left;
1907}
1908.monthlyCalendarTable div.block p.moreInfo a {
1909        margin-right: 4px;
1910}
1911.monthlyCalendarTable div.block p.pager {
1912        float: right;
1913        width: 30%;
1914        margin-top: 2px;
1915        text-align: right;
1916}
1917.monthlyCalendarTable .calendar th {
1918        padding: 2px;
1919}
1920.monthlyCalendarTable .calendar td {
1921        height: 65px;
1922        padding: 2px;
1923        vertical-align: top;
1924}
1925.monthlyCalendarTable .calendar td.today {
1926        background: #<?php echo $colors[6]; ?>;
1927        font-weight: bold;
1928}
1929.monthlyCalendarTable .calendar td p {
1930        font-weight: normal;
1931}
1932.monthlyCalendarTable .partsInfo {
1933        padding: 5px;
1934        background: #<?php echo $colors[6]; ?>;
1935}
1936.monthlyCalendarTable .partsInfo img {
1937        margin: 0 1px;
1938}
1939
1940/*==============================================================================
1941 * 42. bizWeeklyCalendarTable(BIZ用週間カレンダーテーブル)
1942 *----------------------------------------------------------------------------*/
1943#Body .bizWeeklyCalendarTable .parts {
1944        border-top: none;
1945}
1946.bizWeeklyCalendarTable div.block {
1947        padding: 5px;
1948}
1949.bizWeeklyCalendarTable .calendar td {
1950        padding: 5px 0;
1951        vertical-align: top;
1952}
1953.bizWeeklyCalendarTable .calendar td p {
1954        padding: 0 5px;
1955}
1956.bizWeeklyCalendarTable .calendar td .time {
1957        padding: 0;
1958}
1959.bizWeeklyCalendarTable .calendar .today {
1960        background: #<?php echo $colors[6]; ?>;
1961}
1962.bizWeeklyCalendarTable .calendar .today p.day {
1963        font-weight: bold;
1964}
1965.bizWeeklyCalendarTable .calendar th {
1966        width: 130px;
1967        padding: 5px 0;
1968        text-align: center;
1969}
1970.bizWeeklyCalendarTable .calendar th * {
1971        text-align: center;
1972}
1973.bizWeeklyCalendarTable .calendar th .input_text {
1974        width: 118px;
1975}
1976.bizWeeklyCalendarTable .calendar th .input_submit {
1977        width: 120px;
1978}
1979.bizWeeklyCalendarTable .calendar th .nickname {
1980        margin: 5px 0;
1981}
1982.bizWeeklyCalendarTable .calendar td.sub {
1983        border-width: 0 0 0 1px;
1984}
1985.bizWeeklyCalendarTable div.moreInfo {
1986        padding-left: 135px;
1987}
1988.bizWeeklyCalendarTable div.moreInfo .input_submit {
1989        margin-right: 8px;
1990}
1991
1992/*==============================================================================
1993 * 43. sideNav(サイドナビ)
1994 *----------------------------------------------------------------------------*/
1995.sideNav .item {
1996        overflow: hidden;
1997        width: 150px;
1998        margin: 0 auto 10px;
1999        border: 8px solid #<?php echo $colors[8]; ?>;
2000}
2001.sideNav .partsHeading {
2002        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
2003}
2004.sideNav .pageNav ul {
2005        margin: 1px;
2006}
2007.sideNav .pageNav li {
2008        padding: 4px 0 4px 18px;
2009        background: url(<?php echo getSkin('icon_1'); ?>) 8px 50% no-repeat scroll;
2010}
2011.sideNav .pageNav li.looking {
2012        background-color: #<?php echo $colors[6]; ?>;
2013}
2014.sideNav .calendar .partsHeading {
2015        padding: 4px 0;
2016        border: none;
2017        background: none;
2018        text-align: center;
2019}
2020.sideNav .calendar th {
2021        background-color: #<?php echo $colors[6]; ?>;
2022        text-align: center;
2023}
2024.sideNav .calendar td {
2025        padding: 1px 2px;
2026        text-align: right;
2027}
2028.sideNav .list {
2029        padding: 4px 0;
2030}
2031.sideNav .list li {
2032        padding-left: 16px;
2033        background: no-repeat 6px 4px;
2034}
2035.sideNav .monthlyMessage li  { background-image: url(<?php echo getSkin('icon_1'); ?>); }
2036.sideNav .recentlyDiary li   { background-image: url(<?php echo getSkin('icon_3'); ?>); }
2037.sideNav .recentlyComment li { background-image: url(<?php echo getSkin('icon_1'); ?>); }
2038.sideNav .monthlyDiary li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
2039.sideNav .listCategory li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
2040
2041/*==============================================================================
2042 * 44. rankingSideNav(ランキングサイドナビ)
2043 *----------------------------------------------------------------------------*/
2044.rankingSideNav {
2045        width: 150px;
2046        margin: 0 auto;
2047        border: 8px solid #<?php echo $colors[8]; ?>;
2048}
2049.rankingSideNav .partsHeading {
2050        padding: 2px 4px;
2051        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
2052        background-image: none;
2053        text-align: center;
2054}
2055.rankingSideNav p {
2056        margin: 3px;
2057}
2058.rankingSideNav p.link {
2059        padding: 3px;
2060        border: 1px solid #<?php echo $colors[1]; ?>;
2061        text-align: right;
2062}
2063
2064/**=============================================================================
2065 * 配色設定
2066 *----------------------------------------------------------------------------*/
2067#Body {
2068        background: #<?php echo $colors[2]; ?>;
2069}
2070#Container {
2071        background: #<?php echo $colors[3]; ?>;
2072}
2073div.dparts {
2074        background-color: #<?php echo $colors[4]; ?>;
2075}
2076div.parts {
2077        background-color: #<?php echo $colors[7]; ?>;
2078}
2079.sideNav .item {
2080        background-color: #<?php echo $colors[7]; ?>;
2081}
2082#Body .sideNav {
2083        background-color: transparent;
2084}
2085#Body .linkLine,
2086#Body .searchFormLine,
2087#Body .buttonLine,
2088#Body .prevNextLinkLine {
2089        background-color: transparent;
2090}
2091
2092/**=============================================================================
2093 * ログインページ
2094 *----------------------------------------------------------------------------*/
2095div#container_login {
2096        position: relative;
2097        display: block;
2098        margin: 0px auto 0px 0px;
2099        width: 720px;
2100        height: 563px;
2101        padding: 0px;
2102}
2103
2104div#container_login img.bg {
2105        display: block;
2106        position: absolute;
2107        left: 0px;
2108        top: 0px;
2109        width: 720px;
2110        height: 563px;
2111        z-index: 0;
2112}
2113
2114div#container_login a img {
2115        width: 100%;
2116        height: 100%;
2117}
2118
2119div#container_login div.banner,
2120div#container_login a.banner {
2121        display: block;
2122        position: absolute;
2123        left: 247px;
2124        top: 5px;
2125        width: 468px;
2126        height: 60px;
2127        z-index: 200;
2128}
2129
2130div#container_login div.header a.main_menu {
2131        display: block;
2132        display: none;
2133        position: absolute;
2134        height: 22px;
2135        top: 0px;
2136}
2137
2138div#container_login input#username {
2139        display: block;
2140        position: absolute;
2141        left: 504px;
2142        top: 246px;
2143        width: 185px;
2144        height: 23px;
2145        font-size: 10pt;
2146        z-index: 100;
2147}
2148
2149div#container_login input#password {
2150        display: block;
2151        position: absolute;
2152        left: 504px;
2153        top: 299px;
2154        width: 185px;
2155        height: 23px;
2156        font-size: 10pt;
2157        z-index: 110;
2158}
2159
2160div#container_login input#button_login {
2161        display: block;
2162        position: absolute;
2163        left: 536px;
2164        top: 384px;
2165        width: 120px;
2166        height: 24px;
2167        border: none 0px;
2168        background-color: transparent;
2169        z-index: 120;
2170}
2171
2172div#container_login a#button_new_regist {
2173        display: block;
2174        position: absolute;
2175        left: 536px;
2176        top: 414px;
2177        width: 120px;
2178        height: 24px;
2179        border: none 0px;
2180        z-index: 130;
2181}
2182
2183div#container_login div.msg {
2184        display: block;
2185        position: absolute;
2186        border: none 0px;
2187        padding: 3px 0px;
2188        left: 504px;
2189        top: 327px;
2190        width: 185px;
2191        height: 42px;
2192        font-size: 9pt;
2193        text-align: center;
2194        z-index: 140;
2195}
2196
2197div#container_login div.msg * {
2198        font-size: 8pt;
2199}
2200
2201div#container_login .footer {
2202        display: block;
2203        position: absolute;
2204        left: 0px;
2205        top: 542px;
2206        width: 720px;
2207        height: 21px;
2208        z-index: 300;
2209}
2210div#container_login .footer p {
2211        margin-right: 12px;
2212        text-align: right;
2213        line-height: 21px;
2214}
2215
2216/*==============================================================================
2217 * 文字装飾
2218 *----------------------------------------------------------------------------*/
2219<?php if ($decoration_config['op_b']): ?>
2220span.op_b {
2221        text-decoration: inherit;
2222        font-style: inherit;
2223        font-weight: bold;
2224        color: inherit;
2225        font-size: inherit;
2226}
2227<?php endif; ?>
2228
2229<?php if ($decoration_config['op_u']): ?>
2230span.op_u {
2231        text-decoration: underline;
2232        font-style: inherit;
2233        font-weight: inherit;
2234        color: inherit;
2235        font-size: inherit;
2236}
2237<?php endif; ?>
2238
2239<?php if ($decoration_config['op_s']): ?>
2240span.op_s {
2241        text-decoration: line-through;
2242        font-style: inherit;
2243        font-weight: inherit;
2244        color: inherit;
2245        font-size: inherit;
2246}
2247<?php endif; ?>
2248
2249<?php if ($decoration_config['op_i']): ?>
2250span.op_i {
2251        text-decoration: inherit;
2252        font-style: italic;
2253        font-weight: inherit;
2254        color: inherit;
2255        font-size: inherit;
2256}
2257<?php endif; ?>
2258
2259<?php if ($decoration_config['op_large']): ?>
2260span.op_large {
2261        text-decoration: inherit;
2262        font-style: inherit;
2263        font-weight: inherit;
2264        color: inherit;
2265        font-size: 20px;
2266}
2267<?php endif; ?>
2268
2269<?php if ($decoration_config['op_small']): ?>
2270span.op_small {
2271        text-decoration: inherit;
2272        font-style: inherit;
2273        font-weight: inherit;
2274        color: inherit;
2275        font-size: 8px;
2276}
2277<?php endif; ?>
2278
2279<?php if ($decoration_config['op_color']): ?>
2280span.op_color {
2281        text-decoration: inherit;
2282        font-style: inherit;
2283        font-weight: inherit;
2284        color: inherit;
2285        font-size: inherit;
2286}
2287<?php else: ?>
2288span.op_color {
2289        text-decoration: inherit;
2290        font-style: inherit;
2291        font-weight: inherit;
2292        color: #000 !important;
2293        font-size: inherit;
2294}
2295<?php endif; ?>
2296
2297<?php if ($custom_css): ?>
2298
2299/*==============================================================================
2300 * カスタムCSS
2301 *----------------------------------------------------------------------------*/
2302<?php echo $custom_css; ?>
2303
2304<?php endif; ?>
Note: See TracBrowser for help on using the repository browser.