Fujitsu WebInspector 5.02

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

チェックしたファイル
ファイル名 問題数
HTML http://digiper.com/index_utf_link1.shtml 13件
CSS http://digiper.com/css_utf/matome.css 9件



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

対象

ファイル名:

http://digiper.com/index_utf_link1.shtml

参照したCSSファイル: http://digiper.com/css_utf/matome.css


結果

件数:

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

問題の詳細 ソースリスト

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

必須

修正

2件

確認

2件

推奨

修正

9件

確認

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
68 <li><a href="/p... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
69 ><li><a href="/... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
72 <address title=... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
89 <legend accessk... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
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_utf/matome.css" type="text/css" media="all" />

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


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

<link rel="stylesheet" href="/css_utf/matome.css" type="text/css" media="all" />

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

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

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

<link rel="stylesheet" href="/css_utf/matome.css" type="text/css" media="all" />

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

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

文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。
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

72行目

<address title="お電話での連絡先:03-5444-3200 9時30分 ? 18時30分">お電話での連絡先:03-5444-3200 9時30分 ? 18時30分</address>

89行目

<legend accesskey="s">サイト内検索</legend>

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


文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません
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

72行目

<address title="お電話での連絡先:03-5444-3200 9時30分 ? 18時30分">お電話での連絡先:03-5444-3200 9時30分 ? 18時30分</address>

89行目

<legend accesskey="s">サイト内検索</legend>

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

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


ソースリスト
内容
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=utf-8" />
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_utf/matome.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="お電話での連絡先:03-5444-3200 9時30分 ? 18時30分">お電話での連絡先:03-5444-3200 9時30分 ? 18時30分</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によるサイト構築ページ"><img src="/img/service/list_website_movabletype_off.gif" alt="Movable Typeによるサイト構築" 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_utf/matome.css

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


結果

件数:

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

問題の詳細 ソースリスト

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

必須

修正

0件

確認

6件

推奨

修正

3件

確認

0件

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

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


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

問題点の一覧
ソース 画面で確認
()
問題点 優先度と分類 要件
25 color:#333; 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
422 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
689 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
761 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
833 line-height:10p... line-height:(CSS)で行間を固定しないでください。 推奨 修正 5.6b
834 font-size:10px; font-size:(CSS)で文字のサイズが固定になっています。ブラウザで文字のサイズを変更する必要がないことを確認してください(例えば、著作権表示等、文字のサイズ変更が不要な情報は固定でもよい)。 必須 確認 5.6a
1851 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
1987 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a

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


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

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

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

font-size:10px;

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


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

overflow:hidden;

689行目

overflow:hidden;

761行目

overflow:hidden;

1851行目

overflow:hidden;

1987行目

overflow:hidden;

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

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

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

line-height:10px;

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

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

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

color:#333;

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


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

color:#333;

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

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


