Fujitsu WebInspector 5.02

JIS X 8341-3
高齢者・障害者等配慮設計指針 チェック結果




問題のない優れたファイル 前のファイルはありません次のファイル

対象

ファイル名:

http://digiper.com/css_sjis/import.css
http://digiper.com/css_sjis/header.css
http://digiper.com/css_sjis/footer.css
http://digiper.com/css_sjis/sub.css
http://digiper.com/css_sjis/thickbox.css
http://digiper.com/css_sjis/print.css

結果:

このファイルはすべてのチェックをクリアしました。優秀なページです。

ページの先頭へ戻るこのチェック結果の先頭へ戻る


チェックしたファイル(1) 前のファイル 次のファイル

対象

ファイル名:

http://digiper.com/index_sjis_import.shtml

参照したCSSファイル: http://digiper.com/css_sjis/import.css, http://digiper.com/css_sjis/default.css, http://digiper.com/css_sjis/header.css, http://digiper.com/css_sjis/footer.css, http://digiper.com/css_sjis/style.css, http://digiper.com/css_sjis/sub.css, http://digiper.com/css_sjis/thickbox.css, http://digiper.com/css_sjis/print.css


結果

件数:

問題点が、5件ありました。

問題の詳細 ソースリスト

問題点概要
優先度 分類 件数

必須

修正

2件

確認

2件

推奨

修正

1件

確認

0件

修正 必ず、何らかの修正が必要な問題です。
確認 場合によっては、問題ではない項目です。
用途に応じて適宜判断の上、修正してください。

ページの先頭へ戻る このチェック結果の先頭へ戻る


詳細(ソースごとにまとめて表示)

問題点の一覧
ソース 画面で確認
()
問題点 優先度と分類 要件
0 - <noscript>がありません。<noscript>を指定してください。 必須 修正 5.4e
39 <link rel="styl... font-size:(CSS)で文字のサイズが固定になっています。ブラウザで文字のサイズを変更する必要がないことを確認してください(例えば、著作権表示等、文字のサイズ変更が不要な情報は固定でもよい)。 必須 確認 5.6a
overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
line-height:(CSS)で行間を固定しないでください。 推奨 修正 5.6b
92 <input onfocus=... <input type="text">にid属性がありません。テキスト入力フィールドのラベルもクリックできるように、<input type="text">と<label>を関連づけてください。 必須 修正 5.3b

注:「画面で確認」について
画面で確認
「画面で確認」ボタンを選択すると、チェック対象を別ウィンドウで表示し、問題箇所を確認できます。
この機能を利用するには、ブラウザのJavaScriptの設定を有効にしておく必要があります。
また、チェック対象のファイルやURLによっては、画像が表示されないなど、チェック対象が正しく表示されないことがあります。
ページの先頭へ戻る このチェック結果の先頭へ戻る


詳細(問題ごとにまとめて表示)

5.3b 入力欄を使用するときは,何を入力すればよいかを理解しやすく示し,操作しやすいよう配慮しなければならない。

<input type="text">にid属性がありません。テキスト入力フィールドのラベルもクリックできるように、<input type="text">と<label>を関連づけてください。
92行目

<input onfocus="initialize(this, 'resetSearch')" name="q" type="text" class="areaSearch" value="SiteSearch" accesskey="1" /><input type="image" src="/img/share/btn_search.gif" alt="讀懃エ「" name="sa" accesskey="2" value="Search" class="btnSearch" />

優先度と分類必須 修正
要件 5.3b

5.4e アクセス可能ではないオブジェクト,プログラムなどには,利用者がその内容を的確に理解し操作できるようにテキストなどの代替情報を提供しなければならない。また,アクセス可能なオブジェクト又はプログラムに対しても,内容を説明するテキストなどを提供することが望ましい。

<noscript>がありません。<noscript>を指定してください。
0行目

-

優先度と分類必須 修正
要件 5.4e

5.6a 文字のサイズ及びフォントは,必要に応じ利用者が変更できるようにしなくてはならない。

font-size:(CSS)で文字のサイズが固定になっています。ブラウザで文字のサイズを変更する必要がないことを確認してください(例えば、著作権表示等、文字のサイズ変更が不要な情報は固定でもよい)。
39行目

<link rel="stylesheet" href="/css_sjis/import.css" type="text/css" media="all" />

優先度と分類必須 確認
要件 5.6a


overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。
39行目

<link rel="stylesheet" href="/css_sjis/import.css" type="text/css" media="all" />

優先度と分類必須 確認
要件 5.6a

5.6b フォントを指定するとき,サイズ及び書体を考慮し読みやすいフォントを指定することが望ましい。

line-height:(CSS)で行間を固定しないでください。
39行目

<link rel="stylesheet" href="/css_sjis/import.css" type="text/css" media="all" />

優先度と分類推奨 修正
要件 5.6b

ページの先頭へ戻るこのチェック結果の先頭へ戻る


