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

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

Last change on this file since 8024 was 8024, checked in by ebihara, 14 years ago

#2669:tr 要素に用途別のクラス名を指定することで表示するリストアイコンを分けるよう変更

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