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

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

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

#2200:bizWeeklyCalendarTableを修正

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