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

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

Last change on this file since 8312 was 8312, checked in by shingo, 12 years ago

#:メッセージボックスの「前を表示」「件数」「次を表示」の間隔を追加

File size: 54.0 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: 350px;
1501    margin-top: 1px;
1502    text-align: right;
1503}
1504.messageList p.icons {
1505    float: left;
1506    width: 160px;
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: 38px;
1653        vertical-align: top;
1654}
1655.bizSideTodoList tr.priLow td.state p {
1656        padding-left: 4px;
1657        border-left: 0;
1658}
1659.bizSideTodoList tr.priMiddle td.state p {
1660        padding-left: 0;
1661        border-left: 4px solid #ff8080;
1662}
1663.bizSideTodoList tr.priHigh td.state p {
1664        padding-left: 0;
1665        border-left: 4px solid #ff0000;
1666}
1667.bizSideTodoList tr.checked td.state p {
1668        padding-left: 4px;
1669        border-left: 0;
1670}
1671.bizSideTodoList td.operation {
1672        width: 16px;
1673        vertical-align: top;
1674}
1675.bizSideTodoList td.operation a {
1676        display: block;
1677        width: 14px;
1678        margin-top: 2px;
1679}
1680
1681/*==============================================================================
1682 * 33. bizSideScheduleList(BIZ用スケジュールリスト)
1683 *----------------------------------------------------------------------------*/
1684#Body .bizSideScheduleList {
1685        width: 220px;
1686        margin: 10px 5px;
1687        border: 1px solid #<?php echo $colors[1]; ?>;
1688}
1689.bizSideScheduleList dl {
1690        zoom: 1;
1691        overflow: hidden;
1692        overflow: -moz-scrollbars-none;
1693        border-top: 1px solid #<?php echo $colors[1]; ?>;
1694}
1695.bizSideScheduleList dt {
1696        float: left;
1697        width: 60px;
1698        padding: 5px;
1699        text-align: center;
1700}
1701.bizSideScheduleList dd {
1702        zoom: 1;
1703        margin-left: 70px;
1704        padding: 5px;
1705        border-left: 1px solid #<?php echo $colors[1]; ?>;
1706}
1707
1708/*==============================================================================
1709 * 34. albumList(アルバムリスト)
1710 *----------------------------------------------------------------------------*/
1711.albumList th,
1712.albumList td {
1713        padding: 5px;
1714}
1715.albumList th {
1716        width: 75px;
1717}
1718.albumList td.photo {
1719        width: 190px;
1720        padding: 5px 0;
1721        text-align: center;
1722}
1723.albumList td.photo p {
1724        text-align: center;
1725        padding: 5px;
1726}
1727#Body .albumList th:first-child,
1728#Body .albumList th.first-child {
1729        border-left-width: 1px;
1730}
1731.albumList td.operation {
1732        text-align: center;
1733}
1734
1735/*==============================================================================
1736 * 35. albumImageList(アルバム画像リスト)
1737 *----------------------------------------------------------------------------*/
1738.albumImageList td {
1739        padding: 5px;
1740        text-align: center;
1741}
1742.albumImageList td p {
1743        text-align: center;
1744}
1745
1746/*==============================================================================
1747 * 36. homeNineTable(ホーム9面テーブル)
1748 *----------------------------------------------------------------------------*/
1749.homeNineTable tr.photo td {
1750        height: 80px;
1751        padding: 2px 0;
1752        text-align: center;
1753}
1754.homeNineTable tr.photo td p.crown {
1755        text-align: center;
1756}
1757.homeNineTable tr.text td {
1758        padding: 2px;
1759        text-align: center;
1760}
1761.homeNineTable div.moreInfo ul.moreInfo {
1762        width: 11em;
1763        margin-left: auto;
1764        padding: 6px 0;
1765}
1766
1767/*==============================================================================
1768 * 37. photoTable(写真テーブル)
1769 *----------------------------------------------------------------------------*/
1770.photoTable {
1771        width: 561px;
1772}
1773.photoTable tr.photo td {
1774        height: 90px;
1775        padding: 8px 0;
1776        text-align: center;
1777}
1778.photoTable tr.photo td p.crown {
1779        text-align: center;
1780}
1781.photoTable tr.text td {
1782        padding: 5px 2px;
1783        text-align: center;
1784}
1785
1786/*==============================================================================
1787 * 38. homeMainTable(ホームメインテーブル)
1788 *----------------------------------------------------------------------------*/
1789.homeMainTable .partsHeading {
1790        zoom: 1;
1791        position: relative;
1792}
1793.homeMainTable .partsHeading p.link {
1794        position: absolute;
1795        top: 2px;
1796        right: 8px;
1797}
1798.homeMainTable th {
1799        width: 83px;
1800        background-color: #<?php echo $colors[6]; ?>;
1801}
1802.homeMainTable th, .homeMainTable td {
1803        padding: 5px;
1804}
1805.homeMainTable ul.articleList {
1806        line-height: 1.3;
1807}
1808.homeMainTable ul.articleList li {
1809    padding-left: 85px;
1810    text-indent: -72px;
1811}
1812.homeMainTable tr ul.articleList li {
1813    background: url(<?php echo getSkin('icon_3'); ?>) 3px 0.4em no-repeat scroll;
1814}
1815.homeMainTable tr.myFriendRecentDiary ul.articleList li,
1816.homeMainTable tr.myFriendRecentBlog ul.articleList li,
1817.homeMainTable tr.allRecentDiary ul.articleList li,
1818.homeMainTable tr.bookmarkRecentDiary ul.articleList li,
1819.homeMainTable tr.bookmarkRecentBlog ul.articleList li,
1820.homeMainTable tr.myRecentDiary ul.articleList li,
1821.homeMainTable tr.myRecentBlog ul.articleList li,
1822.homeMainTable tr.friendRecentDiary ul.articleList li,
1823.homeMainTable tr.friendRecentBlog ul.articleList li
1824{
1825    background-image: url(<?php echo getSkin('icon_1'); ?>);
1826}
1827.homeMainTable tr.diaryCommentHistory ul.articleList li,
1828.homeMainTable tr.recentCommunityTopicComment ul.articleList li,
1829.homeMainTable tr.allRecentCommunityTopicComment ul.articleList li,
1830.homeMainTable tr.communityTopic ul.articleList li,
1831.homeMainTable tr.communityEvent ul.articleList li
1832{
1833    background-image: url(<?php echo getSkin('icon_2'); ?>);
1834}
1835.homeMainTable ul.articleList li span.date {
1836        padding-right: 18px;
1837        background: url(<?php echo getSkin('articleList_marker'); ?>) 92% 0.3em no-repeat scroll;
1838}
1839.homeMainTable div.moreInfo ul.moreInfo {
1840        width: 10em;
1841        margin: 0 2px 0 auto;
1842}
1843.homeMainTable td.halfway ul.moreInfo {
1844        width: 12em;
1845        margin: 0 0 20px auto;
1846}
1847
1848/*==============================================================================
1849 * 39. formTable(入力フォームテーブル)
1850 *----------------------------------------------------------------------------*/
1851.formTable .partsHeading {
1852        zoom: 1;
1853        position: relative;
1854}
1855.formTable strong {
1856        font-weight: normal;
1857        color: #ff0000;
1858}
1859.formTable p.caution {
1860        color: #ff0000;
1861}
1862.formTable .partsHeading p.link {
1863        position: absolute;
1864        top: 2px;
1865        right: 8px;
1866}
1867.formTable div.partsInfo {
1868        background-color: #<?php echo $colors[6]; ?>;
1869}
1870.formTable th, .formTable td {
1871        padding: 5px;
1872}
1873#Body .formTable th {
1874        width: 140px;
1875        border-left: none;
1876}
1877#LayoutB #Center .formTable th {
1878        width: 80px;
1879}
1880.formTable table table td {
1881        padding: 0;
1882        border: none;
1883}
1884.formTable textarea {
1885        width: 98%;
1886}
1887.formTable input.input_text_long {
1888        width: 98%;
1889}
1890.formTable table table td.publicSelector {
1891        width: 150px;
1892        text-align: right;
1893}
1894.formTable div.checkList ul {
1895        zoom: 1;
1896        overflow: hidden;
1897        overflow: -moz-scrollbars-none;
1898}
1899.formTable div.checkList li {
1900        overflow: hidden;
1901        overflow: -moz-scrollbars-none;
1902        float: left;
1903        width: 27%;
1904        padding-left: 18px;
1905        text-indent: -18px;
1906        line-height: 1.6;
1907}
1908.formTable div.operation {
1909        padding: 10px 0;
1910}
1911
1912/*==============================================================================
1913 * 40. weeklyCalendarTable(週間カレンダーテーブル)
1914 *----------------------------------------------------------------------------*/
1915#Body .weeklyCalendarTable .parts {
1916        border-top: none;
1917}
1918.weeklyCalendarTable div.block {
1919        padding: 5px;
1920}
1921.weeklyCalendarTable .input_submit {
1922        margin-right: 8px;
1923}
1924.weeklyCalendarTable .calendar td {
1925        padding: 5px;
1926        vertical-align: top;
1927}
1928.weeklyCalendarTable .calendar .today {
1929        background: #<?php echo $colors[6]; ?>;
1930}
1931.weeklyCalendarTable .calendar .today p.day {
1932        font-weight: bold;
1933}
1934.weeklyCalendarTable ul.moreInfo {
1935        margin: 0 2px 0 auto;
1936        width: 9em;
1937}
1938
1939/*==============================================================================
1940 * 41. monthlyCalendarTable(月間カレンダーテーブル)
1941 *----------------------------------------------------------------------------*/
1942.monthlyCalendarTable div.block {
1943        zoom: 1;
1944        overflow: hidden;
1945        overflow: -moz-scrollbars-none;
1946        padding: 2px 5px;
1947}
1948.monthlyCalendarTable div.block p.moreInfo {
1949        float: left;
1950        width: 70%;
1951        text-align: left;
1952}
1953.monthlyCalendarTable div.block p.moreInfo a {
1954        margin-right: 4px;
1955}
1956.monthlyCalendarTable div.block p.pager {
1957        float: right;
1958        width: 30%;
1959        margin-top: 2px;
1960        text-align: right;
1961}
1962.monthlyCalendarTable .calendar th {
1963        padding: 2px;
1964}
1965.monthlyCalendarTable .calendar td {
1966        height: 65px;
1967        padding: 2px;
1968        vertical-align: top;
1969}
1970.monthlyCalendarTable .calendar td.today {
1971        background: #<?php echo $colors[6]; ?>;
1972        font-weight: bold;
1973}
1974.monthlyCalendarTable .calendar td p {
1975        font-weight: normal;
1976}
1977.monthlyCalendarTable .partsInfo {
1978        padding: 5px;
1979        background: #<?php echo $colors[6]; ?>;
1980}
1981.monthlyCalendarTable .partsInfo img {
1982        margin: 0 1px;
1983}
1984
1985/*==============================================================================
1986 * 42. bizWeeklyCalendarTable(BIZ用週間カレンダーテーブル)
1987 *----------------------------------------------------------------------------*/
1988#Body .bizWeeklyCalendarTable .parts {
1989        border-top: none;
1990}
1991.bizWeeklyCalendarTable div.block {
1992        padding: 5px;
1993}
1994.bizWeeklyCalendarTable .calendar td {
1995        padding: 5px 0;
1996        vertical-align: top;
1997}
1998.bizWeeklyCalendarTable .calendar td p {
1999        padding: 0 5px;
2000}
2001.bizWeeklyCalendarTable .calendar td .time {
2002        padding: 0;
2003}
2004.bizWeeklyCalendarTable .calendar .today {
2005        background: #<?php echo $colors[6]; ?>;
2006}
2007.bizWeeklyCalendarTable .calendar .today p.day {
2008        font-weight: bold;
2009}
2010.bizWeeklyCalendarTable .calendar th {
2011        width: 130px;
2012        padding: 5px 0;
2013        text-align: center;
2014}
2015.bizWeeklyCalendarTable .calendar th * {
2016        text-align: center;
2017}
2018.bizWeeklyCalendarTable .calendar th .input_text {
2019        width: 118px;
2020}
2021.bizWeeklyCalendarTable .calendar th .input_submit {
2022        width: 120px;
2023}
2024.bizWeeklyCalendarTable .calendar th .nickname {
2025        margin: 5px 0;
2026}
2027.bizWeeklyCalendarTable .calendar td.sub {
2028        border-width: 0 0 0 1px;
2029}
2030.bizWeeklyCalendarTable div.moreInfo {
2031        padding-left: 135px;
2032}
2033.bizWeeklyCalendarTable div.moreInfo .input_submit {
2034        margin-right: 8px;
2035}
2036
2037/*==============================================================================
2038 * 43. sideNav(サイドナビ)
2039 *----------------------------------------------------------------------------*/
2040.sideNav .item {
2041        overflow: hidden;
2042        width: 150px;
2043        margin: 0 auto 10px;
2044        border: 8px solid #<?php echo $colors[8]; ?>;
2045}
2046.sideNav .partsHeading {
2047        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
2048}
2049.sideNav .pageNav ul {
2050        margin: 1px;
2051}
2052.sideNav .pageNav li {
2053        padding: 4px 0 4px 18px;
2054        background: url(<?php echo getSkin('icon_1'); ?>) 8px 50% no-repeat scroll;
2055}
2056.sideNav .pageNav li.looking {
2057        background-color: #<?php echo $colors[6]; ?>;
2058}
2059.sideNav .calendar .partsHeading {
2060        padding: 4px 0;
2061        border: none;
2062        background: none;
2063        text-align: center;
2064}
2065.sideNav .calendar th {
2066        background-color: #<?php echo $colors[6]; ?>;
2067        text-align: center;
2068}
2069.sideNav .calendar td {
2070        padding: 1px 2px;
2071        text-align: right;
2072}
2073.sideNav .list {
2074        padding: 4px 0;
2075}
2076.sideNav .list li {
2077        padding-left: 16px;
2078        background: no-repeat 6px 4px;
2079}
2080.sideNav .monthlyMessage li  { background-image: url(<?php echo getSkin('icon_1'); ?>); }
2081.sideNav .recentlyDiary li   { background-image: url(<?php echo getSkin('icon_3'); ?>); }
2082.sideNav .recentlyComment li { background-image: url(<?php echo getSkin('icon_1'); ?>); }
2083.sideNav .monthlyDiary li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
2084.sideNav .listCategory li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
2085
2086/*==============================================================================
2087 * 44. rankingSideNav(ランキングサイドナビ)
2088 *----------------------------------------------------------------------------*/
2089.rankingSideNav {
2090        width: 150px;
2091        margin: 0 auto;
2092        border: 8px solid #<?php echo $colors[8]; ?>;
2093}
2094.rankingSideNav .partsHeading {
2095        padding: 2px 4px;
2096        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
2097        background-image: none;
2098        text-align: center;
2099}
2100.rankingSideNav p {
2101        margin: 3px;
2102}
2103.rankingSideNav p.link {
2104        padding: 3px;
2105        border: 1px solid #<?php echo $colors[1]; ?>;
2106        text-align: right;
2107}
2108
2109/**=============================================================================
2110 * 配色設定
2111 *----------------------------------------------------------------------------*/
2112#Body {
2113        background: #<?php echo $colors[2]; ?>;
2114}
2115#Container {
2116        background: #<?php echo $colors[3]; ?>;
2117}
2118div.dparts {
2119        background-color: #<?php echo $colors[4]; ?>;
2120}
2121div.parts {
2122        background-color: #<?php echo $colors[7]; ?>;
2123}
2124.sideNav .item {
2125        background-color: #<?php echo $colors[7]; ?>;
2126}
2127#Body .sideNav {
2128        background-color: transparent;
2129}
2130#Body .linkLine,
2131#Body .searchFormLine,
2132#Body .buttonLine,
2133#Body .prevNextLinkLine {
2134        background-color: transparent;
2135}
2136
2137/**=============================================================================
2138 * ログインページ
2139 *----------------------------------------------------------------------------*/
2140div#container_login {
2141        position: relative;
2142        display: block;
2143        margin: 0px auto 0px 0px;
2144        width: 720px;
2145        height: 563px;
2146        padding: 0px;
2147}
2148
2149div#container_login img.bg {
2150        display: block;
2151        position: absolute;
2152        left: 0px;
2153        top: 0px;
2154        width: 720px;
2155        height: 563px;
2156        z-index: 0;
2157}
2158
2159div#container_login a img {
2160        width: 100%;
2161        height: 100%;
2162}
2163
2164div#container_login div.banner,
2165div#container_login a.banner {
2166        display: block;
2167        position: absolute;
2168        left: 247px;
2169        top: 5px;
2170        width: 468px;
2171        height: 60px;
2172        z-index: 200;
2173}
2174
2175div#container_login div.header a.main_menu {
2176        display: block;
2177        display: none;
2178        position: absolute;
2179        height: 22px;
2180        top: 0px;
2181}
2182
2183div#container_login input#username {
2184        display: block;
2185        position: absolute;
2186        left: 504px;
2187        top: 246px;
2188        width: 185px;
2189        height: 23px;
2190        font-size: 10pt;
2191        z-index: 100;
2192}
2193
2194div#container_login input#password {
2195        display: block;
2196        position: absolute;
2197        left: 504px;
2198        top: 299px;
2199        width: 185px;
2200        height: 23px;
2201        font-size: 10pt;
2202        z-index: 110;
2203}
2204
2205div#container_login input#button_login {
2206        display: block;
2207        position: absolute;
2208        left: 536px;
2209        top: 384px;
2210        width: 120px;
2211        height: 24px;
2212        border: none 0px;
2213        background-color: transparent;
2214        z-index: 120;
2215}
2216
2217div#container_login a#button_new_regist {
2218        display: block;
2219        position: absolute;
2220        left: 536px;
2221        top: 414px;
2222        width: 120px;
2223        height: 24px;
2224        border: none 0px;
2225        z-index: 130;
2226}
2227
2228div#container_login div.msg {
2229        display: block;
2230        position: absolute;
2231        border: none 0px;
2232        padding: 3px 0px;
2233        left: 504px;
2234        top: 327px;
2235        width: 185px;
2236        height: 42px;
2237        font-size: 9pt;
2238        text-align: center;
2239        z-index: 140;
2240}
2241
2242div#container_login div.msg * {
2243        font-size: 8pt;
2244}
2245
2246div#container_login .footer {
2247        display: block;
2248        position: absolute;
2249        left: 0px;
2250        top: 542px;
2251        width: 720px;
2252        height: 21px;
2253        z-index: 300;
2254}
2255div#container_login .footer p {
2256        margin-right: 12px;
2257        text-align: right;
2258        line-height: 21px;
2259}
2260
2261/*==============================================================================
2262 * 文字装飾
2263 *----------------------------------------------------------------------------*/
2264<?php if ($decoration_config['op_b']): ?>
2265span.op_b {
2266        text-decoration: inherit;
2267        font-style: inherit;
2268        font-weight: bold;
2269        color: inherit;
2270        font-size: inherit;
2271}
2272<?php endif; ?>
2273
2274<?php if ($decoration_config['op_u']): ?>
2275span.op_u {
2276        text-decoration: underline;
2277        font-style: inherit;
2278        font-weight: inherit;
2279        color: inherit;
2280        font-size: inherit;
2281}
2282<?php endif; ?>
2283
2284<?php if ($decoration_config['op_s']): ?>
2285span.op_s {
2286        text-decoration: line-through;
2287        font-style: inherit;
2288        font-weight: inherit;
2289        color: inherit;
2290        font-size: inherit;
2291}
2292<?php endif; ?>
2293
2294<?php if ($decoration_config['op_i']): ?>
2295span.op_i {
2296        text-decoration: inherit;
2297        font-style: italic;
2298        font-weight: inherit;
2299        color: inherit;
2300        font-size: inherit;
2301}
2302<?php endif; ?>
2303
2304<?php if ($decoration_config['op_large']): ?>
2305span.op_large {
2306        text-decoration: inherit;
2307        font-style: inherit;
2308        font-weight: inherit;
2309        color: inherit;
2310        font-size: 20px;
2311}
2312<?php endif; ?>
2313
2314<?php if ($decoration_config['op_small']): ?>
2315span.op_small {
2316        text-decoration: inherit;
2317        font-style: inherit;
2318        font-weight: inherit;
2319        color: inherit;
2320        font-size: 8px;
2321}
2322<?php endif; ?>
2323
2324<?php if ($decoration_config['op_color']): ?>
2325span.op_color {
2326        text-decoration: inherit;
2327        font-style: inherit;
2328        font-weight: inherit;
2329        color: inherit;
2330        font-size: inherit;
2331}
2332<?php else: ?>
2333span.op_color {
2334        text-decoration: inherit;
2335        font-style: inherit;
2336        font-weight: inherit;
2337        color: #000 !important;
2338        font-size: inherit;
2339}
2340<?php endif; ?>
2341
2342<?php if ($custom_css): ?>
2343
2344/*==============================================================================
2345 * カスタムCSS
2346 *----------------------------------------------------------------------------*/
2347<?php echo $custom_css; ?>
2348
2349<?php endif; ?>
Note: See TracBrowser for help on using the repository browser.