12 --------------------------------------------------------------------------------------*/
\r
14 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
\r
15 Code licensed under the BSD License:
\r
16 http://developer.yahoo.net/yui/license.txt
\r
20 font: 13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
\r
25 select, input, button, textarea, button {
\r
26 font: 99% arial,helvetica,clean,sans-serif;
\r
33 html, body, div, span, applet, object, iframe,
\r
34 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
\r
35 a, abbr, acronym, address, big, cite, code,
\r
36 del, dfn, em, font, img, ins, kbd, q, s, samp,
\r
37 small, strike, strong, sub, sup, tt, var,
\r
39 dl, dt, dd, ol, ul, li,
\r
40 fieldset, form, label, legend,
\r
41 table, caption, tbody, tfoot, thead {
\r
46 vertical-align: baseline;
\r
47 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
\r
51 text-shadow: #000 0 0 0;/* for Safari */
\r
52 -moz-opacity: 0.99;/* for Firefox */
\r
55 pre, code, kbd, samp, tt {
\r
56 font-family: monospace;
\r
60 /* http://e2designer.seesaa.net/article/152168876.html */
\r
61 /* http://perishablepress.com/press/2010/06/01/wrapping-content/ */
\r
64 white-space: pre; /* CSS 2.0 */
\r
65 white-space: pre-wrap; /* CSS 2.1 */
\r
66 white-space: pre-line; /* CSS 3.0 */
\r
67 white-space: -pre-wrap; /* Opera 4-6 */
\r
68 white-space: -o-pre-wrap; /* Opera 7 */
\r
69 white-space: -moz-pre-wrap; /* Mozilla */
\r
70 white-space: -hp-pre-wrap; /* HP Printers */
\r
71 word-wrap: break-word; /* IE 5+ */
\r
74 /* remember to define focus styles! */
\r
75 :focus { outline: 0;}
\r
77 /* remember to highlight inserts somehow! */
\r
78 ins { text-decoration: none;}
\r
79 del { text-decoration: line-through;}
\r
81 /* http://honoo-no.com/creators/2008/02/14_211120.html */
\r
83 font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
\r
87 --------------------------------------------------------------------------------------*/
\r
88 a:link { color:#008;}
\r
89 a:visited { color: #505;}
\r
90 a { text-decoration: none;}
\r
93 text-decoration: underline;
\r
97 letter-spacing: 2px;
\r
101 letter-spacing: 2px;
\r
102 border-top: 1px solid #333;
\r
103 border-bottom: 1px solid #333;
\r
104 padding: 0.5em 0 0.5em 0.5em;
\r
106 line-height: 1.4em;
\r
108 text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
\r
109 -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
\r
110 -webkit-text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);
\r
114 letter-spacing: 2px;
\r
115 border-bottom: 1px dotted #333333;
\r
117 line-height: 1.4em;
\r
118 padding: 0 0 0 0.5em;
\r
119 margin: 0 0 1em 0.5em;
\r
126 letter-spacing: 1px;
\r
127 border-left: 0.5em #ccc solid;
\r
128 border-bottom: 1px #999 solid;
\r
129 padding: 4px 0 2px 0.6em;
\r
130 margin: 2em 0 1em 1em;
\r
133 letter-spacing: 1px;
\r
134 border-bottom: 1px #999 dotted;
\r
135 padding: 6px 6px 2px;
\r
136 margin: 1.5em 14px 1em 1.5em;
\r
143 border-left: 5px #999 solid;
\r
144 letter-spacing: 1px;
\r
148 blockquote, cite {}
\r
151 /* tables still need 'cellspacing="0"' in the markup */
\r
153 border: #999 solid;
\r
154 border-width: 1px 1px 0 0;
\r
155 border-collapse: collapse;
\r
158 line-height: 1.6em;
\r
163 border: #999 solid;
\r
164 border-width: 0 0 1px 1px;
\r
167 /* Footer & Footer Fix
\r
168 * http://www.themaninblue.com/writing/perspective/2005/08/29/
\r
169 --------------------------------------------------------------------------------------*/
\r
175 position: relative;
\r
181 padding-bottom: 200px;/* フッターの高さと同じ値にする */
\r
186 position: relative;
\r
187 margin-top: -200px;
\r
191 --------------------------------------------------------------------------------------*/
\r
193 position: absolute;
\r
198 border-right: 1px solid #666;
\r
201 #global-navi a:link,
\r
202 #global-navi a:visited,
\r
203 #global-navi a:active {
\r
204 text-align: center;
\r
206 text-decoration: none;
\r
207 display: inline-block;
\r
212 border-left: 1px solid #666;
\r
215 padding: 11px 0 7px;
\r
220 background-color: #ccc; /* for ie6 */
\r
222 #global-navi a:active {
\r
223 background-color: #333;
\r
225 #global-navi a:hover {
\r
226 background-color: #999;
\r
229 #global-navi a.current,
\r
230 #global-navi a.current:visited {
\r
231 background-color: #666;
\r
236 --------------------------------------------------------------------------------------*/
\r
238 background-color: #ccc;
\r
246 font-weight: normal;
\r
247 text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
\r
248 -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
\r
249 -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
\r
252 /* base-content-width
\r
253 --------------------------------------------------------------------------------------*/
\r
254 .base-content-width {
\r
260 --------------------------------------------------------------------------------------*/
\r
264 margin: 0 0 10px 20px;
\r
265 line-height: 1.2em;
\r
269 --------------------------------------------------------------------------------------*/
\r
271 padding: 20px 10px;
\r
283 line-height: 1.6em;
\r
284 margin: 0 0 1em 2em;
\r
290 line-height: 1.6em;
\r
291 margin: 0 0 1em 2.8em;
\r
294 #main .block-element-item,
\r
295 .main .block-element-item {
\r
297 margin: 0 0 1em 2em;
\r
304 padding: 4px 0.5em;
\r
305 margin: 0.8em 0 1em 2em;
\r
306 line-height: 1.4em;
\r
307 white-space: pre-wrap;
\r
308 word-wrap: break-word;
\r
312 border-color: #ccc;
\r
313 background-color: #f0f0f0;
\r
316 border-color: #e9f;
\r
317 background-color: #ecf;
\r
322 --------------------------------------------------------------------------------------*/
\r
325 margin: 0 1em 1em 0;
\r
329 margin: 0 0 1em 1em;
\r
333 --------------------------------------------------------------------------------------*/
\r
335 background-color: #ccc;
\r
336 position: relative;
\r
339 border-top: 1px solid #999;
\r
340 padding-bottom: 30px;
\r
342 .footer-item-wrapper {
\r
347 padding-right: 30px;
\r
351 padding: 0 0 0.3em 0.5em;
\r
353 margin-bottom: 0.6em;
\r
358 border-bottom: 1px solid #999;
\r
360 -moz-box-shadow: none;
\r
361 -webkit-box-shadow: 0;
\r
365 padding: 0 30px 0 1em;
\r
369 line-height: 1.6em;
\r
372 position: absolute;
\r
378 text-align: center;
\r