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

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

Last change on this file since 7440 was 7440, checked in by ebihara, 14 years ago

#2428:サイドバナー領域に230pxの幅を与えた

File size: 52.1 KB
Line 
1<?php
2/**
3 * @copyright 2005-2008 OpenPNE Project
4 * @license   http://www.php.net/license/3_01.txt PHP License 3.01
5 */
6
7require_once './config.inc.php';
8require_once OPENPNE_WEBAPP_DIR . '/init.inc';
9require_once 'smarty_plugins/function.t_img_url_skin.php';
10
11$custom_css = p_common_c_siteadmin4target_pagename('inc_custom_css');
12$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        position: relative;
297        width: 720px;
298        height: 21px;
299        background: url(<?php echo getSkin('skin_footer'); ?>) 0 0 no-repeat;
300}
301#Footer p {
302        padding-right: 12px;
303        line-height: 21px;
304        text-align: right;
305}
306#sideBanner {
307        position: absolute;
308        top: 0px;
309        left: 720px;
310        width: 230px;
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
1565/*==============================================================================
1566 * 37. messageDetailBox(メッセージ詳細ボックス)
1567 *----------------------------------------------------------------------------*/
1568#Body .messageDetailBox th:first-child {
1569        border-left-width: 1px;
1570}
1571.messageDetailBox th,
1572.messageDetailBox td {
1573        padding: 5px;
1574}
1575.messageDetailBox td.photo {
1576        width: 110px;
1577        text-align: center;
1578}
1579.messageDetailBox th {
1580        width: 54px;
1581        padding-left: 0;
1582        padding-right: 16px;
1583        background: url(<?php echo getSkin('colon'); ?>) no-repeat 96% 50%;
1584        text-align: right;
1585}
1586#Body .messageDetailBox td {
1587        border-left: none;
1588}
1589.messageDetailBox ul.photo {
1590        margin: 10px;
1591        text-align: center;
1592}
1593.messageDetailBox p.text {
1594        margin: 10px 60px;;
1595}
1596.messageDetailBox ul.photo li {
1597        display: inline;
1598        margin-left: 6px;
1599}
1600.messageDetailBox div.operation {
1601        zoom: 1;
1602        overflow: hidden;
1603        overflow: -moz-scrollbars-none;
1604}
1605.messageDetailBox form.delete {
1606        float: left;
1607        width: 50%;
1608        text-align: left;
1609}
1610.messageDetailBox form.send {
1611        float: right;
1612        width: 50%;
1613        text-align: right;
1614}
1615.messageDetailBox form ul.moreInfo {
1616        display: inline;
1617}
1618.messageDetailBox div.attachFile {
1619        padding: 16px 5px;
1620}
1621
1622/*==============================================================================
1623 * 20. reviewList(レビューリスト)
1624 *----------------------------------------------------------------------------*/
1625.reviewList dl {
1626        zoom: 1;
1627        overflow: hidden;
1628        overflow: -moz-scrollbars-none;
1629        border-top: 1px solid #<?php echo $colors[1]; ?>;
1630}
1631.reviewList dl dt {
1632        float:left;
1633        width: 170px;
1634        padding: 5px;
1635        text-align: center;
1636}
1637.reviewList dl dt span {
1638        display: block;
1639        margin: 3px 0;
1640}
1641.reviewList dl dd {
1642        zoom: 1;
1643        margin-left: 180px;
1644        border-left: 1px solid #<?php echo $colors[1]; ?>;
1645}
1646.reviewList dl dd table {
1647        height: 216px;
1648}
1649.reviewList dl dd th,
1650.reviewList dl dd td {
1651        padding: 5px;
1652}
1653.reviewList dl tr.title th,
1654.reviewList dl dd tr.title td {
1655        border-top: none;
1656}
1657.reviewList dl dd th {
1658        width: 100px;
1659        border-left: none;
1660        text-align: center;
1661}
1662.reviewList dl dd tr.title td {
1663        font-weight: bold;
1664}
1665.reviewList dl dd td p.operation {
1666        text-align: right;
1667}
1668.reviewList dl dd tr.footer td {
1669        border-left: none;
1670        text-align: right;
1671}
1672.reviewList div.operation {
1673        padding: 10px 0;
1674}
1675
1676/*==============================================================================
1677 * 32. weeklyCalendarTable(週間カレンダーテーブル)
1678 *----------------------------------------------------------------------------*/
1679#Body .weeklyCalendarTable .parts {
1680        border-top: none;
1681}
1682.weeklyCalendarTable div.block {
1683        padding: 5px;
1684}
1685.weeklyCalendarTable .input_submit {
1686        margin-right: 8px;
1687}
1688.weeklyCalendarTable .calendar td {
1689        padding: 5px;
1690        vertical-align: top;
1691}
1692.weeklyCalendarTable .calendar .today {
1693        background: #<?php echo $colors[7]; ?>;
1694}
1695.weeklyCalendarTable .calendar .today p.day {
1696        font-weight: bold;
1697}
1698.weeklyCalendarTable ul.moreInfo {
1699        margin: 0 2px 0 auto;
1700        width: 9em;
1701}
1702
1703/*==============================================================================
1704 * 33. monthlyCalendarTable(月間カレンダーテーブル)
1705 *----------------------------------------------------------------------------*/
1706.monthlyCalendarTable div.block {
1707        zoom: 1;
1708        overflow: hidden;
1709        overflow: -moz-scrollbars-none;
1710        padding: 2px 5px;
1711}
1712.monthlyCalendarTable div.block p.moreInfo {
1713        float: left;
1714        width: 70%;
1715        text-align: left;
1716}
1717.monthlyCalendarTable div.block p.moreInfo a {
1718        margin-right: 4px;
1719}
1720.monthlyCalendarTable div.block p.pager {
1721        float: right;
1722        width: 30%;
1723        margin-top: 2px;
1724        text-align: right;
1725}
1726.monthlyCalendarTable .calendar th {
1727        padding: 2px;
1728}
1729.monthlyCalendarTable .calendar td {
1730        height: 65px;
1731        padding: 2px;
1732        vertical-align: top;
1733}
1734.monthlyCalendarTable .calendar td.today {
1735        background: #<?php echo $colors[7]; ?>;
1736        font-weight: bold;
1737}
1738.monthlyCalendarTable .calendar td p {
1739        font-weight: normal;
1740}
1741.monthlyCalendarTable .partsInfo {
1742        padding: 5px;
1743        background: #<?php echo $colors[6]; ?>;
1744}
1745.monthlyCalendarTable .partsInfo img {
1746        margin: 0 1px;
1747}
1748
1749/*==============================================================================
1750 * 25. messageList(メッセージリスト)
1751 *----------------------------------------------------------------------------*/
1752.messageList .partsHeading p.date {
1753        font-weight: bold;
1754}
1755.messageList .pagerRelativeMulti {
1756        zoom: 1;
1757        overflow: hidden;
1758        overflow: -moz-scrollbars-none;
1759}
1760.messageList .pagerRelativeMulti .pager {
1761        position: static;
1762        float: right;
1763        width: 290px;
1764        margin-top: 1px;
1765        text-align: right;
1766}
1767.messageList .pagerRelativeMulti .pager p {
1768        margin-left: 0;
1769}
1770* html .messageList .pagerRelativeMulti .pager p {
1771        margin-left: 4px;
1772}
1773*:first-child+html .messageList .pagerRelativeMulti .pager p {
1774        margin-left: 4px;
1775}
1776.messageList p.icons {
1777        float: left;
1778        width: 220px;
1779}
1780.messageList p.icons img {
1781        padding-right: 16px;
1782        background: url(<?php echo getSkin('articleList_marker'); ?>) no-repeat 96% 6px;
1783        vertical-align: text-bottom;
1784}
1785.messageList tr {
1786        height: 20px;
1787}
1788.messageList tr.unread {
1789        background: #<?php echo $colors[7]; ?>;
1790}
1791#Body .messageList th.delete {
1792        font-weight: normal;
1793}
1794#Body .messageList th {
1795        padding: 0 2px;
1796        border-width: 1px 0 0;
1797        font-weight: bold;
1798}
1799#Body .messageList td {
1800        padding: 0 2px;
1801        border-width: 1px 0 0;
1802}
1803#Body .messageList td .input_checkbox {
1804        margin-left: 4px;
1805}
1806.messageList td.status {
1807        text-align: center;
1808}
1809.messageList col.status {
1810        width: 35px;
1811}
1812.messageList col.delete {
1813        width: 35px;
1814}
1815.messageList col.target {
1816        width: 130px;
1817}
1818.messageList col.title {
1819        width: auto;
1820}
1821.messageList col.date {
1822        width: 80px;
1823}
1824.messageList table span {
1825        width: 100%;
1826        display: block;
1827        overflow: hidden;
1828        white-space: nowrap;
1829        text-overflow: ellipsis;
1830}
1831.messageList div.operation p {
1832        margin-top: 8px;
1833        margin-bottom: 5px;
1834}
1835.messageList div.operation ul.moreInfo {
1836        text-align: left;
1837}
1838
1839/**=============================================================================
1840 * 未確認スタイル
1841 *----------------------------------------------------------------------------*/
1842/**150 o_regist_prof */
1843ul.moreInfo.button li form {
1844        display: inline;
1845}
1846ul.moreInfo.button li form .input_submit {
1847        margin: 0 5px;
1848}
1849
1850/** 配色設定 */
1851#Body {
1852        background: #<?php echo $colors[2]; ?>;
1853}
1854#Container {
1855        background: #<?php echo $colors[3]; ?>;
1856}
1857div.dparts {
1858        background-color: #<?php echo $colors[4]; ?>;
1859}
1860div.parts {
1861        background-color: #<?php echo $colors[8]; ?>;
1862}
1863.sideNav .item {
1864        background-color: #<?php echo $colors[8]; ?>;
1865}
1866#Body .sideNav {
1867        background-color: transparent;
1868}
1869#Body .linkLine,
1870#Body .searchFormLine,
1871#Body .buttonLine,
1872#Body .prevNextLinkLine {
1873        background-color: transparent;
1874}
1875
1876/** page_o_login */
1877div#container_login {
1878        position: relative;
1879        display: block;
1880        margin: 0px auto 0px 0px;
1881        width: 720px;
1882        height: 563px;
1883        padding: 0px;
1884}
1885
1886div#container_login img.bg {
1887        display: block;
1888        position: absolute;
1889        left: 0px;
1890        top: 0px;
1891        width: 720px;
1892        height: 563px;
1893        z-index: 0;
1894}
1895
1896div#container_login a img {
1897        width: 100%;
1898        height: 100%;
1899}
1900
1901div#container_login div.banner ,
1902div#container_login a.banner {
1903        display: block;
1904        position: absolute;
1905        left: 247px;
1906        top: 5px;
1907        width: 468px;
1908        height: 60px;
1909        z-index: 200;
1910}
1911
1912div#container_login div.header a.main_menu {
1913        display: block;
1914        display: none;
1915        position: absolute;
1916        height: 22px;
1917        top: 0px;
1918}
1919
1920div#container_login input#username {
1921        display: block;
1922        position: absolute;
1923        left: 504px;
1924        top: 246px;
1925        width: 185px;
1926        height: 23px;
1927        font-size: 10pt;
1928        z-index: 100;
1929}
1930
1931div#container_login input#password {
1932        display: block;
1933        position: absolute;
1934        left: 504px;
1935        top: 299px;
1936        width: 185px;
1937        height: 23px;
1938        font-size: 10pt;
1939        z-index: 110;
1940}
1941
1942div#container_login input#button_login {
1943        display: block;
1944        position: absolute;
1945        left: 536px;
1946        top: 384px;
1947        width: 120px;
1948        height: 24px;
1949        border: none 0px;
1950        background-color: transparent;
1951        z-index: 120;
1952}
1953
1954div#container_login a#button_new_regist {
1955        display: block;
1956        position: absolute;
1957        left: 536px;
1958        top: 414px;
1959        width: 120px;
1960        height: 24px;
1961        border: none 0px;
1962        z-index: 130;
1963}
1964
1965div#container_login div.msg {
1966        display: block;
1967        position: absolute;
1968        border: none 0px;
1969        padding: 3px 0px;
1970        left: 504px;
1971        top: 327px;
1972        width: 185px;
1973        height: 42px;
1974        font-size: 9pt;
1975        text-align: center;
1976        z-index: 140;
1977}
1978
1979div#container_login div.msg * {
1980        font-size: 8pt;
1981}
1982
1983div#container_login .footer {
1984        display: block;
1985        position: absolute;
1986        left: 0px;
1987        top: 542px;
1988        width: 720px;
1989        height: 21px;
1990        z-index: 300;
1991}
1992div#container_login .footer p {
1993        margin-right: 12px;
1994        text-align: right;
1995        line-height: 21px;
1996}
1997
1998
1999/*==============================================================================
2000 * bizSideTodoList
2001 *----------------------------------------------------------------------------*/
2002#Body .bizSideTodoList {
2003        width: 220px;
2004        margin: 10px 5px;
2005        border: 1px solid #<?php echo $colors[1]; ?>;
2006}
2007#Body .bizSideTodoList td {
2008        border-width: 1px 0 0;
2009}
2010.bizSideTodoList .block {
2011        padding: 5px;
2012}
2013.bizSideTodoList textarea {
2014        width: 98%;
2015}
2016.bizSideTodoList tr.someone {
2017        background: #<?php echo $colors[7]; ?>;
2018}
2019.bizSideTodoList tr.checked {
2020        color: #999999;
2021}
2022.bizSideTodoList td.state {
2023        width: 35px;
2024}
2025.bizSideTodoList td.operation {
2026        width: 16px;
2027}
2028
2029/*==============================================================================
2030 * bizSideScheduleList
2031 *----------------------------------------------------------------------------*/
2032#Body .bizSideScheduleList {
2033        width: 220px;
2034        margin: 10px 5px;
2035        border: 1px solid #<?php echo $colors[1]; ?>;
2036}
2037.bizSideScheduleList dl {
2038        border-top: 1px solid #<?php echo $colors[1]; ?>;
2039}
2040.bizSideScheduleList dt {
2041        float: left;
2042        width: 60px;
2043        padding: 5px;
2044        text-align: center;
2045}
2046.bizSideScheduleList dd {
2047        zoom: 1;
2048        margin-left: 70px;
2049        padding: 5px;
2050        border-left: 1px solid #<?php echo $colors[1]; ?>;
2051}
2052
2053/*==============================================================================
2054 * bizWeeklyCalendarTable(BIZ用週間カレンダーテーブル)
2055 *----------------------------------------------------------------------------*/
2056#Body .bizWeeklyCalendarTable .parts {
2057        border-top: none;
2058}
2059.bizWeeklyCalendarTable div.block {
2060        padding: 5px;
2061}
2062.bizWeeklyCalendarTable .input_submit {
2063        margin-right: 8px;
2064}
2065.bizWeeklyCalendarTable .calendar td {
2066        padding: 5px 0;
2067        vertical-align: top;
2068}
2069.bizWeeklyCalendarTable .calendar td p {
2070        padding: 0 5px;
2071}
2072.bizWeeklyCalendarTable .calendar td .time {
2073        padding: 0;
2074}
2075.bizWeeklyCalendarTable .calendar .today {
2076        background: #<?php echo $colors[7]; ?>;
2077}
2078.bizWeeklyCalendarTable .calendar .today p.day {
2079        font-weight: bold;
2080}
2081.bizWeeklyCalendarTable ul.moreInfo {
2082        margin: 0 2px 0 auto;
2083        width: 9em;
2084}
2085.bizWeeklyCalendarTable .calendar th {
2086        width: 120px;
2087        padding: 5px;
2088        text-align: center;
2089}
2090.bizWeeklyCalendarTable .calendar th * {
2091        text-align: center;
2092}
2093.bizWeeklyCalendarTable .calendar th .input_text {
2094        width: 118px;
2095}
2096.bizWeeklyCalendarTable .calendar th .input_submit {
2097        width: 120px;
2098        margin-right: 0px;
2099}
2100.bizWeeklyCalendarTable .calendar th .nickname {
2101        margin: 5px 0;
2102}
2103.bizWeeklyCalendarTable .calendar td.sub {
2104        border-width: 0 0 0 1px;
2105}
2106.bizWeeklyCalendarTable div.moreInfo {
2107        padding-left: 135px;
2108}
2109
2110/*==============================================================================
2111 * albumList
2112 *----------------------------------------------------------------------------*/
2113.albumList th,
2114.albumList td {
2115        padding: 5px;
2116}
2117.albumList th {
2118        width: 75px;
2119}
2120.albumList td.photo {
2121        width: 190px;
2122        padding: 5px 0;
2123        text-align: center;
2124}
2125#Body .albumList th:first-child {
2126        border-left-width: 1px;
2127}
2128.albumList td.operation {
2129        text-align: center;
2130}
2131
2132/*==============================================================================
2133 * albumDetailBox
2134 *----------------------------------------------------------------------------*/
2135.albumDetailBox th,
2136.albumDetailBox td {
2137        padding: 5px;
2138}
2139.albumDetailBox th {
2140        width: 75px;
2141}
2142.albumDetailBox td.photo {
2143        width: 190px;
2144        padding: 5px 0;
2145        text-align: center;
2146}
2147#Body .albumDetailBox th:first-child,
2148#Body .albumDetailBox td.operation {
2149        border-left-width: 1px;
2150}
2151.albumDetailBox td.operation {
2152        text-align: right;
2153}
2154
2155/*==============================================================================
2156 * albumImageList
2157 *----------------------------------------------------------------------------*/
2158.albumImageList td {
2159        width: 50%;
2160        padding: 5px;
2161        text-align: center;
2162}
2163.albumImageList td p {
2164        text-align: center;
2165}
2166
2167/*==============================================================================
2168 * albumImageBox
2169 *----------------------------------------------------------------------------*/
2170.albumImageBox p.photo {
2171        padding: 10px;
2172        border-top: 1px solid #<?php echo $colors[1]; ?>;
2173        text-align: center;
2174}
2175.albumImageBox th, .albumImageBox td {
2176        padding: 5px;
2177}
2178#Body .albumImageBox th {
2179        width: 140px;
2180        border-left: none;
2181}
2182
2183/*==============================================================================
2184 * alertLine
2185 *----------------------------------------------------------------------------*/
2186.alertLine p {
2187    text-align: center;
2188    color: #ff0000;
2189}
2190
2191
2192/*==============================================================================
2193 * 文字装飾
2194 *----------------------------------------------------------------------------*/
2195<?php if ($decoration_config['op_b']) : ?>
2196span.op_b {
2197    text-decoration : inherit;
2198    font-style : inherit;
2199    font-weight : bold;
2200    color : inherit;
2201    font-size: inherit;
2202}
2203<?php endif; ?>
2204
2205<?php if ($decoration_config['op_u']) : ?>
2206span.op_u {
2207    text-decoration : underline;
2208    font-style : inherit;
2209    font-weight : inherit;
2210    color : inherit;
2211    font-size: inherit;
2212}
2213<?php endif; ?>
2214
2215<?php if ($decoration_config['op_s']) : ?>
2216span.op_s {
2217    text-decoration : line-through;
2218    font-style : inherit;
2219    font-weight : inherit;
2220    color : inherit;
2221    font-size: inherit;
2222}
2223<?php endif; ?>
2224
2225<?php if ($decoration_config['op_i']) : ?>
2226span.op_i {
2227    text-decoration : inherit;
2228    font-style : italic;
2229    font-weight : inherit;
2230    color : inherit;
2231    font-size: inherit;
2232}
2233<?php endif; ?>
2234
2235<?php if ($decoration_config['op_large']) : ?>
2236span.op_large {
2237    text-decoration : inherit;
2238    font-style : inherit;
2239    font-weight : inherit;
2240    color : inherit;
2241    font-size : 20px;
2242}
2243<?php endif; ?>
2244
2245<?php if ($decoration_config['op_small']) : ?>
2246span.op_small {
2247    text-decoration : inherit;
2248    font-style : inherit;
2249    font-weight : inherit;
2250    color : inherit;
2251    font-size : 8px;
2252}
2253<?php endif; ?>
2254
2255<?php if ($decoration_config['op_color']) : ?>
2256span.op_color {
2257    text-decoration : inherit;
2258    font-style : inherit;
2259    font-weight : inherit;
2260    color : inherit;
2261    font-size: inherit;
2262}
2263<?php else : ?>
2264span.op_color {
2265    text-decoration : inherit;
2266    font-style : inherit;
2267    font-weight : inherit;
2268    color : #000 !important;
2269    font-size: inherit;
2270}
2271<?php endif; ?>
2272
2273/*==============================================================================
2274 *
2275 *----------------------------------------------------------------------------*/
2276
2277/*==============================================================================
2278 *
2279 *----------------------------------------------------------------------------*/
2280<?php if ($custom_css): ?>
2281
2282/*==============================================================================
2283 * カスタムCSS
2284 *----------------------------------------------------------------------------*/
2285<?php echo $custom_css; ?>
2286
2287<?php endif; ?>
Note: See TracBrowser for help on using the repository browser.