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

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

Last change on this file since 7939 was 7939, checked in by ogawa, 13 years ago

xhtml_style.php内のCSSのインデントをハードタブに置換

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