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

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

Last change on this file since 7264 was 7264, checked in by ogawa, 13 years ago

#2390:ログイン前ヘッダの表示領域を修正

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        float: left;
1020        width: 170px;
1021        padding: 5px;
1022        text-align: center;
1023}
1024.recentList dd {
1025        zoom: 1;
1026        margin-left: 180px;
1027        padding: 5px;
1028        border-left: 1px solid #<?php echo $colors[1]; ?>;
1029}
1030#LayoutB #Center .recentList dt {
1031        width: 110px;
1032}
1033#LayoutB #Center .recentList dd {
1034        margin-left: 120px;
1035}
1036
1037/*==============================================================================
1038 * 10. eventDetailBox(イベント詳細ボックス)
1039 *----------------------------------------------------------------------------*/
1040.eventDetailBox dl {
1041        border-top: 1px solid #<?php echo $colors[1]; ?>;
1042}
1043.eventDetailBox dt {
1044        float: left;
1045        width: 100px;
1046        padding: 5px;
1047        text-align: center;
1048}
1049.eventDetailBox dd {
1050        zoom: 1;
1051        margin-left: 110px;
1052        border-left: 1px solid #<?php echo $colors[1]; ?>;
1053}
1054.eventDetailBox dd ul.photo {
1055        padding: 5px;
1056        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1057}
1058.eventDetailBox dd ul.photo li {
1059        display: inline;
1060        margin-left: 6px;
1061}
1062.eventDetailBox dd table th {
1063        width: 112px;
1064        text-align: center;
1065        border-left: none;
1066}
1067.eventDetailBox dd table th,
1068.eventDetailBox dd table td {
1069        padding: 5px;
1070}
1071.eventDetailBox dd table tr:first-child th,
1072.eventDetailBox dd table tr:first-child td {
1073        border-top: none;
1074}
1075.eventDetailBox dd table ul.moreInfo {
1076        margin-top: -1.2em;
1077        text-align: right;
1078}
1079.eventDetailBox dd table ul.moreInfo li {
1080        display: inline;
1081        background-position: 0 50%;
1082}
1083
1084/*==============================================================================
1085 * 22. friendIntroList(フレンド紹介文リスト)
1086 *----------------------------------------------------------------------------*/
1087.friendIntroList th,
1088.friendIntroList td {
1089        padding: 14px;
1090}
1091#Body .friendIntroList th {
1092        width: 120px;
1093        border-left: none;
1094        text-align: center;
1095}
1096.friendIntroList div.moreInfo ul.moreInfo {
1097        width: 10em;
1098        margin-left: auto;
1099        padding: 6px 2px;
1100}
1101
1102/*==============================================================================
1103 * 9. topicDetailBox(トピック詳細ボックス)
1104 *----------------------------------------------------------------------------*/
1105.topicDetailBox dl {
1106        border-top: 1px solid #<?php echo $colors[1]; ?>;
1107}
1108.topicDetailBox dt {
1109        float: left;
1110        width: 100px;
1111        padding: 5px;
1112        text-align: center;
1113}
1114.topicDetailBox dd {
1115        zoom: 1;
1116        margin-left: 110px;
1117        border-left: 1px solid #<?php echo $colors[1]; ?>;
1118}
1119.topicDetailBox dd div {
1120        border-top: 1px solid #<?php echo $colors[1]; ?>;
1121}
1122.topicDetailBox dd div p {
1123        padding: 5px;
1124}
1125.topicDetailBox dd div.title {
1126        border-top: none;
1127}
1128.topicDetailBox dd ul.photo {
1129        padding: 5px;
1130}
1131.topicDetailBox dd ul.photo li {
1132        display: inline;
1133        margin-left: 6px;
1134}
1135.topicDetailBox dd div.attachFile {
1136        padding: 16px 5px;
1137}
1138.topicDetailBox div.operation {
1139        padding: 10px 0;
1140}
1141
1142/*==============================================================================
1143 * 26. ashiatoList(あしあとリスト)
1144 *----------------------------------------------------------------------------*/
1145.ashiatoList div.partsInfo {
1146        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1147}
1148.ashiatoList div.item {
1149        margin: 8px 40px;
1150        padding: 8px 0;
1151        border: 1px solid #<?php echo $colors[1]; ?>;
1152}
1153.ashiatoList div.item p,
1154.ashiatoList div.item ul.list {
1155        padding-left: 160px;
1156}
1157.ashiatoList div.item p strong {
1158        margin: 0 2px;
1159}
1160.ashiatoList div.item ul.list {
1161        overflow: hidden;
1162        margin-top: 16px;
1163}
1164
1165/*==============================================================================
1166 * 15. linkLine(リンクライン)
1167 *----------------------------------------------------------------------------*/
1168.linkLine ul.moreInfo {
1169        text-align: center;
1170}
1171.linkLine ul.moreInfo li {
1172        display: inline;
1173        background-position: 0 50%;
1174}
1175
1176/*==============================================================================
1177 * 14. searchFormLine(検索フォームライン)
1178 *----------------------------------------------------------------------------*/
1179.searchFormLine ul {
1180        text-align: center;
1181        padding: 1px 0;
1182}
1183.searchFormLine ul li {
1184        display: inline;
1185}
1186.searchFormLine ul li * {
1187        vertical-align: middle;
1188}
1189.searchFormLine ul li label {
1190        margin-right: 2px;
1191        padding: 1px 13px 0 0;
1192        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1193}
1194
1195/*==============================================================================
1196 * 5. infoButtonBox(ボタン付き案内ボックス)
1197 *----------------------------------------------------------------------------*/
1198.infoButtonBox .block {
1199        padding: 30px 10px;
1200}
1201.infoButtonBox p,
1202.infoButtonBox ul {
1203        margin-top: 6px;
1204        text-align: center;
1205}
1206.infoButtonBox ul.check li {
1207        text-align: center;
1208}
1209.infoButtonBox ul.check li .input_submit {
1210        margin-top: 6px;
1211}
1212.infoButtonBox ul.moreInfo {
1213        margin-left: 230px;
1214}
1215.infoButtonBox ul.moreInfo.button {
1216        margin-left: 0;
1217}
1218.infoButtonBox ul.moreInfo.button li {
1219        text-align: center;
1220}
1221
1222/*==============================================================================
1223 * 7. searchFormBox(検索フォームボックス)
1224 *----------------------------------------------------------------------------*/
1225.searchFormBox .partsHeading {
1226        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1227}
1228.searchFormBox .parts {
1229        zoom: 1;
1230}
1231.searchFormBox .item {
1232        overflow: hidden;
1233        margin: 10px 40px;
1234        padding-top: 8px;
1235        border: 1px solid #<?php echo $colors[1]; ?>;
1236}
1237.searchFormBox label,
1238.searchFormBox span.label {
1239        margin: 0 4px 0 8px;
1240        padding: 1px 16px 0 0;
1241        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1242}
1243.searchFormBox .input_submit {
1244        margin-right: 8px;
1245}
1246.searchFormBox p.desc {
1247        margin: 0 4px 16px 8px;
1248}
1249.searchFormBox p.form {
1250        margin: 0 4px 8px 0;
1251}
1252.searchFormBox p.note {
1253        margin: -4px 4px 8px 8px;
1254}
1255.searchFormBox ul.moreInfo {
1256        margin: 0 4px 8px 150px;
1257}
1258.searchFormBox div.block {
1259        padding: 8px 0;
1260}
1261.searchFormBox dl.category {
1262        zoom: 1;
1263}
1264.searchFormBox dl.category dt {
1265        float: left;
1266        width: 6em;
1267}
1268.searchFormBox dl.category dd {
1269        zoom: 1;
1270        margin-left: 6em;
1271}
1272.searchFormBox dl.category dd p {
1273        margin: 0 16px;
1274}
1275.searchFormBox dl.categories dt {
1276        margin-bottom: 4px;
1277}
1278.searchFormBox table.category th {
1279        width: 74px;
1280        padding: 3px 7px 3px 5px;
1281        border: none;
1282        background: url(<?php echo getSkin('colon'); ?>) no-repeat 100% 4px;
1283        font-weight: bold;
1284        vertical-align: top;
1285}
1286.searchFormBox table.category td {
1287        padding: 3px 8px;
1288        border: none;
1289        vertical-align: top;
1290}
1291
1292/*==============================================================================
1293 * 4. infoBox(案内ボックス)
1294 *----------------------------------------------------------------------------*/
1295#Body .infoBox {
1296        margin: 0 20px 10px;
1297}
1298.infoBox .parts {
1299        zoom: 1;
1300        overflow: hidden;
1301        position: relative;
1302}
1303.infoBox p {
1304        overflow: hidden;
1305        margin-right: 16em;
1306        padding: 5px;
1307        border-right: 1px solid #<?php echo $colors[1]; ?>;
1308        background: #<?php echo $colors[6]; ?>;
1309}
1310.infoBox ul.moreInfo {
1311        position: absolute;
1312        bottom: 3px;
1313        right: 0;
1314        width: 15.5em;
1315}
1316
1317/*==============================================================================
1318 * 12. homeInfoBox(ホームインフォメーションボックス)
1319 *----------------------------------------------------------------------------*/
1320#Body .homeInfoBox {
1321        margin-left: 5px;
1322        padding-left: 102px;
1323        border: 1px solid #<?php echo $colors[1]; ?>;
1324        background: #<?php echo $colors[7]; ?> url(<?php echo getSkin('icon_information'); ?>) no-repeat 5px 50%;
1325}
1326.homeInfoBox div.body {
1327        min-height: 1.2em;
1328        padding: 5px;
1329        border-left: 1px solid #<?php echo $colors[1]; ?>;
1330        background: #<?php echo $colors[8]; ?>;
1331}
1332.homeInfoBox .caution {
1333        color: #ff0000;
1334}
1335
1336/*==============================================================================
1337 * 2. descriptionBox(説明ボックス)
1338 *----------------------------------------------------------------------------*/
1339#Body .descriptionBox {
1340        margin: 0 20px 10px;
1341}
1342.descriptionBox p {
1343        margin: 12px;
1344}
1345
1346/*==============================================================================
1347 * 27. rankingList(ランキングリスト)
1348 *----------------------------------------------------------------------------*/
1349.rankingList .partsHeading p {
1350        margin: 0;
1351}
1352#Body .rankingList th:first-child {
1353        border-left-width: 1px;
1354}
1355.rankingList td.photo {
1356        width: 120px;
1357        text-align: center;
1358}
1359.rankingList th {
1360        width: 75px;
1361        padding: 5px;
1362}
1363.rankingList td {
1364        padding: 5px;
1365}
1366.rankingList td.name {
1367        background: #<?php echo $colors[7]; ?>;
1368}
1369.rankingList td.name a {
1370        font-weight: bold;
1371}
1372.rankingList .ditem {
1373        margin: 8px 15px;
1374        background: #<?php echo $colors[7]; ?>;
1375}
1376.rankingList .item {
1377        background: #<?php echo $colors[8]; ?>;
1378}
1379.rankingList .item td.photo {
1380        width: 90px;
1381}
1382
1383/*==============================================================================
1384 * 35. rankingSideNav(ランキングサイドナビ)
1385 *----------------------------------------------------------------------------*/
1386.rankingSideNav {
1387        width: 150px;
1388        margin: 0 auto;
1389        border: 8px solid #<?php echo $colors[9]; ?>;
1390}
1391.rankingSideNav .partsHeading {
1392        padding: 2px 4px;
1393        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1394        background-image: none;
1395        text-align: center;
1396}
1397.rankingSideNav p {
1398        margin: 3px;
1399}
1400.rankingSideNav p.link {
1401        padding: 3px;
1402        border: 1px solid #<?php echo $colors[1]; ?>;
1403        text-align: right;
1404}
1405
1406
1407/*==============================================================================
1408 * 24. searchCategoryList(検索項目リスト)
1409 *----------------------------------------------------------------------------*/
1410.searchCategoryList .partsInfo {
1411        padding: 5px;
1412        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1413        background: #<?php echo $colors[6]; ?>;
1414        text-align: center;
1415}
1416.searchCategoryList .item {
1417        margin: 10px 40px;
1418        border: 1px solid #<?php echo $colors[1]; ?>;
1419        border-top: none;
1420}
1421.searchCategoryList span.label {
1422        margin: 0 4px 0 8px;
1423        padding: 1px 16px 0 0;
1424        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1425}
1426.searchCategoryList dl {
1427        border-top: 1px solid #<?php echo $colors[1]; ?>;
1428}
1429.searchCategoryList dl dt {
1430        margin: 8px 0 0;
1431}
1432.searchCategoryList dl dd {
1433        margin: 8px 10px 8px 70px;
1434}
1435.searchCategoryList dl dd ul {
1436        zoom: 1;
1437        overflow: hidden;
1438        overflow: -moz-scrollbars-none;
1439        margin: 4px 0;
1440}
1441.searchCategoryList dl dd ul li {
1442        overflow: hidden;
1443        float: left;
1444        width: 19%;
1445        margin: 0 2px;
1446}
1447
1448/*==============================================================================
1449 * 23. manageList(管理リスト)
1450 *----------------------------------------------------------------------------*/
1451.manageList td {
1452        padding: 5px;
1453}
1454.manageList td.photo {
1455        width: 140px;
1456        border-left: none;
1457        text-align: center;
1458}
1459.manageList td.delete {
1460        width: 120px;
1461}
1462.manageList col.date {
1463        width: 160px;
1464}
1465* html .manageList col.date {
1466        width: 150px;
1467}
1468*:first-child+html .manageList col.date {
1469        width: 150px;
1470}
1471.manageList col.name {
1472        width: auto;
1473}
1474.manageList colgroup.operation col {
1475        width: 86px;
1476}
1477* html .manageList colgroup.operation col {
1478        width: 76px;
1479}
1480*:first-child+html .manageList colgroup.operation col {
1481        width: 76px;
1482}
1483
1484/*==============================================================================
1485 * 13. photoUploadFormBox(プロフィール写真アップロードフォームボックス)
1486 *----------------------------------------------------------------------------*/
1487.photoUploadFormBox table {
1488        border-top: 1px solid #<?php echo $colors[1]; ?>;
1489}
1490#Body .photoUploadFormBox td {
1491        padding: 8px 0;
1492        border: none;
1493        text-align: center;
1494}
1495.photoUploadFormBox form {
1496        float: left;
1497        width: 230px;
1498}
1499.photoUploadFormBox form p {
1500        margin: 8px 0;
1501        text-align: center;
1502}
1503.photoUploadFormBox ul {
1504        zoom: 1;
1505        margin: 8px 0 8px 230px;
1506}
1507.photoUploadFormBox li {
1508        padding-left: 12px;
1509        background: url(<?php echo getSkin('marker'); ?>) no-repeat 3px 3px;
1510}
1511
1512/*==============================================================================
1513 * 36. buttonLine(ボタンライン)
1514 *----------------------------------------------------------------------------*/
1515.buttonLine form {
1516        text-align: center;
1517}
1518
1519/*==============================================================================
1520 * 16. prevNextLinkLine(前次リンクライン)
1521 *----------------------------------------------------------------------------*/
1522.prevNextLinkLine {
1523        zoom: 1;
1524        overflow: hidden;
1525        overflow: -moz-scrollbars-none;
1526}
1527.prevNextLinkLine p.prev {
1528        float: left;
1529        width: 50%;
1530        text-align: left;
1531}
1532.prevNextLinkLine p.next {
1533        float: right;
1534        width: 50%;
1535        text-align: right;
1536}
1537
1538/*==============================================================================
1539 * 37. messageDetailBox(メッセージ詳細ボックス)
1540 *----------------------------------------------------------------------------*/
1541#Body .messageDetailBox th:first-child {
1542        border-left-width: 1px;
1543}
1544.messageDetailBox th,
1545.messageDetailBox td {
1546        padding: 5px;
1547}
1548.messageDetailBox td.photo {
1549        width: 110px;
1550        text-align: center;
1551}
1552.messageDetailBox th {
1553        width: 54px;
1554        padding-left: 0;
1555        padding-right: 16px;
1556        background: url(<?php echo getSkin('colon'); ?>) no-repeat 96% 50%;
1557        text-align: right;
1558}
1559#Body .messageDetailBox td {
1560        border-left: none;
1561}
1562.messageDetailBox ul.photo {
1563        margin: 10px;
1564        text-align: center;
1565}
1566.messageDetailBox p.text {
1567        margin: 10px 60px;;
1568}
1569.messageDetailBox ul.photo li {
1570        display: inline;
1571        margin-left: 6px;
1572}
1573.messageDetailBox div.operation {
1574        zoom: 1;
1575        overflow: hidden;
1576        overflow: -moz-scrollbars-none;
1577}
1578.messageDetailBox form.delete {
1579        float: left;
1580        width: 50%;
1581        text-align: left;
1582}
1583.messageDetailBox form.send {
1584        float: right;
1585        width: 50%;
1586        text-align: right;
1587}
1588.messageDetailBox form ul.moreInfo {
1589        display: inline;
1590}
1591.messageDetailBox div.attachFile {
1592        padding: 16px 5px;
1593}
1594
1595/*==============================================================================
1596 * 20. reviewList(レビューリスト)
1597 *----------------------------------------------------------------------------*/
1598.reviewList dl {
1599        zoom: 1;
1600        overflow: hidden;
1601        overflow: -moz-scrollbars-none;
1602        border-top: 1px solid #<?php echo $colors[1]; ?>;
1603}
1604.reviewList dl dt {
1605        float:left;
1606        width: 170px;
1607        padding: 5px;
1608        text-align: center;
1609}
1610.reviewList dl dt span {
1611        display: block;
1612        margin: 3px 0;
1613}
1614.reviewList dl dd {
1615        zoom: 1;
1616        margin-left: 180px;
1617        border-left: 1px solid #<?php echo $colors[1]; ?>;
1618}
1619.reviewList dl dd table {
1620        height: 216px;
1621}
1622.reviewList dl dd th,
1623.reviewList dl dd td {
1624        padding: 5px;
1625}
1626.reviewList dl tr.title th,
1627.reviewList dl dd tr.title td {
1628        border-top: none;
1629}
1630.reviewList dl dd th {
1631        width: 100px;
1632        border-left: none;
1633        text-align: center;
1634}
1635.reviewList dl dd tr.title td {
1636        font-weight: bold;
1637}
1638.reviewList dl dd td p.operation {
1639        text-align: right;
1640}
1641.reviewList dl dd tr.footer td {
1642        border-left: none;
1643        text-align: right;
1644}
1645.reviewList div.operation {
1646        padding: 10px 0;
1647}
1648
1649/*==============================================================================
1650 * 32. weeklyCalendarTable(週間カレンダーテーブル)
1651 *----------------------------------------------------------------------------*/
1652#Body .weeklyCalendarTable .parts {
1653        border-top: none;
1654}
1655.weeklyCalendarTable div.block {
1656        padding: 5px;
1657}
1658.weeklyCalendarTable .input_submit {
1659        margin-right: 8px;
1660}
1661.weeklyCalendarTable .calendar td {
1662        padding: 5px;
1663        vertical-align: top;
1664}
1665.weeklyCalendarTable .calendar .today {
1666        background: #<?php echo $colors[7]; ?>;
1667}
1668.weeklyCalendarTable .calendar .today p.day {
1669        font-weight: bold;
1670}
1671.weeklyCalendarTable ul.moreInfo {
1672        margin: 0 2px 0 auto;
1673        width: 9em;
1674}
1675
1676/*==============================================================================
1677 * 33. monthlyCalendarTable(月間カレンダーテーブル)
1678 *----------------------------------------------------------------------------*/
1679.monthlyCalendarTable div.block {
1680        zoom: 1;
1681        overflow: hidden;
1682        overflow: -moz-scrollbars-none;
1683        padding: 2px 5px;
1684}
1685.monthlyCalendarTable div.block p.moreInfo {
1686        float: left;
1687        width: 70%;
1688        text-align: left;
1689}
1690.monthlyCalendarTable div.block p.moreInfo a {
1691        margin-right: 4px;
1692}
1693.monthlyCalendarTable div.block p.pager {
1694        float: right;
1695        width: 30%;
1696        margin-top: 2px;
1697        text-align: right;
1698}
1699.monthlyCalendarTable .calendar th {
1700        padding: 2px;
1701}
1702.monthlyCalendarTable .calendar td {
1703        height: 65px;
1704        padding: 2px;
1705        vertical-align: top;
1706}
1707.monthlyCalendarTable .calendar td.today {
1708        background: #<?php echo $colors[7]; ?>;
1709        font-weight: bold;
1710}
1711.monthlyCalendarTable .calendar td p {
1712        font-weight: normal;
1713}
1714.monthlyCalendarTable .partsInfo {
1715        padding: 5px;
1716        background: #<?php echo $colors[6]; ?>;
1717}
1718.monthlyCalendarTable .partsInfo img {
1719        margin: 0 1px;
1720}
1721
1722/*==============================================================================
1723 * 25. messageList(メッセージリスト)
1724 *----------------------------------------------------------------------------*/
1725.messageList .partsHeading p.date {
1726        font-weight: bold;
1727}
1728.messageList .pagerRelativeMulti {
1729        zoom: 1;
1730        overflow: hidden;
1731        overflow: -moz-scrollbars-none;
1732}
1733.messageList .pagerRelativeMulti .pager {
1734        position: static;
1735        float: right;
1736        width: 290px;
1737        margin-top: 1px;
1738        text-align: right;
1739}
1740.messageList .pagerRelativeMulti .pager p {
1741        margin-left: 0;
1742}
1743* html .messageList .pagerRelativeMulti .pager p {
1744        margin-left: 4px;
1745}
1746*:first-child+html .messageList .pagerRelativeMulti .pager p {
1747        margin-left: 4px;
1748}
1749.messageList p.icons {
1750        float: left;
1751        width: 220px;
1752}
1753.messageList p.icons img {
1754        padding-right: 16px;
1755        background: url(<?php echo getSkin('articleList_marker'); ?>) no-repeat 96% 6px;
1756        vertical-align: text-bottom;
1757}
1758.messageList tr {
1759        height: 20px;
1760}
1761.messageList tr.unread {
1762        background: #<?php echo $colors[7]; ?>;
1763}
1764#Body .messageList th.delete {
1765        font-weight: normal;
1766}
1767#Body .messageList th {
1768        padding: 0 2px;
1769        border-width: 1px 0 0;
1770        font-weight: bold;
1771}
1772#Body .messageList td {
1773        padding: 0 2px;
1774        border-width: 1px 0 0;
1775}
1776#Body .messageList td .input_checkbox {
1777        margin-left: 4px;
1778}
1779.messageList td.status {
1780        text-align: center;
1781}
1782.messageList col.status {
1783        width: 35px;
1784}
1785.messageList col.delete {
1786        width: 35px;
1787}
1788.messageList col.target {
1789        width: 130px;
1790}
1791.messageList col.title {
1792        width: auto;
1793}
1794.messageList col.date {
1795        width: 80px;
1796}
1797.messageList table span {
1798        width: 100%;
1799        display: block;
1800        overflow: hidden;
1801        white-space: nowrap;
1802        text-overflow: ellipsis;
1803}
1804.messageList div.operation p {
1805        margin-top: 8px;
1806        margin-bottom: 5px;
1807}
1808.messageList div.operation ul.moreInfo {
1809        text-align: left;
1810}
1811
1812/**=============================================================================
1813 * 未確認スタイル
1814 *----------------------------------------------------------------------------*/
1815/**150 o_regist_prof */
1816ul.moreInfo.button li form {
1817        display: inline;
1818}
1819ul.moreInfo.button li form .input_submit {
1820        margin: 0 5px;
1821}
1822
1823/**200 ヘッダ、Layout直下でなく#Topボックスで包含 */
1824#Container {
1825        position: relative;
1826}
1827#Header {
1828        position: relative;
1829}
1830#LayoutA #Top {
1831        padding-left: 5px;
1832}
1833
1834/**498 バナー、フッタ */
1835#topBanner {
1836        display: block;
1837        position: absolute;
1838        top: 5px;
1839        left: 247px;
1840        width: 468px;
1841        height: 60px;
1842}
1843#sideBanner {
1844        display: block;
1845        position: absolute;
1846        top: 0px;
1847        left: 720px;
1848}
1849#Footer {
1850        position: relative;
1851        width: 720px;
1852        height: 21px;
1853        background: url(<?php echo getSkin('skin_footer'); ?>) 0 0 no-repeat;
1854}
1855#Footer p {
1856        padding-right: 12px;
1857        line-height: 21px;
1858        text-align: right;
1859}
1860
1861/**1012 フレンド紹介文リスト */
1862.friendIntroList p.text {
1863        margin-bottom: 1em;
1864}
1865
1866/** 配色設定 */
1867#Body {
1868        background: #<?php echo $colors[2]; ?>;
1869}
1870#Container {
1871        background: #<?php echo $colors[3]; ?>;
1872}
1873div.dparts {
1874        background-color: #<?php echo $colors[4]; ?>;
1875}
1876div.parts {
1877        background-color: #<?php echo $colors[8]; ?>;
1878}
1879.sideNav .item {
1880        background-color: #<?php echo $colors[8]; ?>;
1881}
1882#Body .sideNav {
1883        background-color: transparent;
1884}
1885#Body .linkLine,
1886#Body .searchFormLine,
1887#Body .buttonLine,
1888#Body .prevNextLinkLine {
1889        background-color: transparent;
1890}
1891
1892/** page_o_login */
1893div#container_login {
1894        display: block;
1895        margin: 0px auto 0px 0px;
1896        width: 720px;
1897        height: 563px;
1898        padding: 0px;
1899}
1900
1901div#container_login img.bg {
1902        display: block;
1903        position: absolute;
1904        left: 0px;
1905        top: 0px;
1906        width: 720px;
1907        height: 563px;
1908        z-index: 0;
1909}
1910
1911div#container_login a img {
1912        width: 100%;
1913        height: 100%;
1914}
1915
1916div#container_login div.banner ,
1917div#container_login a.banner {
1918        display: block;
1919        position: absolute;
1920        left: 247px;
1921        top: 5px;
1922        width: 468px;
1923        height: 60px;
1924        z-index: 200;
1925}
1926
1927div#container_login div.header a.main_menu {
1928        display: block;
1929        display: none;
1930        position: absolute;
1931        height: 22px;
1932        top: 0px;
1933}
1934
1935div#container_login input#username {
1936        display: block;
1937        position: absolute;
1938        left: 504px;
1939        top: 246px;
1940        width: 185px;
1941        height: 23px;
1942        font-size: 10pt;
1943        z-index: 100;
1944}
1945
1946div#container_login input#password {
1947        display: block;
1948        position: absolute;
1949        left: 504px;
1950        top: 299px;
1951        width: 185px;
1952        height: 23px;
1953        font-size: 10pt;
1954        z-index: 110;
1955}
1956
1957div#container_login input#button_login {
1958        display: block;
1959        position: absolute;
1960        left: 536px;
1961        top: 384px;
1962        width: 120px;
1963        height: 24px;
1964        border: none 0px;
1965        background-color: transparent;
1966        z-index: 120;
1967}
1968
1969div#container_login a#button_new_regist {
1970        display: block;
1971        position: absolute;
1972        left: 536px;
1973        top: 414px;
1974        width: 120px;
1975        height: 24px;
1976        border: none 0px;
1977        z-index: 130;
1978}
1979
1980div#container_login div.msg {
1981        display: block;
1982        position: absolute;
1983        border: none 0px;
1984        padding: 3px 0px;
1985        left: 504px;
1986        top: 327px;
1987        width: 185px;
1988        height: 42px;
1989        font-size: 9pt;
1990        text-align: center;
1991        z-index: 140;
1992}
1993
1994div#container_login div.msg * {
1995        font-size: 8pt;
1996}
1997
1998div#container_login .footer {
1999        display: block;
2000        position: absolute;
2001        left: 0px;
2002        top: 542px;
2003        width: 720px;
2004        height: 21px;
2005        z-index: 300;
2006}
2007div#container_login .footer p {
2008        margin-right: 12px;
2009        text-align: right;
2010        line-height: 21px;
2011}
2012
2013
2014/*==============================================================================
2015 * bizSideTodoList
2016 *----------------------------------------------------------------------------*/
2017#Body .bizSideTodoList {
2018        width: 220px;
2019        margin: 10px 5px;
2020        border: 1px solid #<?php echo $colors[1]; ?>;
2021}
2022#Body .bizSideTodoList td {
2023        border-width: 1px 0 0;
2024}
2025.bizSideTodoList .block {
2026        padding: 5px;
2027}
2028.bizSideTodoList textarea {
2029        width: 99%;
2030}
2031.bizSideTodoList tr.someone {
2032        background: #<?php echo $colors[7]; ?>;
2033}
2034.bizSideTodoList tr.checked {
2035        color: #999999;
2036}
2037.bizSideTodoList td.state {
2038        width: 35px;
2039}
2040.bizSideTodoList td.operation {
2041        width: 16px;
2042}
2043
2044/*==============================================================================
2045 * bizSideScheduleList
2046 *----------------------------------------------------------------------------*/
2047#Body .bizSideScheduleList {
2048        width: 220px;
2049        margin: 10px 5px;
2050        border: 1px solid #<?php echo $colors[1]; ?>;
2051}
2052.bizSideScheduleList dl {
2053        border-top: 1px solid #<?php echo $colors[1]; ?>;
2054}
2055.bizSideScheduleList dt {
2056        float: left;
2057        width: 60px;
2058        padding: 5px;
2059        text-align: center;
2060}
2061.bizSideScheduleList dd {
2062        zoom: 1;
2063        margin-left: 70px;
2064        padding: 5px;
2065        border-left: 1px solid #<?php echo $colors[1]; ?>;
2066}
2067
2068/*==============================================================================
2069 * bizWeeklyCalendarTable(BIZ用週間カレンダーテーブル)
2070 *----------------------------------------------------------------------------*/
2071#Body .bizWeeklyCalendarTable .parts {
2072        border-top: none;
2073}
2074.bizWeeklyCalendarTable div.block {
2075        padding: 5px;
2076}
2077.bizWeeklyCalendarTable .input_submit {
2078        margin-right: 8px;
2079}
2080.bizWeeklyCalendarTable .calendar td {
2081        padding: 5px 0;
2082        vertical-align: top;
2083}
2084.bizWeeklyCalendarTable .calendar td p {
2085        padding: 0 5px;
2086}
2087.bizWeeklyCalendarTable .calendar td .time {
2088        padding: 0;
2089}
2090.bizWeeklyCalendarTable .calendar .today {
2091        background: #<?php echo $colors[7]; ?>;
2092}
2093.bizWeeklyCalendarTable .calendar .today p.day {
2094        font-weight: bold;
2095}
2096.bizWeeklyCalendarTable ul.moreInfo {
2097        margin: 0 2px 0 auto;
2098        width: 9em;
2099}
2100.bizWeeklyCalendarTable .calendar th {
2101        width: 120px;
2102        padding: 5px;
2103        text-align: center;
2104}
2105.bizWeeklyCalendarTable .calendar th * {
2106        text-align: center;
2107}
2108.bizWeeklyCalendarTable .calendar th .input_text {
2109        width: 118px;
2110}
2111.bizWeeklyCalendarTable .calendar th .input_submit {
2112        width: 120px;
2113        margin-right: 0px;
2114}
2115.bizWeeklyCalendarTable .calendar th .nickname {
2116        margin: 5px 0;
2117}
2118.bizWeeklyCalendarTable .calendar td.sub {
2119        border-width: 0 0 0 1px;
2120}
2121.bizWeeklyCalendarTable div.moreInfo {
2122        padding-left: 135px;
2123}
2124
2125/*==============================================================================
2126 * albumList
2127 *----------------------------------------------------------------------------*/
2128.albumList th,
2129.albumList td {
2130        padding: 5px;
2131}
2132.albumList th {
2133        width: 75px;
2134}
2135.albumList td.photo {
2136        width: 190px;
2137        padding: 5px 0;
2138        text-align: center;
2139}
2140#Body .albumList th:first-child {
2141        border-left-width: 1px;
2142}
2143.albumList td.operation {
2144        text-align: center;
2145}
2146
2147/*==============================================================================
2148 * albumDetailBox
2149 *----------------------------------------------------------------------------*/
2150.albumDetailBox th,
2151.albumDetailBox td {
2152        padding: 5px;
2153}
2154.albumDetailBox th {
2155        width: 75px;
2156}
2157.albumDetailBox td.photo {
2158        width: 190px;
2159        padding: 5px 0;
2160        text-align: center;
2161}
2162#Body .albumDetailBox th:first-child,
2163#Body .albumDetailBox td.operation {
2164        border-left-width: 1px;
2165}
2166.albumDetailBox td.operation {
2167        text-align: right;
2168}
2169
2170/*==============================================================================
2171 * albumImageList
2172 *----------------------------------------------------------------------------*/
2173.albumImageList td {
2174        width: 50%;
2175        padding: 5px;
2176        text-align: center;
2177}
2178.albumImageList td p {
2179        text-align: center;
2180}
2181
2182/*==============================================================================
2183 * albumImageBox
2184 *----------------------------------------------------------------------------*/
2185.albumImageBox p.photo {
2186        padding: 10px;
2187        border-top: 1px solid #<?php echo $colors[1]; ?>;
2188        text-align: center;
2189}
2190.albumImageBox th, .albumImageBox td {
2191        padding: 5px;
2192}
2193#Body .albumImageBox th {
2194        width: 140px;
2195        border-left: none;
2196}
2197
2198/*==============================================================================
2199 * alertLine
2200 *----------------------------------------------------------------------------*/
2201.alertLine p {
2202    text-align: center;
2203    color: #ff0000;
2204}
2205
2206
2207/*==============================================================================
2208 * 文字装飾
2209 *----------------------------------------------------------------------------*/
2210<?php if ($decoration_config['op_b']) : ?>
2211span.op_b {
2212    text-decoration : inherit;
2213    font-style : inherit;
2214    font-weight : bold;
2215    color : inherit;
2216    font-size: inherit;
2217}
2218<?php endif; ?>
2219
2220<?php if ($decoration_config['op_u']) : ?>
2221span.op_u {
2222    text-decoration : underline;
2223    font-style : inherit;
2224    font-weight : inherit;
2225    color : inherit;
2226    font-size: inherit;
2227}
2228<?php endif; ?>
2229
2230<?php if ($decoration_config['op_s']) : ?>
2231span.op_s {
2232    text-decoration : line-through;
2233    font-style : inherit;
2234    font-weight : inherit;
2235    color : inherit;
2236    font-size: inherit;
2237}
2238<?php endif; ?>
2239
2240<?php if ($decoration_config['op_i']) : ?>
2241span.op_i {
2242    text-decoration : inherit;
2243    font-style : italic;
2244    font-weight : inherit;
2245    color : inherit;
2246    font-size: inherit;
2247}
2248<?php endif; ?>
2249
2250<?php if ($decoration_config['op_large']) : ?>
2251span.op_large {
2252    text-decoration : inherit;
2253    font-style : inherit;
2254    font-weight : inherit;
2255    color : inherit;
2256    font-size : 20px;
2257}
2258<?php endif; ?>
2259
2260<?php if ($decoration_config['op_small']) : ?>
2261span.op_small {
2262    text-decoration : inherit;
2263    font-style : inherit;
2264    font-weight : inherit;
2265    color : inherit;
2266    font-size : 8px;
2267}
2268<?php endif; ?>
2269
2270<?php if ($decoration_config['op_color']) : ?>
2271span.op_color {
2272    text-decoration : inherit;
2273    font-style : inherit;
2274    font-weight : inherit;
2275    color : inherit;
2276    font-size: inherit;
2277}
2278<?php else : ?>
2279span.op_color {
2280    text-decoration : inherit;
2281    font-style : inherit;
2282    font-weight : inherit;
2283    color : #000 !important;
2284    font-size: inherit;
2285}
2286<?php endif; ?>
2287
2288/*==============================================================================
2289 *
2290 *----------------------------------------------------------------------------*/
2291
2292/*==============================================================================
2293 *
2294 *----------------------------------------------------------------------------*/
2295<?php if ($custom_css): ?>
2296
2297/*==============================================================================
2298 * カスタムCSS
2299 *----------------------------------------------------------------------------*/
2300<?php echo $custom_css; ?>
2301
2302<?php endif; ?>
Note: See TracBrowser for help on using the repository browser.