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

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

Last change on this file since 8486 was 8486, checked in by shingo, 11 years ago

#2166:画像とボタンに5pxの余白を追加した。

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