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

source: OpenPNE/branches/prj/xhtmlcss/OpenPNE-2.11.4/public_html/xhtml_style.php @ 5947

Last change on this file since 5947 was 5947, checked in by ogawa, 14 years ago

LayoutBのformTableの見出しの幅を80pxに変更

File size: 27.9 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';
8
9// include_path の設定
10include_once OPENPNE_LIB_DIR . '/include/PHP/Compat/Constant/PATH_SEPARATOR.php';
11$include_paths = array(
12    OPENPNE_LIB_DIR . '/include',
13    OPENPNE_WEBAPP_DIR . '/lib',
14    ini_get('include_path')
15);
16ini_set('include_path', implode(PATH_SEPARATOR, $include_paths));
17require_once OPENPNE_WEBAPP_DIR . '/lib/OpenPNE/DB.php';
18require_once OPENPNE_WEBAPP_DIR . '/lib/db/common.php';
19require_once OPENPNE_WEBAPP_DIR . '/lib/db/etc.php';
20
21header('Content-Type: text/css');
22?>
23
24@charset "UTF-8";
25
26/*==============================================================================
27 * デフォルトスタイルシートの上書き
28 *----------------------------------------------------------------------------*/
29html {} /* Safariで先頭のスタイル指定が無視される現象への対策 */
30
31body, div, p, pre, blockquote, th, td,
32dl, dt, dd, ul, ol, li,
33h1, h2, h3, h4, h5, h6,
34iframe, object, embed {
35        margin: 0;
36        padding: 0;
37        border: none;
38        text-align: left;
39}
40ul, ol {
41        list-style-position: outside;
42        list-style-type: none;
43}
44table {
45        border-collapse: separate;
46        border-spacing: 0;
47        empty-cells: show;
48        margin: 0;
49        font-size: 1em;
50}
51* {
52        word-break: break-all;
53}
54*:first-child+html table {
55        border-collapse: collapse;
56}
57* html table {
58        border-collapse: collapse;
59}
60th, td {
61        vertical-align: middle;
62}
63address, cite, caption, th, del, ins,
64abbr, acronym, dfn, em, strong,
65code, kbd, samp, var {
66        border: none;
67        font-style: normal;
68        font-variant: normal;
69        font-weight: normal;
70        text-align: left;
71        text-decoration: none;
72}
73img {
74        border: none;
75        vertical-align: baseline;
76}
77a img {
78        vertical-align: text-bottom;
79}
80br {
81        letter-spacing: 0;
82}
83h1, h2, h3, h4, h5, h6 {
84        font-size: 100%;
85        font-weight: normal;
86}
87q:before, q:after {
88        content: "";
89}
90form, fieldset, input, textarea {
91        margin: 0;
92}
93form, fieldset {
94        padding: 0;
95}
96fieldset {
97        border: none;
98}
99form p {
100        margin: 0;
101        padding: 0;
102}
103
104/*==============================================================================
105 * OpenPNE全共通指定
106 *----------------------------------------------------------------------------*/
107body {
108        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
109}
110input,
111textarea,
112select {
113        color: #333333;
114        font-size: inherit;
115        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
116}
117a:link {
118        color: #026cd1;
119}
120a:visited {
121        color: #004a95;
122}
123a:hover, a:active {
124        color: #76afe6;
125}
126.input_text,
127.input_password,
128textarea {
129        background-color: #f8f8f8;
130}
131.input_text,
132.input_password,
133textarea,
134select {
135        border: 1px solid #888888;
136}
137.input_image {
138        border: none;
139}
140p {
141        overflow: hidden;
142}
143strong {
144        font-weight: bold;
145}
146/*----------------------------------------------
147 * テーブル
148 *--------------------------------------------*/
149div.parts table {
150        table-layout: fixed;
151        width: 100%;
152}
153div.parts th,
154div.parts td {
155        overflow: hidden;
156        border-width: 1px 0 0 1px;
157        border-style: solid;
158        border-color: #cccccc;
159}
160div.parts tr th:first-child,
161div.parts tr td:first-child {
162        border-left-width: 0;
163}
164/*----------------------------------------------
165 * マーカー付きリンク、ボタンリンク
166 *--------------------------------------------*/
167ul.moreInfo li {
168        padding: 2px 0 2px 20px;
169        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif) no-repeat 0 0.4em;
170}
171ul.moreInfo.button li {
172        padding: 0;
173        background: none;
174}
175/*----------------------------------------------
176 * サブミットボタン
177 *--------------------------------------------*/
178.input_submit {
179        border: 1px solid #888888;
180        background: #dadce6 url(http://takai.sns.dazai.pne.jp/skin/default/img/bg_button.gif) repeat-x scroll 50% 0;
181        letter-spacing: 0;
182}
183/*----------------------------------------------
184 * ラジオボタン、セレクトボタン
185 *--------------------------------------------*/
186.input_checkbox,
187.input_radio {
188        width: 16px;
189}
190ul.check {
191        line-height: 1.4;
192}
193ul.check .input_radio,
194ul.check .input_checkbox {
195        margin: 0 4px;
196}
197/*----------------------------------------------
198 * 画像置換指定
199 *--------------------------------------------*/
200#globalNav a,
201.localNav a {
202        display: block;
203        width: 100%;
204        height: 100%;
205        margin: 0;
206        padding: 0;
207        border: none;
208        text-indent: -9999px;
209        text-decoration: none;
210}
211#globalNav a:focus,
212.localNav a:focus {
213        overflow: hidden;
214}
215/*----------------------------------------------
216 * clearfix, overflow: hidden
217 *--------------------------------------------*/
218div#LayoutA,
219div#LayoutB,
220div#LayoutC {
221        zoom: 1;
222        overflow: hidden;
223}
224/*----------------------------------------------
225 * ベースレイアウト
226 *--------------------------------------------*/
227#Container {
228        width: 720px;
229}
230#LayoutA #Left {
231        float: left;
232        width: 270px;
233        padding: 0 5px;
234}
235#LayoutA #Center {
236        float: right;
237        width: 440px;
238}
239#LayoutB #Left {
240        float: left;
241        width: 180px;
242}
243#LayoutB #Center {
244        float: right;
245        width: 540px;
246}
247#LayoutC #Center {
248        width: 650px;
249        margin: 0 auto;
250}
251/*----------------------------------------------
252 * パーツ枠
253 *--------------------------------------------*/
254div.dparts,
255div.dparts div.parts,
256div.ditem,
257#LayoutA #Left div.parts {
258        border: 1px solid #cccccc;
259}
260div.ditem div.item {
261        border-width: 0 1px 1px;
262        border-style: solid;
263        border-color: #cccccc;
264}
265div.dparts {
266        margin: 0 auto 10px;
267        padding: 7px;
268}
269div.dparts div.parts {
270        margin: 0;
271}
272div.parts {
273        margin: 0 auto 10px;
274}
275div.ditem {
276        padding: 5px 6px;
277}
278/*----------------------------------------------
279 * パーツ見出し
280 *--------------------------------------------*/
281.partsHeading {
282        overflow: hidden;
283        padding: 2px 0 2px 36px;
284        background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/content_header_1.gif) no-repeat 0 0;
285        text-align: left;
286        font-size: 100%;
287}
288#LayoutA #Left .partsHeading {
289        padding-left: 24px;
290        background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_title_1.gif);
291}
292.partsHeading h3 {
293        display: inline;
294        font-weight: bold;
295}
296.partsHeading p {
297        display: inline;
298        margin-left: 0.5em;
299}
300/*----------------------------------------------
301 * パーツ内上下の部分(1件~20件を表示など)
302 *--------------------------------------------*/
303div.block,
304div.partsInfo,
305div.pagerAbsolute,
306div.pagerRelative,
307div.pagerRelativeMulti,
308div.operation {
309        border-top: 1px solid #cccccc;
310}
311div.partsInfo {
312        padding: 10px 40px;
313}
314div.pagerAbsolute {
315        padding: 4px;
316        text-align: center;
317}
318div.pagerAbsolute p {
319        display: inline;
320}
321div.pagerRelative,
322div.pagerRelativeMulti {
323        padding: 4px;
324        text-align: right;
325}
326div.pagerRelative p,
327div.pagerRelativeMulti div.pager p {
328        display: inline;
329        margin-left: 10px;
330}
331div.pagerRelativeMulti {
332        zoom: 1;
333        position: relative;
334}
335div.pagerRelativeMulti div.pager {
336        position: absolute;
337        top: 1em;
338        right: 4px;
339}
340div.operation {
341        padding: 4px;
342}
343div.operation ul.moreInfo {
344        text-align: center;
345}
346div.operation ul.moreInfo li {
347        display: inline;
348        background-position: 0 50%;
349}
350/*----------------------------------------------
351 * カレンダー
352 *--------------------------------------------*/
353table.calendar th {
354        text-align: center;
355}
356table.calendar td {
357        text-align: right;
358}
359th.sun {
360        color: #d92c49;
361}
362th.sat {
363        color: #2c65d9;
364}
365
366/*==============================================================================
367 * 0. h系、f系、c系ナビメニュー(localNav)
368 *----------------------------------------------------------------------------*/
369#globalNav {
370        zoom: 1;
371        position: relative;
372        width: 720px;
373        height: 96px;
374        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
375}
376.localNav {
377        zoom: 1;
378        position: relative;
379        width: 720px;
380        height: 29px;
381}
382#globalNav li a:hover, #globalNav li a:active {
383        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
384}
385#hLocalNav {
386        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
387}
388#hLocalNav li a:hover, #hLocalNav li a:active {
389        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
390}
391#fLocalNav {
392        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
393}
394#fLocalNav li a:hover, #fLocalNav li a:active {
395        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f_2.jpg);
396}
397#cLocalNav {
398        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
399}
400#cLocalNav li a:hover, #cLocalNav li a:active {
401        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c_2.jpg);
402}
403#globalNav h1 {
404        position: absolute;
405        top: 5px;
406        left: 0;
407        width: 240px;
408        height: 60px;
409}
410#globalNav li, .localNav li {
411        position: absolute;
412}
413
414li#globalNav_1,
415li#globalNav_2,
416li#globalNav_3 {
417        top: 70px;
418        height: 18px;
419}
420li#globalNav_4,
421li#globalNav_5,
422li#globalNav_6,
423li#globalNav_7,
424li#globalNav_8,
425li#globalNav_9 {
426        top: 68px;
427        height: 20px;
428}
429li#globalNav_1 { left:   2px; width: 88px; }
430li#globalNav_2 { left:  90px; width: 90px; }
431li#globalNav_3 { left: 180px; width: 88px; }
432li#globalNav_4 { left: 290px; width: 70px; }
433li#globalNav_5 { left: 360px; width: 72px; }
434li#globalNav_6 { left: 432px; width: 72px; }
435li#globalNav_7 { left: 504px; width: 72px; }
436li#globalNav_8 { left: 576px; width: 72px; }
437li#globalNav_9 { left: 648px; width: 70px; }
438li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
439li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
440li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
441li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
442li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
443li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
444li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
445li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
446li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
447
448#hLocalNav li {
449        top: 0;
450        width: 80px;
451        height: 29px;
452}
453li#hLocalNav_1 { left:   0px; }
454li#hLocalNav_2 { left:  80px; }
455li#hLocalNav_3 { left: 160px; }
456li#hLocalNav_4 { left: 240px; }
457li#hLocalNav_5 { left: 320px; }
458li#hLocalNav_6 { left: 400px; }
459li#hLocalNav_7 { left: 480px; }
460li#hLocalNav_8 { left: 560px; }
461li#hLocalNav_9 { left: 640px; }
462li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
463li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
464li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
465li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
466li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
467li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
468li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
469li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
470li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }
471
472#fLocalNav li {
473        top: 0;
474        width: 80px;
475        height: 29px;
476}
477li#fLocalNav_1 { left:   0px; }
478li#fLocalNav_2 { left:  80px; }
479li#fLocalNav_3 { left: 160px; }
480li#fLocalNav_4 { left: 240px; }
481li#fLocalNav_5 { left: 320px; }
482li#fLocalNav_6 { left: 400px; }
483li#fLocalNav_7 { left: 480px; }
484li#fLocalNav_8 { left: 560px; }
485li#fLocalNav_9 { left: 640px; }
486li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
487li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
488li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
489li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
490li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
491li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
492li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
493li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
494li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }
495
496#cLocalNav li {
497        top: 0;
498        width: 120px;
499        height: 29px;
500}
501li#cLocalNav_1 { left:   0px; }
502li#cLocalNav_2 { left: 120px; }
503li#cLocalNav_3 { left: 240px; }
504li#cLocalNav_4 { left: 360px; }
505li#cLocalNav_5 { left: 480px; }
506li#cLocalNav_6 { left: 600px; }
507li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
508li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
509li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
510li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
511li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
512li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
513
514/*==============================================================================
515 * 11. homePhotoBox(ホーム写真ボックス)
516 *----------------------------------------------------------------------------*/
517.homePhotoBox * {
518        text-align: center;
519}
520.homePhotoBox p.friendLink {
521        margin-bottom: 3px;
522}
523.homePhotoBox p.photo {
524        margin-top: 7px;
525}
526.homePhotoBox ul.moreInfo {
527        margin: 1px 0;
528}
529.homePhotoBox ul.moreInfo li {
530        padding: 1px 0;
531        background: none;
532}
533.homePhotoBox ul.moreInfo li img {
534        vertical-align: bottom;
535}
536.homePhotoBox p.rank {
537        margin-top: 6px;
538}
539.homePhotoBox p.point {
540        margin-top: 2px;
541}
542.homePhotoBox p.text {
543        margin-top: 4px;
544}
545.homePhotoBox p.loginTime {
546        margin-top: 0px;
547}
548
549/*==============================================================================
550 * 28. homeNineTable(ホーム9面テーブル)
551 *----------------------------------------------------------------------------*/
552.homeNineTable tr.photo td {
553        padding: 2px 0;
554        text-align: center;
555}
556.homeNineTable tr.photo td p.crown {
557        text-align: center;
558}
559.homeNineTable tr.text td {
560        padding: 2px;
561        text-align: center;
562}
563.homeNineTable div.moreInfo ul.moreInfo {
564        width: 11em;
565        margin: 6px 0 6px auto;
566}
567
568/*==============================================================================
569 * 18. searchResultList(検索結果リスト)
570 *----------------------------------------------------------------------------*/
571.searchResultList .ditem {
572        margin: 8px 34px;
573}
574.searchResultList .item {
575        zoom: 1;
576        position: relative;
577}
578.searchResultList td.photo {
579        width: 90px;
580        padding: 0;
581        text-align: center;
582}
583.searchResultList th, .searchResultList td {
584        padding: 5px;
585}
586.searchResultList th {
587        width: 75px;
588}
589#Body .searchResultList th:first-child {
590        border-left-width: 1px;
591}
592.searchResultList td.operation {
593        padding: 0;
594        background: url(http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif) repeat-y 120px 0;
595}
596.searchResultList span.text {
597        position: absolute;
598        padding: 2px 0 0 5px;
599}
600.searchResultList span.moreInfo {
601        display: block;
602        margin-left: 120px;
603        text-align: center;
604}
605.searchResultList span.moreInfo img {
606        vertical-align: middle;
607}
608
609/*==============================================================================
610 * 30. homeMainTable(ホームメインテーブル)
611 *----------------------------------------------------------------------------*/
612.homeMainTable .partsHeading {
613        zoom: 1;
614        position: relative;
615}
616.homeMainTable .partsHeading p.link {
617        position: absolute;
618        top: 2px;
619        right: 8px;
620}
621.homeMainTable th {
622        width: 83px;
623        background-color: #eeeeee;
624}
625.homeMainTable th, .homeMainTable td {
626        padding: 5px;
627}
628.homeMainTable dl.articleList {
629        line-height: 1.3;
630}
631.homeMainTable dl.articleList dt {
632        clear: both;
633        float: left;
634        width: 4.3em;
635        padding-left: 13px;
636        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif) 3px 50% no-repeat scroll;
637}
638.homeMainTable dl.articleList dd {
639        min-height: 1.3em; /* ddが空のとき領域確保 */
640        margin-left: 5.3em;
641        padding-left: 18px;
642        background: url(http://takai.sns.dazai.pne.jp/skin/org/articleList_marker.gif) 0 4px no-repeat scroll;
643}
644.homeMainTable div.moreInfo ul.moreInfo {
645        width: 10em;
646        margin: 0 2px 0 auto;
647}
648.homeMainTable td.halfway ul.moreInfo {
649        width: 12em;
650        margin: 0 0 20px auto;
651}
652
653/*==============================================================================
654 * 34. sideNav(サイドナビ)
655 *----------------------------------------------------------------------------*/
656.sideNav .item {
657        overflow: hidden;
658        width: 150px;
659        margin: 0 auto 10px;
660        border: 8px solid #cccccc;
661}
662.sideNav .partsHeading {
663        border-bottom: 1px solid #cccccc;
664}
665.sideNav .pageNav ul {
666        margin: 1px;
667}
668.sideNav .pageNav li {
669        padding: 4px 0 4px 18px;
670        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif) 8px 50% no-repeat scroll;
671}
672.sideNav .pageNav li.looking {
673        background-color: #eeeeee;
674}
675.sideNav .calendar .partsHeading {
676        padding: 4px 0;
677        border: none;
678        background: none;
679        text-align: center;
680}
681.sideNav .calendar th {
682        background-color: #eeeeee;
683}
684.sideNav .calendar td {
685        padding: 1px 2px;
686}
687.sideNav .list {
688        padding: 4px 0;
689}
690.sideNav .list li {
691        padding-left: 16px;
692        background: no-repeat 6px 4px;
693}
694.sideNav .monthlyMessage li  { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif); }
695.sideNav .recentlyDiary li   { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_3.gif); }
696.sideNav .recentlyComment li { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif); }
697.sideNav .monthlyDiary li    { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_2.gif); }
698.sideNav .listCategory li    { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_2.gif); }
699
700/*==============================================================================
701 * 1. simpleBox(シンプルボックス)
702 *----------------------------------------------------------------------------*/
703.simpleBox .block {
704        padding: 10px 0;
705}
706.simpleBox .block p {
707        text-align: center;
708}
709
710/*==============================================================================
711 * 31. formTable(入力フォームテーブル)
712 *----------------------------------------------------------------------------*/
713.formTable .partsHeading {
714        zoom: 1;
715        position: relative;
716}
717.formTable strong {
718        font-weight: normal;
719        color: #ff0000;
720}
721.formTable p.caution {
722        color: #ff0000;
723}
724.formTable .partsHeading p.link {
725        position: absolute;
726        top: 2px;
727        right: 8px;
728}
729.formTable div.partsInfo {
730        background-color: #eeeeee;
731}
732.formTable th, .formTable td {
733        padding: 5px;
734}
735.formTable th {
736        width: 140px;
737}
738#LayoutB #Center .formTable th {
739    width: 80px;
740}
741.formTable table table td {
742        padding: 0;
743        border: none;
744}
745.formTable textarea {
746        width: 99%;
747}
748.formTable input.input_text_long {
749        width: 99%;
750}
751.formTable table table td.publicSelector {
752        width: 150px;
753        text-align: right;
754}
755.formTable div.checkList ul {
756        overflow: hidden;
757}
758.formTable div.checkList li {
759        overflow: hidden;
760        float: left;
761        width: 27%;
762        padding-left: 18px;
763        text-indent: -18px;
764        line-height: 1.6;
765}
766.formTable div.operation {
767        padding: 10px 0;
768}
769
770/*==============================================================================
771 * 29. photoTable(写真テーブル)
772 *----------------------------------------------------------------------------*/
773.photoTable {
774        width: 561px;
775}
776.photoTable tr.photo td {
777        padding: 8px 0;
778        text-align: center;
779}
780.photoTable tr.photo td p.crown {
781        text-align: center;
782}
783.photoTable tr.text td {
784        padding: 5px 2px;
785        text-align: center;
786}
787
788/*==============================================================================
789 * 6. yesNoButtonBox(はい、いいえボタン付きボックス)
790 *----------------------------------------------------------------------------*/
791.yesNoButtonBox .block {
792        padding: 10px 0;
793}
794.yesNoButtonBox .block p,
795.yesNoButtonBox ul.moreInfo.button {
796        text-align: center;
797}
798.yesNoButtonBox ul.moreInfo.button {
799        margin-top: 4px;
800}
801.yesNoButtonBox ul.moreInfo.button li {
802        display: inline;
803}
804
805/*==============================================================================
806 * 3. alertBox(アラートボックス)
807 *----------------------------------------------------------------------------*/
808.alertBox {
809        width: 564px;
810}
811#Body .alertBox th {
812        width: 148px;
813        padding: 8px 0;
814        border: none;
815        text-align: center;
816}
817#Body .alertBox td {
818        padding: 6px;
819        border-width: 0 0 0 1px;
820        color: #ff0000;
821}
822
823/*==============================================================================
824 * 17. commentList(コメントリスト)
825 *----------------------------------------------------------------------------*/
826.commentList dl {
827        border-top: 1px solid #cccccc; overflow:hidden;
828}
829.commentList dt {
830        float: left;
831        width: 70px;
832        padding-top: 5px;
833        text-align: center;
834}
835.commentList dd {
836        zoom: 1;
837        min-height: 5.5em;
838        margin-left: 70px;
839        border-left: 1px solid #cccccc;
840}
841* html .commentList dd {
842        height: 5.5em;
843}
844#LayoutC .commentList dt {
845        width: 110px;
846}
847#LayoutC .commentList dd {
848        margin-left: 110px;
849}
850.commentList dd div {
851        border-top: 1px solid #cccccc;
852}
853.commentList dd div p {
854        padding: 4px 3px;
855}
856.commentList dd div.title {
857        zoom: 1;
858        position: relative;
859        border-top: none;
860}
861.commentList dd div.title p.heading {
862        margin-right: 10.5em;
863}
864.commentList dd div.title p.public {
865        position: absolute;
866        top: 0;
867        right: 0;
868}
869.commentList dd ul.photo {
870        padding: 5px 5px 0;
871}
872.commentList dd ul.photo li {
873        display: inline;
874        margin-left: 6px;
875}
876.commentList dd div.footer p {
877        text-align: right;
878}
879.commentList div.operation {
880        padding: 8px 0;
881}
882
883/*==============================================================================
884 * 8. diaryDetailBox(日記詳細ボックス)
885 *----------------------------------------------------------------------------*/
886.diaryDetailBox .partsHeading {
887        zoom: 1;
888        position: relative;
889}
890.diaryDetailBox .partsHeading p.public {
891        position: absolute;
892        right: 3px;
893}
894.diaryDetailBox dl {
895        border-top: 1px solid #cccccc;
896}
897.diaryDetailBox dt {
898        float: left;
899        width: 70px;
900        padding-top: 5px;
901        text-align: center;
902}
903.diaryDetailBox dd {
904        zoom: 1;
905        min-height: 4.2em;
906        margin-left: 70px;
907        border-left: 1px solid #cccccc;
908}
909* html .diaryDetailBox dd {
910        height: 4.2em;
911}
912.diaryDetailBox dd div {
913        border-top: 1px solid #cccccc;
914}
915.diaryDetailBox dd div p {
916        padding: 4px 3px;
917}
918.diaryDetailBox dd div.title {
919        border-top: none;
920}
921.diaryDetailBox dd ul.photo {
922        padding: 5px 5px 0;
923}
924.diaryDetailBox dd ul.photo li {
925        display: inline;
926        margin-left: 6px;
927}
928.diaryDetailBox div.category ul {
929        padding: 4px;
930        text-align: right;
931}
932.diaryDetailBox div.category ul li {
933        display: inline;
934        font-size: 80%;
935}
936
937/*==============================================================================
938 * 21. recentList(最新書き込みリスト)
939 *----------------------------------------------------------------------------*/
940.recentList dl {
941        border-top: 1px solid #cccccc;
942}
943.recentList dt {
944        float: left;
945        width: 170px;
946        padding: 5px;
947        text-align: center;
948}
949.recentList dd {
950        zoom: 1;
951        margin-left: 180px;
952        padding: 5px;
953        border-left: 1px solid #cccccc;
954}
955
956/*==============================================================================
957 * 10. eventDetailBox(イベント詳細ボックス)
958 *----------------------------------------------------------------------------*/
959.eventDetailBox dl {
960        border-top: 1px solid #cccccc;
961}
962.eventDetailBox dt {
963        float: left;
964        width: 100px;
965        padding: 5px;
966        text-align: center;
967}
968.eventDetailBox dd {
969        zoom: 1;
970        margin-left: 110px;
971        border-left: 1px solid #cccccc;
972}
973.eventDetailBox dd ul.photo {
974        padding: 5px;
975        border-bottom: 1px solid #cccccc;
976}
977.eventDetailBox dd ul.photo li {
978        display: inline;
979        margin-left: 6px;
980}
981.eventDetailBox dd table th {
982        width: 112px;
983        text-align: center;
984        border-left: none;
985}
986.eventDetailBox dd table th,
987.eventDetailBox dd table td {
988        padding: 5px;
989}
990.eventDetailBox dd table tr:first-child th,
991.eventDetailBox dd table tr:first-child td {
992        border-top: none;
993}
994.eventDetailBox dd table ul.moreInfo {
995        margin-top: -1.2em;
996        text-align: right;
997}
998.eventDetailBox dd table ul.moreInfo li {
999        display: inline;
1000        background-position: 0 50%;
1001}
1002
1003/*==============================================================================
1004 * 22. friendIntroList(フレンド紹介文リスト)
1005 *----------------------------------------------------------------------------*/
1006.friendIntroList th,
1007.friendIntroList td {
1008        padding: 14px;
1009}
1010.friendIntroList th {
1011        width: 120px;
1012        text-align: center;
1013}
1014.friendIntroList div.moreInfo ul.moreInfo {
1015        width: 10em;
1016        margin-left: auto;
1017        padding: 6px 2px;
1018}
1019
1020/*==============================================================================
1021 * 9. topicDetailBox(トピック詳細ボックス)
1022 *----------------------------------------------------------------------------*/
1023.topicDetailBox dl {
1024        border-top: 1px solid #cccccc;
1025}
1026.topicDetailBox dt {
1027        float: left;
1028        width: 100px;
1029        padding: 5px;
1030        text-align: center;
1031}
1032.topicDetailBox dd {
1033        zoom: 1;
1034        margin-left: 110px;
1035        border-left: 1px solid #cccccc;
1036}
1037.topicDetailBox dd div {
1038        border-top: 1px solid #cccccc;
1039}
1040.topicDetailBox dd div p {
1041        padding: 5px;
1042}
1043.topicDetailBox dd div.title {
1044        border-top: none;
1045}
1046.topicDetailBox dd ul.photo {
1047        padding: 5px;
1048}
1049.topicDetailBox dd ul.photo li {
1050        display: inline;
1051        margin-left: 6px;
1052}
1053.topicDetailBox dd div.attachFile {
1054        padding: 16px 5px;
1055}
1056.topicDetailBox div.operation {
1057        padding: 10px 0;
1058}
1059
1060/*==============================================================================
1061 * 26. ashiatoList(あしあとリスト)
1062 *----------------------------------------------------------------------------*/
1063.ashiatoList div.partsInfo {
1064        border-bottom: 1px solid #cccccc;
1065}
1066.ashiatoList div.item {
1067        margin: 8px 40px;
1068        padding: 8px 0;
1069        border: 1px solid #cccccc;
1070}
1071.ashiatoList div.item p,
1072.ashiatoList div.item ul.list {
1073        padding-left: 160px;
1074}
1075.ashiatoList div.item p strong {
1076        margin: 0 2px;
1077}
1078.ashiatoList div.item ul.list {
1079        overflow: hidden;
1080        margin-top: 16px;
1081}
1082
1083/*==============================================================================
1084 * 15. linkLine(リンクライン)
1085 *----------------------------------------------------------------------------*/
1086.linkLine ul.moreInfo {
1087        text-align: center;
1088}
1089.linkLine ul.moreInfo li {
1090        display: inline;
1091        background-position: 0 50%;
1092}
1093
1094/*==============================================================================
1095 * 14. searchFormLine(検索フォームライン)
1096 *----------------------------------------------------------------------------*/
1097.searchFormLine ul {
1098        text-align: center;
1099        padding: 1px 0;
1100}
1101.searchFormLine ul li {
1102        display: inline;
1103}
1104.searchFormLine ul li * {
1105        vertical-align: middle;
1106}
1107.searchFormLine ul li label {
1108        margin-right: 2px;
1109        padding: 1px 13px 0 0;
1110        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_2.gif) no-repeat 100% 0;
1111}
1112
1113/*==============================================================================
1114 * 5. infoButtonBox(ボタン付き案内ボックス)
1115 *----------------------------------------------------------------------------*/
1116.infoButtonBox .block {
1117        padding: 30px 10px;
1118}
1119.infoButtonBox p,
1120.infoButtonBox ul {
1121        margin-top: 6px;
1122        text-align: center;
1123}
1124.infoButtonBox ul.check li {
1125        text-align: center;
1126}
1127.infoButtonBox ul.check li .input_submit {
1128        margin-top: 6px;
1129}
1130.infoButtonBox ul.moreInfo {
1131        margin-left: 230px;
1132}
1133.infoButtonBox ul.moreInfo.button {
1134        margin-left: 0;
1135}
1136.infoButtonBox ul.moreInfo.button li {
1137        text-align: center;
1138}
1139
1140/*==============================================================================
1141 *
1142 *----------------------------------------------------------------------------*/
1143
1144/*==============================================================================
1145 *
1146 *----------------------------------------------------------------------------*/
1147
1148/*==============================================================================
1149 *
1150 *----------------------------------------------------------------------------*/
Note: See TracBrowser for help on using the repository browser.