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

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

Last change on this file since 6615 was 6615, checked in by nakasone, 12 years ago

xhtml_style.phpの更新をした。

File size: 41.7 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 *--------------------------------------------*/
370table.calendar th {
371        text-align: center;
372}
373table.calendar td {
374        text-align: right;
375}
376th.sun {
377        color: #d92c49;
378}
379th.sat {
380        color: #2c65d9;
381}
382
383/*==============================================================================
384 * 0. h系、f系、c系ナビメニュー(localNav)
385 *----------------------------------------------------------------------------*/
386#globalNav,
387#globalNavBefore {
388        zoom: 1;
389        position: relative;
390        width: 720px;
391        height: 96px;
392}
393#globalNav {
394        background: url(<?php echo getSkin('skin_after_header'); ?>) 0 0 no-repeat;
395}
396#globalNavBefore {
397        margin-bottom: 10px;
398        background: url(<?php echo getSkin('skin_before_header'); ?>) 0 0 no-repeat;
399}
400.localNav {
401        zoom: 1;
402        position: relative;
403        width: 720px;
404        height: 29px;
405}
406#globalNav li a:hover, #globalNav li a:active {
407        background-image: url(<?php echo getSkin('skin_after_header_2'); ?>);
408}
409#hLocalNav {
410        background: url(<?php echo getSkin('skin_navi_h'); ?>) 0 0 no-repeat;
411}
412#hLocalNav li a:hover, #hLocalNav li a:active {
413        background-image: url(<?php echo getSkin('skin_navi_h_2'); ?>);
414}
415#fLocalNav {
416        background: url(<?php echo getSkin('skin_navi_f'); ?>) 0 0 no-repeat;
417}
418#fLocalNav li a:hover, #fLocalNav li a:active {
419        background-image: url(<?php echo getSkin('skin_navi_f_2'); ?>);
420}
421#cLocalNav {
422        background: url(<?php echo getSkin('skin_navi_c'); ?>) 0 0 no-repeat;
423}
424#cLocalNav li a:hover, #cLocalNav li a:active {
425        background-image: url(<?php echo getSkin('skin_navi_c_2'); ?>);
426}
427#globalNav h1,
428#globalNavBefore h1 {
429        position: absolute;
430        top: 5px;
431        left: 0;
432        width: 240px;
433        height: 60px;
434}
435#globalNav li, .localNav li {
436        position: absolute;
437}
438
439li#globalNav_1,
440li#globalNav_2,
441li#globalNav_3 {
442        top: 70px;
443        height: 18px;
444}
445li#globalNav_4,
446li#globalNav_5,
447li#globalNav_6,
448li#globalNav_7,
449li#globalNav_8,
450li#globalNav_9 {
451        top: 68px;
452        height: 20px;
453}
454li#globalNav_1 { left:   2px; width: 88px; }
455li#globalNav_2 { left:  90px; width: 90px; }
456li#globalNav_3 { left: 180px; width: 88px; }
457li#globalNav_4 { left: 290px; width: 70px; }
458li#globalNav_5 { left: 360px; width: 72px; }
459li#globalNav_6 { left: 432px; width: 72px; }
460li#globalNav_7 { left: 504px; width: 72px; }
461li#globalNav_8 { left: 576px; width: 72px; }
462li#globalNav_9 { left: 648px; width: 70px; }
463li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
464li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
465li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
466li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
467li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
468li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
469li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
470li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
471li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
472
473#hLocalNav li {
474        top: 0;
475        width: 80px;
476        height: 29px;
477}
478li#hLocalNav_1 { left:   0px; }
479li#hLocalNav_2 { left:  80px; }
480li#hLocalNav_3 { left: 160px; }
481li#hLocalNav_4 { left: 240px; }
482li#hLocalNav_5 { left: 320px; }
483li#hLocalNav_6 { left: 400px; }
484li#hLocalNav_7 { left: 480px; }
485li#hLocalNav_8 { left: 560px; }
486li#hLocalNav_9 { left: 640px; }
487li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
488li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
489li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
490li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
491li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
492li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
493li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
494li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
495li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }
496
497#fLocalNav li {
498        top: 0;
499        width: 80px;
500        height: 29px;
501}
502li#fLocalNav_1 { left:   0px; }
503li#fLocalNav_2 { left:  80px; }
504li#fLocalNav_3 { left: 160px; }
505li#fLocalNav_4 { left: 240px; }
506li#fLocalNav_5 { left: 320px; }
507li#fLocalNav_6 { left: 400px; }
508li#fLocalNav_7 { left: 480px; }
509li#fLocalNav_8 { left: 560px; }
510li#fLocalNav_9 { left: 640px; }
511li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
512li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
513li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
514li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
515li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
516li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
517li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
518li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
519li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }
520
521#cLocalNav li {
522        top: 0;
523        width: 120px;
524        height: 29px;
525}
526li#cLocalNav_1 { left:   0px; }
527li#cLocalNav_2 { left: 120px; }
528li#cLocalNav_3 { left: 240px; }
529li#cLocalNav_4 { left: 360px; }
530li#cLocalNav_5 { left: 480px; }
531li#cLocalNav_6 { left: 600px; }
532li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
533li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
534li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
535li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
536li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
537li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
538
539/*==============================================================================
540 * 11. homePhotoBox(ホーム写真ボックス)
541 *----------------------------------------------------------------------------*/
542.homePhotoBox * {
543        text-align: center;
544}
545.homePhotoBox p.friendLink {
546        margin-bottom: 3px;
547}
548.homePhotoBox .parts {
549        padding: 7px;
550}
551.homePhotoBox ul.moreInfo {
552        margin: 2px 0 -5px;
553}
554.homePhotoBox ul.moreInfo li {
555        padding: 1px 0;
556        background: none;
557}
558.homePhotoBox ul.moreInfo li img {
559        vertical-align: bottom;
560}
561.homePhotoBox p.rank {
562        margin-top: 6px;
563}
564.homePhotoBox p.point {
565        margin-top: 2px;
566}
567.homePhotoBox p.text {
568        margin-top: 4px;
569}
570.homePhotoBox p.loginTime {
571        margin-top: 0px;
572}
573
574/*==============================================================================
575 * 28. homeNineTable(ホーム9面テーブル)
576 *----------------------------------------------------------------------------*/
577.homeNineTable tr.photo td {
578        height: 80px;
579        padding: 2px 0;
580        text-align: center;
581}
582.homeNineTable tr.photo td p.crown {
583        text-align: center;
584}
585.homeNineTable tr.text td {
586        padding: 2px;
587        text-align: center;
588}
589.homeNineTable div.moreInfo ul.moreInfo {
590        width: 11em;
591        margin: 6px 0 6px auto;
592}
593
594/*==============================================================================
595 * 18. searchResultList(検索結果リスト)
596 *----------------------------------------------------------------------------*/
597.searchResultList .partsInfo {
598        background: #<?php echo $colors[6]; ?>;
599}
600.searchResultList .ditem {
601        margin: 8px 34px;
602}
603.searchResultList .item {
604        zoom: 1;
605        position: relative;
606}
607.searchResultList td.photo {
608        width: 90px;
609        padding: 0;
610        border-left: none;
611        text-align: center;
612}
613.searchResultList th, .searchResultList td {
614        padding: 5px;
615}
616.searchResultList th {
617        width: 75px;
618}
619#Body .searchResultList th:first-child {
620        border-left-width: 1px;
621}
622.searchResultList tr.operation th {
623        padding-top: 0;
624        padding-bottom: 0;
625}
626.searchResultList tr.operation td {
627        padding: 0;
628}
629.searchResultList tr.operation span.text {
630        float: left;
631        display: block;
632        width: 110px;
633        margin-top: 5px;
634        padding: 0 5px;
635}
636.searchResultList tr.operation span.moreInfo{
637        zoom: 1;
638        display: block;
639        margin-left: 120px;
640        padding: 4px 0 3px;
641        border-left: 1px solid #<?php echo $colors[1]; ?>;
642        text-align: center;
643}
644.searchResultList div.operation {
645        text-align: center;
646}
647.searchResultList tr.operation span.moreInfo img,
648.searchResultList div.operation form,
649.searchResultList div.operation fieldset {
650        display: inline;
651        vertical-align: top;
652}
653
654/*==============================================================================
655 * 30. homeMainTable(ホームメインテーブル)
656 *----------------------------------------------------------------------------*/
657.homeMainTable .partsHeading {
658        zoom: 1;
659        position: relative;
660}
661.homeMainTable .partsHeading p.link {
662        position: absolute;
663        top: 2px;
664        right: 8px;
665}
666.homeMainTable th {
667        width: 83px;
668        background-color: #<?php echo $colors[7]; ?>;
669}
670.homeMainTable th, .homeMainTable td {
671        padding: 5px;
672}
673.homeMainTable dl.articleList {
674        line-height: 1.3;
675}
676.homeMainTable dl.articleList dt {
677        clear: both;
678        float: left;
679        width: 4.3em;
680        padding-left: 13px;
681        background: url(<?php echo getSkin('icon_1'); ?>) 3px 50% no-repeat scroll;
682}
683.homeMainTable dl.articleList dd {
684        min-height: 1.3em; /* ddが空のとき領域確保 */
685        margin-left: 5.3em;
686        padding-left: 18px;
687        background: url(<?php echo getSkin('articleList_marker'); ?>) 0 4px no-repeat scroll;
688}
689.homeMainTable div.moreInfo ul.moreInfo {
690        width: 10em;
691        margin: 0 2px 0 auto;
692}
693.homeMainTable td.halfway ul.moreInfo {
694        width: 12em;
695        margin: 0 0 20px auto;
696}
697
698/*==============================================================================
699 * 34. sideNav(サイドナビ)
700 *----------------------------------------------------------------------------*/
701.sideNav .item {
702        overflow: hidden;
703        width: 150px;
704        margin: 0 auto 10px;
705        border: 8px solid #<?php echo $colors[9]; ?>;
706}
707.sideNav .partsHeading {
708        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
709}
710.sideNav .pageNav ul {
711        margin: 1px;
712}
713.sideNav .pageNav li {
714        padding: 4px 0 4px 18px;
715        background: url(<?php echo getSkin('icon_1'); ?>) 8px 50% no-repeat scroll;
716}
717.sideNav .pageNav li.looking {
718        background-color: #<?php echo $colors[7]; ?>;
719}
720.sideNav .calendar .partsHeading {
721        padding: 4px 0;
722        border: none;
723        background: none;
724        text-align: center;
725}
726.sideNav .calendar th {
727        background-color: #<?php echo $colors[7]; ?>;
728}
729.sideNav .calendar td {
730        padding: 1px 2px;
731}
732.sideNav .list {
733        padding: 4px 0;
734}
735.sideNav .list li {
736        padding-left: 16px;
737        background: no-repeat 6px 4px;
738}
739.sideNav .monthlyMessage li  { background-image: url(<?php echo getSkin('icon_1'); ?>); }
740.sideNav .recentlyDiary li   { background-image: url(<?php echo getSkin('icon_3'); ?>); }
741.sideNav .recentlyComment li { background-image: url(<?php echo getSkin('icon_1'); ?>); }
742.sideNav .monthlyDiary li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
743.sideNav .listCategory li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
744
745/*==============================================================================
746 * 1. simpleBox(シンプルボックス)
747 *----------------------------------------------------------------------------*/
748.simpleBox .block {
749        padding: 10px 0;
750}
751.simpleBox .block p {
752        text-align: center;
753}
754
755/*==============================================================================
756 * 31. formTable(入力フォームテーブル)
757 *----------------------------------------------------------------------------*/
758.formTable .partsHeading {
759        zoom: 1;
760        position: relative;
761}
762.formTable strong {
763        font-weight: normal;
764        color: #ff0000;
765}
766.formTable p.caution {
767        color: #ff0000;
768}
769.formTable .partsHeading p.link {
770        position: absolute;
771        top: 2px;
772        right: 8px;
773}
774.formTable div.partsInfo {
775        background-color: #<?php echo $colors[6]; ?>;
776}
777.formTable th, .formTable td {
778        padding: 5px;
779}
780#Body .formTable th {
781        width: 140px;
782        border-left: none;
783}
784#LayoutB #Center .formTable th {
785        width: 80px;
786}
787.formTable table table td {
788        padding: 0;
789        border: none;
790}
791.formTable textarea {
792        width: 99%;
793}
794.formTable input.input_text_long {
795        width: 99%;
796}
797.formTable table table td.publicSelector {
798        width: 150px;
799        text-align: right;
800}
801.formTable div.checkList ul {
802        zoom: 1;
803        overflow: hidden;
804        overflow: -moz-scrollbars-none;
805}
806.formTable div.checkList li {
807        overflow: hidden;
808        overflow: -moz-scrollbars-none;
809        float: left;
810        width: 27%;
811        padding-left: 18px;
812        text-indent: -18px;
813        line-height: 1.6;
814}
815.formTable div.operation {
816        padding: 10px 0;
817}
818
819/*==============================================================================
820 * 29. photoTable(写真テーブル)
821 *----------------------------------------------------------------------------*/
822.photoTable {
823        width: 561px;
824}
825.photoTable tr.photo td {
826        height: 90px;
827        padding: 8px 0;
828        text-align: center;
829}
830.photoTable tr.photo td p.crown {
831        text-align: center;
832}
833.photoTable tr.text td {
834        padding: 5px 2px;
835        text-align: center;
836}
837
838/*==============================================================================
839 * 6. yesNoButtonBox(はい、いいえボタン付きボックス)
840 *----------------------------------------------------------------------------*/
841.yesNoButtonBox .block {
842        padding: 10px 0;
843}
844.yesNoButtonBox .block p,
845.yesNoButtonBox ul.moreInfo.button {
846        text-align: center;
847}
848.yesNoButtonBox ul.moreInfo.button {
849        margin-top: 4px;
850}
851.yesNoButtonBox ul.moreInfo.button li {
852        display: inline;
853}
854
855/*==============================================================================
856 * 3. alertBox(アラートボックス)
857 *----------------------------------------------------------------------------*/
858.alertBox {
859        width: 564px;
860}
861#Body .alertBox th {
862        width: 148px;
863        padding: 8px 0;
864        border: none;
865        text-align: center;
866}
867#Body .alertBox td {
868        padding: 6px;
869        border-width: 0 0 0 1px;
870        color: #ff0000;
871}
872
873/*==============================================================================
874 * 17. commentList(コメントリスト)
875 *----------------------------------------------------------------------------*/
876.commentList dl {
877        border-top: 1px solid #<?php echo $colors[1]; ?>; overflow:hidden;
878}
879.commentList dt {
880        float: left;
881        width: 70px;
882        padding-top: 5px;
883        text-align: center;
884}
885.commentList dd {
886        zoom: 1;
887        min-height: 5.5em;
888        margin-left: 70px;
889        border-left: 1px solid #<?php echo $colors[1]; ?>;
890}
891* html .commentList dd {
892        height: 5.5em;
893}
894#LayoutC .commentList dt {
895        width: 110px;
896}
897#LayoutC .commentList dd {
898        margin-left: 110px;
899}
900.commentList dd div {
901        border-top: 1px solid #<?php echo $colors[1]; ?>;
902}
903.commentList dd div p {
904        padding: 4px 3px;
905}
906.commentList dd div.title {
907        zoom: 1;
908        position: relative;
909        border-top: none;
910}
911.commentList dd div.title p.heading {
912        margin-right: 10.5em;
913}
914.commentList dd div.title p.public {
915        position: absolute;
916        top: 0;
917        right: 0;
918}
919.commentList dd ul.photo {
920        padding: 5px 5px 0;
921}
922.commentList dd ul.photo li {
923        display: inline;
924        margin-left: 6px;
925}
926.commentList dd div.footer p {
927        text-align: right;
928}
929.commentList div.operation {
930        padding: 8px 0;
931}
932.commentList dd div.attachFile {
933        padding: 16px 5px;
934}
935
936/*==============================================================================
937 * 8. diaryDetailBox(日記詳細ボックス)
938 *----------------------------------------------------------------------------*/
939.diaryDetailBox .partsHeading {
940        zoom: 1;
941        position: relative;
942}
943.diaryDetailBox .partsHeading p.public {
944        position: absolute;
945        right: 3px;
946}
947.diaryDetailBox dl {
948        border-top: 1px solid #<?php echo $colors[1]; ?>;
949}
950.diaryDetailBox dt {
951        float: left;
952        width: 70px;
953        padding-top: 5px;
954        text-align: center;
955}
956.diaryDetailBox dd {
957        zoom: 1;
958        min-height: 4.2em;
959        margin-left: 70px;
960        border-left: 1px solid #<?php echo $colors[1]; ?>;
961}
962* html .diaryDetailBox dd {
963        height: 4.2em;
964}
965.diaryDetailBox dd div {
966        border-top: 1px solid #<?php echo $colors[1]; ?>;
967}
968.diaryDetailBox dd div p {
969        padding: 4px 3px;
970}
971.diaryDetailBox dd div.title {
972        border-top: none;
973}
974.diaryDetailBox dd ul.photo {
975        padding: 5px 5px 0;
976}
977.diaryDetailBox dd ul.photo li {
978        display: inline;
979        margin-left: 6px;
980}
981.diaryDetailBox div.category ul {
982        padding: 4px;
983        text-align: right;
984}
985.diaryDetailBox div.category ul li {
986        display: inline;
987        font-size: 80%;
988}
989
990/*==============================================================================
991 * 21. recentList(最新書き込みリスト)
992 *----------------------------------------------------------------------------*/
993.recentList dl {
994        border-top: 1px solid #<?php echo $colors[1]; ?>;
995}
996.recentList dt {
997        float: left;
998        width: 170px;
999        padding: 5px;
1000        text-align: center;
1001}
1002.recentList dd {
1003        zoom: 1;
1004        margin-left: 180px;
1005        padding: 5px;
1006        border-left: 1px solid #<?php echo $colors[1]; ?>;
1007}
1008#LayoutB #Center .recentList dt {
1009        width: 110px;
1010}
1011#LayoutB #Center .recentList dd {
1012        margin-left: 120px;
1013}
1014
1015/*==============================================================================
1016 * 10. eventDetailBox(イベント詳細ボックス)
1017 *----------------------------------------------------------------------------*/
1018.eventDetailBox dl {
1019        border-top: 1px solid #<?php echo $colors[1]; ?>;
1020}
1021.eventDetailBox dt {
1022        float: left;
1023        width: 100px;
1024        padding: 5px;
1025        text-align: center;
1026}
1027.eventDetailBox dd {
1028        zoom: 1;
1029        margin-left: 110px;
1030        border-left: 1px solid #<?php echo $colors[1]; ?>;
1031}
1032.eventDetailBox dd ul.photo {
1033        padding: 5px;
1034        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1035}
1036.eventDetailBox dd ul.photo li {
1037        display: inline;
1038        margin-left: 6px;
1039}
1040.eventDetailBox dd table th {
1041        width: 112px;
1042        text-align: center;
1043        border-left: none;
1044}
1045.eventDetailBox dd table th,
1046.eventDetailBox dd table td {
1047        padding: 5px;
1048}
1049.eventDetailBox dd table tr:first-child th,
1050.eventDetailBox dd table tr:first-child td {
1051        border-top: none;
1052}
1053.eventDetailBox dd table ul.moreInfo {
1054        margin-top: -1.2em;
1055        text-align: right;
1056}
1057.eventDetailBox dd table ul.moreInfo li {
1058        display: inline;
1059        background-position: 0 50%;
1060}
1061
1062/*==============================================================================
1063 * 22. friendIntroList(フレンド紹介文リスト)
1064 *----------------------------------------------------------------------------*/
1065.friendIntroList th,
1066.friendIntroList td {
1067        padding: 14px;
1068}
1069#Body .friendIntroList th {
1070        width: 120px;
1071        border-left: none;
1072        text-align: center;
1073}
1074.friendIntroList div.moreInfo ul.moreInfo {
1075        width: 10em;
1076        margin-left: auto;
1077        padding: 6px 2px;
1078}
1079
1080/*==============================================================================
1081 * 9. topicDetailBox(トピック詳細ボックス)
1082 *----------------------------------------------------------------------------*/
1083.topicDetailBox dl {
1084        border-top: 1px solid #<?php echo $colors[1]; ?>;
1085}
1086.topicDetailBox dt {
1087        float: left;
1088        width: 100px;
1089        padding: 5px;
1090        text-align: center;
1091}
1092.topicDetailBox dd {
1093        zoom: 1;
1094        margin-left: 110px;
1095        border-left: 1px solid #<?php echo $colors[1]; ?>;
1096}
1097.topicDetailBox dd div {
1098        border-top: 1px solid #<?php echo $colors[1]; ?>;
1099}
1100.topicDetailBox dd div p {
1101        padding: 5px;
1102}
1103.topicDetailBox dd div.title {
1104        border-top: none;
1105}
1106.topicDetailBox dd ul.photo {
1107        padding: 5px;
1108}
1109.topicDetailBox dd ul.photo li {
1110        display: inline;
1111        margin-left: 6px;
1112}
1113.topicDetailBox dd div.attachFile {
1114        padding: 16px 5px;
1115}
1116.topicDetailBox div.operation {
1117        padding: 10px 0;
1118}
1119
1120/*==============================================================================
1121 * 26. ashiatoList(あしあとリスト)
1122 *----------------------------------------------------------------------------*/
1123.ashiatoList div.partsInfo {
1124        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1125}
1126.ashiatoList div.item {
1127        margin: 8px 40px;
1128        padding: 8px 0;
1129        border: 1px solid #<?php echo $colors[1]; ?>;
1130}
1131.ashiatoList div.item p,
1132.ashiatoList div.item ul.list {
1133        padding-left: 160px;
1134}
1135.ashiatoList div.item p strong {
1136        margin: 0 2px;
1137}
1138.ashiatoList div.item ul.list {
1139        overflow: hidden;
1140        margin-top: 16px;
1141}
1142
1143/*==============================================================================
1144 * 15. linkLine(リンクライン)
1145 *----------------------------------------------------------------------------*/
1146.linkLine ul.moreInfo {
1147        text-align: center;
1148}
1149.linkLine ul.moreInfo li {
1150        display: inline;
1151        background-position: 0 50%;
1152}
1153
1154/*==============================================================================
1155 * 14. searchFormLine(検索フォームライン)
1156 *----------------------------------------------------------------------------*/
1157.searchFormLine ul {
1158        text-align: center;
1159        padding: 1px 0;
1160}
1161.searchFormLine ul li {
1162        display: inline;
1163}
1164.searchFormLine ul li * {
1165        vertical-align: middle;
1166}
1167.searchFormLine ul li label {
1168        margin-right: 2px;
1169        padding: 1px 13px 0 0;
1170        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1171}
1172
1173/*==============================================================================
1174 * 5. infoButtonBox(ボタン付き案内ボックス)
1175 *----------------------------------------------------------------------------*/
1176.infoButtonBox .block {
1177        padding: 30px 10px;
1178}
1179.infoButtonBox p,
1180.infoButtonBox ul {
1181        margin-top: 6px;
1182        text-align: center;
1183}
1184.infoButtonBox ul.check li {
1185        text-align: center;
1186}
1187.infoButtonBox ul.check li .input_submit {
1188        margin-top: 6px;
1189}
1190.infoButtonBox ul.moreInfo {
1191        margin-left: 230px;
1192}
1193.infoButtonBox ul.moreInfo.button {
1194        margin-left: 0;
1195}
1196.infoButtonBox ul.moreInfo.button li {
1197        text-align: center;
1198}
1199
1200/*==============================================================================
1201 * 7. searchFormBox(検索フォームボックス)
1202 *----------------------------------------------------------------------------*/
1203.searchFormBox .partsHeading {
1204        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1205}
1206.searchFormBox .parts {
1207        zoom: 1;
1208}
1209.searchFormBox .item {
1210        overflow: hidden;
1211        margin: 10px 40px;
1212        padding-top: 8px;
1213        border: 1px solid #<?php echo $colors[1]; ?>;
1214}
1215.searchFormBox label,
1216.searchFormBox span.label {
1217        margin: 0 4px 0 8px;
1218        padding: 1px 16px 0 0;
1219        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1220}
1221.searchFormBox .input_submit {
1222        margin-right: 8px;
1223}
1224.searchFormBox p.desc {
1225        margin: 0 4px 16px 8px;
1226}
1227.searchFormBox p.form {
1228        margin: 0 4px 8px 0;
1229}
1230.searchFormBox p.note {
1231        margin: -4px 4px 8px 8px;
1232}
1233.searchFormBox ul.moreInfo {
1234        margin: 0 4px 8px 150px;
1235}
1236.searchFormBox div.block {
1237        padding: 8px 0;
1238}
1239.searchFormBox dl.category {
1240        zoom: 1;
1241}
1242.searchFormBox dl.category dt {
1243        float: left;
1244        width: 6em;
1245}
1246.searchFormBox dl.category dd {
1247        zoom: 1;
1248        margin-left: 6em;
1249}
1250.searchFormBox dl.category dd p {
1251        margin: 0 16px;
1252}
1253.searchFormBox dl.categories dt {
1254        margin-bottom: 4px;
1255}
1256.searchFormBox table.category th {
1257        width: 74px;
1258        padding: 3px 7px 3px 5px;
1259        border: none;
1260        background: url(<?php echo getSkin('colon'); ?>) no-repeat 100% 4px;
1261        font-weight: bold;
1262        vertical-align: top;
1263}
1264.searchFormBox table.category td {
1265        padding: 3px 8px;
1266        border: none;
1267        vertical-align: top;
1268}
1269
1270/*==============================================================================
1271 * 4. infoBox(案内ボックス)
1272 *----------------------------------------------------------------------------*/
1273#Body .infoBox {
1274        margin: 0 20px 10px;
1275}
1276.infoBox .parts {
1277        zoom: 1;
1278        overflow: hidden;
1279        position: relative;
1280}
1281.infoBox p {
1282        overflow: hidden;
1283        margin-right: 16em;
1284        padding: 5px;
1285        border-right: 1px solid #<?php echo $colors[1]; ?>;
1286        background: #<?php echo $colors[6]; ?>;
1287}
1288.infoBox ul.moreInfo {
1289        position: absolute;
1290        bottom: 3px;
1291        right: 0;
1292        width: 15.5em;
1293}
1294
1295/*==============================================================================
1296 * 12. homeInfoBox(ホームインフォメーションボックス)
1297 *----------------------------------------------------------------------------*/
1298#Body .homeInfoBox {
1299        margin-left: 5px;
1300        padding-left: 102px;
1301        border: 1px solid #<?php echo $colors[1]; ?>;
1302        background: #<?php echo $colors[7]; ?> url(<?php echo getSkin('icon_information'); ?>) no-repeat 5px 50%;
1303}
1304.homeInfoBox div.body {
1305        min-height: 1.2em;
1306        padding: 5px;
1307        border-left: 1px solid #<?php echo $colors[1]; ?>;
1308        background: #<?php echo $colors[8]; ?>;
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 *
1626 *----------------------------------------------------------------------------*/
1627
1628/*==============================================================================
1629 *
1630 *----------------------------------------------------------------------------*/
1631
1632/*==============================================================================
1633 *
1634 *----------------------------------------------------------------------------*/
1635
1636/**=============================================================================
1637 * 未確認スタイル
1638 *----------------------------------------------------------------------------*/
1639/**150 o_regist_prof */
1640ul.moreInfo.button li form {
1641        display: inline;
1642}
1643ul.moreInfo.button li form .input_submit {
1644        margin: 0 5px;
1645}
1646
1647/**200 ヘッダ、Layout直下でなく#Topボックスで包含 */
1648#Container {
1649        position: relative;
1650}
1651#Header {
1652        position: relative;
1653}
1654#LayoutA #Top {
1655        padding-left: 5px;
1656}
1657
1658/**498 バナー、フッタ */
1659#topBanner {
1660        display: block;
1661        position: absolute;
1662        top: 5px;
1663        left: 247px;
1664        width: 468px;
1665        height: 60px;
1666}
1667#sideBanner {
1668        display: block;
1669        position: absolute;
1670        top: 0px;
1671        left: 720px;
1672}
1673#Footer {
1674        position: relative;
1675        width: 720px;
1676        height: 21px;
1677        background: url(<?php echo getSkin('skin_footer'); ?>) 0 0 no-repeat;
1678}
1679#Footer p {
1680        padding-right: 12px;
1681        line-height: 21px;
1682        text-align: right;
1683}
1684
1685/**1012 フレンド紹介文リスト */
1686.friendIntroList p.text {
1687        margin-bottom: 1em;
1688}
1689
1690/** 配色設定 */
1691#Body {
1692        background: #<?php echo $colors[2]; ?>;
1693}
1694#Container {
1695        background: #<?php echo $colors[3]; ?>;
1696}
1697div.dparts {
1698        background-color: #<?php echo $colors[4]; ?>;
1699}
1700div.parts {
1701        background-color: #<?php echo $colors[8]; ?>;
1702}
1703#Body .sideNav {
1704        background-color: transparent;
1705}
1706.sideNav .item {
1707        background-color: #<?php echo $colors[8]; ?>;
1708}
1709#Body .linkLine {
1710        background-color: transparent;
1711}
1712#Body .searchFormLine {
1713        background-color: transparent;
1714}
1715#Body .buttonLine {
1716        background-color: transparent;
1717}
1718
1719/*==============================================================
1720 * 32. weeklyCalendarTable(週間カレンダーテーブル)
1721 *------------------------------------------------------------*/
1722.weeklyCalendarTable p.scheduleForm {
1723        margin: 0 auto;
1724        padding: 6px 5px;
1725}
1726.weeklyCalendarTable table td {
1727        vertical-align: top;
1728}
1729.weeklyCalendarTable table.calendar th {
1730        padding: 5px;
1731        text-align: left;
1732}
1733.weeklyCalendarTable table.calendar td {
1734        padding: 5px;
1735        border-top: none;
1736        text-align: left;
1737}
1738.weeklyCalendarTable table.calendar th.now,
1739.weeklyCalendarTable table.calendar td.now {
1740        background: #<?php echo $colors[7]; ?>;
1741}
1742.weeklyCalendarTable span.holiday {
1743        color: #d92c49;
1744}
1745.weeklyCalendarTable div.moreInfo ul.moreInfo {
1746        width: 11em;
1747        margin: 6px 0 6px auto;
1748}
1749
1750/*==============================================================================
1751 *
1752 *----------------------------------------------------------------------------*/
1753
1754/*==============================================================================
1755 *
1756 *----------------------------------------------------------------------------*/
1757<?php if ($custom_css): ?>
1758
1759/*==============================================================================
1760 * カスタムCSS
1761 *----------------------------------------------------------------------------*/
1762<?php echo $custom_css; ?>
1763
1764<?php endif; ?>
Note: See TracBrowser for help on using the repository browser.