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

source: OpenPNE/trunk/public_html/xhtml_style.php @ 8314

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

#2939:「マイフレンド」の名称が長い場合、日記詳細の「~の日記」と公開範囲の「マイフレンドまで公開」の文字がかぶらないように修正

File size: 54.1 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    overflow: hidden;
773    overflow: -moz-scrollbars-none;
774}
775.diaryDetailBox h3 {
776    float: left;
777    width: 66%;
778}
779.diaryDetailBox .partsHeading p.public {
780    float: right;
781    width: 33%;
782    margin: 0;
783    text-align: right;
784}
785.diaryDetailBox dl {
786        zoom: 1;
787        overflow: hidden;
788        overflow: -moz-scrollbars-none;
789        border-top: 1px solid #<?php echo $colors[1]; ?>;
790}
791.diaryDetailBox dt {
792        float: left;
793        width: 70px;
794        padding-top: 5px;
795        text-align: center;
796}
797.diaryDetailBox dd {
798        zoom: 1;
799        min-height: 4.2em;
800        margin-left: 70px;
801        border-left: 1px solid #<?php echo $colors[1]; ?>;
802}
803* html .diaryDetailBox dd {
804        height: 4.2em;
805}
806.diaryDetailBox dd div {
807        border-top: 1px solid #<?php echo $colors[1]; ?>;
808}
809.diaryDetailBox dd div p {
810        padding: 4px 3px;
811}
812.diaryDetailBox dd div.title {
813        border-top: none;
814}
815.diaryDetailBox dd div.body {
816        padding: 4px 3px;
817}
818.diaryDetailBox dd ul.photo {
819        padding: 4px 5px;
820}
821.diaryDetailBox dd ul.photo li {
822        display: inline;
823        margin-left: 6px;
824}
825.diaryDetailBox div.category ul {
826        padding: 4px;
827        text-align: right;
828}
829.diaryDetailBox div.category ul li {
830        display: inline;
831        font-size: 80%;
832}
833
834/*==============================================================================
835 * 9. topicDetailBox(トピック詳細ボックス)
836 *----------------------------------------------------------------------------*/
837.topicDetailBox dl {
838        zoom: 1;
839        overflow: hidden;
840        overflow: -moz-scrollbars-none;
841        border-top: 1px solid #<?php echo $colors[1]; ?>;
842}
843.topicDetailBox dt {
844        float: left;
845        width: 100px;
846        padding: 5px;
847        text-align: center;
848}
849.topicDetailBox dd {
850        zoom: 1;
851        margin-left: 110px;
852        border-left: 1px solid #<?php echo $colors[1]; ?>;
853}
854.topicDetailBox dd div {
855        border-top: 1px solid #<?php echo $colors[1]; ?>;
856}
857.topicDetailBox dd div p {
858        padding: 5px;
859}
860.topicDetailBox dd div.title {
861        border-top: none;
862}
863.topicDetailBox dd ul.photo {
864        padding: 5px;
865}
866.topicDetailBox dd ul.photo li {
867        display: inline;
868        margin-left: 6px;
869}
870.topicDetailBox dd div.attachFile {
871        padding: 16px 5px;
872}
873.topicDetailBox div.operation {
874        padding: 10px 0;
875}
876
877/*==============================================================================
878 * 10. eventDetailBox(イベント詳細ボックス)
879 *----------------------------------------------------------------------------*/
880.eventDetailBox dl {
881        zoom: 1;
882        overflow: hidden;
883        overflow: -moz-scrollbars-none;
884        border-top: 1px solid #<?php echo $colors[1]; ?>;
885}
886.eventDetailBox dt {
887        float: left;
888        width: 100px;
889        padding: 5px;
890        text-align: center;
891}
892.eventDetailBox dd {
893        zoom: 1;
894        margin-left: 110px;
895        border-left: 1px solid #<?php echo $colors[1]; ?>;
896}
897.eventDetailBox dd ul.photo {
898        padding: 5px;
899        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
900}
901.eventDetailBox dd ul.photo li {
902        display: inline;
903        margin-left: 6px;
904}
905.eventDetailBox dd table th {
906        width: 112px;
907        text-align: center;
908        border-left: none;
909}
910.eventDetailBox dd table th,
911.eventDetailBox dd table td {
912        padding: 5px;
913}
914.eventDetailBox dd table tr:first-child th,
915.eventDetailBox dd table tr:first-child td,
916.eventDetailBox dd table tr.first-child th,
917.eventDetailBox dd table tr.first-child td {
918        border-top: none;
919}
920.eventDetailBox dd table ul.moreInfo {
921        margin-top: -1.2em;
922        text-align: right;
923}
924.eventDetailBox dd table ul.moreInfo li {
925        display: inline;
926        background-position: 0 50%;
927}
928
929/*==============================================================================
930 * 11. homePhotoBox(ホーム写真ボックス)
931 *----------------------------------------------------------------------------*/
932.homePhotoBox * {
933        text-align: center;
934}
935.homePhotoBox p.friendLink {
936        margin-bottom: 3px;
937}
938.homePhotoBox .parts {
939        padding: 7px;
940}
941.homePhotoBox ul.moreInfo {
942        margin: 2px 0 -5px;
943}
944.homePhotoBox ul.moreInfo li {
945        padding: 1px 0;
946        background: none;
947}
948.homePhotoBox ul.moreInfo li img {
949        vertical-align: bottom;
950}
951.homePhotoBox p.rank {
952        margin-top: 6px;
953}
954.homePhotoBox p.point {
955        margin-top: 2px;
956}
957.homePhotoBox p.text {
958        margin-top: 4px;
959}
960.homePhotoBox p.loginTime {
961        margin-top: 0px;
962}
963
964/*==============================================================================
965 * 12. homeInfoBox(ホームインフォメーションボックス)
966 *----------------------------------------------------------------------------*/
967#Body .homeInfoBox {
968        padding-left: 102px;
969        border: 1px solid #<?php echo $colors[1]; ?>;
970        background: #<?php echo $colors[6]; ?> url(<?php echo getSkin('icon_information'); ?>) no-repeat 5px 50%;
971}
972.homeInfoBox div.body {
973        min-height: 1.2em;
974        padding: 5px;
975        border-left: 1px solid #<?php echo $colors[1]; ?>;
976        background: #<?php echo $colors[7]; ?>;
977}
978.homeInfoBox .caution {
979        color: #ff0000;
980}
981
982/*==============================================================================
983 * 13. photoUploadFormBox(プロフィール写真アップロードフォームボックス)
984 *----------------------------------------------------------------------------*/
985.photoUploadFormBox table {
986        border-top: 1px solid #<?php echo $colors[1]; ?>;
987}
988#Body .photoUploadFormBox td {
989        padding: 8px 0;
990        border: none;
991        text-align: center;
992}
993.photoUploadFormBox form {
994        float: left;
995        width: 230px;
996}
997.photoUploadFormBox form p {
998        margin: 8px 0;
999        text-align: center;
1000}
1001.photoUploadFormBox ul {
1002        zoom: 1;
1003        margin: 8px 0 8px 230px;
1004}
1005.photoUploadFormBox li {
1006        padding-left: 12px;
1007        background: url(<?php echo getSkin('marker'); ?>) no-repeat 3px 3px;
1008}
1009
1010/*==============================================================================
1011 * 14. messageDetailBox(メッセージ詳細ボックス)
1012 *----------------------------------------------------------------------------*/
1013#Body .messageDetailBox th:first-child,
1014#Body .messageDetailBox th.first-child {
1015        border-left-width: 1px;
1016}
1017.messageDetailBox th,
1018.messageDetailBox td {
1019        padding: 5px;
1020}
1021.messageDetailBox td.photo {
1022        width: 120px;
1023        text-align: center;
1024}
1025.messageDetailBox th {
1026        width: 54px;
1027        padding-left: 0;
1028        padding-right: 16px;
1029        background: url(<?php echo getSkin('colon'); ?>) no-repeat 96% 50%;
1030        text-align: right;
1031}
1032#Body .messageDetailBox td {
1033        border-left: none;
1034}
1035.messageDetailBox ul.photo {
1036        margin: 10px;
1037        text-align: center;
1038}
1039.messageDetailBox p.text {
1040        margin: 10px 60px;;
1041}
1042.messageDetailBox ul.photo li {
1043        display: inline;
1044        margin-left: 6px;
1045}
1046.messageDetailBox div.operation {
1047        zoom: 1;
1048        overflow: hidden;
1049        overflow: -moz-scrollbars-none;
1050}
1051.messageDetailBox form.delete {
1052        float: left;
1053        width: 50%;
1054        text-align: left;
1055}
1056.messageDetailBox form.send {
1057        float: right;
1058        width: 50%;
1059        text-align: right;
1060}
1061.messageDetailBox form ul.moreInfo {
1062        display: inline;
1063}
1064.messageDetailBox div.attachFile {
1065        padding: 16px 5px;
1066}
1067
1068/*==============================================================================
1069 * 15. albumDetailBox(アルバム詳細ボックス)
1070 *----------------------------------------------------------------------------*/
1071.albumDetailBox th,
1072.albumDetailBox td {
1073        padding: 5px;
1074}
1075.albumDetailBox th {
1076        width: 75px;
1077}
1078.albumDetailBox td.photo {
1079        width: 190px;
1080        padding: 5px 0;
1081        text-align: center;
1082}
1083#Body .albumDetailBox th:first-child,
1084#Body .albumDetailBox th.first-child,
1085#Body .albumDetailBox td.operation {
1086        border-left-width: 1px;
1087}
1088.albumDetailBox td.operation {
1089        text-align: right;
1090}
1091
1092/*==============================================================================
1093 * 16. albumImageBox(アルバム画像ボックス)
1094 *----------------------------------------------------------------------------*/
1095.albumImageBox p.photo {
1096        padding: 10px;
1097        border-top: 1px solid #<?php echo $colors[1]; ?>;
1098        text-align: center;
1099}
1100.albumImageBox th, .albumImageBox td {
1101        padding: 5px;
1102}
1103#Body .albumImageBox th {
1104        width: 140px;
1105        border-left: none;
1106}
1107
1108/*==============================================================================
1109 * 17. searchFormLine(検索フォームライン)
1110 *----------------------------------------------------------------------------*/
1111.searchFormLine ul {
1112        text-align: center;
1113        padding: 1px 0;
1114}
1115.searchFormLine ul li {
1116        display: inline;
1117}
1118.searchFormLine ul li * {
1119        vertical-align: middle;
1120}
1121.searchFormLine ul li label {
1122        margin-right: 2px;
1123        padding: 1px 13px 0 0;
1124        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1125}
1126
1127/*==============================================================================
1128 * 18. linkLine(リンクライン)
1129 *----------------------------------------------------------------------------*/
1130.linkLine ul.moreInfo {
1131        text-align: center;
1132}
1133.linkLine ul.moreInfo li {
1134        display: inline;
1135        background-position: 0 50%;
1136}
1137
1138/*==============================================================================
1139 * 19. prevNextLinkLine(前次リンクライン)
1140 *----------------------------------------------------------------------------*/
1141.prevNextLinkLine {
1142        zoom: 1;
1143        overflow: hidden;
1144        overflow: -moz-scrollbars-none;
1145}
1146.prevNextLinkLine p.prev {
1147        float: left;
1148        width: 50%;
1149        text-align: left;
1150}
1151.prevNextLinkLine p.next {
1152        float: right;
1153        width: 50%;
1154        text-align: right;
1155}
1156.block.prevNextLinkLine {
1157        padding: 4px 10px;
1158}
1159
1160/*==============================================================================
1161 * 20. buttonLine(ボタンライン)
1162 *----------------------------------------------------------------------------*/
1163.buttonLine form {
1164        text-align: center;
1165}
1166
1167/*==============================================================================
1168 * 21. alertLine(アラートライン)
1169 *----------------------------------------------------------------------------*/
1170.alertLine p {
1171        text-align: center;
1172        color: #ff0000;
1173}
1174
1175/*==============================================================================
1176 * 22. commentList(コメントリスト)
1177 *----------------------------------------------------------------------------*/
1178.commentList dl {
1179        zoom: 1;
1180        overflow: hidden;
1181        overflow: -moz-scrollbars-none;
1182        border-top: 1px solid #<?php echo $colors[1]; ?>;
1183}
1184.commentList dt {
1185        float: left;
1186        width: 70px;
1187        padding-top: 5px;
1188        text-align: center;
1189}
1190.commentList dd {
1191        zoom: 1;
1192        min-height: 5.5em;
1193        margin-left: 70px;
1194        border-left: 1px solid #<?php echo $colors[1]; ?>;
1195}
1196* html .commentList dd {
1197        height: 5.5em;
1198}
1199#LayoutC .commentList dt {
1200        width: 110px;
1201}
1202#LayoutC .commentList dd {
1203        margin-left: 110px;
1204}
1205.commentList dd div {
1206        border-top: 1px solid #<?php echo $colors[1]; ?>;
1207}
1208.commentList dd div p {
1209        padding: 4px 3px;
1210}
1211.commentList dd div.title {
1212        padding: 4px 3px;
1213        border-top: none;
1214}
1215.commentList dd div.title p {
1216        padding: 0;
1217}
1218#pc_page_fh_diary_list .commentList dd div.title {
1219        zoom: 1;
1220        overflow: hidden;
1221        overflow: -moz-scrollbars-none;
1222}
1223#pc_page_fh_diary_list .commentList dd div.title p.heading {
1224        float: left;
1225        width: 66%;
1226}
1227#pc_page_fh_diary_list .commentList dd div.title p.public {
1228        float: right;
1229        width: 33%;
1230        text-align: right;
1231}
1232.commentList dd ul.photo {
1233        padding: 5px 5px 0;
1234}
1235.commentList dd ul.photo li {
1236        display: inline;
1237        margin-left: 6px;
1238}
1239.commentList dd div.footer p {
1240        text-align: right;
1241}
1242.commentList div.operation {
1243        padding: 8px 0;
1244}
1245.commentList dd div.attachFile {
1246        padding: 16px 5px;
1247}
1248
1249/*==============================================================================
1250 * 23. searchResultList(検索結果リスト)
1251 *----------------------------------------------------------------------------*/
1252.searchResultList .partsInfo {
1253        background: #<?php echo $colors[6]; ?>;
1254}
1255.searchResultList .ditem {
1256        margin: 8px 34px;
1257}
1258.searchResultList .item {
1259        zoom: 1;
1260        position: relative;
1261}
1262.searchResultList td.photo {
1263        width: 90px;
1264        padding: 0;
1265        border-left: none;
1266        text-align: center;
1267}
1268.searchResultList th, .searchResultList td {
1269        padding: 5px;
1270}
1271.searchResultList th {
1272        width: 75px;
1273}
1274#Body .searchResultList th:first-child,
1275#Body .searchResultList th.first-child {
1276        border-left-width: 1px;
1277}
1278.searchResultList tr.operation th {
1279        padding-top: 0;
1280        padding-bottom: 0;
1281}
1282.searchResultList tr.operation td {
1283        padding: 0;
1284}
1285.searchResultList tr.operation span.text {
1286        float: left;
1287        display: block;
1288        width: 110px;
1289        padding: 5px;
1290        border-right: 1px solid #<?php echo $colors[1]; ?>;
1291}
1292.searchResultList tr.operation span.moreInfo{
1293        zoom: 1;
1294        display: block;
1295        margin-left: 121px;
1296        padding: 4px 0 3px;
1297        text-align: center;
1298}
1299.searchResultList div.operation {
1300        text-align: center;
1301}
1302.searchResultList tr.operation span.moreInfo img,
1303.searchResultList div.operation form,
1304.searchResultList div.operation fieldset {
1305        display: inline;
1306        vertical-align: top;
1307}
1308
1309/*==============================================================================
1310 * 24. reviewList(レビューリスト)
1311 *----------------------------------------------------------------------------*/
1312.reviewList dl {
1313        zoom: 1;
1314        overflow: hidden;
1315        overflow: -moz-scrollbars-none;
1316        border-top: 1px solid #<?php echo $colors[1]; ?>;
1317}
1318.reviewList dl dt {
1319        float:left;
1320        width: 170px;
1321        padding: 5px;
1322        text-align: center;
1323}
1324.reviewList dl dt span {
1325        display: block;
1326        margin: 3px 0;
1327}
1328.reviewList dl dd {
1329        zoom: 1;
1330        margin-left: 180px;
1331        border-left: 1px solid #<?php echo $colors[1]; ?>;
1332}
1333.reviewList dl dd table {
1334        height: 216px;
1335}
1336.reviewList dl dd th,
1337.reviewList dl dd td {
1338        padding: 5px;
1339}
1340.reviewList dl tr.title th,
1341.reviewList dl dd tr.title td {
1342        border-top: none;
1343}
1344.reviewList dl dd th {
1345        width: 100px;
1346        border-left: none;
1347        text-align: center;
1348}
1349.reviewList dl dd tr.title td {
1350        font-weight: bold;
1351}
1352.reviewList dl dd td p.operation {
1353        text-align: right;
1354}
1355.reviewList dl dd tr.footer td {
1356        border-left: none;
1357        text-align: right;
1358}
1359.reviewList div.operation {
1360        padding: 10px 0;
1361}
1362
1363/*==============================================================================
1364 * 25. recentList(最新書き込みリスト)
1365 *----------------------------------------------------------------------------*/
1366.recentList dl {
1367        zoom: 1;
1368        overflow: hidden;
1369        overflow: -moz-scrollbars-none;
1370        border-top: 1px solid #<?php echo $colors[1]; ?>;
1371}
1372.recentList dt {
1373        float: left;
1374        width: 170px;
1375        padding: 5px;
1376        text-align: center;
1377}
1378.recentList dd {
1379        zoom: 1;
1380        margin-left: 180px;
1381        padding: 5px;
1382        border-left: 1px solid #<?php echo $colors[1]; ?>;
1383}
1384* html #Body .recentList dd {
1385        height: 1.2em;
1386}
1387#LayoutB #Center .recentList dt {
1388        width: 110px;
1389}
1390#LayoutB #Center .recentList dd {
1391        margin-left: 120px;
1392}
1393
1394/*==============================================================================
1395 * 26. friendIntroList(フレンド紹介文リスト)
1396 *----------------------------------------------------------------------------*/
1397.friendIntroList th,
1398.friendIntroList td {
1399        padding: 14px;
1400}
1401#Body .friendIntroList th {
1402        width: 120px;
1403        border-left: none;
1404        text-align: center;
1405}
1406.friendIntroList p.text {
1407        margin-bottom: 1em;
1408}
1409.friendIntroList div.moreInfo ul.moreInfo {
1410        width: 10em;
1411        margin-left: auto;
1412        padding: 6px 2px;
1413}
1414
1415/*==============================================================================
1416 * 27. manageList(管理リスト)
1417 *----------------------------------------------------------------------------*/
1418.manageList td {
1419        padding: 5px;
1420}
1421.manageList td.photo {
1422        width: 140px;
1423        border-left: none;
1424        text-align: center;
1425}
1426.manageList td.delete {
1427        width: 120px;
1428}
1429.manageList col.date {
1430        width: 160px;
1431}
1432* html .manageList col.date {
1433        width: 150px;
1434}
1435*:first-child+html .manageList col.date {
1436        width: 150px;
1437}
1438.manageList col.name {
1439        width: auto;
1440}
1441.manageList colgroup.operation col {
1442        width: 86px;
1443}
1444* html .manageList colgroup.operation col {
1445        width: 76px;
1446}
1447*:first-child+html .manageList colgroup.operation col {
1448        width: 76px;
1449}
1450
1451/*==============================================================================
1452 * 28. searchCategoryList(検索項目リスト)
1453 *----------------------------------------------------------------------------*/
1454.searchCategoryList .partsInfo {
1455        padding: 5px;
1456        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1457        background: #<?php echo $colors[6]; ?>;
1458        text-align: center;
1459}
1460.searchCategoryList .item {
1461        margin: 10px 40px;
1462        border: 1px solid #<?php echo $colors[1]; ?>;
1463        border-top: none;
1464}
1465.searchCategoryList span.label {
1466        margin: 0 4px 0 8px;
1467        padding: 1px 16px 0 0;
1468        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1469}
1470.searchCategoryList dl {
1471        border-top: 1px solid #<?php echo $colors[1]; ?>;
1472}
1473.searchCategoryList dl dt {
1474        margin: 8px 0 0;
1475}
1476.searchCategoryList dl dd {
1477        margin: 8px 10px 8px 70px;
1478}
1479.searchCategoryList dl dd ul {
1480        zoom: 1;
1481        overflow: hidden;
1482        overflow: -moz-scrollbars-none;
1483        margin: 4px 0;
1484}
1485.searchCategoryList dl dd ul li {
1486        overflow: hidden;
1487        float: left;
1488        width: 19%;
1489        margin: 0 2px;
1490}
1491
1492/*==============================================================================
1493 * 29. messageList(メッセージリスト)
1494 *----------------------------------------------------------------------------*/
1495.messageList .partsHeading p.date {
1496        font-weight: bold;
1497}
1498.messageList .pagerRelativeMulti {
1499        zoom: 1;
1500        overflow: hidden;
1501        overflow: -moz-scrollbars-none;
1502}
1503.messageList .pagerRelativeMulti .pager {
1504    position: static;
1505    float: right;
1506    width: 350px;
1507    margin-top: 1px;
1508    text-align: right;
1509}
1510.messageList p.icons {
1511    float: left;
1512    width: 160px;
1513}
1514.messageList p.icons img {
1515        padding-right: 16px;
1516        background: url(<?php echo getSkin('articleList_marker'); ?>) no-repeat 96% 6px;
1517        vertical-align: text-bottom;
1518}
1519.messageList tr {
1520        height: 20px;
1521}
1522.messageList tr.unread {
1523        background: #<?php echo $colors[6]; ?>;
1524}
1525#Body .messageList th.delete {
1526        font-weight: normal;
1527}
1528#Body .messageList th {
1529        padding: 0 2px;
1530        border-width: 1px 0 0;
1531        font-weight: bold;
1532}
1533#Body .messageList td {
1534        padding: 0 2px;
1535        border-width: 1px 0 0;
1536}
1537#Body .messageList td .input_checkbox {
1538        margin-left: 4px;
1539}
1540.messageList td.status {
1541        text-align: center;
1542}
1543.messageList col.status {
1544        width: 35px;
1545}
1546.messageList col.delete {
1547        width: 35px;
1548}
1549.messageList col.target {
1550        width: 130px;
1551}
1552.messageList col.title {
1553        width: auto;
1554}
1555.messageList col.date {
1556        width: 80px;
1557}
1558.messageList table span {
1559        width: 100%;
1560        display: block;
1561        overflow: hidden;
1562        white-space: nowrap;
1563        text-overflow: ellipsis;
1564}
1565.messageList div.operation p {
1566        margin-top: 8px;
1567        margin-bottom: 5px;
1568}
1569.messageList div.operation ul.moreInfo {
1570        text-align: left;
1571}
1572
1573/*==============================================================================
1574 * 30. ashiatoList(あしあとリスト)
1575 *----------------------------------------------------------------------------*/
1576.ashiatoList div.partsInfo {
1577        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1578}
1579.ashiatoList div.item {
1580        margin: 8px 40px;
1581        padding: 8px 0;
1582        border: 1px solid #<?php echo $colors[1]; ?>;
1583}
1584.ashiatoList div.item p,
1585.ashiatoList div.item ul.list {
1586        padding-left: 160px;
1587}
1588.ashiatoList div.item p strong {
1589        margin: 0 2px;
1590}
1591.ashiatoList div.item ul.list {
1592        overflow: hidden;
1593        margin-top: 16px;
1594}
1595
1596/*==============================================================================
1597 * 31. rankingList(ランキングリスト)
1598 *----------------------------------------------------------------------------*/
1599.rankingList .partsHeading p {
1600        margin: 0;
1601}
1602#Body .rankingList th:first-child,
1603#Body .rankingList th.first-child {
1604        border-left-width: 1px;
1605}
1606.rankingList td.photo {
1607        width: 120px;
1608        text-align: center;
1609}
1610.rankingList th {
1611        width: 75px;
1612        padding: 5px;
1613}
1614.rankingList td {
1615        padding: 5px;
1616}
1617.rankingList td.name {
1618        background: #<?php echo $colors[6]; ?>;
1619}
1620.rankingList td.name a {
1621        font-weight: bold;
1622}
1623.rankingList .ditem {
1624        margin: 8px 15px;
1625        background: #<?php echo $colors[6]; ?>;
1626}
1627.rankingList .item {
1628        background: #<?php echo $colors[7]; ?>;
1629}
1630.rankingList .item td.photo {
1631        width: 90px;
1632}
1633
1634/*==============================================================================
1635 * 32. bizSideTodoList(BIZ用Todoリスト)
1636 *----------------------------------------------------------------------------*/
1637#Body .bizSideTodoList {
1638        width: 220px;
1639        margin: 10px 5px;
1640        border: 1px solid #<?php echo $colors[1]; ?>;
1641}
1642#Body .bizSideTodoList td {
1643        border-width: 1px 0 0;
1644}
1645.bizSideTodoList .block {
1646        padding: 5px;
1647}
1648.bizSideTodoList textarea {
1649        width: 98%;
1650}
1651.bizSideTodoList tr.someone {
1652        background: #<?php echo $colors[6]; ?>;
1653}
1654.bizSideTodoList tr.checked {
1655        color: #999999;
1656}
1657.bizSideTodoList td.state {
1658        width: 38px;
1659        vertical-align: top;
1660}
1661.bizSideTodoList tr.priLow td.state p {
1662        padding-left: 4px;
1663        border-left: 0;
1664}
1665.bizSideTodoList tr.priMiddle td.state p {
1666        padding-left: 0;
1667        border-left: 4px solid #ff8080;
1668}
1669.bizSideTodoList tr.priHigh td.state p {
1670        padding-left: 0;
1671        border-left: 4px solid #ff0000;
1672}
1673.bizSideTodoList tr.checked td.state p {
1674        padding-left: 4px;
1675        border-left: 0;
1676}
1677.bizSideTodoList td.operation {
1678        width: 16px;
1679        vertical-align: top;
1680}
1681.bizSideTodoList td.operation a {
1682        display: block;
1683        width: 14px;
1684        margin-top: 2px;
1685}
1686
1687/*==============================================================================
1688 * 33. bizSideScheduleList(BIZ用スケジュールリスト)
1689 *----------------------------------------------------------------------------*/
1690#Body .bizSideScheduleList {
1691        width: 220px;
1692        margin: 10px 5px;
1693        border: 1px solid #<?php echo $colors[1]; ?>;
1694}
1695.bizSideScheduleList dl {
1696        zoom: 1;
1697        overflow: hidden;
1698        overflow: -moz-scrollbars-none;
1699        border-top: 1px solid #<?php echo $colors[1]; ?>;
1700}
1701.bizSideScheduleList dt {
1702        float: left;
1703        width: 60px;
1704        padding: 5px;
1705        text-align: center;
1706}
1707.bizSideScheduleList dd {
1708        zoom: 1;
1709        margin-left: 70px;
1710        padding: 5px;
1711        border-left: 1px solid #<?php echo $colors[1]; ?>;
1712}
1713
1714/*==============================================================================
1715 * 34. albumList(アルバムリスト)
1716 *----------------------------------------------------------------------------*/
1717.albumList th,
1718.albumList td {
1719        padding: 5px;
1720}
1721.albumList th {
1722        width: 75px;
1723}
1724.albumList td.photo {
1725        width: 190px;
1726        padding: 5px 0;
1727        text-align: center;
1728}
1729.albumList td.photo p {
1730        text-align: center;
1731        padding: 5px;
1732}
1733#Body .albumList th:first-child,
1734#Body .albumList th.first-child {
1735        border-left-width: 1px;
1736}
1737.albumList td.operation {
1738        text-align: center;
1739}
1740
1741/*==============================================================================
1742 * 35. albumImageList(アルバム画像リスト)
1743 *----------------------------------------------------------------------------*/
1744.albumImageList td {
1745        padding: 5px;
1746        text-align: center;
1747}
1748.albumImageList td p {
1749        text-align: center;
1750}
1751
1752/*==============================================================================
1753 * 36. homeNineTable(ホーム9面テーブル)
1754 *----------------------------------------------------------------------------*/
1755.homeNineTable tr.photo td {
1756        height: 80px;
1757        padding: 2px 0;
1758        text-align: center;
1759}
1760.homeNineTable tr.photo td p.crown {
1761        text-align: center;
1762}
1763.homeNineTable tr.text td {
1764        padding: 2px;
1765        text-align: center;
1766}
1767.homeNineTable div.moreInfo ul.moreInfo {
1768        width: 11em;
1769        margin-left: auto;
1770        padding: 6px 0;
1771}
1772
1773/*==============================================================================
1774 * 37. photoTable(写真テーブル)
1775 *----------------------------------------------------------------------------*/
1776.photoTable {
1777        width: 561px;
1778}
1779.photoTable tr.photo td {
1780        height: 90px;
1781        padding: 8px 0;
1782        text-align: center;
1783}
1784.photoTable tr.photo td p.crown {
1785        text-align: center;
1786}
1787.photoTable tr.text td {
1788        padding: 5px 2px;
1789        text-align: center;
1790}
1791
1792/*==============================================================================
1793 * 38. homeMainTable(ホームメインテーブル)
1794 *----------------------------------------------------------------------------*/
1795.homeMainTable .partsHeading {
1796        zoom: 1;
1797        position: relative;
1798}
1799.homeMainTable .partsHeading p.link {
1800        position: absolute;
1801        top: 2px;
1802        right: 8px;
1803}
1804.homeMainTable th {
1805        width: 83px;
1806        background-color: #<?php echo $colors[6]; ?>;
1807}
1808.homeMainTable th, .homeMainTable td {
1809        padding: 5px;
1810}
1811.homeMainTable ul.articleList {
1812        line-height: 1.3;
1813}
1814.homeMainTable ul.articleList li {
1815    padding-left: 85px;
1816    text-indent: -72px;
1817}
1818.homeMainTable tr ul.articleList li {
1819    background: url(<?php echo getSkin('icon_3'); ?>) 3px 0.4em no-repeat scroll;
1820}
1821.homeMainTable tr.myFriendRecentDiary ul.articleList li,
1822.homeMainTable tr.myFriendRecentBlog ul.articleList li,
1823.homeMainTable tr.allRecentDiary ul.articleList li,
1824.homeMainTable tr.bookmarkRecentDiary ul.articleList li,
1825.homeMainTable tr.bookmarkRecentBlog ul.articleList li,
1826.homeMainTable tr.myRecentDiary ul.articleList li,
1827.homeMainTable tr.myRecentBlog ul.articleList li,
1828.homeMainTable tr.friendRecentDiary ul.articleList li,
1829.homeMainTable tr.friendRecentBlog ul.articleList li
1830{
1831    background-image: url(<?php echo getSkin('icon_1'); ?>);
1832}
1833.homeMainTable tr.diaryCommentHistory ul.articleList li,
1834.homeMainTable tr.recentCommunityTopicComment ul.articleList li,
1835.homeMainTable tr.allRecentCommunityTopicComment ul.articleList li,
1836.homeMainTable tr.communityTopic ul.articleList li,
1837.homeMainTable tr.communityEvent ul.articleList li
1838{
1839    background-image: url(<?php echo getSkin('icon_2'); ?>);
1840}
1841.homeMainTable ul.articleList li span.date {
1842        padding-right: 18px;
1843        background: url(<?php echo getSkin('articleList_marker'); ?>) 92% 0.3em no-repeat scroll;
1844}
1845.homeMainTable div.moreInfo ul.moreInfo {
1846        width: 10em;
1847        margin: 0 2px 0 auto;
1848}
1849.homeMainTable td.halfway ul.moreInfo {
1850        width: 12em;
1851        margin: 0 0 20px auto;
1852}
1853
1854/*==============================================================================
1855 * 39. formTable(入力フォームテーブル)
1856 *----------------------------------------------------------------------------*/
1857.formTable .partsHeading {
1858        zoom: 1;
1859        position: relative;
1860}
1861.formTable strong {
1862        font-weight: normal;
1863        color: #ff0000;
1864}
1865.formTable p.caution {
1866        color: #ff0000;
1867}
1868.formTable .partsHeading p.link {
1869        position: absolute;
1870        top: 2px;
1871        right: 8px;
1872}
1873.formTable div.partsInfo {
1874        background-color: #<?php echo $colors[6]; ?>;
1875}
1876.formTable th, .formTable td {
1877        padding: 5px;
1878}
1879#Body .formTable th {
1880        width: 140px;
1881        border-left: none;
1882}
1883#LayoutB #Center .formTable th {
1884        width: 80px;
1885}
1886.formTable table table td {
1887        padding: 0;
1888        border: none;
1889}
1890.formTable textarea {
1891        width: 98%;
1892}
1893.formTable input.input_text_long {
1894        width: 98%;
1895}
1896.formTable table table td.publicSelector {
1897        width: 150px;
1898        text-align: right;
1899}
1900.formTable div.checkList ul {
1901        zoom: 1;
1902        overflow: hidden;
1903        overflow: -moz-scrollbars-none;
1904}
1905.formTable div.checkList li {
1906        overflow: hidden;
1907        overflow: -moz-scrollbars-none;
1908        float: left;
1909        width: 27%;
1910        padding-left: 18px;
1911        text-indent: -18px;
1912        line-height: 1.6;
1913}
1914.formTable div.operation {
1915        padding: 10px 0;
1916}
1917
1918/*==============================================================================
1919 * 40. weeklyCalendarTable(週間カレンダーテーブル)
1920 *----------------------------------------------------------------------------*/
1921#Body .weeklyCalendarTable .parts {
1922        border-top: none;
1923}
1924.weeklyCalendarTable div.block {
1925        padding: 5px;
1926}
1927.weeklyCalendarTable .input_submit {
1928        margin-right: 8px;
1929}
1930.weeklyCalendarTable .calendar td {
1931        padding: 5px;
1932        vertical-align: top;
1933}
1934.weeklyCalendarTable .calendar .today {
1935        background: #<?php echo $colors[6]; ?>;
1936}
1937.weeklyCalendarTable .calendar .today p.day {
1938        font-weight: bold;
1939}
1940.weeklyCalendarTable ul.moreInfo {
1941        margin: 0 2px 0 auto;
1942        width: 9em;
1943}
1944
1945/*==============================================================================
1946 * 41. monthlyCalendarTable(月間カレンダーテーブル)
1947 *----------------------------------------------------------------------------*/
1948.monthlyCalendarTable div.block {
1949        zoom: 1;
1950        overflow: hidden;
1951        overflow: -moz-scrollbars-none;
1952        padding: 2px 5px;
1953}
1954.monthlyCalendarTable div.block p.moreInfo {
1955        float: left;
1956        width: 70%;
1957        text-align: left;
1958}
1959.monthlyCalendarTable div.block p.moreInfo a {
1960        margin-right: 4px;
1961}
1962.monthlyCalendarTable div.block p.pager {
1963        float: right;
1964        width: 30%;
1965        margin-top: 2px;
1966        text-align: right;
1967}
1968.monthlyCalendarTable .calendar th {
1969        padding: 2px;
1970}
1971.monthlyCalendarTable .calendar td {
1972        height: 65px;
1973        padding: 2px;
1974        vertical-align: top;
1975}
1976.monthlyCalendarTable .calendar td.today {
1977        background: #<?php echo $colors[6]; ?>;
1978        font-weight: bold;
1979}
1980.monthlyCalendarTable .calendar td p {
1981        font-weight: normal;
1982}
1983.monthlyCalendarTable .partsInfo {
1984        padding: 5px;
1985        background: #<?php echo $colors[6]; ?>;
1986}
1987.monthlyCalendarTable .partsInfo img {
1988        margin: 0 1px;
1989}
1990
1991/*==============================================================================
1992 * 42. bizWeeklyCalendarTable(BIZ用週間カレンダーテーブル)
1993 *----------------------------------------------------------------------------*/
1994#Body .bizWeeklyCalendarTable .parts {
1995        border-top: none;
1996}
1997.bizWeeklyCalendarTable div.block {
1998        padding: 5px;
1999}
2000.bizWeeklyCalendarTable .calendar td {
2001        padding: 5px 0;
2002        vertical-align: top;
2003}
2004.bizWeeklyCalendarTable .calendar td p {
2005        padding: 0 5px;
2006}
2007.bizWeeklyCalendarTable .calendar td .time {
2008        padding: 0;
2009}
2010.bizWeeklyCalendarTable .calendar .today {
2011        background: #<?php echo $colors[6]; ?>;
2012}
2013.bizWeeklyCalendarTable .calendar .today p.day {
2014        font-weight: bold;
2015}
2016.bizWeeklyCalendarTable .calendar th {
2017        width: 130px;
2018        padding: 5px 0;
2019        text-align: center;
2020}
2021.bizWeeklyCalendarTable .calendar th * {
2022        text-align: center;
2023}
2024.bizWeeklyCalendarTable .calendar th .input_text {
2025        width: 118px;
2026}
2027.bizWeeklyCalendarTable .calendar th .input_submit {
2028        width: 120px;
2029}
2030.bizWeeklyCalendarTable .calendar th .nickname {
2031        margin: 5px 0;
2032}
2033.bizWeeklyCalendarTable .calendar td.sub {
2034        border-width: 0 0 0 1px;
2035}
2036.bizWeeklyCalendarTable div.moreInfo {
2037        padding-left: 135px;
2038}
2039.bizWeeklyCalendarTable div.moreInfo .input_submit {
2040        margin-right: 8px;
2041}
2042
2043/*==============================================================================
2044 * 43. sideNav(サイドナビ)
2045 *----------------------------------------------------------------------------*/
2046.sideNav .item {
2047        overflow: hidden;
2048        width: 150px;
2049        margin: 0 auto 10px;
2050        border: 8px solid #<?php echo $colors[8]; ?>;
2051}
2052.sideNav .partsHeading {
2053        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
2054}
2055.sideNav .pageNav ul {
2056        margin: 1px;
2057}
2058.sideNav .pageNav li {
2059        padding: 4px 0 4px 18px;
2060        background: url(<?php echo getSkin('icon_1'); ?>) 8px 50% no-repeat scroll;
2061}
2062.sideNav .pageNav li.looking {
2063        background-color: #<?php echo $colors[6]; ?>;
2064}
2065.sideNav .calendar .partsHeading {
2066        padding: 4px 0;
2067        border: none;
2068        background: none;
2069        text-align: center;
2070}
2071.sideNav .calendar th {
2072        background-color: #<?php echo $colors[6]; ?>;
2073        text-align: center;
2074}
2075.sideNav .calendar td {
2076        padding: 1px 2px;
2077        text-align: right;
2078}
2079.sideNav .list {
2080        padding: 4px 0;
2081}
2082.sideNav .list li {
2083        padding-left: 16px;
2084        background: no-repeat 6px 4px;
2085}
2086.sideNav .monthlyMessage li  { background-image: url(<?php echo getSkin('icon_1'); ?>); }
2087.sideNav .recentlyDiary li   { background-image: url(<?php echo getSkin('icon_3'); ?>); }
2088.sideNav .recentlyComment li { background-image: url(<?php echo getSkin('icon_1'); ?>); }
2089.sideNav .monthlyDiary li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
2090.sideNav .listCategory li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
2091
2092/*==============================================================================
2093 * 44. rankingSideNav(ランキングサイドナビ)
2094 *----------------------------------------------------------------------------*/
2095.rankingSideNav {
2096        width: 150px;
2097        margin: 0 auto;
2098        border: 8px solid #<?php echo $colors[8]; ?>;
2099}
2100.rankingSideNav .partsHeading {
2101        padding: 2px 4px;
2102        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
2103        background-image: none;
2104        text-align: center;
2105}
2106.rankingSideNav p {
2107        margin: 3px;
2108}
2109.rankingSideNav p.link {
2110        padding: 3px;
2111        border: 1px solid #<?php echo $colors[1]; ?>;
2112        text-align: right;
2113}
2114
2115/**=============================================================================
2116 * 配色設定
2117 *----------------------------------------------------------------------------*/
2118#Body {
2119        background: #<?php echo $colors[2]; ?>;
2120}
2121#Container {
2122        background: #<?php echo $colors[3]; ?>;
2123}
2124div.dparts {
2125        background-color: #<?php echo $colors[4]; ?>;
2126}
2127div.parts {
2128        background-color: #<?php echo $colors[7]; ?>;
2129}
2130.sideNav .item {
2131        background-color: #<?php echo $colors[7]; ?>;
2132}
2133#Body .sideNav {
2134        background-color: transparent;
2135}
2136#Body .linkLine,
2137#Body .searchFormLine,
2138#Body .buttonLine,
2139#Body .prevNextLinkLine {
2140        background-color: transparent;
2141}
2142
2143/**=============================================================================
2144 * ログインページ
2145 *----------------------------------------------------------------------------*/
2146div#container_login {
2147        position: relative;
2148        display: block;
2149        margin: 0px auto 0px 0px;
2150        width: 720px;
2151        height: 563px;
2152        padding: 0px;
2153}
2154
2155div#container_login img.bg {
2156        display: block;
2157        position: absolute;
2158        left: 0px;
2159        top: 0px;
2160        width: 720px;
2161        height: 563px;
2162        z-index: 0;
2163}
2164
2165div#container_login a img {
2166        width: 100%;
2167        height: 100%;
2168}
2169
2170div#container_login div.banner,
2171div#container_login a.banner {
2172        display: block;
2173        position: absolute;
2174        left: 247px;
2175        top: 5px;
2176        width: 468px;
2177        height: 60px;
2178        z-index: 200;
2179}
2180
2181div#container_login div.header a.main_menu {
2182        display: block;
2183        display: none;
2184        position: absolute;
2185        height: 22px;
2186        top: 0px;
2187}
2188
2189div#container_login input#username {
2190        display: block;
2191        position: absolute;
2192        left: 504px;
2193        top: 246px;
2194        width: 185px;
2195        height: 23px;
2196        font-size: 10pt;
2197        z-index: 100;
2198}
2199
2200div#container_login input#password {
2201        display: block;
2202        position: absolute;
2203        left: 504px;
2204        top: 299px;
2205        width: 185px;
2206        height: 23px;
2207        font-size: 10pt;
2208        z-index: 110;
2209}
2210
2211div#container_login input#button_login {
2212        display: block;
2213        position: absolute;
2214        left: 536px;
2215        top: 384px;
2216        width: 120px;
2217        height: 24px;
2218        border: none 0px;
2219        background-color: transparent;
2220        z-index: 120;
2221}
2222
2223div#container_login a#button_new_regist {
2224        display: block;
2225        position: absolute;
2226        left: 536px;
2227        top: 414px;
2228        width: 120px;
2229        height: 24px;
2230        border: none 0px;
2231        z-index: 130;
2232}
2233
2234div#container_login div.msg {
2235        display: block;
2236        position: absolute;
2237        border: none 0px;
2238        padding: 3px 0px;
2239        left: 504px;
2240        top: 327px;
2241        width: 185px;
2242        height: 42px;
2243        font-size: 9pt;
2244        text-align: center;
2245        z-index: 140;
2246}
2247
2248div#container_login div.msg * {
2249        font-size: 8pt;
2250}
2251
2252div#container_login .footer {
2253        display: block;
2254        position: absolute;
2255        left: 0px;
2256        top: 542px;
2257        width: 720px;
2258        height: 21px;
2259        z-index: 300;
2260}
2261div#container_login .footer p {
2262        margin-right: 12px;
2263        text-align: right;
2264        line-height: 21px;
2265}
2266
2267/*==============================================================================
2268 * 文字装飾
2269 *----------------------------------------------------------------------------*/
2270<?php if ($decoration_config['op_b']): ?>
2271span.op_b {
2272        text-decoration: inherit;
2273        font-style: inherit;
2274        font-weight: bold;
2275        color: inherit;
2276        font-size: inherit;
2277}
2278<?php endif; ?>
2279
2280<?php if ($decoration_config['op_u']): ?>
2281span.op_u {
2282        text-decoration: underline;
2283        font-style: inherit;
2284        font-weight: inherit;
2285        color: inherit;
2286        font-size: inherit;
2287}
2288<?php endif; ?>
2289
2290<?php if ($decoration_config['op_s']): ?>
2291span.op_s {
2292        text-decoration: line-through;
2293        font-style: inherit;
2294        font-weight: inherit;
2295        color: inherit;
2296        font-size: inherit;
2297}
2298<?php endif; ?>
2299
2300<?php if ($decoration_config['op_i']): ?>
2301span.op_i {
2302        text-decoration: inherit;
2303        font-style: italic;
2304        font-weight: inherit;
2305        color: inherit;
2306        font-size: inherit;
2307}
2308<?php endif; ?>
2309
2310<?php if ($decoration_config['op_large']): ?>
2311span.op_large {
2312        text-decoration: inherit;
2313        font-style: inherit;
2314        font-weight: inherit;
2315        color: inherit;
2316        font-size: 20px;
2317}
2318<?php endif; ?>
2319
2320<?php if ($decoration_config['op_small']): ?>
2321span.op_small {
2322        text-decoration: inherit;
2323        font-style: inherit;
2324        font-weight: inherit;
2325        color: inherit;
2326        font-size: 8px;
2327}
2328<?php endif; ?>
2329
2330<?php if ($decoration_config['op_color']): ?>
2331span.op_color {
2332        text-decoration: inherit;
2333        font-style: inherit;
2334        font-weight: inherit;
2335        color: inherit;
2336        font-size: inherit;
2337}
2338<?php else: ?>
2339span.op_color {
2340        text-decoration: inherit;
2341        font-style: inherit;
2342        font-weight: inherit;
2343        color: #000 !important;
2344        font-size: inherit;
2345}
2346<?php endif; ?>
2347
2348<?php if ($custom_css): ?>
2349
2350/*==============================================================================
2351 * カスタムCSS
2352 *----------------------------------------------------------------------------*/
2353<?php echo $custom_css; ?>
2354
2355<?php endif; ?>
Note: See TracBrowser for help on using the repository browser.