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

source: OpenPNE/trunk/public_html/xhtml_style.php

Last change on this file was 13515, checked in by takai, 10 years ago

#4280: IE8の不具合対応 textarea{display:block} を追加(merge r13514)

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