ソースリスト
内容
1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2:
3:<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
4:
5:
6:
7:<head>
8:
9:<meta http-equiv="content-type" content="text/html; charset=shift-jis" />
10:
11:<title>デジパ株式会社|ウェブサイト制作・ウェブマーケティング支援
12:
13:</title>
14:
15:<meta http-equiv="content-style-type" content="text/css" />
16:
17:<meta http-equiv="content-script-type" content="text/javascript" />
18:
19:<meta name="keywords" content="ウェブサイト制作,マーケティング,MovableType,SEM,ウェブ標準" />
20:
21:<meta name="description" content="ウェブサイト制作・ウェブマーケティング支援のデジパ株式会社" />
22:
23:<link rev="made" href="mailto:info@digiper.com" />
24:
25:<link rel="index" href="/index.shtml" />
26:
27:<link rel="icon" type="/image/png" href="/img/share/favicon.png" />
28:
29:<link rel="shortcut icon" href="/img/share/favicon.ico" />
30:
31:<link rel="alternate" href="/rss/news.xml" type="application/rss+xml" title="RSS 2.0 - ニュースリリース" />
32:
33:<link rel="alternate" href="/rss/interview.xml" type="application/rss+xml" title="RSS 2.0 - 業界インタビュー" />
34:
35:<link rel="alternate" href="/rss/trend_watch.xml" type="application/rss+xml" title="RSS 2.0 - 業界トレンドウォッチ" />
36:
37:<link rel="alternate" href="http://feeds.feedburner.com/digiper" type="application/rss+xml" title="RSS 2.0 - 全オフィシャル社員ブログ・最新エントリー" />
38:
39:<link rel="stylesheet" href="/css_sjis/import.css" type="text/css" media="all" />
40:
41:<script type="text/javascript" src="/js/exLink.js"></script>
42:
43:<script type="text/javascript" src="/js/smartRollover.js"></script>
44:
45:<script type="text/javascript" src="/js/heightLine.js"></script>
46:
47:<script type="text/javascript" src="/js/textArea.js"></script>
48:
49:
50:
51:</head>
52:
53:
54:
55:<body class="indexPage">
56:
57:
58:
59:<div id="page">
60:
61:<div id="header">
62:
63:<h1><a href="/"><img src="/img/share/logo.gif" alt="デジパ株式会社" width="144" height="41" /></a></h1>
64:
65:<span id="navSkip"><a href="#main" tabindex="1" title="譛ャ譁?∈繧ク繝」繝ウ繝?><img src="/img/share/skip.gif" alt="譛ャ譁?∈繧ク繝」繝ウ繝? width="1" height="1" /></a></span>
66:<div>
67:<ul id="navGuide">
68:<li><a href="/privacy_policy.shtml" title="繝?ず繝代?蛟倶ココ諠??菫晁ュキ譁ケ驥?><img src="/img/share/guide_privacy.gif" alt="蛟倶ココ諠??菫晁ュキ譁ケ驥? width="103" height="11" /></a></li
69:><li><a href="/help.shtml" title="繝倥Ν繝?- 縺雁峅繧翫?譁ケ"><img src="/img/share/guide_help.gif" alt="繝倥Ν繝? width="46" height="11" /></a></li
70:><li><a href="/sitemap.shtml" title="繧オ繧、繝医?繝?? - 繧オ繧、繝亥?縺ァ霑キ縺」縺滓婿"><img src="/img/share/guide_sitemap.gif" alt="繧オ繧、繝医?繝??" width="76" height="11" /></a></li>
71:</ul>
72:<address title="縺企崕隧ア縺ァ縺ョ騾」邨。蜈茨シ?3-5444-3200 9譎?0蛻???18譎?0蛻?>縺企崕隧ア縺ァ縺ョ騾」邨。蜈茨シ?3-5444-3200 9譎?0蛻???18譎?0蛻?/address>
73:</div>
74:<ul id="nav">
75:<li class="top"><a href="/" title="繝医ャ繝励?繝シ繧ク"><img src="/img/share/nav_top.gif" alt="繝医ャ繝励?繝シ繧ク" width="143" height="61" /></a></li>
76:<li><a href="/service/" title="繧オ繝シ繝薙せ譯亥?繝壹?繧ク"><img src="/img/share/nav_service.gif" alt="繧オ繝シ繝薙せ譯亥?" width="141" height="61" /></a></li>
77:<li><a href="/results/" title="蛻カ菴懊?豢サ蜍募ョ溽クセ繝壹?繧ク"><img src="/img/share/nav_results.gif" alt="蛻カ菴懊?豢サ蜍募ョ溽クセ" width="141" height="61" /></a></li>
78:<li><a href="/company/" title="莨夂、セ諠??繝壹?繧ク"><img src="/img/share/nav_company.gif" alt="莨夂、セ諠??" width="141" height="61" /></a></li>
79:<li><a href="/news_release/" title="繝九Η繝シ繧ケ繝ェ繝ェ繝シ繧ケ繝壹?繧ク"><img src="/img/share/nav_news.gif" alt="繝九Η繝シ繧ケ繝ェ繝ェ繝シ繧ケ" width="141" height="61" /></a></li>
80:<li><a href="http://ssl.digiper.com/official/contact/" title="縺雁撫縺?粋繧上○繝壹?繧ク"><img src="/img/share/nav_contact.gif" alt="縺雁撫縺?粋繧上○" width="143" height="61" /></a></li>
81:</ul>
82:<ul id="navSub">
83:<li><a href="/interview/" title="讌ュ逡後う繝ウ繧ソ繝薙Η繝シ繝壹?繧ク"><img src="/img/share/nav_sub_interview.gif" alt="讌ュ逡後う繝ウ繧ソ繝薙Η繝シ" width="119" height="15" /></a></li>
84:<li><a href="/trend_watch/" title="讌ュ逡後ヨ繝ャ繝ウ繝峨え繧ゥ繝?メ繝壹?繧ク"><img src="/img/share/nav_sub_trend.gif" alt="讌ュ逡後ヨ繝ャ繝ウ繝峨え繧ゥ繝?メ" width="138" height="15" /></a></li>
85:<li><a href="/company/staff_blog.shtml" title="繝?ず繝醍、セ蜩。繝悶Ο繧ー繝壹?繧ク"><img src="/img/share/nav_sub_staffblog.gif" alt="遉セ蜩。繝悶Ο繧ー" width="105" height="15" /></a></li>
86:</ul>
87:<form id="searchbox" action="http://digiper.com/search.shtml">
88:<fieldset>
89:<legend accesskey="s">繧オ繧、繝亥?讀懃エ「</legend>
90:<input type="hidden" name="cx" value="015333963933303075604:jf4z5wpftms" />
91:<input type="hidden" name="cof" value="FORID:11" />
92:<input onfocus="initialize(this, 'resetSearch')" name="q" type="text" class="areaSearch" value="SiteSearch" accesskey="1" /><input type="image" src="/img/share/btn_search.gif" alt="讀懃エ「" name="sa" accesskey="2" value="Search" class="btnSearch" />
93:</fieldset>
94:</form>
95:<!-- / #header --></div>
96:
97:
98:
99:
100:
101:
102:
103:<div id="contentsHeader">
104:<p><img src="/img/top/main_visual.gif" alt="訪れたユーザーに、情報をダイレクトに伝え、豊かなユーザーエクスペリエンスを実現する。それがデジパ。" width="820" height="240" /></p>
105:<!-- / #contentsHeader --></div>
106:
107:<div id="contents">
108:
109:<div id="main">
110:
111:
112:
113:<div class="section heightLine">
114:<h2><img src="/img/top/h2_service.gif" alt="Service" width="128" height="29" /><a href="/service/" title="Serviceの一覧"><img src="/img/top/btn_list_service_off.gif" alt="一覧" width="28" height="28" /></a></h2>
115:<div class="item">
116:<h3><img src="/img/top/h3_website_products.gif" alt="ウェブサイト制作" width="162" height="23" /><a href="/service/website/" title="ウェブサイト制作の詳細"><img src="/img/top/btn_detail_service_off.gif" alt="詳細" width="28" height="28" /></a></h3>
117:<p><a href="/service/website/" title="ウェブサイト制作ページ"><img src="/img/service/bnr_website.gif" alt="Website Products digiper" width="255" height="60" /></a></p>
118:<dl>
119:<dt><a href="/service/website/" title="デジパのウェブサイト制作ページへ"><img src="/img/service/list_website_off.gif" alt="デジパのウェブサイト制作" width="255" height="17" /></a></dt>
120:<dd>ユーザー満足度を高め、貴社ウェブサイトの目的達成を実現するデジパのウェブサイト制作サービス。</dd>
121:</dl>
122:<ul>
123:<li><a href="http://digiper.com/service/website/movabletype.shtml" title="Movable Type縺ォ繧医k繧オ繧、繝域ァ狗ッ峨?繝シ繧ク"><img src="/img/service/list_website_movabletype_off.gif" alt="Movable Type縺ォ繧医k繧オ繧、繝域ァ狗ッ? width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/planning.shtml" title="繧ヲ繧ァ繝悶さ繝ウ繝?Φ繝?シ∫判繝壹?繧ク"><img src="/img/service/list_website_planning_off.gif" alt="繧ヲ繧ァ繝悶さ繝ウ繝?Φ繝?シ∫判" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/management.shtml" title="繧ヲ繧ァ繝悶し繧、繝磯°蝟カ謾ッ謠エ繝壹?繧ク"><img src="/img/service/list_website_management_off.gif" alt="繧ヲ繧ァ繝悶し繧、繝磯°蝟カ謾ッ謠エ" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/develop.shtml" title="繧ヲ繧ァ繝悶す繧ケ繝?Β髢狗匱繝壹?繧ク"><img src="/img/service/list_website_develop_off.gif" alt="繧ヲ繧ァ繝悶す繧ケ繝?Β髢狗匱" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/web_standards.shtml" title="繧ヲ繧ァ繝匁ィ呎コ?/ 繧「繧ッ繧サ繧キ繝薙Μ繝?ぅ貅匁侠繧オ繝シ繝薙せ繝壹?繧ク"><img src="/img/service/list_website_web_standards_off.gif" alt="繧ヲ繧ァ繝匁ィ呎コ?/ 繧「繧ッ繧サ繧キ繝薙Μ繝?ぅ貅匁侠繧オ繝シ繝薙せ" width="255" height="17" /></a></li>
124:</ul>
125:
126:
127:
128:<!-- / .item --></div>
129:
130:<div class="item last">
131:<h3><img src="/img/top/h3_marketing.gif" alt="マーケティング支援" width="189" height="23" /><a href="/service/marketing/" title="マーケティング支援の詳細"><img src="/img/top/btn_detail_marketing_off.gif" alt="詳細" width="28" height="28" /></a></h3>
132:<ul>
133:<li><a href="http://digiper.com/service/marketing/sem.shtml" title="SEO / SEM 繧ウ繝ウ繧オ繝ォ繝?ぅ繝ウ繧ー繝壹?繧ク"><img src="/img/service/list_marketing_sem_off.gif" alt="SEO / SEM 繧ウ繝ウ繧オ繝ォ繝?ぅ繝ウ繧ー" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/ppc.shtml" title="PPC?医け繝ェ繝?け隱イ驥大梛?牙コ?相繝壹?繧ク"><img src="/img/service/list_marketing_ppc_off.gif" alt="PPC?医け繝ェ繝?け隱イ驥大梛?牙コ?相" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/strategy.shtml" title="繝槭?繧ア繝?ぅ繝ウ繧ー謌ヲ逡・遶区。医?繝シ繧ク"><img src="/img/service/list_marketing_strategy_off.gif" alt="繝槭?繧ア繝?ぅ繝ウ繧ー謌ヲ逡・遶区。? width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/access_analyze.shtml" title="繧「繧ッ繧サ繧ケ隗」譫舌さ繝ウ繧オ繝ォ繝?ぅ繝ウ繧ー繝壹?繧ク"><img src="/img/service/list_marketing_access_analyze_off.gif" alt="繧「繧ッ繧サ繧ケ隗」譫舌さ繝ウ繧オ繝ォ繝?ぅ繝ウ繧ー" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/register.shtml" title="讀懃エ「繧ィ繝ウ繧ク繝ウ 荳?峡逋サ骭イ莉」陦後?繝シ繧ク"><img src="/img/service/list_marketing_register_off.gif" alt="讀懃エ「繧ィ繝ウ繧ク繝ウ 荳?峡逋サ骭イ莉」陦? width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/static_url.shtml" title="蜍慕噪URL髱咏噪蛹悶し繝シ繝薙せ繝壹?繧ク"><img src="/img/service/list_marketing_static_url_off.gif" alt="蜍慕噪URL髱咏噪蛹悶し繝シ繝薙せ" width="255" height="17" /></a></li>
134:</ul>
135:
136:
137:
138:<!-- / .item --></div>
139:<!-- / .section --></div>
140:
141:<div class="section whatsnew heightLine">
142:<h2><img src="/img/top/h2_whatsnew.gif" alt="What's New" width="228" height="29" /></h2>
143:<div class="item">
144:<h3><img src="/img/top/h3_news.gif" alt="ニュースリリース" width="161" height="23" /><a href="/news_release/" title="ニュースリリースの一覧"><img src="/img/top/btn_list_whats_off.gif" alt="一覧" width="28" height="28" /></a></h3>
145:<dl class="news">
146:<dt>2007.9.28</dt>
147:<dd><a href="http://digiper.com/news_release/article/98.shtml" title="Buzzurl、東京IT新聞にデジパ市嶋のインタビューが掲載ページ">Buzzurl、東京IT新聞にデジパ市嶋のインタビューが掲載</a></dd>
148:
149:<dt>2007.9.12</dt>
150:<dd><a href="http://digiper.com/news_release/article/50.shtml" title="エコ商品比較サイト「エコひいき.net」をオープン。第1段は省エネ家電の比較サービスページ">エコ商品比較サイト「エコひいき.net」をオープン。第1段は省エネ家電の比較サービス</a></dd>
151:</dl>
152:<!-- / .item --></div>
153:
154:<div class="item">
155:<p><a href="http://digiper.com/interview/article/22.shtml" title="インフォアクシア 植木真氏の記事を読む"><img src="/img/interview/22/top.jpg" alt="Interview 22 インフォアクシア 植木真氏" width="255" height="90" /></a></p>
156:<h3><img src="/img/top/h3_interview.gif" alt="業界インタビュー" width="165" height="23" /><a href="/interview/" title="業界インタビューの一覧"><img src="/img/interview/btn_list_off.gif" alt="一覧" width="28" height="28" /></a></h3>
157:<dl>
158:<dt>2007.08.20</dt>
159:<dd><a href="http://digiper.com/interview/article/22.shtml" title="インフォアクシア 植木真氏の記事を読む">インフォアクシア 植木真氏</a></dd>
160:</dl>
161:<!-- / .item --></div>
162:
163:<div class="item last">
164:<p><a href="/trend_watch/" title="業界トレンドウォッチ"><img src="/img/top/bnr_trend.jpg" alt="Webマーケティングコミュニケーションの時代" width="255" height="70" /></a></p>
165:<h3><img src="/img/top/h3_trend.gif" alt="業界トレンドウォッチ" width="199" height="23" /><a href="/trend_watch/" title="業界トレンドウォッチの一覧"><img src="/img/trend_watch/btn_list_off.gif" alt="一覧" width="28" height="28" /></a></h3>
166:<dl>
167:<dt>2007.10.09</dt>
168:<dd><a href="http://digiper.com/trend_watch/article/156.shtml" title="サイトやブログの価値を調べる10の指標とツールの記事を読む">サイトやブログの価値を調べる10の指標とツール</a></dd>
169:</dl>
170:<!-- / .item --></div>
171:
172:<!-- / .section --></div>
173:
174:<div class="section bnr">
175:<p><a href="http://recruit.digiper.com/" title="デジパ株式会社 採用サイトへ"><img src="/img/top/bnr_recruit.jpg" alt="デジパ株式会社 採用サイト" width="600" height="90" /></a></p>
176:<!-- / .section --></div>
177:
178:<!-- / #main --></div>
179:
180:
181:
182:<div id="sub">
183:
184:
185:
186:
187:
188:
189:
190:
191:
192: <dl>
193:<dt><img src="/img/share/sub_title_case.gif" alt="Case Study" width="20" height="82" /></dt>
194:<dd>
195:<a href="/results/" title="蛻カ菴懊?豢サ蜍募ョ溽クセ繝壹?繧ク"><img src="/img/share/sub_data_case.gif" alt="蛻カ菴懊?豢サ蜍募ョ溽クセ" width="199" height="133" /></a>
196:</dd>
197:</dl>
198:
199:<dl>
200:<dt><img src="/img/share/sub_title_service.gif" alt="Service Site" width="20" height="82" /></dt>
201:<dd>
202:<a href="/website/" title="繝?ず繝鷹°蝟カ縺ョ繧ヲ繧ァ繝悶し繧、繝医?繝シ繧ク"><img src="/img/share/sub_data_service.gif" alt="繝?ず繝鷹°蝟カ縺ョ繧ヲ繧ァ繝悶し繧、繝? width="199" height="133" /></a>
203:</dd>
204:</dl>
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:<!-- / #sub --></div>
233:
234:
235:
236:<p class="pageTop"><a href="#page" title="このページの先頭へ"><img src="/img/share/pagetop.gif" alt="ページトップへ" width="20" height="20" /></a></p>
237:
238:<!-- / #contents --></div>
239:
240:<div id="footer">
241:<ul>
242:<li class="first"><a href="/" title="繝医ャ繝励?繝シ繧ク">繝医ャ繝励?繝シ繧ク</a></li>
243:<li><a href="/service/" title="繧オ繝シ繝薙せ譯亥?繝壹?繧ク">繧オ繝シ繝薙せ譯亥?</a></li>
244:<li><a href="/results/" title="蛻カ菴懊?豢サ蜍募ョ溽クセ繝壹?繧ク">蛻カ菴懊?豢サ蜍募ョ溽クセ</a></li>
245:<li><a href="/company/" title="莨夂、セ諠??繝壹?繧ク">莨夂、セ諠??</a></li>
246:<li><a href="/news_release/" title="繝九Η繝シ繧ケ繝ェ繝ェ繝シ繧ケ繝壹?繧ク">繝九Η繝シ繧ケ繝ェ繝ェ繝シ繧ケ</a></li>
247:<li><a href="http://ssl.digiper.com/official/contact/" title="縺雁撫縺?粋繧上○繝壹?繧ク">縺雁撫縺?粋繧上○</a></li>
248:</ul>
249:<ul>
250:<li class="first"><a href="/privacy_policy.shtml" title="繝?ず繝代?蛟倶ココ諠??菫晁ュキ譁ケ驥昴?繝シ繧ク">蛟倶ココ諠??菫晁ュキ譁ケ驥?/a></li>
251:<li><a href="/help.shtml" title="繝倥Ν繝励?繝シ繧ク - 縺雁峅繧翫?譁ケ">繝倥Ν繝?/a></li>
252:<li><a href="/sitemap.shtml" title="繧オ繧、繝医?繝??繝壹?繧ク - 繧オ繧、繝亥?縺ァ霑キ縺」縺滓婿">繧オ繧、繝医?繝??</a></li>
253:</ul>
254:<p><img src="/img/share/copyright.gif" alt="Copyright © 2000-2007 digiper Inc. All Rights Reserved." width="337" height="12" /></p>
255:<!-- / #footer --></div>
256:
257:<!-- / #page --></div>
258:
259:<!--google analytics-->
260:<script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript"></script>
261:<script src="/js/google-analytics.js" type="text/javascript"></script>
262:
263:</body>
264:</html>
265:
266:
267:
268:
ページの先頭へ戻るこのチェック結果の先頭へ戻る


