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

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

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

#2981:pc_page_h_diary_edit を考慮していなかったのを修正

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