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

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

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

#2295:IE6の表示崩れ明示的にclearで対応

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