チェックしたファイル(2) 前のファイル 次のファイル

対象

ファイル名:

http://digiper.com/css_sjis/default.css

参照したCSSファイル: なし


結果

件数:

問題点が、2件ありました。

問題の詳細 ソースリスト

問題点概要
優先度 分類 件数

必須

修正

0件

確認

0件

推奨

修正

2件

確認

0件

修正 必ず、何らかの修正が必要な問題です。
確認 場合によっては、問題ではない項目です。
用途に応じて適宜判断の上、修正してください。

ページの先頭へ戻る このチェック結果の先頭へ戻る


詳細(ソースごとにまとめて表示)

問題点の一覧
ソース 画面で確認
()
問題点 優先度と分類 要件
26 color:#333; 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c

注:「画面で確認」について
画面で確認
「画面で確認」ボタンを選択すると、チェック対象を別ウィンドウで表示し、問題箇所を確認できます。
この機能を利用するには、ブラウザのJavaScriptの設定を有効にしておく必要があります。
また、チェック対象のファイルやURLによっては、画像が表示されないなど、チェック対象が正しく表示されないことがあります。
ページの先頭へ戻る このチェック結果の先頭へ戻る


詳細(問題ごとにまとめて表示)

5.6c フォントの色には,背景色などを考慮し見やすい色を指定することが望ましい。

文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。
26行目

color:#333;

優先度と分類推奨 修正
要件 5.6c


文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません
26行目

color:#333;

優先度と分類推奨 修正
要件 5.6c

ページの先頭へ戻るこのチェック結果の先頭へ戻る


ソースリスト
内容
1:@charset "shift-jis";
2:
3:/* -----------------------------------------------------------
4:CSS Information
5:
6: File name: default.css
7: Author: Takashi Hirasawa(admin)
8: Style Info: デフォルトのスタイルのリセット及び基本設定
9:----------------------------------------------------------- */
10:
11:/* Reset
12:----------------------------------------------------*/
13:
14:* {
15: margin:0;
16: padding:0;
17: font-style:normal;
18: text-align:left;
19:}
20:
21:/* Base Setting
22:----------------------------------------------------*/
23:
24:body {
25: background:#690 url(../img/share/bg_body.gif);
26: color:#333;
27: font-size:small;
28: font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
29: line-height:1.5;
30: text-align:center;
31:}
32:
33:* + html body {
34: font-family:"メイリオ","Meiryo";
35:}
36:
37:h1,h2,h3,h4,h5,h6 {
38: font-size:100%;
39:}
40:
41:fieldset,img {
42: border:0;
43:}
44:
45:select {
46: font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
47:}
48:
49:li {
50: list-style-type:none;
51:}
52:
53:hr,legend {
54: display:none;
55:}
56:
57:p {
58: margin-bottom:1em;
59:}
60:
61:/* Base Link Color Setting
62:----------------------------------------------------*/
63:
64:a:link {
65: color:#06C;
66: text-decoration:underline;
67:}
68:
69:a:visited {
70: color:#90F;
71: text-decoration:underline;
72:}
73:
74:a:hover {
75: text-decoration:none;
76:}
77:
78:a:active {
79: text-decoration:none;
80:}
ページの先頭へ戻るこのチェック結果の先頭へ戻る


チェックしたファイル(3) 前のファイル

対象

ファイル名:

http://digiper.com/css_sjis/style.css

参照したCSSファイル: なし


結果

件数:

問題点が、7件ありました。

問題の詳細 ソースリスト

問題点概要
優先度 分類 件数

必須

修正

0件

確認

6件

推奨

修正

1件

確認

0件

修正 必ず、何らかの修正が必要な問題です。
確認 場合によっては、問題ではない項目です。
用途に応じて適宜判断の上、修正してください。

ページの先頭へ戻る このチェック結果の先頭へ戻る


詳細(ソースごとにまとめて表示)

問題点の一覧
ソース 画面で確認
()
問題点 優先度と分類 要件
121 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
388 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
460 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
532 line-height:10p... line-height:(CSS)で行間を固定しないでください。 推奨 修正 5.6b
533 font-size:10px; font-size:(CSS)で文字のサイズが固定になっています。ブラウザで文字のサイズを変更する必要がないことを確認してください(例えば、著作権表示等、文字のサイズ変更が不要な情報は固定でもよい)。 必須 確認 5.6a
1550 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
1686 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a

注:「画面で確認」について
画面で確認
「画面で確認」ボタンを選択すると、チェック対象を別ウィンドウで表示し、問題箇所を確認できます。
この機能を利用するには、ブラウザのJavaScriptの設定を有効にしておく必要があります。
また、チェック対象のファイルやURLによっては、画像が表示されないなど、チェック対象が正しく表示されないことがあります。
ページの先頭へ戻る このチェック結果の先頭へ戻る


詳細(問題ごとにまとめて表示)

5.6a 文字のサイズ及びフォントは,必要に応じ利用者が変更できるようにしなくてはならない。

font-size:(CSS)で文字のサイズが固定になっています。ブラウザで文字のサイズを変更する必要がないことを確認してください(例えば、著作権表示等、文字のサイズ変更が不要な情報は固定でもよい)。
533行目

font-size:10px;

優先度と分類必須 確認
要件 5.6a


overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。
121行目

overflow:hidden;

388行目

overflow:hidden;

460行目

overflow:hidden;

1550行目

overflow:hidden;

1686行目

overflow:hidden;

優先度と分類必須 確認
要件 5.6a

5.6b フォントを指定するとき,サイズ及び書体を考慮し読みやすいフォントを指定することが望ましい。

line-height:(CSS)で行間を固定しないでください。
532行目

line-height:10px;

優先度と分類推奨 修正
要件 5.6b

ページの先頭へ戻るこのチェック結果の先頭へ戻る


