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

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

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

#2273:ログインページを忘れていたので旧スタイルをとりあえずそのまま持ってきた

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