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

source: OpenPNE/branches/stable-2.12.x/public_html/xhtml_style.php @ 7480

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

#2527:diaryDetailBox,messageDetailBoxの前次のナビが右寄せになっていたのを修正

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