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

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

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

#3436:Safari3でランキングページを表示した時の1位の画像の右端が見切れて表示される不具合を修正

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