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

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

Last change on this file since 8040 was 8040, checked in by ebihara, 12 years ago

#2669:homeMainTableの各リストに対して個別にクラス名を与えた

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