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

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

Last change on this file since 7432 was 7432, checked in by ogawa, 12 years ago

#2535:IE6でテキストボックスの右ラインが切れる現象への対策で幅を99%から98%へ変更

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