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

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

Last change on this file since 7259 was 7259, checked in by ogawa, 11 years ago

#2258:albumDetailBox(アルバム詳細ボックス)のXHTML+CSS化

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