ソースリスト
内容
1:
2:/* -----------------------------------------------------------
3:CSS Information
4:
5: File name: default.css
6: Author: Takashi Hirasawa(admin)
7: Style Info: デフォルトのスタイルのリセット及び基本設定
8:----------------------------------------------------------- */
9:
10:/* Reset
11:----------------------------------------------------*/
12:
13:* {
14: margin:0;
15: padding:0;
16: font-style:normal;
17: text-align:left;
18:}
19:
20:/* Base Setting
21:----------------------------------------------------*/
22:
23:body {
24: background:#690 url(../img/share/bg_body.gif);
25: color:#333;
26: font-size:small;
27: font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
28: line-height:1.5;
29: text-align:center;
30:}
31:
32:* + html body {
33: font-family:"メイリオ","Meiryo";
34:}
35:
36:h1,h2,h3,h4,h5,h6 {
37: font-size:100%;
38:}
39:
40:fieldset,img {
41: border:0;
42:}
43:
44:select {
45: font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
46:}
47:
48:li {
49: list-style-type:none;
50:}
51:
52:hr,legend {
53: display:none;
54:}
55:
56:p {
57: margin-bottom:1em;
58:}
59:
60:/* Base Link Color Setting
61:----------------------------------------------------*/
62:
63:a:link {
64: color:#06C;
65: text-decoration:underline;
66:}
67:
68:a:visited {
69: color:#90F;
70: text-decoration:underline;
71:}
72:
73:a:hover {
74: text-decoration:none;
75:}
76:
77:a:active {
78: text-decoration:none;
79:}
80:
81:/* -----------------------------------------------------------
82:CSS Information
83:
84: File name: footer.css
85: Author: Takashi Hirasawa(admin)
86: Style Info: フッター関係
87:----------------------------------------------------------- */
88:
89:/*----------------------------------------------------
90: __footer
91:----------------------------------------------------*/
92:#footer {
93: clear:both;
94: padding-top:10px;
95: background:#FFF;
96:}
97:
98:#footer ul {
99: margin-top:8px;
100: padding:0 20px;
101: text-align:center;
102:}
103:
104:#footer ul li {
105: display:inline;
106: margin-left:7px;
107: padding-left:10px;
108: background:url(../img/share/glue_footer.gif) repeat-y;
109: line-height:1.2;
110:}
111:
112:#footer ul li.first {
113: padding-left:0;
114: background:none;
115:}
116:
117:#footer a:link {
118: color:#333333;
119: text-decoration:underline;
120:}
121:
122:#footer a:visited {
123: color:#666666;
124: text-decoration:underline;
125:}
126:
127:#footer a:hover {
128: text-decoration:none;
129:}
130:
131:#footer a:active {
132: text-decoration:none;
133:}
134:
135:#footer p {
136: height:12px;
137: margin-top:18px;
138: padding:20px 0 10px;
139: background:#690;
140: text-align:center;
141:}
142:
143:/* -----------------------------------------------------------
144:CSS Information
145:
146: File name: header.css
147: Author: Takashi Hirasawa(admin)
148: Style Info: ヘッダー関係
149:----------------------------------------------------------- */
150:
151:/*----------------------------------------------------
152: __header
153:----------------------------------------------------*/
154:
155:#header {
156: float:left;
157: width:860px;
158: margin-bottom:13px;
159: padding-top:50px;
160: background:#690;
161:}
162:
163:#header h1,
164:#header p#logo {
165: float:left;
166: width:460px;
167: height:41px;
168:}
169:
170:#header div {
171: float:right;
172: width:400px;
173:}
174:
175:#header #navGuide {
176: text-align:right;
177: height:11px;
178: font-size:0;
179: line-height:0;
180:}
181:
182:#header #navGuide li {
183: display:inline;
184: margin-left:30px;
185:}
186:
187:#header address {
188: height:32px;
189: margin:15px 0;
190: background:url(../img/share/tel.gif) no-repeat right top;
191: text-indent:-9999em;
192:}
193:
194:#header #nav {
195: clear:both;
196: height:61px;
197: margin-bottom:15px;
198: background:url(../img/share/bg_nav.gif) no-repeat;
199:}
200:
201:#header #nav:after {
202: content:".";
203: height:0;
204: clear:both;
205: display:block;
206: visibility:hidden;
207:}
208:
209:
210:#header #nav li {
211: float:left;
212: margin-left:2px;
213:}
214:
215:#header #nav li a {
216: display:block;
217:}
218:
219:#header #nav li.top {
220: margin-left:0;
221:}
222:
223:#header #nav li a:focus img,
224:#header #nav li a:hover img {
225: visibility:hidden;
226:}
227:
228:#header #navSub {
229: float:left;
230: width:500px;
231: height:22px;
232: padding-top:2px;
233:}
234:
235:#header #navSub li {
236: float:left;
237: margin-right:18px;
238:}
239:
240:#header #navSub li img {
241: vertical-align:top;
242:}
243:
244:#header fieldset {
245: float:right;
246: width:286px;
247: height:22px;
248:}
249:
250:#header fieldset .areaSearch {
251: width:194px;
252: height:16px;
253: margin-right:10px;
254: padding:2px;
255: border:1px solid #FFF;
256:}
257:
258:#header fieldset .btnSearch {
259: vertical-align:top;
260:}
261:
262:/* #navSkip
263:----------------------------------------------------*/
264:span#navSkip {
265: position:absolute;
266: top:0;
267: left:0;
268:}
269:
270:/* -----------------------------------------------------------
271:CSS Information
272:
273: File name: print.css
274: Author: Takashi Hirasawa(admin)
275: Style Info: 印刷用
276:----------------------------------------------------------- */
277:@media print {
278:
279:
280: body {
281: background:#FFF;
282: }
283:
284: #page #contents .pageTop,
285: #page #footer ul,
286: #page #header,
287: #page #sub {
288: display:none;
289: }
290:
291: #page #contents {
292: background:#FFF;
293: }
294:
295: #page #main {
296: float:none;
297: margin-left:auto;
298: margin-right:auto;
299: }
300:
301:
302:}
303:
304:/* -----------------------------------------------------------
305:CSS Information
306:
307: File name: style.css
308: Author: Takashi Hirasawa(admin)
309: Style Info: コンテンツエリア関係
310:----------------------------------------------------------- */
311:
312:/*----------------------------------------------------
313: __page
314:----------------------------------------------------*/
315:
316:#page {
317: width:860px;
318: margin:0 auto;
319: text-align:left;
320:}
321:
322:
323:/*----------------------------------------------------
324: 汎用class
325:----------------------------------------------------*/
326:
327:.imgR {
328: float:right;
329: margin:0 0 10px 20px;
330:}
331:
332:.imgL {
333: float:left;
334: margin:0 20px 10px 0;
335:}
336:
337:
338:/*----------------------------------------------------
339: __contentsHeader
340:----------------------------------------------------*/
341:
342:#contentsHeader {
343: clear:both;
344: width:820px;
345: margin-top:-13px;
346: padding:20px 20px 17px;
347: background:#FFF;
348:}
349:
350:#contentsHeader p {
351: margin:0;
352:}
353:
354:#contentsHeader #topicPath {
355: margin-top:10px;
356: margin-bottom:-10px;
357:}
358:
359:#contentsHeader h1 img,
360:#contentsHeader p img {
361: vertical-align:bottom;
362:}
363:
364:/*----------------------------------------------------
365: __contents
366:----------------------------------------------------*/
367:
368:#contents {
369: position:relative;
370: width:860px;
371: margin-bottom:5px;
372: background:#FFF url(../img/share/bg_contents.gif) no-repeat;
373:}
374:
375:.interviewPage #contents {
376: background-image:none;
377:}
378:
379:#contents:after {
380: content:".";
381: height:0;
382: clear:both;
383: display:block;
384: visibility:hidden;
385:}
386:
387:#contents .pageTop {
388: position:relative;
389: clear:both;
390: width:20px;
391: height:20px;
392: margin:0 -20px 0 auto;
393: padding:0;
394: font-size:0;
395: line-height:0;
396:}
397:
398:#contents .pageTop img {
399: vertical-align:bottom;
400:}
401:
402:.sharePage #contents #main .pageTop {
403: margin:0 -40px 0 auto;
404:}
405:
406:/*----------------------------------------------------
407: __main
408:----------------------------------------------------*/
409:
410:#interviewEntryPage #main,
411:#main {
412: float:right;
413: width:630px;
414: margin-top:3px;
415:}
416:
417:.interviewPage #main {
418: float:none;
419: width:840px;
420: margin:0 0 0 20px;
421: padding-top:20px;
422: overflow:hidden;
423:}
424:
425:#interviewEntryPage #main {
426: width:610px;
427: margin:0;
428:}
429:
430:#main .att {
431: color:#C00;
432:}
433:
434:/*トップページお知らせ*/
435:#main .info {
436: margin:0 20px 20px 0;
437: padding:15px;
438: border:5px solid #FC6;
439:}
440:
441:#main .info dl dt {
442: margin-bottom:5px;
443: font-weight:bold;
444:}
445:
446:#main .info dl.exclamation dt {
447: min-height:20px;
448: padding:0 28px;
449: background:url(../img/share/mark_exclamation.gif) no-repeat left center;
450:}
451:
452:#main .info dl.exclamation dd {
453: padding:0 28px;
454:}
455:
456:
457:#main .section {
458: float:left;
459: width:295px;
460: margin-right:20px;
461: display:inline;
462:}
463:
464:.indexPage #main .section {
465: background:url(../img/share/bg_section.gif) no-repeat left bottom;
466:}
467:
468:#main .section h2 {
469: padding-bottom:10px;
470: background:#FFF;
471:}
472:
473:#main .section h3 img,
474:#main .section h2 img {
475: vertical-align:bottom;
476:}
477:
478:#main .section h3 a img,
479:#main .section h2 a img {
480: margin-left:5px;
481:}
482:#main .section .item {
483: float:left;
484: width:255px;
485: margin-bottom:10px;
486: padding:15px 15px 0;
487: border:5px solid #DDD;
488:}
489:
490:#main .section .item p {
491: margin:0 0 10px;
492:}
493:
494:#main .section .last {
495: border-bottom:0;
496:}
497:
498:#main .section .item h3 {
499: margin-bottom:10px;
500:}
501:
502:#main .section .item dl {
503: margin-bottom:21px;
504:}
505:
506:#main .section .item dl dd {
507: line-height:1.3;
508:}
509:
510:#main .section .item ul {
511: margin-top:20px;
512: padding-bottom:10px;
513:}
514:
515:#main .section .item ul li {
516: margin-bottom:10px;
517: line-height:0;
518: font-size:0;
519:}
520:
521:#main .whatsnew .item dl dt {
522: padding-left:12px;
523: background:url(../img/share/mark_01.gif) no-repeat left center;
524:}
525:
526:#main .whatsnew .item dl dd {
527: margin:0 0 10px;
528: padding-left:12px;
529: line-height:1.2;
530:}
531:
532:#main .whatsnew .item dl.news {
533: float:left;
534: margin:0;
535: padding:0 0 5px;
536:}
537:
538:#main .whatsnew .item dl.news dt {
539: float:left;
540: width:6.5em;
541: margin-right:5px;
542: padding:0;
543: background:none;
544: font-weight:bold;
545:}
546:
547:#main .whatsnew .item dl.news dd {
548: float:left;
549: width:12em;
550: padding:0;
551:}
552:
553:/* トップページメイン下部バナー
554:--------------------------------*/
555:#main .bnr {
556: clear:both;
557: float:none;
558: border:0;
559:}
560:
561:#main .bnr p {
562: margin:0;
563:}
564:
565:#main .bnr img {
566: margin-top:20px;
567: border:5px solid #DDD;
568: vertical-align:bottom;
569:}
570:
571:/* サービス案内
572:--------------------------------*/
573:
574:#main h2.lead {
575: margin:30px 0 35px;
576:}
577:
578:#main h2.lead img {
579: vertical-align:bottom;
580:}
581:
582:#main .textArea {
583: margin:0 40px 0 20px;
584:}
585:
586:#main .textArea h3 {
587: clear:both;
588: margin:40px 0 20px;
589:}
590:
591:#main .textArea h4 {
592: margin:30px 0 10px;
593:}
594:
595:#main .textArea h4 img {
596: vertical-align:top;
597:}
598:
599:#main .textArea blockquote {
600: clear:both;
601: min-height:1em;
602: margin:20px 0;
603: padding:13px 18px 0;
604: background:#F6F6E3 url(../img/share/bg_blockquote.gif) repeat-y;
605:}
606:
607:#main .textArea blockquote p {
608: margin:0;
609: padding:0 0 13px;
610:}
611:
612:#main .textArea dl.effective dt {
613: margin-top:20px;
614: padding-left:18px;
615: background:url(../img/share/mark_02.gif) no-repeat 0em .2em;
616: font-weight:bold;
617:}
618:
619:#main .textArea dl.effective dd {
620: padding-left:18px;
621:}
622:
623:/*MovableTypeのメリット部分*/
624:#main .textArea div.merit {
625: margin-bottom:7px;
626: background:url(../img/service/website/merit_bottom.gif) repeat-y left bottom;
627:}
628:
629:#main .textArea div.merit h4 {
630: height:35px;
631: margin:0 0 10px;
632: padding:28px 0 0 57px;
633: background:url(../img/service/website/merit_top.gif) no-repeat;
634:}
635:
636:#main .textArea div.merit p {
637: margin:0;
638: padding:0 35px 20px 57px;
639:}
640:
641:#main .textArea div.merit h4 + p {
642: margin-top:-20px;
643:}
644:
645:#main .btnConsul {
646: margin:40px 40px 40px 20px;
647: text-align:center;
648:}
649:
650:#main .btn {
651: margin:20px 0;
652: text-align:center;
653:}
654:
655:#main img.photo {
656: float:right;
657: margin:0 0 30px 30px;
658:}
659:
660:#main img.image {
661: float:right;
662: margin:0 0 10px 20px;
663:}
664:
665:#main ul.nextPrev {
666: clear:both;
667: height:30px;
668: margin:40px 20px 30px 0;
669:}
670:
671:#main ul.nextPrev li {
672: float:left;
673: width:275px;
674:}
675:
676:#main ul.nextPrev li img {
677: vertical-align:top;
678:}
679:
680:#main ul.nextPrev li.next {
681: float:right;
682:}
683:
684:#main .serviceShortcut {
685: clear:both;
686: width:570px;
687: padding:20px 20px 15px;
688: background:#EEE;
689: overflow:hidden;
690:}
691:
692:#main .serviceShortcut dl {
693: float:left;
694: width:270px;
695:}
696:
697:#main .serviceShortcut dl + dl {
698: margin-left:5px;
699: padding-left:20px;
700: border-left:1px solid #DDD;
701:}
702:
703:#main .serviceShortcut dl dt {
704: margin:0 0 15px;
705: padding:0;
706: font-size:0;
707: line-height:0;
708:}
709:
710:#main .serviceShortcut dl dd {
711: margin-left:2px;
712:}
713:
714:#main .serviceShortcut dl dd ul li {
715: margin-bottom:5px;
716: padding-left:10px;
717: background:url(../img/share/mark_01) no-repeat 0em .5em;
718:}
719:
720:
721:#main .serviceShortcut dl dd ul li a:link {
722: color:#333333;
723: text-decoration:underline;
724:}
725:
726:#main .serviceShortcut dl dd ul li a:visited {
727: color:#666666;
728: text-decoration:underline;
729:}
730:
731:#main .serviceShortcut dl dd ul li a:hover {
732: text-decoration:none;
733:}
734:
735:#main .serviceShortcut dl dd ul li a:active {
736: text-decoration:none;
737:}
738:
739:
740:
741:#main .serviceInfo {
742: width:555px;
743: margin:20px 0 0 0;
744: padding:20px 30px 0 15px;
745: border:5px solid #DDD;
746:}
747:
748:#main .serviceInfo h3 {
749: margin-bottom:20px;
750:}
751:
752:#main .serviceInfo dl {
753: margin:0;
754: padding:0;
755:}
756:
757:#main .serviceInfo dl dt {
758: position:relative;
759: z-index:100;
760: height:16px;
761: overflow:hidden;
762: margin-left:75px;
763:}
764:
765:#main .serviceInfo dl dt img {
766: cursor:pointer;
767: vertical-align:top;
768:}
769:
770:#main .serviceInfo dl dd {
771: height:40px;
772: margin:-60px 0 20px 75px;
773:}
774:
775:#main .serviceInfo dl > dd {
776: height:auto;
777: min-height:40px;
778:}
779:
780:#main .serviceInfo dl dd.serviceImage {
781: position:relative;
782: top:-16px;
783: left:0;
784: height:60px;
785: margin:0;
786:}
787:
788:#main .serviceInfo dl dd.serviceImage img {
789: vertical-align:bottom;
790:}
791:
792:
793:#main #phaseContent {
794: margin-left:-20px;
795: margin-right:-20px;
796:}
797:
798:#main #phaseContent .phase h2 {
799: display:none;
800:}
801:
802:
803:#main #phaseContent .phase .flow {
804: position:relative;
805: min-height:70px;
806: margin-left:29px;
807: padding:15px 15px 15px 0;
808: border:5px solid #CCC;
809: width:556px;
810:}
811:
812:#main #phaseContent .phase .flow h3 {
813: margin:0 0 10px;
814: padding:0 0 0 98px;
815:}
816:
817:#main #phaseContent .phase .flow p {
818: margin:0;
819: padding-left:98px;
820:}
821:
822:#main #phaseContent .phase .flow .flowImage {
823: position:absolute;
824: top:15px;
825: left:15px;
826: padding-left:0;
827:}
828:
829:#main #phaseContent p.nextFlow {
830: margin:0;
831: padding:10px 0;
832: text-align:center;
833: line-height:10px;
834: font-size:10px;
835:}
836:
837:#main #phaseContent #researchPhease {
838: background:url(../img/service/website/phase_title_01.gif) no-repeat left center;
839:}
840:
841:#main #phaseContent #strategyPhease {
842: background:url(../img/service/website/phase_title_02.gif) no-repeat left center;
843:}
844:
845:#main #phaseContent #planPhease {
846: background:url(../img/service/website/phase_title_03.gif) no-repeat left center;
847:}
848:
849:#main #phaseContent #mountingPhease {
850: background:url(../img/service/website/phase_title_04.gif) no-repeat left center;
851:}
852:
853:#main #phaseContent #managePhease {
854: background:url(../img/service/website/phase_title_05.gif) no-repeat left center;
855:}
856:
857:
858:
859:/*----------------------------------------------------
860: __resultsPage 制作・活動実績
861:----------------------------------------------------*/
862:.resultsPage #main .section {
863: width:auto;
864:}
865:
866:.resultsPage #main .section h2.action {
867: clear:both;
868: width:600px;
869: padding-top:20px;
870:}
871:
872:.resultsPage #main .section .item {
873: width:570px;
874:}
875:
876:.resultsPage #main .section .item h3 {
877: margin-bottom:15px;
878:}
879:
880:.resultsPage #main .archivesList ul {
881: float:left;
882: padding-top:20px;
883: padding-left:30px;
884: margin-bottom:10px;
885:}
886:
887:.resultsPage #main .archivesList ul li {
888: float:left;
889: margin-right:10px;
890: margin-bottom:10px;
891: font-size:0;
892: line-height:0;
893:}
894:
895:.resultsPage #main .resultsArchive dl dd ul li.thumbnail a,
896:.resultsPage #main .archivesList ul li a {
897: display:block;
898: float:left;
899: width:50px;
900: height:50px;
901: border:5px solid #DDD;
902:}
903:
904:.resultsPage #main .resultsArchive dl dd ul li.thumbnail a:hover,
905:.resultsPage #main .archivesList ul li a:hover,
906:.resultsPage #main .archivesList ul li a.current {
907: border-color:#FC0;
908:}
909:
910:.resultsPage #main .resultsEntryBody {
911: clear:both;
912: margin-top:20px;
913: margin-right:20px;
914:}
915:
916:.resultsPage #main .resultsEntryBody h2 {
917: width:606px;
918: margin:0;
919: padding:10px 2px;
920: font-size:130%;
921: letter-spacing:.1em;
922: border-top:5px solid #639;
923:}
924:
925:.resultsPage #main .resultsEntryBody h2.activityEntryTitle {
926: border-top-color:#C33;
927:}
928:
929:.resultsPage #main .resultsEntryArea {
930: width:570px;
931: padding:15px 15px 18px;
932:}
933:
934:.resultsPage #main .resultsEntryArea .textArea,
935:.resultsPage #main .section .item .textArea {
936: float:left;
937: width:330px;
938: margin:0;
939: padding:0;
940:}
941:
942:.resultsPage #main .resultsEntryArea .textArea {
943: float:none;
944: width:auto;
945: padding-left:18px;
946:}
947:
948:.resultsPage #main .resultsEntryArea dl dt {
949: font-weight:bold;
950:}
951:
952:.resultsPage #main .section .item .textArea h4 {
953: margin:0 0 15px;
954: padding-left:18px;
955: background:url(../img/results/mark_website.gif) no-repeat 0em .2em;
956:}
957:
958:.resultsPage #main .section .item .textArea h4 img {
959: vertical-align:middle;
960:}
961:
962:.resultsPage #main .section .item .textArea ol,
963:.resultsPage #main .section .item .textArea ul,
964:.resultsPage #main .section .item .textArea p {
965: margin-left:18px;
966:}
967:
968:.resultsPage #main .section .item .textArea p.more {
969: margin:20px 0 0 18px;
970: padding-bottom:10px;
971:}
972:
973:.resultsPage #main .resultsEntryArea .imageArea,
974:.resultsPage #main .section .item .imageArea {
975: float:right;
976: display:inline;
977: width:210px;
978: margin-right:15px;
979: padding-bottom:10px;
980:}
981:
982:.resultsPage #main .resultsEntryArea .imageArea {
983: margin-left:20px;
984: margin-bottom:10px;
985:}
986:
987:.resultsPage #main .resultsEntryArea .imageArea p,
988:.resultsPage #main .section .item .imageArea p {
989: margin:0;
990: line-height:0;
991: font-size:0;
992:}
993:
994:.resultsPage #main .resultsEntryArea .imageArea p.capture img,
995:.resultsPage #main .section .item .imageArea p.capture img {
996: margin-top:-1px;
997:}
998:
999:.resultsPage #main .resultsEntryArea .imageArea p img.captureImage,
1000:.resultsPage #main .section .item .imageArea p img.captureImage {
1001: margin:0;
1002: padding:5px;
1003: border:1px solid #999;
1004:}
1005:
1006:.resultsPage #main .resultsEntryArea .imageArea p.view,
1007:.resultsPage #main .section .item .imageArea p.view {
1008: position:relative;
1009: width:210px;
1010: margin:0;
1011:}
1012:
1013:.resultsPage #main .resultsEntryArea .imageArea p.view img,
1014:.resultsPage #main .section .item .imageArea p.view img {
1015: position:absolute;
1016: top:-24px;
1017: right:0;
1018:}
1019:
1020:.resultsPage #main .resultsEntryArea .textMoreArea {
1021: padding-left:18px;
1022:}
1023:
1024:.resultsPage #main .section div.action {
1025: margin-bottom:0;
1026:}
1027:
1028:.resultsPage #main .section div.action .textArea h4 {
1029: background:url(../img/results/mark_activity.gif) no-repeat 0em .2em;
1030:}
1031:
1032:.newsPage #main .textArea ul,
1033:.resultsPage #main .resultsEntryArea ul {
1034: margin-left:23px;
1035: margin-bottom:1.5em;
1036:}
1037:
1038:.newsPage #main .textArea ul li,
1039:.resultsPage #main .resultsEntryArea ul li {
1040: list-style-type:circle;
1041:}
1042:
1043:.newsPage #main .textArea ol,
1044:.resultsPage #main .resultsEntryArea ol {
1045: margin-left:30px;
1046: margin-bottom:1.5em;
1047:}
1048:
1049:.newsPage #main .textArea ol li,
1050:.resultsPage #main .resultsEntryArea ol li {
1051: list-style-type:decimal;
1052:}
1053:
1054:.resultsPage #main .resultsEntryBody .nextPrev {
1055: height:21px;
1056: margin:0;
1057:}
1058:
1059:.resultsPage #main .resultsEntryBody .nextPrev li {
1060: width:104px;
1061:}
1062:
1063:/*実績一覧*/
1064:.resultsPage #main .resultsArchive dl {
1065: width:533px;
1066: margin-left:77px;
1067:}
1068:
1069:.resultsPage #main .resultsArchive dl dt {
1070: margin-bottom:10px;
1071: font-weight:bold;
1072:}
1073:
1074:.resultsPage #main .resultsArchive dl dd {
1075: position:relative;
1076:}
1077:
1078:.resultsPage #main .resultsArchive dl dd ul {
1079: margin-bottom:20px;
1080:}
1081:
1082:.resultsPage #main .resultsArchive dl dd ul li {
1083: margin-right:30px;
1084: margin-bottom:5px;
1085:}
1086:
1087:.resultsPage #main .resultsArchive dl dd ul li.thumbnail {
1088: position:absolute;
1089: top:-1.9em;
1090: left:-77px;
1091:}
1092:
1093:
1094:/*----------------------------------------------------
1095: __newsPage ニュースリリース
1096:----------------------------------------------------*/
1097:
1098:.companyPage #main h2,
1099:.newsPage #main h2 {
1100: margin-bottom:30px;
1101:}
1102:
1103:#main .mainArea {
1104: margin:0 20px 0 0;
1105:}
1106:
1107:#main .mainArea .rssBtn {
1108: margin-bottom:40px;
1109:}
1110:
1111:#main .mainArea .newsList {
1112: float:left;
1113: width:608px;
1114: border-top:1px dotted #999;
1115:}
1116:
1117:#main .mainArea .newsList li {
1118: float:left;
1119: width:608px;
1120: padding:5px 1px;
1121: border-bottom:1px dotted #999;
1122:}
1123:
1124:#main .mainArea .newsList li a {
1125: display:block;
1126: float:left;
1127: width:458px;
1128: padding-left:20px;
1129: background:url(../img/website/mark.gif) no-repeat 0em .3em;
1130:}
1131:
1132:#main .mainArea .newsList li span {
1133: display:block;
1134: float:right;
1135: width:130px;
1136: text-align:right;
1137:}
1138:
1139:#trendEntryPage #main h2,
1140:#newsEntryPage #main h2 {
1141: width:606px;
1142: margin:0;
1143: padding:10px 2px;
1144: font-size:120%;
1145: letter-spacing:1px;
1146: border-top:5px solid #690;
1147:}
1148:
1149:#trendEntryPage #main .entryDate,
1150:#newsEntryPage #main .entryDate {
1151: margin:0 20px 20px 0;
1152: padding:5px;
1153: background:#F4F4F4;
1154: text-align:right;
1155:}
1156:
1157:#trendEntryPage #main .textArea,
1158:#newsEntryPage #main .textArea {
1159: min-height:200px;
1160:}
1161:
1162:#newsEntryPage #main .textArea h3 {
1163: margin:1em 0;
1164: padding:13px 10px 10px;
1165: background:#E3E3C1 url(../img/share/h3.gif) no-repeat 10px 0px;
1166:}
1167:
1168:#trendEntryPage #main .textArea dl dt,
1169:#newsEntryPage #main .textArea dl dt {
1170: font-weight:bold;
1171:}
1172:
1173:#trendEntryPage #main .nextPrev,
1174:#newsEntryPage #main .nextPrev {
1175: height:21px;
1176: margin-bottom:0;
1177:}
1178:
1179:#trendEntryPage #main .nextPrev li,
1180:#newsEntryPage #main .nextPrev li {
1181: width:80px;
1182:}
1183:
1184:/*----------------------------------------------------
1185: __companyPage 会社情報
1186:----------------------------------------------------*/
1187:
1188:.companyPage #main table {
1189: width:610px;
1190: border-bottom:1px dotted #999;
1191: border-collapse:collapse;
1192: table-layout:fixed;
1193:}
1194:
1195:.companyPage #main table th {
1196: width:145px;
1197: padding:10px;
1198: padding-left:0;
1199: border-top:1px dotted #999;
1200: vertical-align:top;
1201: font-weight:bold;
1202:}
1203:
1204:.companyPage #main table td {
1205: padding:10px;
1206: padding-left:0;
1207: border-top:1px dotted #999;
1208:}
1209:
1210:.companyPage #main .mainArea {
1211: margin-top:30px;
1212:}
1213:
1214:.companyPage #main .mainArea .bnr {
1215: margin-bottom:40px;
1216:}
1217:
1218:.companyPage #main .mainArea .photo {
1219: float:left;
1220: margin-right:35px;
1221:}
1222:
1223:.companyPage #main .mainArea .kiritaniMessage {
1224: float:left;
1225: width:400px;
1226: margin-top:-40px;
1227:}
1228:
1229:.companyPage #main .mainArea h3 {
1230: margin-bottom:20px;
1231:}
1232:
1233:.companyPage #main .mainArea .kiritaniMessage h3 {
1234: margin:40px 0 10px;
1235:}
1236:
1237:.companyPage #main .mainArea .bnrWebsite {
1238: margin-bottom:50px;
1239:}
1240:
1241:/*環境問題のeco部分*/
1242:.companyPage #main .mainArea div.eco {
1243: margin-bottom:7px;
1244: background:url(../img/company/eco_bottom.gif) repeat-y left bottom;
1245:}
1246:
1247:.companyPage #main .mainArea div.eco h3 {
1248: height:35px;
1249: margin:0 0 10px;
1250: padding:28px 0 0 57px;
1251: background:url(../img/company/eco_top.gif) no-repeat;
1252:}
1253:
1254:.companyPage .mainArea div.eco ul,
1255:.companyPage #main .mainArea div.eco p {
1256: margin:0;
1257: padding:0 35px 20px 57px;
1258:}
1259:
1260:.companyPage #main .mainArea ul {
1261: margin-left:20px;
1262: margin-bottom:20px;
1263:}
1264:
1265:.companyPage #main .mainArea ul li {
1266: list-style-type:circle;
1267:}
1268:
1269:.companyPage #main .mainArea div.eco h3 + p {
1270: margin-top:-20px;
1271:}
1272:
1273:.eco + h2 {
1274: margin-top:40px;
1275:}
1276:
1277:.companyPage #main .mainArea .mobileMap ,
1278:.companyPage #main .mainArea .sectionWebsite,
1279:.companyPage #main .mainArea .sectionBlog {
1280: position:relative;
1281: clear:both;
1282: width:570px;
1283: height:150px;
1284: margin-top:10px;
1285: padding:15px;
1286: border:5px solid #EEE;
1287:}
1288:
1289:.companyPage #main .mainArea .sectionBlog {
1290: height:100px;
1291:}
1292:
1293:.companyPage #main .pageBody > .sectionWebsite {
1294: height:auto;
1295: min-height:150px;
1296:}
1297:
1298:.companyPage #main .pageBody > .sectionBlog {
1299: height:auto;
1300: min-height:100px;
1301:}
1302:
1303:.companyPage #main .mainArea .sectionBlog dt {
1304: height:auto;
1305: margin-left:110px;
1306: margin-bottom:10px;
1307:}
1308:
1309:.companyPage #main .mainArea .sectionBlog dt img {
1310: vertical-align:middle;
1311: margin-left:5px;
1312:}
1313:
1314:.companyPage #main .mainArea .sectionWebsite dt {
1315: height:auto;
1316: margin-left:165px;
1317: margin-bottom:10px;
1318:}
1319:
1320:.companyPage #main .mainArea .sectionBlog dd {
1321: margin-left:110px;
1322:}
1323:
1324:.companyPage #main .mainArea .sectionWebsite dd {
1325: margin-left:165px;
1326:}
1327:
1328:.companyPage #main .mainArea .sectionWebsite dd.url,
1329:.companyPage #main .mainArea .sectionBlog dd.author {
1330: margin-bottom:10px;
1331:}
1332:
1333:.companyPage #main .mainArea .mobileMap dd.qr,
1334:.companyPage #main .mainArea .sectionWebsite .capture,
1335:.companyPage #main .mainArea .sectionBlog .capture {
1336: position:absolute;
1337: top:15px;
1338: left:15px;
1339: margin-left:0;
1340:}
1341:
1342:.companyPage #main .mainArea address {
1343: margin-bottom:20px;
1344:}
1345:
1346:/*GoogleMap*/
1347:
1348:.companyPage #main .mainArea #map {
1349: width:610px;
1350: height:400px;
1351: margin-bottom:35px;
1352:}
1353:
1354:.companyPage #main .mainArea #map .mapInfo h2 {
1355: margin-bottom:5px;
1356:}
1357:
1358:.companyPage #main .mainArea .detailMap {
1359: margin-bottom:20px;
1360:}
1361:.companyPage #main .mainArea .detailMap dt {
1362: margin-bottom:20px;
1363:}
1364:
1365:.companyPage #main .mainArea .detailMap dd img {
1366: vertical-align:bottom;
1367:}
1368:
1369:.companyPage #main .mainArea .mobileMap {
1370: height:100px;
1371:}
1372:
1373:.companyPage #main .pageBody > .mobileMap {
1374: height:auto;
1375: min-height:100px;
1376:}
1377:
1378:.companyPage #main .mainArea .mobileMap dt,
1379:.companyPage #main .mainArea .mobileMap dd {
1380: margin-left:115px;
1381:}
1382:
1383:
1384:/*----------------------------------------------------
1385: __intervierPage 業界インタビュー
1386:----------------------------------------------------*/
1387:
1388:/*インタビュートップページ*/
1389:.interviewPage #interviewDescription {
1390: margin:0;
1391: padding:15px 20px;
1392: background:#030;
1393: color:#FFF;
1394:}
1395:
1396:.interviewPage #main h2 img {
1397: vertical-align:middle;
1398:}
1399:
1400:.trendPage #main h2 a img,
1401:.interviewPage #main h2 a img {
1402: margin-left:5px;
1403:}
1404:
1405:.trendPage #main p.rssBtn,
1406:.interviewPage #main p.rssBtn {
1407: position:relative;
1408: width:820px;
1409: height:0;
1410: margin:0;
1411: padding:0;
1412:}
1413:
1414:.trendPage #main p.rssBtn img,
1415:.interviewPage #main p.rssBtn img {
1416: vertical-align:bottom;
1417:}
1418:
1419:.trendPage #main p.rssBtn a,
1420:.interviewPage #main p.rssBtn a {
1421: position:absolute;
1422: top:-27px;
1423: right:0;
1424:}
1425:
1426:.interviewPage #main .articleSummary {
1427: float:left;
1428: width:400px;
1429: margin-top:20px;
1430: margin-right:20px;
1431: padding-bottom:25px;
1432: background:#F1F6F8;
1433:}
1434:
1435:.interviewPage #main .articleSummary h3 {
1436: margin-bottom:15px;
1437:}
1438:
1439:.interviewPage #main .articleSummary p {
1440: margin:0 10px;
1441:}
1442:
1443:.interviewPage #main .articleSummary h4 {
1444: margin:0 10px 15px;
1445:}
1446:
1447:.interviewPage #main .articleSummary p.more {
1448: padding-top:17px;
1449: text-align:center;
1450:}
1451:
1452:.interviewPage #main .articleSummary p.more img {
1453: vertical-align:bottom;
1454:}
1455:
1456:.interviewPage #main .articleSummary .leadText {
1457: min-height:80px;
1458:}
1459:
1460:.interviewPage #main ul.bn {
1461: margin-top:20px;
1462:}
1463:
1464:.interviewPage #main ul.bn li {
1465: margin:10px 0 0;
1466: padding:0;
1467:}
1468:
1469:.interviewPage #main ul.bn li img {
1470: vertical-align:top;
1471:}
1472:
1473:#main .textChange {
1474: clear:both;
1475: margin-top:30px;
1476: padding:5px;
1477: text-align:center;
1478: background:#F1F6F9;
1479:}
1480:
1481:
1482:#interviewEntryPage #main .nextPrev {
1483: height:21px;
1484: margin-bottom:0;
1485:}
1486:
1487:#interviewEntryPage #main .nextPrev li {
1488: width:84px;
1489:}
1490:
1491:#interviewEntryPage #main #mainText h3 {
1492: font-size:110%;
1493: margin-bottom:10px;
1494:}
1495:
1496:#interviewEntryPage #main #mainText dl dt {
1497: font-weight:bold;
1498:}
1499:
1500:#interviewEntryPage #main #mainText dl dd {
1501: margin-bottom:1.5em;
1502:}
1503:
1504:#interviewEntryPage #main #mainText p img {
1505: margin-top:5px;
1506: margin-bottom:5px;
1507:}
1508:
1509:/*----------------------------------------------------
1510: __trend_watchPage 業界トレンドウォッチ
1511:----------------------------------------------------*/
1512:#main p.lead {
1513: margin:20px 20px 40px 0;
1514:}
1515:
1516:.trendPage #main p.rssBtn {
1517: width:610px;
1518:}
1519:
1520:.trendPage #main .articleSummary {
1521: margin-top:10px;
1522: padding:15px 10px 15px 35px;
1523: padding-right:10px;
1524: border:5px solid #DDD;
1525:}
1526:
1527:.trendPage #main .articleSummary h3 {
1528: font-size:110%;
1529: margin-bottom:5px;
1530: margin-left:-20px;
1531: padding-left:20px;
1532: background:url(../img/trend_watch/mark.gif) no-repeat 0em .3em;
1533:}
1534:
1535:
1536:.trendPage #main .articleSummary ul {
1537: margin-bottom:20px;
1538: line-height:1.2;
1539:}
1540:
1541:.trendPage #main .articleSummary ul li {
1542: display:inline;
1543: margin-right:5px;
1544:}
1545:
1546:.trendPage #main .articleSummary ul li + li {
1547: padding-left:8px;
1548: border-left:1px solid #333;
1549:}
1550:
1551:.trendPage #main .articleSummary .more {
1552: margin-bottom:0;
1553:}
1554:
1555:
1556:#trendCategoryPage #main h2,
1557:#trendArchivePage #main h2 {
1558: width:606px;
1559: margin:0;
1560: padding:10px 2px;
1561: font-size:120%;
1562: letter-spacing:1px;
1563: border-top:5px solid #007B7B;
1564:}
1565:
1566:#trendEntryPage #main .articleSummary ul,
1567:#trendCategoryPage #main .articleSummary ul,
1568:#trendArchivePage #main .articleSummary ul {
1569: margin-bottom:0;
1570:}
1571:
1572:#trendEntryPage #main h2 {
1573: border-top-color:#007B7B;
1574:}
1575:
1576:#trendEntryPage #main .mainArea h2 {
1577: margin-top:40px;
1578: padding:0;
1579: border:0;
1580:}
1581:
1582:#main p.pageSeparator {
1583: margin-top:20px;
1584: margin-bottom:0;
1585: font-size:110%;
1586: text-align:center;
1587:}
1588:
1589:/*
1590:#trendEntryPage #main .textArea h3 {
1591: margin:1em 0;
1592: padding:13px 10px 10px;
1593: background:#E3E3C1 url(../img/share/h3.gif) no-repeat 10px 0px;
1594:}
1595:*/
1596:
1597:
1598:.trendPage #main .articleSummary h4,
1599:#trendEntryPage #main .textArea h3 {
1600: margin:0 0 10px;
1601: padding:0 0 5px;
1602: border-bottom:5px solid #E3E3C1;
1603: font-size:120%;
1604:}
1605:
1606:.trendPage #main .articleSummary h5,
1607:#trendEntryPage #main .textArea h4 {
1608: margin:0 0 10px;
1609: padding:0 0 5px;
1610: border-bottom:2px solid #E3E3C1;
1611: font-size:120%;
1612:}
1613:
1614:.trendPage #main .articleSummary h6,
1615:#trendEntryPage #main .textArea h5 {
1616: margin:0 0 10px;
1617: padding:0 0 5px;
1618: border-bottom:2px dotted #E3E3C1;
1619: font-size:100%;
1620:}
1621:
1622:#trendEntryPage #main .textArea ol,
1623:#trendEntryPage #main .textArea ul {
1624: margin-left:30px;
1625: margin-bottom:1em;
1626:}
1627:
1628:#trendEntryPage #main .textArea ol li,
1629:#trendEntryPage #main .textArea ol ul li,
1630:#trendEntryPage #main .textArea ul li {
1631: list-style-type:circle;
1632: margin-bottom:5px;
1633:}
1634:
1635:#trendEntryPage #main .textArea ol li {
1636: list-style-type:decimal;
1637:}
1638:
1639:#trendEntryPage #main .textArea * li ul,
1640:#trendEntryPage #main .textArea * li ol {
1641: margin-top:5px;
1642: margin-left:20px;
1643:}
1644:
1645:#page #main pre {
1646: overflow:auto;
1647: width:540px;
1648: margin:1em 0;
1649: padding:0 15px;
1650: background:#F4F4F4;
1651: border:3px solid #EEE;
1652: font-size:small;
1653: font-family:"MS ゴシック", "Osaka?等幅";
1654:}
1655:
1656:#page #main pre code {
1657: margin:0;
1658: padding:0;
1659: font-size:small;
1660: font-family:"MS ゴシック", "Osaka?等幅";
1661:}
1662:/*----------------------------------------------------
1663: __sharePage + お問い合わせ ヘルプ 個人情報保護方針 サイトマップ 検索結果
1664:----------------------------------------------------*/
1665:
1666:.sharePage #main h2 {
1667: margin-bottom:30px;
1668:}
1669:
1670:.sharePage #main .pageBody {
1671: margin:0 20px 0 0;
1672:}
1673:
1674:.sharePage #main .pageBody h2 {
1675: margin-top:40px;
1676:}
1677:
1678:.sharePage #main .pageBody p.sign {
1679: text-align:right;
1680:}
1681:
1682:.sharePage #main .pageBody ol,
1683:.sharePage #main .pageBody ul {
1684: margin-left:30px;
1685: margin-bottom:1em;
1686:}
1687:
1688:.sharePage #main .pageBody ol li,
1689:.sharePage #main .pageBody ol ul li,
1690:.sharePage #main .pageBody ul li {
1691: list-style-type:circle;
1692: margin-bottom:5px;
1693:}
1694:
1695:.sharePage #main .pageBody ol li {
1696: list-style-type:decimal;
1697:}
1698:
1699:.sharePage #main .pageBody * li ul,
1700:.sharePage #main .pageBody * li ol {
1701: margin-top:5px;
1702: margin-left:20px;
1703:}
1704:
1705:.sharePage #main .pageBody dl dt {
1706: font-weight:bold;
1707:}
1708:
1709:.sharePage #main .pageBody dl dd {
1710: margin-left:1.5em;
1711: margin-bottom:1em;
1712:}
1713:
1714:.sharePage #main .pageBody .btn {
1715: margin-bottom:40px;
1716:}
1717:
1718:.sharePage #main .pageBody .backTop {
1719: margin:100px 0 70px;
1720:}
1721:
1722:.sharePage #main .pageBody table {
1723: margin-bottom:20px;
1724: border-bottom:1px dotted #999;
1725: border-collapse:collapse;
1726: table-layout:fixed;
1727:}
1728:
1729:.sharePage #main .pageBody table th {
1730: width:265px;
1731: padding:10px;
1732: padding-left:0;
1733: border-top:1px dotted #999;
1734: vertical-align:top;
1735: font-weight:bold;
1736:}
1737:
1738:.sharePage #main .pageBody table caption {
1739: display:none;
1740:}
1741:
1742:.sharePage #main .pageBody table td {
1743: padding:10px;
1744: padding-left:0;
1745: border-top:1px dotted #999;
1746:}
1747:
1748:.sharePage #main .pageBody table td ul {
1749: margin-left:0;
1750:}
1751:
1752:.sharePage #main .pageBody table td ul li {
1753: list-style-type:none;
1754:}
1755:
1756:.sharePage #main .pageBody table th img {
1757: margin-right:5px;
1758: vertical-align:middle;
1759:}
1760:
1761:.sharePage #main .pageBody .agree {
1762: margin-bottom:20px;
1763: padding:10px;
1764: background:#F9EED9;
1765: text-align:center;
1766:}
1767:
1768:#main .errorMessage {
1769: color:#C00;
1770:}
1771:
1772:/*help*/
1773:.sharePage #main ul.browser {
1774: margin:0 0 1em;
1775: padding:15px 15px 5px;
1776: background:#F4F4F4;
1777:}
1778:
1779:.sharePage #main ul.browser li {
1780: list-style-type:none;
1781:}
1782:
1783:.sharePage #main ul.browser li ul {
1784: margin-top:10px;
1785:}
1786:
1787:.sharePage #main ul.browser li ul li {
1788: margin:0;
1789: margin-bottom:5px;
1790: padding-left:15px;
1791: background:url(../img/other/mark.gif) no-repeat 0em .4em;
1792: list-style-type:none;
1793:}
1794:
1795:.sharePage #main .focusPoint {
1796: margin-bottom:10px;
1797: padding:15px;
1798: border:5px solid #EEE;
1799:}
1800:
1801:.sharePage #main .focusPoint h3 {
1802: margin-bottom:5px;
1803:}
1804:
1805:.sharePage #main .focusPoint p {
1806: margin-bottom:0;
1807:}
1808:
1809:.sharePage #main .focusPoint ul.w3cBnr {
1810: margin:10px 0 0;
1811:}
1812:
1813:.sharePage #main .focusPoint ul.w3cBnr li {
1814: display:inline;
1815: margin:0 10px 0 0;
1816: padding:0;
1817: list-style-type:none;
1818:}
1819:
1820:.sharePage #main div.fontSizeIE {
1821: width:610px;
1822:}
1823:
1824:.websitePage #main .publicityContainer .publicityEntry:after,
1825:.sharePage #main div.fontSizeIE:after {
1826: content:".";
1827: height:0;
1828: clear:both;
1829: display:block;
1830: visibility:hidden;
1831:}
1832:
1833:.sharePage #main p.fontSizeInfo {
1834: float:left;
1835: width:295px;
1836: margin:10px 0 30px;
1837:}
1838:
1839:.sharePage #main p.fontSizeInfo img {
1840: margin-bottom:10px;
1841:}
1842:
1843:.sharePage #main p.first {
1844: margin-right:20px;
1845:}
1846:
1847:.sharePage #main #sitemapList {
1848: width:610px;
1849: margin:0;
1850: padding:0;
1851: overflow:hidden;
1852:}
1853:
1854:.sharePage #main #sitemapList li {
1855: clear:both;
1856: width:580px;
1857: padding:8px 10px 3px 20px;
1858: background:url(../img/other/mark_sitemap.gif) no-repeat 0em .8em;
1859: border-top:1px dotted #999;
1860: list-style-type:none;
1861: font-weight:bold;
1862:}
1863:
1864:.sharePage #main #sitemapList li ul {
1865: margin:5px 10px 5px 0;
1866: padding:0 0 0 20px;
1867:}
1868:
1869:.sharePage #main #sitemapList li ul li {
1870: margin:0 0 5px;
1871: padding:0;
1872: background:none;
1873: border:0;
1874:}
1875:
1876:.sharePage #main #sitemapList li ul.line {
1877: width:auto;
1878: float:none;
1879:}
1880:
1881:.sharePage #main #sitemapList li ul.line li {
1882: width:auto;
1883: font-weight:normal;
1884:}
1885:
1886:.sharePage #main #sitemapList li ul li ul {
1887: margin-right:0;
1888: padding-left:3px;
1889:}
1890:
1891:.sharePage #main #sitemapList li ul li ul li {
1892: padding-left:12px;
1893: background:url(../img/other/mark_sitemap_2.gif) no-repeat 0em .8em;
1894: font-weight:normal;
1895:}
1896:
1897:.backSitemap {
1898: padding-left:18px;
1899: background:url(../img/other/mark_02.gif) no-repeat 0em .3em;
1900:}
1901:
1902:.helpBtn {
1903: margin-bottom:40px;
1904:}
1905:
1906:
1907:div.privacyText {
1908: margin-left:23px;
1909:}
1910:
1911:/*----------------------------------------------------
1912: __websitePage 自社運営サイト
1913:----------------------------------------------------*/
1914:
1915:.websitePage #main .websiteList li {
1916: float:left;
1917: margin:0 20px 20px 0;
1918:}
1919:
1920:.websitePage #main .websiteList li img {
1921: vertical-align:top;
1922:}
1923:
1924:.websitePage #main .websiteHeader {
1925: width:610px;
1926: margin-top:20px;
1927: margin-bottom:20px;
1928: padding-bottom:40px;
1929: border-bottom:5px solid #690;
1930:}
1931:
1932:.websitePage #page .iddyContent .websiteHeader {
1933: border-bottom-color:#0097E8;
1934:}
1935:
1936:.websitePage #page .eco_hiikiContent .websiteHeader {
1937: border-bottom-color:#4A0607;
1938:}
1939:
1940:.websitePage #page .sq_lifeContent .websiteHeader {
1941: border-bottom-color:#F1AE7D;
1942:}
1943:
1944:.websitePage #page .htaccesseditorContent .websiteHeader {
1945: border-bottom-color:#FDD900;
1946:}
1947:
1948:
1949:.websitePage #main .websiteHeader h2 {
1950: margin-top:5px;
1951: margin-bottom:20px;
1952:}
1953:
1954:.websitePage #main .publicityContainer p.capture,
1955:.websitePage #main .websiteHeader p.capture {
1956: float:left;
1957: margin-right:20px;
1958:}
1959:
1960:.websitePage #main .textArea {
1961: clear:both;
1962:}
1963:
1964:.websitePage #main .textArea .image {
1965: text-align:center;
1966:}
1967:
1968:.websitePage #main .publicityContainer {
1969: margin-right:20px;
1970:}
1971:
1972:.websitePage #main .publicityContainer h2 {
1973: margin:30px 0;
1974:}
1975:
1976:.websitePage #main .publicityContainer #publicitySelectedNon,
1977:.websitePage #main .publicityContainer #publicitySelected {
1978: height:30px;
1979: border-bottom:5px solid #CCC;
1980:}
1981:
1982:.websitePage #main .publicityContainer #publicitySelectedNon li,
1983:.websitePage #main .publicityContainer #publicitySelected li {
1984: float:left;
1985: height:30px;
1986: margin-right:11px;
1987: overflow:hidden;
1988:}
1989:
1990:.websitePage #main .publicityContainer #publicitySelected li#lastTab {
1991: margin-right:0;
1992:}
1993:
1994:.websitePage #main .publicityContainer #publicitySelectedNon li + li + li,
1995:.websitePage #main .publicityContainer #publicitySelected li + li + li {
1996: margin-right:0;
1997:}
1998:
1999:.websitePage #main .publicityContainer #publicitySelectedNon a img,
2000:.websitePage #main .publicityContainer #publicitySelected li a img {
2001: margin-top:-30px;
2002: vertical-align:bottom;
2003:}
2004:
2005:.websitePage #main .publicityContainer #publicitySelectedNon li.selected a img,
2006:.websitePage #main .publicityContainer #publicitySelected li.selected a img,
2007:.websitePage #main .publicityContainer #publicitySelected li a img:hover {
2008: margin-top:0;
2009:}
2010:
2011:.websitePage #main .publicityContainer #publicitySelectedNon + *,
2012:.websitePage #main .publicityContainer #publicitySelected + * {
2013: clear:both;
2014:}
2015:
2016:.websitePage #main .publicityContainer h3 {
2017: margin-bottom:5px;
2018:}
2019:
2020:.websitePage #main .publicityContainer #publicityWebsite h3 {
2021: padding-left:20px;
2022: background:url(../img/website/mark.gif) no-repeat 0em .2em;
2023:}
2024:
2025:.websitePage #main .publicityContainer #publicityWebsite p {
2026: margin-left:20px;
2027:}
2028:
2029:.websitePage #main .publicityContainer .publicityEntry {
2030: width:570px;
2031: margin:20px auto 0;
2032: padding-bottom:5px;
2033: border-bottom:1px dotted #999;
2034:}
2035:
2036:
2037:
2038:/* -----------------------------------------------------------
2039:CSS Information
2040:
2041: File name: sub.css
2042: Author: Takashi Hirasawa(admin)
2043: Style Info: サイドバー関連
2044:----------------------------------------------------------- */
2045:
2046:/*----------------------------------------------------
2047: __sub
2048:----------------------------------------------------*/
2049:
2050:#sub {
2051: float:left;
2052: width:210px;
2053: margin-top:8px;
2054: padding-bottom:3px;
2055: background:#690 url(../img/share/bg_sub.gif) no-repeat left bottom;
2056:}
2057:
2058:#sub dl {
2059: position:relative;
2060: width:205px;
2061: margin-bottom:5px;
2062: padding-top:3px;
2063: background:url(../img/share/bg_sub_list_top.gif) no-repeat right top;
2064:}
2065:
2066:#sub dl dt {
2067: position:absolute;
2068: height:82px;
2069: top:0;
2070: left:-20px;
2071:}
2072:
2073:#sub dl dd {
2074: padding:0 0 3px 3px;
2075: background:#FFF url(../img/share/bg_sub_list_bottom.gif) no-repeat left bottom;
2076:}
2077:
2078:#sub dl dd img {
2079: vertical-align:top;
2080:}
2081:
2082:#sub dl dd h3 {
2083: margin-bottom:10px;
2084:}
2085:
2086:#sub dl dd h4 {
2087: margin-left:12px;
2088: margin-bottom:10px;
2089:}
2090:
2091:#sub dl dd h4 img {
2092: vertical-align:middle;
2093:}
2094:
2095:#sub dl dd h4 a img {
2096: margin-left:5px;
2097:}
2098:
2099:#sub dl dd ul {
2100: width:175px;
2101: margin:0 12px;
2102: padding-bottom:10px;
2103:}
2104:
2105:#sub dl dd ul li {
2106: margin-bottom:5px;
2107: padding-left:10px;
2108: background:url(../img/share/mark_01.gif) no-repeat 0em .5em;
2109:}
2110:
2111:#sub dl dd .glue {
2112: height:1px;
2113: margin-bottom:10px;
2114: margin-left:-3px;
2115: background:#FFF url(../img/share/glue_service.gif) repeat-x;
2116:}
2117:
2118:
2119:/*インタビュー個別ページ専用*/
2120:#interviewEntryPage #sub {
2121: margin:20px 0 20px 20px;
2122: padding-bottom:0;
2123: background:#F1F6F9;
2124: display:inline;
2125:}
2126:
2127:#interviewEntryPage #sub h3 {
2128: margin-bottom:15px;
2129: border-bottom:1px solid #FFF;
2130:}
2131:
2132:#interviewEntryPage #sub h3 img {
2133: vertical-align:top;
2134:}
2135:
2136:#interviewEntryPage #sub dl {
2137: position:static;
2138: width:auto;
2139: margin:0;
2140: padding:0 10px;
2141: background:none;
2142:}
2143:
2144:#interviewEntryPage #sub dl dt {
2145: position:static;
2146: height:auto;
2147: padding:0 0 0 20px;
2148: background:url(../img/interview/mark.gif) no-repeat 0em .2em;
2149:}
2150:
2151:#interviewEntryPage #sub dl dd {
2152: margin:0 0 15px 20px;
2153: padding:0;
2154: background:none;
2155:}
2156:
2157:
2158:/* -----------------------------------------------------------
2159:CSS Information
2160:
2161: File name: thickbox.css
2162: Author: Takashi Hirasawa(admin)
2163: Style Info: thickbox
2164:----------------------------------------------------------- */
2165:
2166:#TB_overlay {
2167: position:fixed;
2168: z-index:100;
2169: top:0;
2170: left:0;
2171: height:100%;
2172: width:100%;
2173:}
2174:
2175:.TB_overlayBG {
2176: background-color:#000;
2177: filter:alpha(opacity=75);
2178: -moz-opacity:0.75;
2179: opacity:0.75;
2180:}
2181:
2182:* html #TB_overlay { /* ie6 hack */
2183: position:absolute;
2184: height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
2185:}
2186:
2187:#TB_window {
2188: position:fixed;
2189: background:#ffffff;
2190: z-index:102;
2191: color:#000000;
2192: display:none;
2193: border:4px solid #333;
2194: text-align:left;
2195: top:50%;
2196: left:50%;
2197:}
2198:
2199:* html #TB_window { /* ie6 hack */
2200: position:absolute;
2201: margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
2202:}
2203:
2204:#TB_window img#TB_Image {
2205: display:block;
2206: margin:15px 0 0 15px;
2207: border:1px solid #FFF;
2208:}
2209:
2210:#TB_caption {
2211: height:25px;
2212: padding:7px 30px 10px 25px;
2213: float:left;
2214:}
2215:
2216:#TB_closeWindow {
2217: height:25px;
2218: padding:11px 25px 10px 0;
2219: float:right;
2220: font-size:x-small;
2221:}
2222:
2223:#TB_closeAjaxWindow {
2224: padding:7px 10px 5px 0;
2225: margin-bottom:1px;
2226: text-align:right;
2227: float:right;
2228:}
2229:
2230:#TB_ajaxWindowTitle {
2231: float:left;
2232: padding:7px 0 5px 10px;
2233: margin-bottom:1px;
2234:}
2235:
2236:#TB_title {
2237: background-color:#e8e8e8;
2238: height:27px;
2239:}
2240:
2241:#TB_ajaxContent {
2242: clear:both;
2243: padding:2px 15px 15px 15px;
2244: overflow:auto;
2245: text-align:left;
2246: line-height:1.4em;
2247:}
2248:
2249:#TB_ajaxContent.TB_modal {
2250: padding:15px;
2251:}
2252:
2253:#TB_ajaxContent p {
2254: padding:5px 0;
2255:}
2256:
2257:#TB_load {
2258: position:fixed;
2259: z-index:103;
2260: top:50%;
2261: left:50%;
2262: display:none;
2263: width:208px;
2264: height:13px;
2265: margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */
2266:}
2267:
2268:* html #TB_load { /* ie6 hack */
2269: position:absolute;
2270: margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
2271:}
2272:
2273:#TB_HideSelect {
2274: z-index:99;
2275: position:fixed;
2276: top:0;
2277: left:0;
2278: height:100%;
2279: width:100%;
2280: background-color:#fff;
2281: border:0;
2282: filter:alpha(opacity=0);
2283: -moz-opacity:0;
2284: opacity:0;
2285:}
2286:
2287:* html #TB_HideSelect { /* ie6 hack */
2288: position:absolute;
2289: height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
2290:}
2291:
2292:#TB_iframeContent {
2293: clear:both;
2294: border:0;
2295: margin-top:1px;
2296: margin-bottom:-1px;
2297: _margin-bottom:1px;
2298:}
ページの先頭へ戻るこのチェック結果の先頭へ戻る



チェックした項目
要件 チェック項目
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文字おきに空白が入っていないか?

ページの先頭へ戻る