ソースリスト
内容
1:@charset "shift-jis";
2:
3:/* -----------------------------------------------------------
4:CSS Information
5:
6: File name: style.css
7: Author: Takashi Hirasawa(admin)
8: Style Info: コンテンツエリア関係
9:----------------------------------------------------------- */
10:
11:/*----------------------------------------------------
12: __page
13:----------------------------------------------------*/
14:
15:#page {
16: width:860px;
17: margin:0 auto;
18: text-align:left;
19:}
20:
21:
22:/*----------------------------------------------------
23: 汎用class
24:----------------------------------------------------*/
25:
26:.imgR {
27: float:right;
28: margin:0 0 10px 20px;
29:}
30:
31:.imgL {
32: float:left;
33: margin:0 20px 10px 0;
34:}
35:
36:
37:/*----------------------------------------------------
38: __contentsHeader
39:----------------------------------------------------*/
40:
41:#contentsHeader {
42: clear:both;
43: width:820px;
44: margin-top:-13px;
45: padding:20px 20px 17px;
46: background:#FFF;
47:}
48:
49:#contentsHeader p {
50: margin:0;
51:}
52:
53:#contentsHeader #topicPath {
54: margin-top:10px;
55: margin-bottom:-10px;
56:}
57:
58:#contentsHeader h1 img,
59:#contentsHeader p img {
60: vertical-align:bottom;
61:}
62:
63:/*----------------------------------------------------
64: __contents
65:----------------------------------------------------*/
66:
67:#contents {
68: position:relative;
69: width:860px;
70: margin-bottom:5px;
71: background:#FFF url(../img/share/bg_contents.gif) no-repeat;
72:}
73:
74:.interviewPage #contents {
75: background-image:none;
76:}
77:
78:#contents:after {
79: content:".";
80: height:0;
81: clear:both;
82: display:block;
83: visibility:hidden;
84:}
85:
86:#contents .pageTop {
87: position:relative;
88: clear:both;
89: width:20px;
90: height:20px;
91: margin:0 -20px 0 auto;
92: padding:0;
93: font-size:0;
94: line-height:0;
95:}
96:
97:#contents .pageTop img {
98: vertical-align:bottom;
99:}
100:
101:.sharePage #contents #main .pageTop {
102: margin:0 -40px 0 auto;
103:}
104:
105:/*----------------------------------------------------
106: __main
107:----------------------------------------------------*/
108:
109:#interviewEntryPage #main,
110:#main {
111: float:right;
112: width:630px;
113: margin-top:3px;
114:}
115:
116:.interviewPage #main {
117: float:none;
118: width:840px;
119: margin:0 0 0 20px;
120: padding-top:20px;
121: overflow:hidden;
122:}
123:
124:#interviewEntryPage #main {
125: width:610px;
126: margin:0;
127:}
128:
129:#main .att {
130: color:#C00;
131:}
132:
133:/*トップページお知らせ*/
134:#main .info {
135: margin:0 20px 20px 0;
136: padding:15px;
137: border:5px solid #FC6;
138:}
139:
140:#main .info dl dt {
141: margin-bottom:5px;
142: font-weight:bold;
143:}
144:
145:#main .info dl.exclamation dt {
146: min-height:20px;
147: padding:0 28px;
148: background:url(../img/share/mark_exclamation.gif) no-repeat left center;
149:}
150:
151:#main .info dl.exclamation dd {
152: padding:0 28px;
153:}
154:
155:
156:#main .section {
157: float:left;
158: width:295px;
159: margin-right:20px;
160: display:inline;
161:}
162:
163:.indexPage #main .section {
164: background:url(../img/share/bg_section.gif) no-repeat left bottom;
165:}
166:
167:#main .section h2 {
168: padding-bottom:10px;
169: background:#FFF;
170:}
171:
172:#main .section h3 img,
173:#main .section h2 img {
174: vertical-align:bottom;
175:}
176:
177:#main .section h3 a img,
178:#main .section h2 a img {
179: margin-left:5px;
180:}
181:#main .section .item {
182: float:left;
183: width:255px;
184: margin-bottom:10px;
185: padding:15px 15px 0;
186: border:5px solid #DDD;
187:}
188:
189:#main .section .item p {
190: margin:0 0 10px;
191:}
192:
193:#main .section .last {
194: border-bottom:0;
195:}
196:
197:#main .section .item h3 {
198: margin-bottom:10px;
199:}
200:
201:#main .section .item dl {
202: margin-bottom:21px;
203:}
204:
205:#main .section .item dl dd {
206: line-height:1.3;
207:}
208:
209:#main .section .item ul {
210: margin-top:20px;
211: padding-bottom:10px;
212:}
213:
214:#main .section .item ul li {
215: margin-bottom:10px;
216: line-height:0;
217: font-size:0;
218:}
219:
220:#main .whatsnew .item dl dt {
221: padding-left:12px;
222: background:url(../img/share/mark_01.gif) no-repeat left center;
223:}
224:
225:#main .whatsnew .item dl dd {
226: margin:0 0 10px;
227: padding-left:12px;
228: line-height:1.2;
229:}
230:
231:#main .whatsnew .item dl.news {
232: float:left;
233: margin:0;
234: padding:0 0 5px;
235:}
236:
237:#main .whatsnew .item dl.news dt {
238: float:left;
239: width:6.5em;
240: margin-right:5px;
241: padding:0;
242: background:none;
243: font-weight:bold;
244:}
245:
246:#main .whatsnew .item dl.news dd {
247: float:left;
248: width:12em;
249: padding:0;
250:}
251:
252:/* トップページメイン下部バナー
253:--------------------------------*/
254:#main .bnr {
255: clear:both;
256: float:none;
257: border:0;
258:}
259:
260:#main .bnr p {
261: margin:0;
262:}
263:
264:#main .bnr img {
265: margin-top:20px;
266: border:5px solid #DDD;
267: vertical-align:bottom;
268:}
269:
270:/* サービス案内
271:--------------------------------*/
272:
273:#main h2.lead {
274: margin:30px 0 35px;
275:}
276:
277:#main h2.lead img {
278: vertical-align:bottom;
279:}
280:
281:#main .textArea {
282: margin:0 40px 0 20px;
283:}
284:
285:#main .textArea h3 {
286: clear:both;
287: margin:40px 0 20px;
288:}
289:
290:#main .textArea h4 {
291: margin:30px 0 10px;
292:}
293:
294:#main .textArea h4 img {
295: vertical-align:top;
296:}
297:
298:#main .textArea blockquote {
299: clear:both;
300: min-height:1em;
301: margin:20px 0;
302: padding:13px 18px 0;
303: background:#F6F6E3 url(../img/share/bg_blockquote.gif) repeat-y;
304:}
305:
306:#main .textArea blockquote p {
307: margin:0;
308: padding:0 0 13px;
309:}
310:
311:#main .textArea dl.effective dt {
312: margin-top:20px;
313: padding-left:18px;
314: background:url(../img/share/mark_02.gif) no-repeat 0em .2em;
315: font-weight:bold;
316:}
317:
318:#main .textArea dl.effective dd {
319: padding-left:18px;
320:}
321:
322:/*MovableTypeのメリット部分*/
323:#main .textArea div.merit {
324: margin-bottom:7px;
325: background:url(../img/service/website/merit_bottom.gif) repeat-y left bottom;
326:}
327:
328:#main .textArea div.merit h4 {
329: height:35px;
330: margin:0 0 10px;
331: padding:28px 0 0 57px;
332: background:url(../img/service/website/merit_top.gif) no-repeat;
333:}
334:
335:#main .textArea div.merit p {
336: margin:0;
337: padding:0 35px 20px 57px;
338:}
339:
340:#main .textArea div.merit h4 + p {
341: margin-top:-20px;
342:}
343:
344:#main .btnConsul {
345: margin:40px 40px 40px 20px;
346: text-align:center;
347:}
348:
349:#main .btn {
350: margin:20px 0;
351: text-align:center;
352:}
353:
354:#main img.photo {
355: float:right;
356: margin:0 0 30px 30px;
357:}
358:
359:#main img.image {
360: float:right;
361: margin:0 0 10px 20px;
362:}
363:
364:#main ul.nextPrev {
365: clear:both;
366: height:30px;
367: margin:40px 20px 30px 0;
368:}
369:
370:#main ul.nextPrev li {
371: float:left;
372: width:275px;
373:}
374:
375:#main ul.nextPrev li img {
376: vertical-align:top;
377:}
378:
379:#main ul.nextPrev li.next {
380: float:right;
381:}
382:
383:#main .serviceShortcut {
384: clear:both;
385: width:570px;
386: padding:20px 20px 15px;
387: background:#EEE;
388: overflow:hidden;
389:}
390:
391:#main .serviceShortcut dl {
392: float:left;
393: width:270px;
394:}
395:
396:#main .serviceShortcut dl + dl {
397: margin-left:5px;
398: padding-left:20px;
399: border-left:1px solid #DDD;
400:}
401:
402:#main .serviceShortcut dl dt {
403: margin:0 0 15px;
404: padding:0;
405: font-size:0;
406: line-height:0;
407:}
408:
409:#main .serviceShortcut dl dd {
410: margin-left:2px;
411:}
412:
413:#main .serviceShortcut dl dd ul li {
414: margin-bottom:5px;
415: padding-left:10px;
416: background:url(../img/share/mark_01) no-repeat 0em .5em;
417:}
418:
419:
420:#main .serviceShortcut dl dd ul li a:link {
421: color:#333333;
422: text-decoration:underline;
423:}
424:
425:#main .serviceShortcut dl dd ul li a:visited {
426: color:#666666;
427: text-decoration:underline;
428:}
429:
430:#main .serviceShortcut dl dd ul li a:hover {
431: text-decoration:none;
432:}
433:
434:#main .serviceShortcut dl dd ul li a:active {
435: text-decoration:none;
436:}
437:
438:
439:
440:#main .serviceInfo {
441: width:555px;
442: margin:20px 0 0 0;
443: padding:20px 30px 0 15px;
444: border:5px solid #DDD;
445:}
446:
447:#main .serviceInfo h3 {
448: margin-bottom:20px;
449:}
450:
451:#main .serviceInfo dl {
452: margin:0;
453: padding:0;
454:}
455:
456:#main .serviceInfo dl dt {
457: position:relative;
458: z-index:100;
459: height:16px;
460: overflow:hidden;
461: margin-left:75px;
462:}
463:
464:#main .serviceInfo dl dt img {
465: cursor:pointer;
466: vertical-align:top;
467:}
468:
469:#main .serviceInfo dl dd {
470: height:40px;
471: margin:-60px 0 20px 75px;
472:}
473:
474:#main .serviceInfo dl > dd {
475: height:auto;
476: min-height:40px;
477:}
478:
479:#main .serviceInfo dl dd.serviceImage {
480: position:relative;
481: top:-16px;
482: left:0;
483: height:60px;
484: margin:0;
485:}
486:
487:#main .serviceInfo dl dd.serviceImage img {
488: vertical-align:bottom;
489:}
490:
491:
492:#main #phaseContent {
493: margin-left:-20px;
494: margin-right:-20px;
495:}
496:
497:#main #phaseContent .phase h2 {
498: display:none;
499:}
500:
501:
502:#main #phaseContent .phase .flow {
503: position:relative;
504: min-height:70px;
505: margin-left:29px;
506: padding:15px 15px 15px 0;
507: border:5px solid #CCC;
508: width:556px;
509:}
510:
511:#main #phaseContent .phase .flow h3 {
512: margin:0 0 10px;
513: padding:0 0 0 98px;
514:}
515:
516:#main #phaseContent .phase .flow p {
517: margin:0;
518: padding-left:98px;
519:}
520:
521:#main #phaseContent .phase .flow .flowImage {
522: position:absolute;
523: top:15px;
524: left:15px;
525: padding-left:0;
526:}
527:
528:#main #phaseContent p.nextFlow {
529: margin:0;
530: padding:10px 0;
531: text-align:center;
532: line-height:10px;
533: font-size:10px;
534:}
535:
536:#main #phaseContent #researchPhease {
537: background:url(../img/service/website/phase_title_01.gif) no-repeat left center;
538:}
539:
540:#main #phaseContent #strategyPhease {
541: background:url(../img/service/website/phase_title_02.gif) no-repeat left center;
542:}
543:
544:#main #phaseContent #planPhease {
545: background:url(../img/service/website/phase_title_03.gif) no-repeat left center;
546:}
547:
548:#main #phaseContent #mountingPhease {
549: background:url(../img/service/website/phase_title_04.gif) no-repeat left center;
550:}
551:
552:#main #phaseContent #managePhease {
553: background:url(../img/service/website/phase_title_05.gif) no-repeat left center;
554:}
555:
556:
557:
558:/*----------------------------------------------------
559: __resultsPage 制作・活動実績
560:----------------------------------------------------*/
561:.resultsPage #main .section {
562: width:auto;
563:}
564:
565:.resultsPage #main .section h2.action {
566: clear:both;
567: width:600px;
568: padding-top:20px;
569:}
570:
571:.resultsPage #main .section .item {
572: width:570px;
573:}
574:
575:.resultsPage #main .section .item h3 {
576: margin-bottom:15px;
577:}
578:
579:.resultsPage #main .archivesList ul {
580: float:left;
581: padding-top:20px;
582: padding-left:30px;
583: margin-bottom:10px;
584:}
585:
586:.resultsPage #main .archivesList ul li {
587: float:left;
588: margin-right:10px;
589: margin-bottom:10px;
590: font-size:0;
591: line-height:0;
592:}
593:
594:.resultsPage #main .resultsArchive dl dd ul li.thumbnail a,
595:.resultsPage #main .archivesList ul li a {
596: display:block;
597: float:left;
598: width:50px;
599: height:50px;
600: border:5px solid #DDD;
601:}
602:
603:.resultsPage #main .resultsArchive dl dd ul li.thumbnail a:hover,
604:.resultsPage #main .archivesList ul li a:hover,
605:.resultsPage #main .archivesList ul li a.current {
606: border-color:#FC0;
607:}
608:
609:.resultsPage #main .resultsEntryBody {
610: clear:both;
611: margin-top:20px;
612: margin-right:20px;
613:}
614:
615:.resultsPage #main .resultsEntryBody h2 {
616: width:606px;
617: margin:0;
618: padding:10px 2px;
619: font-size:130%;
620: letter-spacing:.1em;
621: border-top:5px solid #639;
622:}
623:
624:.resultsPage #main .resultsEntryBody h2.activityEntryTitle {
625: border-top-color:#C33;
626:}
627:
628:.resultsPage #main .resultsEntryArea {
629: width:570px;
630: padding:15px 15px 18px;
631:}
632:
633:.resultsPage #main .resultsEntryArea .textArea,
634:.resultsPage #main .section .item .textArea {
635: float:left;
636: width:330px;
637: margin:0;
638: padding:0;
639:}
640:
641:.resultsPage #main .resultsEntryArea .textArea {
642: float:none;
643: width:auto;
644: padding-left:18px;
645:}
646:
647:.resultsPage #main .resultsEntryArea dl dt {
648: font-weight:bold;
649:}
650:
651:.resultsPage #main .section .item .textArea h4 {
652: margin:0 0 15px;
653: padding-left:18px;
654: background:url(../img/results/mark_website.gif) no-repeat 0em .2em;
655:}
656:
657:.resultsPage #main .section .item .textArea h4 img {
658: vertical-align:middle;
659:}
660:
661:.resultsPage #main .section .item .textArea ol,
662:.resultsPage #main .section .item .textArea ul,
663:.resultsPage #main .section .item .textArea p {
664: margin-left:18px;
665:}
666:
667:.resultsPage #main .section .item .textArea p.more {
668: margin:20px 0 0 18px;
669: padding-bottom:10px;
670:}
671:
672:.resultsPage #main .resultsEntryArea .imageArea,
673:.resultsPage #main .section .item .imageArea {
674: float:right;
675: display:inline;
676: width:210px;
677: margin-right:15px;
678: padding-bottom:10px;
679:}
680:
681:.resultsPage #main .resultsEntryArea .imageArea {
682: margin-left:20px;
683: margin-bottom:10px;
684:}
685:
686:.resultsPage #main .resultsEntryArea .imageArea p,
687:.resultsPage #main .section .item .imageArea p {
688: margin:0;
689: line-height:0;
690: font-size:0;
691:}
692:
693:.resultsPage #main .resultsEntryArea .imageArea p.capture img,
694:.resultsPage #main .section .item .imageArea p.capture img {
695: margin-top:-1px;
696:}
697:
698:.resultsPage #main .resultsEntryArea .imageArea p img.captureImage,
699:.resultsPage #main .section .item .imageArea p img.captureImage {
700: margin:0;
701: padding:5px;
702: border:1px solid #999;
703:}
704:
705:.resultsPage #main .resultsEntryArea .imageArea p.view,
706:.resultsPage #main .section .item .imageArea p.view {
707: position:relative;
708: width:210px;
709: margin:0;
710:}
711:
712:.resultsPage #main .resultsEntryArea .imageArea p.view img,
713:.resultsPage #main .section .item .imageArea p.view img {
714: position:absolute;
715: top:-24px;
716: right:0;
717:}
718:
719:.resultsPage #main .resultsEntryArea .textMoreArea {
720: padding-left:18px;
721:}
722:
723:.resultsPage #main .section div.action {
724: margin-bottom:0;
725:}
726:
727:.resultsPage #main .section div.action .textArea h4 {
728: background:url(../img/results/mark_activity.gif) no-repeat 0em .2em;
729:}
730:
731:.newsPage #main .textArea ul,
732:.resultsPage #main .resultsEntryArea ul {
733: margin-left:23px;
734: margin-bottom:1.5em;
735:}
736:
737:.newsPage #main .textArea ul li,
738:.resultsPage #main .resultsEntryArea ul li {
739: list-style-type:circle;
740:}
741:
742:.newsPage #main .textArea ol,
743:.resultsPage #main .resultsEntryArea ol {
744: margin-left:30px;
745: margin-bottom:1.5em;
746:}
747:
748:.newsPage #main .textArea ol li,
749:.resultsPage #main .resultsEntryArea ol li {
750: list-style-type:decimal;
751:}
752:
753:.resultsPage #main .resultsEntryBody .nextPrev {
754: height:21px;
755: margin:0;
756:}
757:
758:.resultsPage #main .resultsEntryBody .nextPrev li {
759: width:104px;
760:}
761:
762:/*実績一覧*/
763:.resultsPage #main .resultsArchive dl {
764: width:533px;
765: margin-left:77px;
766:}
767:
768:.resultsPage #main .resultsArchive dl dt {
769: margin-bottom:10px;
770: font-weight:bold;
771:}
772:
773:.resultsPage #main .resultsArchive dl dd {
774: position:relative;
775:}
776:
777:.resultsPage #main .resultsArchive dl dd ul {
778: margin-bottom:20px;
779:}
780:
781:.resultsPage #main .resultsArchive dl dd ul li {
782: margin-right:30px;
783: margin-bottom:5px;
784:}
785:
786:.resultsPage #main .resultsArchive dl dd ul li.thumbnail {
787: position:absolute;
788: top:-1.9em;
789: left:-77px;
790:}
791:
792:
793:/*----------------------------------------------------
794: __newsPage ニュースリリース
795:----------------------------------------------------*/
796:
797:.companyPage #main h2,
798:.newsPage #main h2 {
799: margin-bottom:30px;
800:}
801:
802:#main .mainArea {
803: margin:0 20px 0 0;
804:}
805:
806:#main .mainArea .rssBtn {
807: margin-bottom:40px;
808:}
809:
810:#main .mainArea .newsList {
811: float:left;
812: width:608px;
813: border-top:1px dotted #999;
814:}
815:
816:#main .mainArea .newsList li {
817: float:left;
818: width:608px;
819: padding:5px 1px;
820: border-bottom:1px dotted #999;
821:}
822:
823:#main .mainArea .newsList li a {
824: display:block;
825: float:left;
826: width:458px;
827: padding-left:20px;
828: background:url(../img/website/mark.gif) no-repeat 0em .3em;
829:}
830:
831:#main .mainArea .newsList li span {
832: display:block;
833: float:right;
834: width:130px;
835: text-align:right;
836:}
837:
838:#trendEntryPage #main h2,
839:#newsEntryPage #main h2 {
840: width:606px;
841: margin:0;
842: padding:10px 2px;
843: font-size:120%;
844: letter-spacing:1px;
845: border-top:5px solid #690;
846:}
847:
848:#trendEntryPage #main .entryDate,
849:#newsEntryPage #main .entryDate {
850: margin:0 20px 20px 0;
851: padding:5px;
852: background:#F4F4F4;
853: text-align:right;
854:}
855:
856:#trendEntryPage #main .textArea,
857:#newsEntryPage #main .textArea {
858: min-height:200px;
859:}
860:
861:#newsEntryPage #main .textArea h3 {
862: margin:1em 0;
863: padding:13px 10px 10px;
864: background:#E3E3C1 url(../img/share/h3.gif) no-repeat 10px 0px;
865:}
866:
867:#trendEntryPage #main .textArea dl dt,
868:#newsEntryPage #main .textArea dl dt {
869: font-weight:bold;
870:}
871:
872:#trendEntryPage #main .nextPrev,
873:#newsEntryPage #main .nextPrev {
874: height:21px;
875: margin-bottom:0;
876:}
877:
878:#trendEntryPage #main .nextPrev li,
879:#newsEntryPage #main .nextPrev li {
880: width:80px;
881:}
882:
883:/*----------------------------------------------------
884: __companyPage 会社情報
885:----------------------------------------------------*/
886:
887:.companyPage #main table {
888: width:610px;
889: border-bottom:1px dotted #999;
890: border-collapse:collapse;
891: table-layout:fixed;
892:}
893:
894:.companyPage #main table th {
895: width:145px;
896: padding:10px;
897: padding-left:0;
898: border-top:1px dotted #999;
899: vertical-align:top;
900: font-weight:bold;
901:}
902:
903:.companyPage #main table td {
904: padding:10px;
905: padding-left:0;
906: border-top:1px dotted #999;
907:}
908:
909:.companyPage #main .mainArea {
910: margin-top:30px;
911:}
912:
913:.companyPage #main .mainArea .bnr {
914: margin-bottom:40px;
915:}
916:
917:.companyPage #main .mainArea .photo {
918: float:left;
919: margin-right:35px;
920:}
921:
922:.companyPage #main .mainArea .kiritaniMessage {
923: float:left;
924: width:400px;
925: margin-top:-40px;
926:}
927:
928:.companyPage #main .mainArea h3 {
929: margin-bottom:20px;
930:}
931:
932:.companyPage #main .mainArea .kiritaniMessage h3 {
933: margin:40px 0 10px;
934:}
935:
936:.companyPage #main .mainArea .bnrWebsite {
937: margin-bottom:50px;
938:}
939:
940:/*環境問題のeco部分*/
941:.companyPage #main .mainArea div.eco {
942: margin-bottom:7px;
943: background:url(../img/company/eco_bottom.gif) repeat-y left bottom;
944:}
945:
946:.companyPage #main .mainArea div.eco h3 {
947: height:35px;
948: margin:0 0 10px;
949: padding:28px 0 0 57px;
950: background:url(../img/company/eco_top.gif) no-repeat;
951:}
952:
953:.companyPage .mainArea div.eco ul,
954:.companyPage #main .mainArea div.eco p {
955: margin:0;
956: padding:0 35px 20px 57px;
957:}
958:
959:.companyPage #main .mainArea ul {
960: margin-left:20px;
961: margin-bottom:20px;
962:}
963:
964:.companyPage #main .mainArea ul li {
965: list-style-type:circle;
966:}
967:
968:.companyPage #main .mainArea div.eco h3 + p {
969: margin-top:-20px;
970:}
971:
972:.eco + h2 {
973: margin-top:40px;
974:}
975:
976:.companyPage #main .mainArea .mobileMap ,
977:.companyPage #main .mainArea .sectionWebsite,
978:.companyPage #main .mainArea .sectionBlog {
979: position:relative;
980: clear:both;
981: width:570px;
982: height:150px;
983: margin-top:10px;
984: padding:15px;
985: border:5px solid #EEE;
986:}
987:
988:.companyPage #main .mainArea .sectionBlog {
989: height:100px;
990:}
991:
992:.companyPage #main .pageBody > .sectionWebsite {
993: height:auto;
994: min-height:150px;
995:}
996:
997:.companyPage #main .pageBody > .sectionBlog {
998: height:auto;
999: min-height:100px;
1000:}
1001:
1002:.companyPage #main .mainArea .sectionBlog dt {
1003: height:auto;
1004: margin-left:110px;
1005: margin-bottom:10px;
1006:}
1007:
1008:.companyPage #main .mainArea .sectionBlog dt img {
1009: vertical-align:middle;
1010: margin-left:5px;
1011:}
1012:
1013:.companyPage #main .mainArea .sectionWebsite dt {
1014: height:auto;
1015: margin-left:165px;
1016: margin-bottom:10px;
1017:}
1018:
1019:.companyPage #main .mainArea .sectionBlog dd {
1020: margin-left:110px;
1021:}
1022:
1023:.companyPage #main .mainArea .sectionWebsite dd {
1024: margin-left:165px;
1025:}
1026:
1027:.companyPage #main .mainArea .sectionWebsite dd.url,
1028:.companyPage #main .mainArea .sectionBlog dd.author {
1029: margin-bottom:10px;
1030:}
1031:
1032:.companyPage #main .mainArea .mobileMap dd.qr,
1033:.companyPage #main .mainArea .sectionWebsite .capture,
1034:.companyPage #main .mainArea .sectionBlog .capture {
1035: position:absolute;
1036: top:15px;
1037: left:15px;
1038: margin-left:0;
1039:}
1040:
1041:.companyPage #main .mainArea address {
1042: margin-bottom:20px;
1043:}
1044:
1045:/*GoogleMap*/
1046:
1047:.companyPage #main .mainArea #map {
1048: width:610px;
1049: height:400px;
1050: margin-bottom:35px;
1051:}
1052:
1053:.companyPage #main .mainArea #map .mapInfo h2 {
1054: margin-bottom:5px;
1055:}
1056:
1057:.companyPage #main .mainArea .detailMap {
1058: margin-bottom:20px;
1059:}
1060:.companyPage #main .mainArea .detailMap dt {
1061: margin-bottom:20px;
1062:}
1063:
1064:.companyPage #main .mainArea .detailMap dd img {
1065: vertical-align:bottom;
1066:}
1067:
1068:.companyPage #main .mainArea .mobileMap {
1069: height:100px;
1070:}
1071:
1072:.companyPage #main .pageBody > .mobileMap {
1073: height:auto;
1074: min-height:100px;
1075:}
1076:
1077:.companyPage #main .mainArea .mobileMap dt,
1078:.companyPage #main .mainArea .mobileMap dd {
1079: margin-left:115px;
1080:}
1081:
1082:
1083:/*----------------------------------------------------
1084: __intervierPage 業界インタビュー
1085:----------------------------------------------------*/
1086:
1087:/*インタビュートップページ*/
1088:.interviewPage #interviewDescription {
1089: margin:0;
1090: padding:15px 20px;
1091: background:#030;
1092: color:#FFF;
1093:}
1094:
1095:.interviewPage #main h2 img {
1096: vertical-align:middle;
1097:}
1098:
1099:.trendPage #main h2 a img,
1100:.interviewPage #main h2 a img {
1101: margin-left:5px;
1102:}
1103:
1104:.trendPage #main p.rssBtn,
1105:.interviewPage #main p.rssBtn {
1106: position:relative;
1107: width:820px;
1108: height:0;
1109: margin:0;
1110: padding:0;
1111:}
1112:
1113:.trendPage #main p.rssBtn img,
1114:.interviewPage #main p.rssBtn img {
1115: vertical-align:bottom;
1116:}
1117:
1118:.trendPage #main p.rssBtn a,
1119:.interviewPage #main p.rssBtn a {
1120: position:absolute;
1121: top:-27px;
1122: right:0;
1123:}
1124:
1125:.interviewPage #main .articleSummary {
1126: float:left;
1127: width:400px;
1128: margin-top:20px;
1129: margin-right:20px;
1130: padding-bottom:25px;
1131: background:#F1F6F8;
1132:}
1133:
1134:.interviewPage #main .articleSummary h3 {
1135: margin-bottom:15px;
1136:}
1137:
1138:.interviewPage #main .articleSummary p {
1139: margin:0 10px;
1140:}
1141:
1142:.interviewPage #main .articleSummary h4 {
1143: margin:0 10px 15px;
1144:}
1145:
1146:.interviewPage #main .articleSummary p.more {
1147: padding-top:17px;
1148: text-align:center;
1149:}
1150:
1151:.interviewPage #main .articleSummary p.more img {
1152: vertical-align:bottom;
1153:}
1154:
1155:.interviewPage #main .articleSummary .leadText {
1156: min-height:80px;
1157:}
1158:
1159:.interviewPage #main ul.bn {
1160: margin-top:20px;
1161:}
1162:
1163:.interviewPage #main ul.bn li {
1164: margin:10px 0 0;
1165: padding:0;
1166:}
1167:
1168:.interviewPage #main ul.bn li img {
1169: vertical-align:top;
1170:}
1171:
1172:#main .textChange {
1173: clear:both;
1174: margin-top:30px;
1175: padding:5px;
1176: text-align:center;
1177: background:#F1F6F9;
1178:}
1179:
1180:
1181:#interviewEntryPage #main .nextPrev {
1182: height:21px;
1183: margin-bottom:0;
1184:}
1185:
1186:#interviewEntryPage #main .nextPrev li {
1187: width:84px;
1188:}
1189:
1190:#interviewEntryPage #main #mainText h3 {
1191: font-size:110%;
1192: margin-bottom:10px;
1193:}
1194:
1195:#interviewEntryPage #main #mainText dl dt {
1196: font-weight:bold;
1197:}
1198:
1199:#interviewEntryPage #main #mainText dl dd {
1200: margin-bottom:1.5em;
1201:}
1202:
1203:#interviewEntryPage #main #mainText p img {
1204: margin-top:5px;
1205: margin-bottom:5px;
1206:}
1207:
1208:/*----------------------------------------------------
1209: __trend_watchPage 業界トレンドウォッチ
1210:----------------------------------------------------*/
1211:#main p.lead {
1212: margin:20px 20px 40px 0;
1213:}
1214:
1215:.trendPage #main p.rssBtn {
1216: width:610px;
1217:}
1218:
1219:.trendPage #main .articleSummary {
1220: margin-top:10px;
1221: padding:15px 10px 15px 35px;
1222: padding-right:10px;
1223: border:5px solid #DDD;
1224:}
1225:
1226:.trendPage #main .articleSummary h3 {
1227: font-size:110%;
1228: margin-bottom:5px;
1229: margin-left:-20px;
1230: padding-left:20px;
1231: background:url(../img/trend_watch/mark.gif) no-repeat 0em .3em;
1232:}
1233:
1234:
1235:.trendPage #main .articleSummary ul {
1236: margin-bottom:20px;
1237: line-height:1.2;
1238:}
1239:
1240:.trendPage #main .articleSummary ul li {
1241: display:inline;
1242: margin-right:5px;
1243:}
1244:
1245:.trendPage #main .articleSummary ul li + li {
1246: padding-left:8px;
1247: border-left:1px solid #333;
1248:}
1249:
1250:.trendPage #main .articleSummary .more {
1251: margin-bottom:0;
1252:}
1253:
1254:
1255:#trendCategoryPage #main h2,
1256:#trendArchivePage #main h2 {
1257: width:606px;
1258: margin:0;
1259: padding:10px 2px;
1260: font-size:120%;
1261: letter-spacing:1px;
1262: border-top:5px solid #007B7B;
1263:}
1264:
1265:#trendEntryPage #main .articleSummary ul,
1266:#trendCategoryPage #main .articleSummary ul,
1267:#trendArchivePage #main .articleSummary ul {
1268: margin-bottom:0;
1269:}
1270:
1271:#trendEntryPage #main h2 {
1272: border-top-color:#007B7B;
1273:}
1274:
1275:#trendEntryPage #main .mainArea h2 {
1276: margin-top:40px;
1277: padding:0;
1278: border:0;
1279:}
1280:
1281:#main p.pageSeparator {
1282: margin-top:20px;
1283: margin-bottom:0;
1284: font-size:110%;
1285: text-align:center;
1286:}
1287:
1288:/*
1289:#trendEntryPage #main .textArea h3 {
1290: margin:1em 0;
1291: padding:13px 10px 10px;
1292: background:#E3E3C1 url(../img/share/h3.gif) no-repeat 10px 0px;
1293:}
1294:*/
1295:
1296:
1297:.trendPage #main .articleSummary h4,
1298:#trendEntryPage #main .textArea h3 {
1299: margin:0 0 10px;
1300: padding:0 0 5px;
1301: border-bottom:5px solid #E3E3C1;
1302: font-size:120%;
1303:}
1304:
1305:.trendPage #main .articleSummary h5,
1306:#trendEntryPage #main .textArea h4 {
1307: margin:0 0 10px;
1308: padding:0 0 5px;
1309: border-bottom:2px solid #E3E3C1;
1310: font-size:120%;
1311:}
1312:
1313:.trendPage #main .articleSummary h6,
1314:#trendEntryPage #main .textArea h5 {
1315: margin:0 0 10px;
1316: padding:0 0 5px;
1317: border-bottom:2px dotted #E3E3C1;
1318: font-size:100%;
1319:}
1320:
1321:#trendEntryPage #main .textArea ol,
1322:#trendEntryPage #main .textArea ul {
1323: margin-left:30px;
1324: margin-bottom:1em;
1325:}
1326:
1327:#trendEntryPage #main .textArea ol li,
1328:#trendEntryPage #main .textArea ol ul li,
1329:#trendEntryPage #main .textArea ul li {
1330: list-style-type:circle;
1331: margin-bottom:5px;
1332:}
1333:
1334:#trendEntryPage #main .textArea ol li {
1335: list-style-type:decimal;
1336:}
1337:
1338:#trendEntryPage #main .textArea * li ul,
1339:#trendEntryPage #main .textArea * li ol {
1340: margin-top:5px;
1341: margin-left:20px;
1342:}
1343:
1344:#page #main pre {
1345: overflow:auto;
1346: width:540px;
1347: margin:1em 0;
1348: padding:0 15px;
1349: background:#F4F4F4;
1350: border:3px solid #EEE;
1351: font-size:small;
1352: font-family:"MS ゴシック", "Osaka?等幅";
1353:}
1354:
1355:#page #main pre code {
1356: margin:0;
1357: padding:0;
1358: font-size:small;
1359: font-family:"MS ゴシック", "Osaka?等幅";
1360:}
1361:/*----------------------------------------------------
1362: __sharePage + お問い合わせ ヘルプ 個人情報保護方針 サイトマップ 検索結果
1363:----------------------------------------------------*/
1364:
1365:.sharePage #main h2 {
1366: margin-bottom:30px;
1367:}
1368:
1369:.sharePage #main .pageBody {
1370: margin:0 20px 0 0;
1371:}
1372:
1373:.sharePage #main .pageBody h2 {
1374: margin-top:40px;
1375:}
1376:
1377:.sharePage #main .pageBody p.sign {
1378: text-align:right;
1379:}
1380:
1381:.sharePage #main .pageBody ol,
1382:.sharePage #main .pageBody ul {
1383: margin-left:30px;
1384: margin-bottom:1em;
1385:}
1386:
1387:.sharePage #main .pageBody ol li,
1388:.sharePage #main .pageBody ol ul li,
1389:.sharePage #main .pageBody ul li {
1390: list-style-type:circle;
1391: margin-bottom:5px;
1392:}
1393:
1394:.sharePage #main .pageBody ol li {
1395: list-style-type:decimal;
1396:}
1397:
1398:.sharePage #main .pageBody * li ul,
1399:.sharePage #main .pageBody * li ol {
1400: margin-top:5px;
1401: margin-left:20px;
1402:}
1403:
1404:.sharePage #main .pageBody dl dt {
1405: font-weight:bold;
1406:}
1407:
1408:.sharePage #main .pageBody dl dd {
1409: margin-left:1.5em;
1410: margin-bottom:1em;
1411:}
1412:
1413:.sharePage #main .pageBody .btn {
1414: margin-bottom:40px;
1415:}
1416:
1417:.sharePage #main .pageBody .backTop {
1418: margin:100px 0 70px;
1419:}
1420:
1421:.sharePage #main .pageBody table {
1422: margin-bottom:20px;
1423: border-bottom:1px dotted #999;
1424: border-collapse:collapse;
1425: table-layout:fixed;
1426:}
1427:
1428:.sharePage #main .pageBody table th {
1429: width:265px;
1430: padding:10px;
1431: padding-left:0;
1432: border-top:1px dotted #999;
1433: vertical-align:top;
1434: font-weight:bold;
1435:}
1436:
1437:.sharePage #main .pageBody table caption {
1438: display:none;
1439:}
1440:
1441:.sharePage #main .pageBody table td {
1442: padding:10px;
1443: padding-left:0;
1444: border-top:1px dotted #999;
1445:}
1446:
1447:.sharePage #main .pageBody table td ul {
1448: margin-left:0;
1449:}
1450:
1451:.sharePage #main .pageBody table td ul li {
1452: list-style-type:none;
1453:}
1454:
1455:.sharePage #main .pageBody table th img {
1456: margin-right:5px;
1457: vertical-align:middle;
1458:}
1459:
1460:.sharePage #main .pageBody .agree {
1461: margin-bottom:20px;
1462: padding:10px;
1463: background:#F9EED9;
1464: text-align:center;
1465:}
1466:
1467:#main .errorMessage {
1468: color:#C00;
1469:}
1470:
1471:/*help*/
1472:.sharePage #main ul.browser {
1473: margin:0 0 1em;
1474: padding:15px 15px 5px;
1475: background:#F4F4F4;
1476:}
1477:
1478:.sharePage #main ul.browser li {
1479: list-style-type:none;
1480:}
1481:
1482:.sharePage #main ul.browser li ul {
1483: margin-top:10px;
1484:}
1485:
1486:.sharePage #main ul.browser li ul li {
1487: margin:0;
1488: margin-bottom:5px;
1489: padding-left:15px;
1490: background:url(../img/other/mark.gif) no-repeat 0em .4em;
1491: list-style-type:none;
1492:}
1493:
1494:.sharePage #main .focusPoint {
1495: margin-bottom:10px;
1496: padding:15px;
1497: border:5px solid #EEE;
1498:}
1499:
1500:.sharePage #main .focusPoint h3 {
1501: margin-bottom:5px;
1502:}
1503:
1504:.sharePage #main .focusPoint p {
1505: margin-bottom:0;
1506:}
1507:
1508:.sharePage #main .focusPoint ul.w3cBnr {
1509: margin:10px 0 0;
1510:}
1511:
1512:.sharePage #main .focusPoint ul.w3cBnr li {
1513: display:inline;
1514: margin:0 10px 0 0;
1515: padding:0;
1516: list-style-type:none;
1517:}
1518:
1519:.sharePage #main div.fontSizeIE {
1520: width:610px;
1521:}
1522:
1523:.websitePage #main .publicityContainer .publicityEntry:after,
1524:.sharePage #main div.fontSizeIE:after {
1525: content:".";
1526: height:0;
1527: clear:both;
1528: display:block;
1529: visibility:hidden;
1530:}
1531:
1532:.sharePage #main p.fontSizeInfo {
1533: float:left;
1534: width:295px;
1535: margin:10px 0 30px;
1536:}
1537:
1538:.sharePage #main p.fontSizeInfo img {
1539: margin-bottom:10px;
1540:}
1541:
1542:.sharePage #main p.first {
1543: margin-right:20px;
1544:}
1545:
1546:.sharePage #main #sitemapList {
1547: width:610px;
1548: margin:0;
1549: padding:0;
1550: overflow:hidden;
1551:}
1552:
1553:.sharePage #main #sitemapList li {
1554: clear:both;
1555: width:580px;
1556: padding:8px 10px 3px 20px;
1557: background:url(../img/other/mark_sitemap.gif) no-repeat 0em .8em;
1558: border-top:1px dotted #999;
1559: list-style-type:none;
1560: font-weight:bold;
1561:}
1562:
1563:.sharePage #main #sitemapList li ul {
1564: margin:5px 10px 5px 0;
1565: padding:0 0 0 20px;
1566:}
1567:
1568:.sharePage #main #sitemapList li ul li {
1569: margin:0 0 5px;
1570: padding:0;
1571: background:none;
1572: border:0;
1573:}
1574:
1575:.sharePage #main #sitemapList li ul.line {
1576: width:auto;
1577: float:none;
1578:}
1579:
1580:.sharePage #main #sitemapList li ul.line li {
1581: width:auto;
1582: font-weight:normal;
1583:}
1584:
1585:.sharePage #main #sitemapList li ul li ul {
1586: margin-right:0;
1587: padding-left:3px;
1588:}
1589:
1590:.sharePage #main #sitemapList li ul li ul li {
1591: padding-left:12px;
1592: background:url(../img/other/mark_sitemap_2.gif) no-repeat 0em .8em;
1593: font-weight:normal;
1594:}
1595:
1596:.backSitemap {
1597: padding-left:18px;
1598: background:url(../img/other/mark_02.gif) no-repeat 0em .3em;
1599:}
1600:
1601:.helpBtn {
1602: margin-bottom:40px;
1603:}
1604:
1605:
1606:div.privacyText {
1607: margin-left:23px;
1608:}
1609:
1610:/*----------------------------------------------------
1611: __websitePage 自社運営サイト
1612:----------------------------------------------------*/
1613:
1614:.websitePage #main .websiteList li {
1615: float:left;
1616: margin:0 20px 20px 0;
1617:}
1618:
1619:.websitePage #main .websiteList li img {
1620: vertical-align:top;
1621:}
1622:
1623:.websitePage #main .websiteHeader {
1624: width:610px;
1625: margin-top:20px;
1626: margin-bottom:20px;
1627: padding-bottom:40px;
1628: border-bottom:5px solid #690;
1629:}
1630:
1631:.websitePage #page .iddyContent .websiteHeader {
1632: border-bottom-color:#0097E8;
1633:}
1634:
1635:.websitePage #page .eco_hiikiContent .websiteHeader {
1636: border-bottom-color:#4A0607;
1637:}
1638:
1639:.websitePage #page .sq_lifeContent .websiteHeader {
1640: border-bottom-color:#F1AE7D;
1641:}
1642:
1643:.websitePage #page .htaccesseditorContent .websiteHeader {
1644: border-bottom-color:#FDD900;
1645:}
1646:
1647:
1648:.websitePage #main .websiteHeader h2 {
1649: margin-top:5px;
1650: margin-bottom:20px;
1651:}
1652:
1653:.websitePage #main .publicityContainer p.capture,
1654:.websitePage #main .websiteHeader p.capture {
1655: float:left;
1656: margin-right:20px;
1657:}
1658:
1659:.websitePage #main .textArea {
1660: clear:both;
1661:}
1662:
1663:.websitePage #main .textArea .image {
1664: text-align:center;
1665:}
1666:
1667:.websitePage #main .publicityContainer {
1668: margin-right:20px;
1669:}
1670:
1671:.websitePage #main .publicityContainer h2 {
1672: margin:30px 0;
1673:}
1674:
1675:.websitePage #main .publicityContainer #publicitySelectedNon,
1676:.websitePage #main .publicityContainer #publicitySelected {
1677: height:30px;
1678: border-bottom:5px solid #CCC;
1679:}
1680:
1681:.websitePage #main .publicityContainer #publicitySelectedNon li,
1682:.websitePage #main .publicityContainer #publicitySelected li {
1683: float:left;
1684: height:30px;
1685: margin-right:11px;
1686: overflow:hidden;
1687:}
1688:
1689:.websitePage #main .publicityContainer #publicitySelected li#lastTab {
1690: margin-right:0;
1691:}
1692:
1693:.websitePage #main .publicityContainer #publicitySelectedNon li + li + li,
1694:.websitePage #main .publicityContainer #publicitySelected li + li + li {
1695: margin-right:0;
1696:}
1697:
1698:.websitePage #main .publicityContainer #publicitySelectedNon a img,
1699:.websitePage #main .publicityContainer #publicitySelected li a img {
1700: margin-top:-30px;
1701: vertical-align:bottom;
1702:}
1703:
1704:.websitePage #main .publicityContainer #publicitySelectedNon li.selected a img,
1705:.websitePage #main .publicityContainer #publicitySelected li.selected a img,
1706:.websitePage #main .publicityContainer #publicitySelected li a img:hover {
1707: margin-top:0;
1708:}
1709:
1710:.websitePage #main .publicityContainer #publicitySelectedNon + *,
1711:.websitePage #main .publicityContainer #publicitySelected + * {
1712: clear:both;
1713:}
1714:
1715:.websitePage #main .publicityContainer h3 {
1716: margin-bottom:5px;
1717:}
1718:
1719:.websitePage #main .publicityContainer #publicityWebsite h3 {
1720: padding-left:20px;
1721: background:url(../img/website/mark.gif) no-repeat 0em .2em;
1722:}
1723:
1724:.websitePage #main .publicityContainer #publicityWebsite p {
1725: margin-left:20px;
1726:}
1727:
1728:.websitePage #main .publicityContainer .publicityEntry {
1729: width:570px;
1730: margin:20px auto 0;
1731: padding-bottom:5px;
1732: border-bottom:1px dotted #999;
1733:}
1734:
ページの先頭へ戻るこのチェック結果の先頭へ戻る



チェックした項目
要件 チェック項目
5.1a DOCTYPE宣言をおこなっているか?
5.1a アクセシブルではなく、W3Cで推奨していない<s>を使用していないか?
5.1a アクセシブルではなく、W3Cで推奨していない<strike>を使用していないか?
5.1a アクセシブルではなく、HTML4.01やXHTMLで規格外の<blink>を使用していないか?
5.1a アクセシブルではなく、HTML4.01やXHTMLで規格外の<marquee>を使用していないか?
5.1a アクセシブルではなく、HTML4.01やXHTMLで規格外の<bgsound>を使用していないか?
5.1a 機種依存文字を使用していないか?
5.1a 半角カナを使用していないか?
5.1b window.status (JavaScript)でステータスバーに情報を表示していないか?
5.1b <object>を使用していないか?
5.1b <embed>を使用していないか?
5.1b <applet>を使用していないか?
5.2a 引用(<q>)を見た目のためだけに使用していないか?
5.2a 引用(<blockquote>)を見た目のためだけに使用していないか?
5.2a 引用元(<cite>)を見た目のためだけに使用していないか?
5.2c <table>に<th>を指定しているか?(border="1"を指定しているか、<caption>、<tbody>、<tfoot>のいずれかを指定している場合、<table>を表のテーブルとみなし、チェックします)
5.2c <table>に<caption>を指定しているか?(border="1"を指定しているか、<th>、<tbody>、<tfoot>のいずれかを指定している場合、<table>を表のテーブルとみなし、チェックします)
5.2e <head>に<title>を指定しているか?
5.2f 1つのページを5フレーム以上に分割してないか?
5.2f <frameset>に<noframes>を指定しているか?
5.2f <frame>にtitle属性を指定しているか?
5.2f <iframe>にtitle属性を指定しているか?
5.2f <frame>のscrolling属性にnoを指定していないか?
5.3a onclick属性を使用していないか?
5.3a ondblclick属性を使用していないか?
5.3a onchange属性を使用していないか?
5.3a ondragdrop属性を使用していないか?
5.3a onmousedown属性を使用していないか?
5.3a onmouseup属性を使用していないか?
5.3a onmouseover属性を使用していないか?
5.3a onmouseout属性を使用していないか?
5.3b <input type="radio">にid属性を指定しているか?
5.3b <input type="checkbox">にid属性を指定しているか?
5.3b <input type="text">にid属性を指定しているか?
5.3b <input type="password">にid属性を指定しているか?
5.3b <input type="file">にid属性を指定しているか?
5.3b <textarea>にid属性を指定しているか?
5.3b <select>にid属性を指定しているか?
5.3e <a>のtarget属性に_blankを指定していないか?
5.3e <a>のtarget属性に_newを指定していないか?
5.3e <area>のtarget属性に_blankを指定していないか?
5.3e <area>のtarget属性に_newを指定していないか?
5.3g "ここ""こちら"等、指示代名詞だけにリンクを指定していないか?
5.4a リンクの無い<img>にalt属性を指定しているか?
5.4a alt属性で画像の内容を表現しているか("スペース"等を指定していないか)?
5.4b リンクのある<img>にalt属性を指定しているか?
5.4b <input type="image">にalt属性を指定しているか?
5.4b <area>にalt属性を指定しているか?
5.4b <img>にismap属性を指定し、サーバサイドイメージマップを使用していないか?
5.4e <embed>を使用している場合、<noembed>も指定しているか?
5.4e JavaScriptを使用している場合、<noscript>も指定しているか?
5.4e <object>に代替情報を指定しているか?
5.4e <applet>にalt属性を指定しているか?
5.5b 取消し線(<del>)を使用していないか?
5.5b 取消し線(<s>)を使用していないか?
5.5b 取消し線(<strike>)を使用していないか?
5.5b 「yy/mm/dd」という文字列で、日付を表現していないか?
5.5b 全角の¥と全角の$を使用していないか?
5.5b 全角の「yy/mm/dd」という文字列で、日付を表現していないか?
5.5b 「※n」という文字列を、「注釈」の意味で使用していないか?
5.6a font-size:(CSS)で文字のサイズを固定していないか?
5.6a overflow:(CSS)にhiddenを指定していないか?
5.6b line-height:(CSS)で行間を固定していないか?
5.6b line-height:で行間が110%以上か、もしくは、1.1em以上か?
5.6c 文字色と背景色のコントラストは十分か?
5.6c 弱視者(白内障者)の基準で十分か?
5.6c 色覚特性(第一色覚-赤)の違いを考慮した基準で十分か?
5.6c 色覚特性(第ニ色覚-緑)の違いを考慮した基準で十分か?
5.6c 色覚特性(第三色覚-青)の違いを考慮した基準で十分か?
5.7a <bgsound>を使用して、音を自動で再生していないか?
5.7a <embed autostart="true">のとき、hidden属性がtrueになっていないか?
5.8a <blink>を使用して文字を点滅させていないか?
5.8a <marquee>を使って文字を自動でスクロールさせていないか?
5.9a <html>にlang属性またはxml:langを指定しているか?
5.9a <html>のlang属性またはxml:langにja(日本語)を指定しているか?
5.9c 「nn千」「nn百万」のように数字の0を省略していないか?
5.9e 表組み(<th><td>)で、文字列を縦書きにするために、1文字おきに<br>を指定していないか?
5.9e 単語で1文字おきに空白が入っていないか?

ページの先頭へ戻る