/* Good Design Award Japanese CSS */ /* ---------------------------------------------- 1. 初期設定 2. Header Setting 3. Global Menu Setting 4. Secand Global Menu Setting 5. Contents Area Setting 6. BTN Page Top 7. G-mark TopPage News area 8. 401 403 500 503 Error Images 9. Side Menu 10. Footer 11. hr 12. Company Registration [English] During Registration at Top page 13. Kigyou navi at Top Page and Ug_07 Page 14. Kigyou Navi Hojyo for Top Page 15. Table Setting like Schedule 16. UL List-Style-Type Setting 17. BIG Text button 18. Judges Page 19. D monitor 20. Q and A 21. GDA News backnumber 22. Mr. Kita Voice 23. Registration Button at Gda_eg06 24. SECTION TOP List 25. Site Top Side Banner area ---------------------------------------------- */ /* ----------------------- 1. 初期設定 ----------------------- */ * { font-family:"ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック", Helvetica, Arial,sans-serif;} body { background:#FFFFFF; margin:0px; padding:0px;} ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,div,img,textarea,select,dl { margin:0px; padding:0px; border:0px;} ul,ol,li { list-style-type:none;} img { border:0;} div#body { margin:10px auto; width:960px;} div#header { width:960px;} div#contents { float:left; width:670px; font-size:12px; line-height:170%; margin:0; margin-left:20px; font-size:13px; color:#555555; min-height:500px;} div#sidemenu { float:right; margin:0; width:240px;} .t_margin0 {margin-top:0 !important;} .t_margin4 {margin-top:4px !important;} .t_margin8 {margin-top:8px !important;} .t_margin16 {margin-top:16px !important;} .t_margin24 {margin-top:24px !important;} .t_margin32 {margin-top:32px !important;} .t_margin40 {margin-top:40px !important;} .t_margin48 {margin-top:48px !important;} .margin1em {margin-top:1em;} .s_text,.small { font-size:10px !important; line-height:160% !important;} .sp, .space { font-size:1px; line-height:1px;} .break,br.break { clear:both; font-size:0px; line-height:0px;} .clear { clear:both; font-size:1px; line-height:1px;} .no_clear {clear:none;} .ta_right {text-align:right;} /* リンク Setting */ a { text-decoration:underline; color:#FF6600;} a:hover { text-decoration: underline; color:#FFAA00;} a:active { text-decoration:underline; color:#FF6600;} a:visited { text-decoration:underline; color:#FF6600;} div#contents a:hover {text-decoration:underline; color:#FFAA00;} div.danraku { margin-left:1em;} /* H1 - H2 Setting for Header for Sidemenu */ #header h1, #header h2, #sidemenu h1, #sidemenu h2 { display:inline;} h2.tl_nondisplay, .tl_nondisplay { display:none !important;} span.red, .red { color:#FF0000;} span.blue, .blue { color:#00F;} p.alert { color:#FF0000;} /* ----------------------- 2. Header Setting ----------------------- */ /* G-mark LOGO */ #header_logo { float:left; width:260px; height:42px;} #header_logo a { text-decoration:none;} /* Header Menu Setting */ #header_menu { float:right; height:42px; width:293px;} #header_menu ul { width:293px;} #header_menu ul li { float:left;} #header_menu ul li a, #header_menu ul li p { display:block;} #header_menu ul li a span, #header_menu ul li p span { display:none;} /* BTN Search */ li#btn_search { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) 0 0 no-repeat;} li#btn_search a,li#btn_search_active a { width:92px; height:18px;} li#btn_search a:hover { background:url(http://www.g-mark.org/images/common/header_menu.jpg) 0 -18px no-repeat;} li#btn_search p { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) 0 -36px no-repeat;} li#btn_search_active { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) 0 -36px no-repeat;} /* BTN Sitemap */ li#btn_sitemap { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -92px 0 no-repeat;} li#btn_sitemap a,li#btn_sitemap_active a { width:92px; height:18px;} li#btn_sitemap a:hover { background:url(http://www.g-mark.org/images/common/header_menu.jpg) -92px -18px no-repeat;} li#btn_sitemap p { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -92px -36px no-repeat;} li#btn_sitemap_active { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -92px -36px no-repeat;} /* BTN English */ li#btn_english { width:109px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -184px 0 no-repeat;} li#btn_english a { width:109px; height:18px;} li#btn_english a:hover { background:url(http://www.g-mark.org/images/common/header_menu.jpg) -184px -18px no-repeat;} /* BTN Q and A */ li#btn_faq { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -293px 0 no-repeat;} li#btn_faq a,li#btn_faq_active a { width:92px; height:18px;} li#btn_faq a:hover { background:url(http://www.g-mark.org/images/common/header_menu.jpg) -293px -18px no-repeat;} li#btn_faq p { width:92px; height:16px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -293px -36px no-repeat;} li#btn_faq_active { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -293px -36px no-repeat;} /* BTN Inquiry */ li#btn_inquiry { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -385px 0 no-repeat;} li#btn_inquiry a,li#btn_inquiry_active a { width:92px; height:18px;} li#btn_inquiry a:hover { background:url(http://www.g-mark.org/images/common/header_menu.jpg) -385px -18px no-repeat;} li#btn_inquiry p { width:92px; height:16px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -385px -36px no-repeat;} li#btn_inquiry_active { width:92px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -385px -36px no-repeat;} /* BTN Press */ li#btn_press { width:109px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -477px 0 no-repeat;} li#btn_press a,li#btn_press_active a { width:109px; height:18px;} li#btn_press a:hover { background:url(http://www.g-mark.org/images/common/header_menu.jpg) -477px -18px no-repeat;} li#btn_press p { width:109px; height:16px; background:url(/images/common/header_menu.jpg) -477px -36px no-repeat;} li#btn_press_active { width:109px; height:18px; background:url(http://www.g-mark.org/images/common/header_menu.jpg) -477px -36px no-repeat;} /* ----------------------- 3. グローバルメインメニュー ----------------------- */ div#main_menu { width:960px; height:24px;} div#main_menu ul,div#main_menu ul li { display:block; margin:0; padding:0; list-style:none;} div#main_menu ul li { float:left; height:24px;} div#main_menu ul li a { display:block; height:24px; color:#FFF;} div#main_menu ul li a:hover { color:#FFF;} div#main_menu ul li a span { display:none;} /* 2011に変更後削除 */ /* BTN HOME */ li#btn_home { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat 0 0; width:160px;} li#btn_home a { width:160px;} li#btn_home a:hover { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat 0 -24px; width:160px;} /* BTN News */ li#btn_news { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -160px 0; width:160px;} li#btn_news a { width:160px;} li#btn_news a:hover { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -160px -24px; width:160px;} li#btn_news_active { background:url(http://www.g-mark.org/images/common/main_menu.jpg) -160px -48px no-repeat; width:160px;} /* BTN about GDA */ li#btn_aginfo { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -320px 0; width:160px;} li#btn_aginfo a { width:160px;} li#btn_aginfo a:hover { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -320px -24px; width:160px;} li#btn_aginfo_active { background:url(http://www.g-mark.org/images/common/main_menu.jpg) -320px -48px no-repeat; width:160px;} /* BTN Archive */ li#btn_archive { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -480px 0; width:160px;} li#btn_archive a { width:160px;} li#btn_archive a:hover { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -480px -24px; width:160px;} li#btn_archive_active { background:url(http://www.g-mark.org/images/common/main_menu.jpg) -480px -48px no-repeat; width:160px;} /* BTN GDA Years */ li#btn_gda { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -640px 0; width:160px;} li#btn_gda a { width:160px;} li#btn_gda a:hover { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -640px -24px; width:160px;} li#btn_gda_active { background:url(http://www.g-mark.org/images/common/main_menu.jpg) -640px -48px no-repeat; width:160px;} /* BTN Promotion */ li#btn_promo { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -800px 0; width:160px;} li#btn_promo a { width:160px;} li#btn_promo a:hover { background:url(http://www.g-mark.org/images/common/main_menu.jpg) no-repeat -800px -24px; width:160px;} li#btn_promo_active { background:url(http://www.g-mark.org/images/common/main_menu.jpg) -800px -48px no-repeat; width:160px;} /* 2011仕様 */ /* ホーム */ li#gbtn0 { background:url(/images/common/main_menu2011.jpg) no-repeat 0 0; width:138px;} li#gbtn0 a { width:138px;} li#gbtn0 a:hover { background:url(/images/common/main_menu2011.jpg) no-repeat 0 -24px; width:138px;} /* 応募する */ li#gbtn3 { background:url(/images/common/main_menu2011.jpg) no-repeat -138px 0; width:137px;} li#gbtn3 a { width:137px;} li#gbtn3 a:hover { background:url(/images/common/main_menu2011.jpg) no-repeat -138px -24px;} li#gbtn3_active { background:url(/images/common/main_menu2011.jpg) -138px -48px no-repeat; width:137px;} /* グッドデザイン賞とは */ li#gbtn1 { background:url(/images/common/main_menu2011.jpg) no-repeat -275px 0; width:137px;} li#gbtn1 a { width:137px;} li#gbtn1 a:hover { background:url(/images/common/main_menu2011.jpg) no-repeat -275px -24px;} li#gbtn1_active { background:url(/images/common/main_menu2011.jpg) -275px -48px no-repeat; width:137px;} /* Ｇマークについて */ li#gbtn2 { background:url(/images/common/main_menu2011.jpg) no-repeat -412px 0; width:137px;} li#gbtn2 a { width:137px;} li#gbtn2 a:hover { background:url(/images/common/main_menu2011.jpg) no-repeat -412px -24px;} li#gbtn2_active { background:url(/images/common/main_menu2011.jpg) -412px -48px no-repeat; width:137px;} /* マークを使う */ li#gbtn4 { background:url(/images/common/main_menu2011.jpg) no-repeat -549px 0; width:137px;} li#gbtn4 a { width:137px;} li#gbtn4 a:hover { background:url(/images/common/main_menu2011.jpg) no-repeat -549px -24px;} li#gbtn4_active { background:url(/images/common/main_menu2011.jpg) -549px -48px no-repeat; width:137px;} /* プロモーション */ li#gbtn5 { background:url(/images/common/main_menu2011.jpg) no-repeat -686px 0; width:137px;} li#gbtn5 a { width:137px;} li#gbtn5 a:hover { background:url(/images/common/main_menu2011.jpg) no-repeat -686px -24px;} li#gbtn5_active { background:url(/images/common/main_menu2011.jpg) -686px -48px no-repeat; width:137px;} /* 関連書籍 */ li#gbtn6 { background:url(/images/common/main_menu2011.jpg) no-repeat -823px 0; width:137px;} li#gbtn6 a { width:137px;} li#gbtn6 a:hover { background:url(/images/common/main_menu2011.jpg) no-repeat -823px -24px;} li#gbtn6_active { background:url(/images/common/main_menu2011.jpg) -823px -48px no-repeat; width:137px;} /* 過去のニュース一覧 */ div#btn_newslist { float:right; width:132px; height:19px; background:url(/images/common/btn_newslist.jpg) 0 0 no-repeat;} div#btn_newslist a { display:block; width:132px; height:19px; } div#btn_newslist a:hover { background:url(/images/common/btn_newslist.jpg) -132px 0 no-repeat;} div#btn_newslist a span { display:none;} /* BTN ロングライフデザイン賞推薦フォーム */ div.btn_form_long { width:271px; height:42px; background:url(/images/img/btn_form_long.jpg) 0 0 no-repeat;} div.btn_form_long a { display:block; width:271px; height:42px; } div.btn_form_long a:hover { background:url(/images/img/btn_form_long.jpg) -271px 0 no-repeat;} div.btn_form_long a span { display:none;} div.btn_form_long2 { width:271px; height:42px; background:url(/images/img/btn_form_long.jpg) -542px 0 no-repeat;} div.btn_form_long2 span { display:none;} /* BTN フロンティアデザイン賞推薦フォーム */ div.btn_form_frontier { width:271px; height:42px; background:url(/images/img/btn_form_frontier.jpg) 0 0 no-repeat;} div.btn_form_frontier a { display:block; width:271px; height:42px; } div.btn_form_frontier a:hover { background:url(/images/img/btn_form_frontier.jpg) -271px 0 no-repeat;} div.btn_form_frontier a span { display:none;} div.btn_form_frontier2 { width:271px; height:42px; background:url(/images/img/btn_form_frontier.jpg) -542px 0 no-repeat;} div.btn_form_frontier2 span { display:none;} /* BTN グッドデザイン賞推薦フォーム */ div.btn_form_gsuisen { width:227px; height:42px; background:url(/images/img/btn_form_gsuisen.jpg) 0 0 no-repeat;} div.btn_form_gsuisen a { display:block; width:227px; height:42px; } div.btn_form_gsuisen a:hover { background:url(/images/img/btn_form_gsuisen.jpg) -227px 0 no-repeat;} div.btn_form_gsuisen a span { display:none;} div.btn_form_gsuisen2 { width:227px; height:42px; background:url(/images/img/btn_form_gsuisen.jpg) -454px 0 no-repeat;} div.btn_form_gsuisen2 span { display:none;} /* ---------------------------------------------- 4. Secand Global Menu Setting ---------------------------------------------- */ /*for Empty Space*/ #header_menu2nd { clear:both; height:50px; width:960px;} /* ---------------------------------------------- 5. Contents Area Setting ---------------------------------------------- */ #contents p { margin-top:1em; font-size:inherit; line-height:inherit;} #contents h1 { font-weight:normal; font-size:18px; line-height:100%; color:#000000; letter-spacing:1px; margin-bottom:25px;} #contents h2 { font-weight:normal; font-size:16px; margin-top:1.5em; line-height:200%; color:#000000; letter-spacing:1px;} #contents h3 { font-weight:normal; font-size:15px; margin-top:1.3em; line-height:170%; color:#000000; letter-spacing:1px;} #contents h4 { font-weight:normal; font-size:13px; margin-top:1.2em; line-height:150%; color:#000000; letter-spacing:1px;} #contents h5 { font-weight:normal; font-size:12px; margin-top:1em; color:#000000;} h3.h3_top {margin-top:1em !important;} h4.h4_top {margin-top:0.5em !important;} div.div_section { margin:0; padding:0; border-top:solid 1px #666; margin-top:3em;} .section_tit,h2.section_tit { margin-top:1em !important; margin-bottom:1em !important;} /* Image align Setting */ #contents img.img_left { float:left; margin-right:12px;} #contents img.img_right { float:right; margin-left:12px;} /* Text Link List for UL */ ul.h_list { margin-top:0; margin-left:8px;} ul.h_list li { padding:4px 0 4px 0px;} /* In and Out LINK Mark Setting */ a.link_inside { float:right; padding-right:18px; padding-top:4px; background:url(/images/common/link_inside.gif) right 4px no-repeat;} a.link_inside:hover { color:#FF9900 !important;} a.link_inside2 { padding-right:18px; padding-top:4px; background:url(/images/common/link_inside.gif) right 4px no-repeat;} a.link_inside2:hover { color:#FF9900 !important;} /* --------------------- 6. BTN Page Top --------------------- */ a.p_top { margin:5px 0 5px auto; display:block; width:100px; height:17px; background:url(/images/common/btn_p_top.gif) left top no-repeat;} a.p_top span { display:none;} /* ---------------------------------------------- 7. G-mark TopPage News area ---------------------------------------------- */ /* Yellow arrow for News and Topics */ #contents h3.h3_news { padding-left:16px; background:url(/images/common/link_news.gif) left top no-repeat;} #contents_top h3.h3_news { padding-left:16px; background:url(/images/common/link_news.gif) left top no-repeat;} #topicsnews h3 { font-weight:normal; margin-top:0.6em; font-size:12px; line-height:130%;} #topicsnews h3 a { font-weight:inherit;} #topicsnews div.hr_bg { clear:both; height: 8px; margin-top:8px; background: url(/images/common/line_topicsnews.jpg) left top no-repeat;} #topicsnews div.hr_bg hr { display:none;} #contents span.date { margin-left:4px; font-weight:normal;} /* ---------------------------------------------- 8. 401 403 500 503 Error Images ---------------------------------------------- */ #title_401error {height:27px;background:url(/images/common/title_401error.jpg) left top no-repeat;} #title_401error span {display:none;} #title_403error {height:27px;background:url(/images/common/title_403error.jpg) left top no-repeat;} #title_403error span {display:none;} #title_404error {height:27px;background:url(/images/common/title_404error.jpg) left top no-repeat;} #title_404error span {display:none;} #title_500error {height:27px;background:url(/images/common/title_500error.jpg) left top no-repeat;} #title_500error span {display:none;} #title_503error {height:27px;background:url(/images/common/title_503error.jpg) left top no-repeat;} #title_503error span {display:none;} /* ----------------------- 9. サイドメニュー ----------------------- */ div.sidebox2011 { width:235px; padding-right:5px; background:url(/images/common/side_right_shadow.jpg) right top repeat-y;} div.sidebox2011 a.btn_normal2011 { display:block; background:#FFFFFF; width:233px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;} div.sidebox2011 a.btn_normal2011:hover { background:#cccccc;} div.sidebox2011 a.btn_normal2011 img,div.sidebox2011 img { width:223px; padding:5px;} a.btn_finder2011 { display:block; width:233px; height:42px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; background:url(/images/common/btn_side_finder2.jpg) 0 0 no-repeat;} a.btn_finder2011:hover { background:url(/images/common/btn_side_finder2.jpg) -233px 0 no-repeat;} a.btn_finder2011 span { display:none;} div#sidemenu ul, div#sidemenu ul li { display:block; margin:0; padding:0; list-style:none;} div#sidemenu p { margin:0; padding:0; font-size:12px; line-height:200%; color:#666666; margin-top:1em;} div#sidemenu ul li p { display:block; margin:0; padding:0; line-height:120%;} /* 第１階層ボタン[LINK] */ li.li1st { width:238px; background:#ecedf1; font-size:12px; line-height:120%; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;} li.li1st a { display:block; width:213px; padding:5px 5px 5px 20px !important; color:#666666; text-decoration:none; background:#ecedf1 url(/images/common/li1st_mark.gif) 10px center no-repeat;} li.li1st a:hover { color:#CC0000; text-decoration:underline; background:#dadce4 url(/images/common/li1st_mark.gif) 10px center no-repeat;} li.li1st p { width:213px !important; padding:5px 5px 5px 20px !important; font-size:12px !important; color:#CCCCCC !important; } /* 第１階層ボタン[ACTIVE] */ li.li1st_active { width:238px; background:#ecedf1; font-size:12px; line-height:120%; border-top:1px solid #c3c3c3;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;} li.li1st_active a { display:block; width:213px; padding:5px 5px 5px 20px; color:#CC0000; text-decoration:none; background:#ecedf1 url(/images/common/li1st_mark.gif) 10px center no-repeat;} li.li1st_active a:hover { color:#CC0000; text-decoration:underline; background:#dadce4 url(/images/common/li1st_mark.gif) 10px center no-repeat;} li.li1st_active p { width:213px !important; padding:5px 5px 5px 20px !important; font-size:12px !important; color:#CC0000 !important; } /* 第２階層ボタン[LINK] */ li.li2nd { width:238px; background:#fafafa; font-size:11px; line-height:120%; border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;} li.li2nd a { display:block; width:213px; padding:5px 5px 5px 20px; color:#666666; text-decoration:none;} li.li2nd a:hover { color:#CC0000; text-decoration:underline; background:#f0f0f0;} li.li2nd p { display:block !important; width:213px !important; padding:5px 5px 5px 20px !important; font-size:11px !important; color:#CCCCCC !important; } /* 第２階層ボタン[ACTIVE] */ li.li2nd_active { width:238px; background:#fafafa; font-size:11px; line-height:120%; border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;} li.li2nd_active a { display:block; width:213px; padding:5px 5px 5px 20px; color:#CC0000; text-decoration:none;} li.li2nd_active a:hover { color:#CC0000; text-decoration:underline; background:#f0f0f0;} li.li2nd_active p { display:block !important; width:213px; padding:5px 5px 5px 20px !important; font-size:11px !important; color:#CC0000 !important;} /* 第３階層ボタン[LINK] */ li.li3rd { width:238px; background:#fafafa; font-size:10px; line-height:120%; border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;} li.li3rd a { display:block; width:200px; padding:5px 5px 5px 33px; color:#666666; text-decoration:none;} li.li3rd a:hover { color:#CC0000; text-decoration:underline; background:#f0f0f0;} li.li3rd p { display:block !important; width:200px !important; padding:5px 5px 5px 33px !important; font-size:10px !important; color:#CCCCCC !important; } /* 第３階層ボタン[ACTIVE] */ li.li3rd_active { width:238px; background:#fafafa; font-size:10px; line-height:120%; border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;} li.li3rd_active a { display:block; width:200px; padding:5px 5px 5px 33px; color:#CC0000; text-decoration:none;} li.li3rd_active a:hover { color:#CC0000; text-decoration:underline; background:#f0f0f0;} li.li3rd_active p { display:block !important; width:200px !important; padding:5px 5px 5px 33px !important; font-size:10px !important; color:#CC0000 !important; } li.b_close a, li.b_close p{ border-bottom:1px solid #c3c3c3;} /* ----------------------- 10. Footer ----------------------- */ div#footer { clear:both; width:960px; margin-top:50px;} div#jidpo_line { width:960px;} div#jidpo_img { background:#999CAD url(http://www.g-mark.org/images/common/footer_jidpo_text.jpg) right top no-repeat;} div#jidpo_img a { display:block;} div#jidpo_txt { display:none;} div#footer_menu { clear:both; margin-bottom:30px; height:16px;} li#btn_sitepolicy { float:left; width:100px; height:16px; background: url(http://www.g-mark.org/images/common/footermenu.jpg) 0 0 no-repeat;} li#btn_sitepolicy a span,li#btn_sitepolicy p span,li#btn_sitepolicy_active a span { display:none;} li#btn_sitepolicy a,li#btn_sitepolicy_active a { width:100px; height:16px; display:block;} li#btn_sitepolicy a:hover { background: url(http://www.g-mark.org/images/common/footermenu.jpg) 0 -16px no-repeat;} li#btn_sitepolicy p { width:100px; height:16px; display:block; background:url(http://www.g-mark.org/images/common/footermenu.jpg) 0 -32px no-repeat;} li#btn_sitepolicy_active { float:left; width:100px; height:16px; background:url(http://www.g-mark.org/images/common/footermenu.jpg) 0 -32px no-repeat;} li#btn_privacypolicy { float:left; width:160px; height:16px; background: url(http://www.g-mark.org/images/common/footermenu.jpg) -100px 0 no-repeat;} li#btn_privacypolicy a span,li#btn_privacypolicy p span,li#btn_privacypolicy_active a span { display:none;} li#btn_privacypolicy a,li#btn_privacypolicy_active a { width:160px; height:16px; display:block;} li#btn_privacypolicy a:hover { background: url(http://www.g-mark.org/images/common/footermenu.jpg) -100px -16px no-repeat;} li#btn_privacypolicy p { width:160px; height:16px; display:block; background:url(http://www.g-mark.org/images/common/footermenu.jpg) -100px -32px no-repeat;} li#btn_privacypolicy_active { float:left; width:170px; height:16px; background:url(http://www.g-mark.org/images/common/footermenu.jpg) -100px -32px no-repeat;} li#btn_sct { float:left; width:150px; height:16px; background: url(http://www.g-mark.org/images/common/footermenu.jpg) -260px 0 no-repeat; display:none;} li#btn_sct a span,li#btn_sct p span,li#btn_sct_active a span { display:none;} li#btn_sct a,li#btn_sct_active a { width:150px; height:16px; display:block;} li#btn_sct a:hover { background: url(http://www.g-mark.org/images/common/footermenu.jpg) -260px -16px no-repeat;} li#btn_sct p { width:150px; height:16px; display:block; background:url(http://www.g-mark.org/images/common/footermenu.jpg) -260px -32px no-repeat;} li#btn_sct_active { float:left; width:150px; height:16px; background:url(http://www.g-mark.org/images/common/footermenu.jpg) -260px -32px no-repeat;} li#copyright,li#copyright span { float:right; font-size:10px; line-height:16px; width:470px; padding-right:5px; text-align:right;} /* ----------------------- 11. hr ----------------------- */ hr.hr_hid { display:none;} .hr_bg_red { height:5px; border-bottom:#F00 1px solid; clear:both;} .hr_bg_red span, .hr_bg_red hr { display: none;} div.hr_bg_gray { height:5px; border-top:#CCC 1px dotted; clear:both;} .hr_bg_gray span, .hr_bg_gray hr { display: none;} .hr_bg_gray2 {height:5px; border-top:#DDD 1px dotted; clear:both;} .hr_bg_gray2 span, .hr_bg_gray2 hr { display: none;} .hr_bg_gray3 { height:5px; border-top:#EEE 1px dotted; clear:both;} .hr_bg_gray3 span, .hr_bg_gray3 hr { display: none;} /* --------------------------------------------------------------------- 12. Company Registration [English] During Registration at Top page --------------------------------------------------------------------- */ div#c_regis { /*border:1px solid #CCCCCC;*/ /*background:#FFFFFF;*/ /*padding:5px 0;*/ margin-top:15px;} div#c_regis_left { float:left;width:360px;} /* ---------------------------------------------- 13 New 2009 . Kigyou navi at Top Page and Ug_07 Page ---------------------------------------------- */ div#login_win_top { background:url(images/common/login_win_top.jpg) left top no-repeat; width:240px; height:49px;} div#login_win_top span { display:none;} div#login_win_mail { width:85px; height:20px; background:url(images/common/login_win_mail.jpg) left top no-repeat; float:left;} div#login_win_mail span { display:none;} div#login_win_pass { width:85px; height:20px; background:url(images/common/login_win_pass.jpg) left top no-repeat; float:left;} div#login_win_pass span { display:none;} div#input_mail { width:120px; float:right;} div#input_mail input { width:120px;} div#input_mail input { width:118px; border:1px solid #9797a1;} div#input_pass { width:120px; float:right;} div#input_pass input { width:120px; border:1px solid #9797a1;} div#login_win_btn { height:23px; width:118px; margin-left:auto;} div#login_win_bg { background:url(images/common/login_win_bg.jpg) left top repeat-y; width:240px;} div#login_win_wrap { width:205px; margin:auto;} div#login_win_bottom { background:url(images/common/login_win_bottom.jpg) left top no-repeat; width:240px; height:15px; font-size:1px; line-height:1px;} div.login_win_font_s { font-size:12px; line-height:100%; text-align:right;} div#btn_side_01 { width:235px; height:40px; background:url(images/common/btn_side_01.jpg) left top no-repeat;} div#btn_side_01 a { display:block; width:235px; height:40px;} div#btn_side_01 a:hover { background:url(images/common/btn_side_01_hover.jpg) left top no-repeat;} div#btn_side_01 a span { display:none;} div#btn_side_02 { width:235px; height:40px; background:url(images/common/btn_side_02.jpg) left top no-repeat;} div#btn_side_02 a { display:block; width:235px; height:40px;} div#btn_side_02 a:hover { background:url(images/common/btn_side_02_hover.jpg) left top no-repeat;} div#btn_side_02 a span { display:none;} /* 公式twitterアカウントはこちら */ div#btn_side_twitter { width:240px; height:15px; background:url(/images/common/btn_side_img.jpg) 0 0 no-repeat;} div#btn_side_twitter a { display:block; width:240px; height:15px;} div#btn_side_twitter a:hover { background:url(/images/common/btn_side_img.jpg) -240px 0 no-repeat;} div#btn_side_twitter a span { display:none;} /* 日本産業デザイン振興会公式ブログ */ div#btn_side_blog { width:240px; height:15px; background:url(/images/common/btn_side_img.jpg) 0 -15px no-repeat;} div#btn_side_blog a { display:block; width:240px; height:15px;} div#btn_side_blog a:hover { background:url(/images/common/btn_side_img.jpg) -240px -15px no-repeat;} div#btn_side_blog a span { display:none;} /* 無料メルマガ登録 */ div#btn_side_adnews { width:240px; height:15px; background:url(/images/common/btn_side_img.jpg) 0 -30px no-repeat;} div#btn_side_adnews a { display:block; width:240px; height:15px;} div#btn_side_adnews a:hover { background:url(/images/common/btn_side_img.jpg) -240px -30px no-repeat;} div#btn_side_adnews a span { display:none;} /* 2011年度グッドデザイン */ div#banner_gda20110502 { width:240px; height:15px; background:url(/images/common/banner_gda20110502.jpg) 0 -0 no-repeat;} div#banner_gda20110502 a { display:block; width:240px; height:15px;} div#banner_gda20110502 a:hover { background:url(/images/common/banner_gda20110502.jpg) -240 -0 no-repeat;} div#banner_gda20110502 a span { display:none;} /* 2010年度受賞結果 */ div#btn_side_gda2010 { width:240px; height:15px; background:url(/images/common/btn_side_img.jpg) 0 -45px no-repeat;} div#btn_side_gda2010 a { display:block; width:240px; height:15px;} div#btn_side_gda2010 a:hover { background:url(/images/common/btn_side_img.jpg) -240px -45px no-repeat;} div#btn_side_gda2010 a span { display:none;} /* Ｇマーク使用についてはこちら */ div#btn_side_usinggmark { width:240px; height:38px; background:url(/images/common/btn_side_usinggmark.jpg) 0 0 no-repeat;} div#btn_side_usinggmark a { display:block; width:240px; height:38px;} div#btn_side_usinggmark a:hover { background:url(/images/common/btn_side_usinggmark.jpg) -240px 0 no-repeat;} div#btn_side_usinggmark a span { display:none;} /* (2010年度)受賞結果はこちら */ div#btn_side_gda { width:235px; height:15px; background:url(images/common/btn_side_gda.jpg) left top no-repeat;} div#btn_side_gda a { display:block; width:235px; height:15px;} div#btn_side_gda a:hover { background:url(images/common/btn_side_gda_hover.jpg) left top no-repeat;} div#btn_side_gda a span { display:none;} /* グッドデザインファインダー */ div#btn_side_finder { width:240px; height:73px; background:url(/images/common/btn_side_finder.jpg) 0 0 no-repeat;} div#btn_side_finder a { display:block; width:240px; height:73px;} div#btn_side_finder a:hover { background:url(/images/common/btn_side_finder.jpg) -240px 0 no-repeat;} div#btn_side_finder a span { display:none;} /* 2011年度グッドデザイン賞 */ div#banner_gda20110502 { background:url(/images/common/banner_gda20110502.jpg) 0 0 no-repeat; width:240px; height:125px;} div#banner_gda20110502 a { display:block; width:240px; height:125px;} div#banner_gda20110502 a:hover { background:url(/images/common/banner_gda20110502.jpg) -240px 0 no-repeat;} div#banner_gda20110502 a h2 { display:none;} /* 一般推薦を募集中 */ div#banner_gda2011suisen { background:url(/images/common/banner_gda2011suisen.jpg) 0 0 no-repeat; width:240px; height:95px;} div#banner_gda2011suisen a { display:block; width:240px; height:95px;} div#banner_gda2011suisen a:hover { background:url(/images/common/banner_gda2011suisen.jpg) -240px 0 no-repeat;} div#banner_gda2011suisen a h2 { display:none;} div.btn_side_line { width:240px; height:3px; font-size:1px; line-height:1px; background:url(images/common/btn_side_line.jpg) left top no-repeat;} div.btn_side_line hr { display:none;} /* ---------------------------------------------- 13. Kigyou navi at Top Page and Ug_07 Page ---------------------------------------------- */ div#kinavi { border:1px solid #CCCCCC; background:#FFFFFF url(/images/common/gda_top_kinavi01.jpg) left top no-repeat;} div#kinavi p { font-weight:normal; line-height:120%; font-size:12px;} div#kinavi .disp_none {display:none;} div#kinavi p.p_text1 {margin-top:30px;color:#222222;} div#kinavi p.p_text {margin-top:8px;color:#222222;} div#kinavi p.p_text a { font-size:12px; text-decoration:underline !important; color:#FF6600 !important;} div#kinavi p.p_text a:hover {color:#FF9900 !important;} div#kinavi div.id_area1 { margin:8px 6px 0 6px; padding:2px 2px; background:#FFF url(/images/common/gda_top_kinavi02.jpg) 1px 1px no-repeat; text-align:right;} div#kinavi div.id_area2 { margin:8px 6px 0 6px; padding:2px 2px; background:#FFF url(/images/common/gda_top_kinavi03.jpg) 1px 1px no-repeat; text-align:right;} div#kinavi div.div_clear { clear:both; font-size:1px; line-height:1px;color:#FFF;} div#kinavi input.inp_text { width:133px; height:18px; border:1px solid #666;} /* ---------------------------------------------- 14. Kigyou Navi Hojyo for Top Page ---------------------------------------------- */ div.kinavi_assist { width:234px; border:1px solid #CCC; padding:0; margin-top:4px;} div.kinavi_assist a { width:222px; display:block; padding:0 6px 6px 6px; font-size:10px; text-decoration:none; line-height:120%; color:#555555;} div.kinavi_assist a h3 { line-height:160%; font-weight:normal; font-size:12px;} div.kinavi_assist a:hover h3 { color:#333333; text-decoration:underline;} div.kinavi_assist a:hover { color:#333333; text-decoration:underline;} /* ---------------------------------------------- 15. Table Setting like Schedule ---------------------------------------------- */ table#schedule, table.schedule { border-top:1px dotted #AAA;} table#schedule tr.tr01, table.schedule tr.tr01 { background:#FFFFFF;} table#schedule tr.tr01 th span, table.schedule tr.tr01 th span { color:#FFFFFF;} table#schedule tr.tr02, table.schedule tr.tr02 { background:#F6F6F6;} table#schedule tr.tr02 th span, table.schedule tr.tr02 th span { color:#000000;} table#schedule tr.tr02 td, table.schedule tr.tr02 td { color:#000000;} table#schedule tr th, table.schedule tr th { font-weight:normal; text-align:left; vertical-align:top; white-space:nowrap; border-bottom:1px dotted #AAA; padding-left:0.5em; padding-right:0.5em;} table#schedule tr td, table.schedule tr td { font-weight:normal; text-align:left; vertical-align:top; border-bottom:1px dotted #AAA; padding-left:0.5em; padding-right:0.5em;} /* table 2 bunkatsu Syn */ table.schedule td.td_2b, table#schedule td.td_2b { width:262px;} /* table 2 bunkatsu Asyn A */ table.schedule td.td_2b_1a, table#schedule td.td_2b_1a { width:145px;} table.schedule td.td_2b_2a, table#schedule td.td_2b_2a { width:380px;} /* table 3 bunkatsu Syn */ table.schedule td.td_3b, table#schedule td.td_3b { width:175px;} /* table 3 bunkatsu Asyn A */ table.schedule td.td_3b_1a, table#schedule td.td_3b_1a { width:265px;} table.schedule td.td_3b_2a, table#schedule td.td_3b_2a { width:130px;} table.schedule td.td_3b_3a, table#schedule td.td_3b_3a { width:130px;} table#schedule tr.tr02 td, table#schedule tr.tr02 td span, table.schedule tr.tr02 td, table.schedule tr.tr02 td span { color:#000000;} /* This is Schedule Title with h4 and colspan Non border Top Margin 32px Open */ table#schedule td.td_topline, table.schedule td.td_topline { padding-left:0; padding-right:0; border:0px; margin-top:32px;} /* Point mark for Schedule [English only] */ .orange_check {color:#CC0000 !important;font-weight:bold !important;} .white_check {color:#FFFFFF !important;font-weight:bold !important;} table.schedule td p,table.schedule th p { margin:0 !important; padding:4px !important;} /*schedule2*/ table.schedule2 { border-top:1px dotted #AAA;} table.schedule2 tr th { font-weight:normal; text-align:right; vertical-align:top; border-bottom:1px dotted #AAA; padding-left:0.5em; padding-right:0.5em; } table.schedule2 td { font-weight:normal; vertical-align:top; border-bottom:1px dotted #AAA; padding-left:0.5em; padding-right:0.5em; } /*Table Normal 1 Th is Align Left */ table.tbl_normal tr th { vertical-align:top; font-size:inherit; padding-left:0.2em; padding-right:0.2em; font-weight:normal; white-space:nowrap; text-align:left; } table.tbl_normal tr td { vertical-align:top; font-size:inherit; padding-left:0.2em; padding-right:0.2em;} /*Table Normal 2 Th is Align Right */ table.tbl_normal2 tr th { vertical-align:top; font-size:inherit; padding-left:0.2em; padding-right:0.2em; font-weight:normal; white-space:nowrap; text-align:right; } table.tbl_normal2 tr td { vertical-align:top; font-size:inherit; padding-left:0.2em; padding-right:0.2em;} /*Table Normal 3 Th is Align Right */ /*table.tbl_normal3 { width:100%;}*/ table.tbl_normal3 tr th { vertical-align:top; font-size:inherit; padding-left:0.2em; padding-right:0.2em; text-align:right; white-space:nowrap; font-weight:normal;} table.tbl_normal3 tr td { vertical-align:top; font-size:inherit; padding-left:0.2em; padding-right:0.2em;} table.tbl_b1 { border-top:1px solid #CCC; border-left:1px solid #CCC;} table.tbl_b1 tr td,table.tbl_b1 tr th { border-bottom:1px solid #CCC; border-right:1px solid #CCC;} table.tbl_borderlist1 { border-top:1px solid #CCC; border-left:1px solid #CCC;} table.tbl_borderlist1 tr td { border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-left:0.2em; padding-right:0.2em; font-weight:normal;} table.tbl_borderlist1 tr th { border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-left:0.2em; padding-right:0.2em; font-weight:normal;} table.tbl_borderlist2 { border-top:1px solid #CCC; border-left:1px solid #CCC;} table.tbl_borderlist2 tr td { border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-left:0.2em; padding-right:0.2em; font-weight:normal; text-align:right;} table.tbl_borderlist2 tr th { border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-left:0.2em; padding-right:0.2em; font-weight:normal;} /* Gmark using price */ table.prize_list { margin-left:0 !important; width:525px; border-top:1px dotted #AAA;} table.prize_list tr th { font-weight:normal; text-align:left; vertical-align:top; white-space:nowrap; border-bottom:1px dotted #AAA; width:260px !important;} table.prize_list tr th p { width:220px !important; margin:2px auto !important; padding:0;} table.prize_list tr td { font-weight:normal; text-align:left; vertical-align:top; border-bottom:1px dotted #AAA; width:265px !important;} table.prize_list tr td p { width:285px; margin:2px auto !important; padding:0 !important;} /* Rinen */ table.tbl_rinen { margin-top:1em;} table.tbl_rinen tr th { font-weight:bold; font-size:13px; white-space:nowrap; text-align:left; padding:0; margin:0;} table.tbl_rinen tr td { white-space:nowrap; padding:0 10px; margin:0;} /* Table Oubo taisyou List agi_05 , gda_e03 , gda_a23 */ table.tbl_oubo_list { border-left:1px solid #999;border-top:1px solid #999; width:100%;} table.tbl_oubo_list tr th, table.tbl_oubo_list tr td { vertical-align:top; text-align:left; padding-bottom:0.5em;border-right:1px solid #999;border-bottom:1px solid #999; padding:0 4px; line-height:150%;} table.tbl_oubo_list tr th { width:265px; font-weight:bold;font-size:12px;} table.tbl_oubo_list tr td { font-size:12px;} div.box_gray1 { background:#EEE; border:1px solid #999; padding:10px;} /* ---------------------------------------------- 16. UL List-Style-Type Setting ---------------------------------------------- */ /*Li Non mark*/ #contents ul.ul_text li strong { display:block; margin-top:1em; font-weight:normal; color:#000; line-height:200%;} /*Li Non mark*/ #contents ul.ul_none li { list-style-type:none !important; margin-left:1em;} #contents ul.ul_none li strong { display:block; font-weight:normal; color:#000; line-height:200%; margin-top:0.7em;} /* Li DISK mark[.] */ #contents ul.ul_disc li { list-style-type:disc; margin-left:1.5em;} #contents ul.ul_disc li strong { display:block; font-weight:normal; color:#000; line-height:200%; margin-top:0.7em;} #contents ul.ul_disc li h5, #contents ul.ul_disc li h4 { margin-top:1em;} /* Li Decimal mark[12345....] */ #contents ul.ul_decimal li { list-style-type:decimal; margin-left:25px;} #contents ul.ul_decimal li h5, #contents ul.ul_decimal li h4 { margin-top:1em;} .bold_type {font-weight:bold !important;color:#666666 !important;} /* ----------------------- 17. BIG Text button ----------------------- */ /* BIG Text button no using Image */ #eg05_ul li a:link, #eg05_ul li a:visited, #eg05_ul li a:active { display:block; padding:4px 16px 4px 16px; border:1px solid #E5E5E5; background:#FFFFFF; margin:8px 0; vertical-align:top; width:470px; text-decoration:none !important;} #eg05_ul li a:hover { border:1px solid #CCCCCC; background:#F9F9F9; text-decoration:underline !important;} /* BIG Text button no using Image */ #eg02_ul li a:link, #eg02_ul li a:visited, #eg02_ul li a:active { display:block; padding:5px 16px 5px 16px; border:1px solid #E5E5E5; background:#FFF; margin:4px 0; vertical-align:top; width:470px; text-decoration:none !important;} #eg02_ul li a:hover { border:1px solid #CCC; background:#F9F9F9; text-decoration:underline !important;} /* ----------------------- 18. Judges Page ----------------------- */ ul.jury_list li { margin:10px 20px; clear:both;} .jury_small a {font-size::12px;} div.jury_small { font-size:12px; color:#000000; clear:both;} .jury_small p { font-size:11px; color:#666666; margin-top:0.4em !important;} .jury_small span { visibility:visible; display:inline;} /* Image Position */ #contents img.jury_img_left { float:left; margin:0 30px 0 0;} /* Photo Size and Border */ .jury_list img { width:40px; border:1px solid #999999;} /* Judges Chief */ span.chief_unit { padding-left:15px; color:#333;} span.chief_critique { padding-left:15px; color:#999;} /* --------------------- 19. D monitor --------------------- */ div#d_moni { width:300px; border:1px solid #CCC; background:#FFF; padding:6px 0 12px 0;} div#d_moni p { margin-left:6px; margin-right:6px; margin-bottom:0px; line-height:120%; font-weight:normal; font-size:10px;} div#d_moni .disp_none {display:none;} div#d_moni p.p_text1 {margin-top:30px;color:#222;} div#d_moni p.p_text {margin-top:8px;color:#222;} div#d_moni p.p_text a { font-size:10px; text-decoration:underline !important; color:#F60 !important;} div#d_moni p.p_text a:hover {color:#F90 !important;} div#d_moni div.id_area1 { margin:8px 6px 0 6px; padding:2px 2px; border:1px dotted #CCC; background:#FFF url(/images/common/gda_top_kinavi02.jpg) 1px 1px no-repeat; text-align:right;} div#d_moni div.id_area2 { margin:8px 6px 0 6px; padding:2px 2px; border:1px dotted #CCC; background:#FFF url(/images/common/gda_top_kinavi03.jpg) 1px 1px no-repeat; text-align:right;} div#d_moni input.inp_text { width:133px; height:18px; border:1px solid #666;} div#d_moni div.div_clear { clear:both; font-size:1px; line-height:1px; color:#FFF;} /* --------------------- 20. Q and A --------------------- */ p.ques { display:block !important; margin-top:1.5em !important; color:#000000 !important;} p.ques span { color:#CC0000 !important; font-weight:bold;} p.ans {margin-top:0.3em !important;} p.ans span { color:#000099 !important; font-weight:bold;} p.moreinfo {margin-top:0px !important;} ul.mid_title {margin-top:3px !important;} ul.mid_title li {margin-top:3px;} ul.mid_title li a {line-height:16px;} /* -------------------------------------------- 21. GDA News backnumber -------------------------------------------- */ a.gda_news_page_back {margin:5px 0 5px auto;display:block;width:200px;height:17px;background:url(/images/common/btn_gnews_back.gif) left top no-repeat;} a.gda_news_page_back span {display:none;} /* --------------------- 22. Mr. Kita Voice --------------------- */ a.btn_kitasvoice_back { margin:5px 0 5px auto; display:block; width:200px; height:17px; background:url(/images/common/btn_kitasvoice_back.gif) left top no-repeat;} a.btn_kitasvoice_back span {display:none;} btn_kitasvoice_back.gifdiv.gda_news_text {margin:16px 0 0 16px;} p.btn_next {text-align:right;} /* -------------------------------------------- 23. Registration Button at Gda_eg06 -------------------------------------------- */ div#btn_ent_regi { width:155px; height:32px; background:url(/images/img/btn_ent_regi.jpg) left top no-repeat; /*for Active*/} div#btn_ent_regi_noactive { width:155px; height:32px; background:url(/images/img/btn_ent_regi_noactive.jpg) left top no-repeat; /*for No active*/} div#btn_ent_regi a { display:block; width:155px; height:32px;} div#btn_ent_regi a:hover { background:url(/images/img/btn_ent_regi_hover.jpg) left top no-repeat;} div#btn_ent_regi a span, div#btn_ent_regi_noactive span{ display:none;} /* ----------------------- 24. SECTION TOP List ----------------------- */ div.section_box { width:175px; float:left;} div.section_ver_limited { font-size:1px; line-height:1px; width:5px; height:55px; float:left;} div.section_box_br { width:175px; background:url(/images/img/section_box_br.jpg) left top repeat-y;} div.section_box_top01 { width:175px; height:115px; background:url(/images/img/section_box_top01.jpg) left top no-repeat;} div.section_box_top02 { width:175px; height:115px; background:url(/images/img/section_box_top02.jpg) left top no-repeat;} div.section_box_top03 { width:175px; height:115px; background:url(/images/img/section_box_top03.jpg) left top no-repeat;} div.section_box_top04 { width:175px; height:115px; background:url(/images/img/section_box_top04.jpg) left top no-repeat;} div.section_box_top05 { width:175px; height:115px; background:url(/images/img/section_box_top05.jpg) left top no-repeat;} div.section_box_top06 { width:175px; height:115px; background:url(/images/img/section_box_top06.jpg) left top no-repeat;} div.section_box_top07 { width:175px; height:115px; background:url(/images/img/section_box_top07.jpg) left top no-repeat;} div.section_box_top11 { width:175px; height:115px; background:url(/images/img/section_box_top11.jpg) left top no-repeat;} div.section_box_top12 { width:175px; height:115px; background:url(/images/img/section_box_top12.jpg) left top no-repeat;} div.section_box_top13 { width:175px; height:115px; background:url(/images/img/section_box_top13.jpg) left top no-repeat;} div.section_box_top14 { width:175px; height:115px; background:url(/images/img/section_box_top14.jpg) left top no-repeat;} div.section_box_top15 { width:175px; height:115px; background:url(/images/img/section_box_top15.jpg) left top no-repeat;} div.section_box_top16 { width:175px; height:115px; background:url(/images/img/section_box_top16.jpg) left top no-repeat;} div.section_box_top17 { width:175px; height:115px; background:url(/images/img/section_box_top17.jpg) left top no-repeat;} div.section_box_top18 { width:175px; height:115px; background:url(/images/img/section_box_top18.jpg) left top no-repeat;} div.section_box_top21 { width:175px; height:115px; background:url(/images/img/section_box_top21.jpg) left top no-repeat;} div.section_box_top22 { width:175px; height:115px; background:url(/images/img/section_box_top22.jpg) left top no-repeat;} div.section_box_top23 { width:175px; height:115px; background:url(/images/img/section_box_top23.jpg) left top no-repeat;} div.section_box_expo2009 { width:175px; height:115px; background:url(/images/img/section_box_expo2009.jpg) left top no-repeat;} div.section_box_top01 a,div.section_box_top02 a,div.section_box_top03 a, div.section_box_top04 a,div.section_box_top05 a,div.section_box_top06 a, div.section_box_top07 a,div.section_box_top11 a,div.section_box_top12 a, div.section_box_top13 a,div.section_box_top14 a,div.section_box_top15 a, div.section_box_top16 a,div.section_box_top17 a,div.section_box_top18 a,div.section_box_top21 a, div.section_box_top22 a,div.section_box_top23 a,div.section_box_expo2009 a { display:block; width:175px; height:115px;} div.section_box_top01 a:hover { background:url(/images/img/section_box_top01_hover.jpg) left top no-repeat;} div.section_box_top02 a:hover { background:url(/images/img/section_box_top02_hover.jpg) left top no-repeat;} div.section_box_top03 a:hover { background:url(/images/img/section_box_top03_hover.jpg) left top no-repeat;} div.section_box_top04 a:hover { background:url(/images/img/section_box_top04_hover.jpg) left top no-repeat;} div.section_box_top05 a:hover { background:url(/images/img/section_box_top05_hover.jpg) left top no-repeat;} div.section_box_top06 a:hover { background:url(/images/img/section_box_top06_hover.jpg) left top no-repeat;} div.section_box_top07 a:hover { background:url(/images/img/section_box_top07_hover.jpg) left top no-repeat;} div.section_box_top11 a:hover { background:url(/images/img/section_box_top11_hover.jpg) left top no-repeat;} div.section_box_top12 a:hover { background:url(/images/img/section_box_top12_hover.jpg) left top no-repeat;} div.section_box_top13 a:hover { background:url(/images/img/section_box_top13_hover.jpg) left top no-repeat;} div.section_box_top14 a:hover { background:url(/images/img/section_box_top14_hover.jpg) left top no-repeat;} div.section_box_top15 a:hover { background:url(/images/img/section_box_top15_hover.jpg) left top no-repeat;} div.section_box_top16 a:hover { background:url(/images/img/section_box_top16_hover.jpg) left top no-repeat;} div.section_box_top17 a:hover { background:url(/images/img/section_box_top17_hover.jpg) left top no-repeat;} div.section_box_top18 a:hover { background:url(/images/img/section_box_top18_hover.jpg) left top no-repeat;} div.section_box_top21 a:hover { background:url(/images/img/section_box_top21_hover.jpg) left top no-repeat;} div.section_box_top22 a:hover { background:url(/images/img/section_box_top22_hover.jpg) left top no-repeat;} div.section_box_top23 a:hover { background:url(/images/img/section_box_top23_hover.jpg) left top no-repeat;} div.section_box_expo2009 a:hover { background:url(/images/img/section_box_expo2009_hover.jpg) left top no-repeat;} div.section_box_top01 a h2,div.section_box_top02 a h2,div.section_box_top03 a h2, div.section_box_top04 a h2,div.section_box_top05 a h2,div.section_box_top06 a h2, div.section_box_top07 a h2,div.section_box_top11 a h2,div.section_box_top12 a h2, div.section_box_top13 a h2,div.section_box_top14 a h2,div.section_box_top15 a h2, div.section_box_top16 a h2,div.section_box_top17 a h2,div.section_box_top18 a h2,div.section_box_top21 a h2, div.section_box_top22 a h2,div.section_box_top23 a h2,div.section_box_expo2009 a h2 { display:none;} div.section_txt { float:left; width:155px;} div.section_box_bottom { width:175px; height:20px; background:url(/images/img/section_box_bottom.jpg) left top no-repeat;} /* ---------------------------------------------- 25. Site Top Side Banner area ---------------------------------------------- */ /* ---------------------------------------- Results2008 */ /* Japanese */ div#banner_jds2009 { width:235px; height:50px; background:url(/images/img/bar_jds2009.jpg) left top no-repeat;} div#banner_jds2009 a { display:block; width:235px; height:50px;} div#banner_jds2009 a:hover { background:url(/images/img/bar_jds2009_hover.jpg) left top no-repeat;} div#banner_jds2009 a span {display:none;} /* ---------------------------------------- GDA2008 */ /* Japanese */ div#banner_gda2009 { width:235px; height:108px; /*background:url(/images/img/banner_gda20090401.jpg) left top no-repeat;*/ /*background:url(/images/img/banner_gda20090422.jpg) left top no-repeat;*/ background:url(/images/img/banner_gda20090608.jpg) left top no-repeat;} div#banner_gda2009 a { display:block; width:235px; height:108px;} div#banner_gda2009 a:hover { /*background:url(/images/img/banner_gda20090401_hover.jpg) left top no-repeat;*/ /*background:url(/images/img/banner_gda20090422_hover.jpg) left top no-repeat;*/ background:url(/images/img/banner_gda20090608_hover.jpg) left top no-repeat; } div#banner_gda2009 a span {display:none;} /* English */ div#banner_gda2009e { background:url(/images/img/banner_gda20090401e.jpg) left top no-repeat; width:235px; height:108px;} div#banner_gda2009e a { display:block; width:235px; height:108px;} div#banner_gda2009e a:hover { background:url(/images/img/banner_gda20090401e_hover.jpg) left top no-repeat;} div#banner_gda2009e a span {display:none;} /* ---------------------------------------- G EXPO 2009 */ div#banner_expo2009 { width:235px; height:181px; background:url(/images/img/banner_expo2009.jpg) left top no-repeat;} div#banner_expo2009 a { display:block; width:235px; height:181px;} div#banner_expo2009 a:hover { background:url(/images/img/banner_expo2009_hover.jpg) left top no-repeat;} div#banner_expo2009 a span {display:none;} /* ---------------------------------------- G EXPO 2008 */ div#banner_expo2008 { width:235px; height:101px; background:url(/images/img/banner_expo2008.jpg) left top no-repeat;} div#banner_expo2008 a { display:block; width:235px; height:101px;} div#banner_expo2008 a:hover { background:url(/images/img/banner_expo2008_hover.jpg) left top no-repeat;} div#banner_expo2008 a span {display:none;} /* ---------------------------------------- GDP2007 */ div#banner_gdp2007 { margin-top:2px; width:235px; height:56px; background:url(/images/img/banner_gdp2007.jpg) left top no-repeat;} div#banner_gdp2007 a { display:block; width:235px; height:56px;} div#banner_gdp2007 a:hover { background:url(/images/img/banner_gdp2007_hover.jpg) left top no-repeat;} div#banner_gdp2007 a span {display:none;} /* ---------------------------------------- Results2008 */ /* Japanese */ div#banner_results2008 { width:235px; height:107px; background:url(/images/common/banner_results2008.jpg) left top no-repeat;} div#banner_results2008 a { display:block; width:235px; height:107px;} div#banner_results2008 a:hover { background:url(/images/common/banner_results2008_hover.jpg) left top no-repeat;} div#banner_results2008 a span {display:none;} /* English */ div#banner_results2008_e { margin-top:2px; width:235px; height:84px; background:url(/images/common/banner_results2008_e.jpg) left top no-repeat;} div#banner_results2008_e a { display:block; width:235px; height:84px;} div#banner_results2008_e a:hover { background:url(/images/common/banner_results2008_e_hover.jpg) left top no-repeat;} div#banner_results2008_e a span {display:none;} /* ---------------------------------------- News Feeds */ div#banner_newsfeeds { width:235px; height:42px; background:url(/images/common/banner_newsfeeds.jpg) left top no-repeat;} div#banner_newsfeeds a { display:block; width:235px; height:42px;} div#banner_newsfeeds a:hover { background:url(/images/common/banner_newsfeeds_hover.jpg) left top no-repeat;} div#banner_newsfeeds a span {display:none;} /* ---------------------------------------- Results2009 */ /* Japanese */ div#banner_results2009 { width:235px; height:107px; background:url(/images/common/banner_results2009.jpg) left top no-repeat;} div#banner_results2009 a { display:block; width:235px; height:107px; color:#FFF;} div#banner_results2009 a:hover { background:url(/images/common/banner_results2009_hover.jpg) left top no-repeat; color:#FFF;} div#banner_results2009 a span {display:none;} /* English */ div#banner_results2009_e { margin-top:2px; width:235px; height:84px; background:url(/images/common/banner_results2009_e.jpg) left top no-repeat;} div#banner_results2009_e a { display:block; width:235px; height:84px; color:#FFF;} div#banner_results2009_e a:hover { background:url(/images/common/banner_results2009_e_hover.jpg) left top no-repeat; color:#FFF;} div#banner_results2009_e a span {display:none;} /* ---------------------------------------- Results2009 LIVE */ div#bar091106live { margin-top:2px; width:235px; height:60px; background:url(/images/img/bar091106live.jpg) left top no-repeat;} div#bar091106live a { display:block; width:235px; height:60px;} div#bar091106live a:hover { background:url(/images/img/bar091106live_hover.jpg) left top no-repeat;} div#bar091106live a span {display:none;} /* ---------------------------------------- Good Design Finder */ /* English */ div#banner_gdfinder_e { width:240px; height:40px; background:url(/images/common/banner_gdfinder_e.jpg) left top no-repeat;} div#banner_gdfinder_e a { display:block; width:240px; height:40px; color:#FFF;} div#banner_gdfinder_e a:hover { background:url(/images/common/banner_gdfinder_e_hover.jpg) left top no-repeat; color:#FFF;} div#banner_gdfinder_e a span {display:none;} /* ---------------------------------------- Banner HINAGATA */ div.banner_hina { background:url(/images/img/banner_hina_top.jpg) left top no-repeat; border-bottom:1px solid #C5C1C0;} div.banner_hina a { display:block; width:235px; text-decoration:none; cursor:pointer !important;} div.banner_hina a:hover div span { color:#000000 !important;} div.banner_hina a div { width:215px; margin:0 3px 0 auto; padding:4px 0 4px 0; text-align:left;} div.banner_hina a div span.hina_title1 { font-weight:bold; color:#444444; font-size:14px;} div.banner_hina a div span.hina_title2 { font-weight:bold; color:#444444; font-size:14px;} div.banner_hina a div span.hina_txt_s { font-size:9px; line-height:120%; color:#454545;} table.karam3 { border-right:1px solid #cccccc; border-top:1px solid #cccccc; margin:10px 0;} table.karam3 tr th { white-space:nowrap; padding:5px 10px; background:#EEEEEE; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;} table.karam3 tr td { white-space:nowrap; padding:5px 10px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;} div.gda_news_text, div.gda_news_text pre { font-size:13px;} div.partlinkbox {background:#f3f3f3; border:1px solid #DDD; padding:5px 10px; margin-top:1em; color:#666;} div.partlinkbox a {color:#666;} div.partlinkbox a:hover {color:#333 !important;} div.pagetop, .pagetop { display:block; float:right; margin:0; padding:0; font-size:11px; line-height:200%; color:#666; margin-top:2.5em;} div.pagetop a, .pagetop a { font-size:11px; line-height:200%; text-decoration:none;} div.pagetop a:hover, .pagetop a:hover { font-size:11px; line-height:200%;} /* グッドデザイン賞 アーカイブ一覧 */ table.tbl_category_menu { margin-top:1em;} table.tbl_category_menu tr td { border-bottom:1px dotted #999; border-right:1px dotted #999; width:160px; border-left:1px dotted #FFF;} table.tbl_category_menu tr td.end01 { border-bottom:1px dotted #999; border-right:1px dotted #FFF; border-left:1px dotted #FFF;} table.tbl_category_menu tr td.end02 { border-bottom:1px dotted #999; border-right:1px dotted #999; border-left:1px dotted #999;} table.tbl_category_menu tr td.end10 { border-bottom:1px dotted #FFF; border-right:1px dotted #999; border-left:1px dotted #FFF;} table.tbl_category_menu tr td.end11 { border-bottom:1px dotted #FFF; border-right:1px dotted #FFF; border-left:1px dotted #FFF;} table.tbl_category_menu tr td.end12 { border-bottom:1px dotted #FFF; border-right:1px dotted #999; border-left:1px dotted #999;} table.tbl_category_menu tr td a { display:block; padding:10px; background:#FFFFFF; font-size:12px; letter-spacing:-0.1em;} table.tbl_category_menu tr td a:hover { background:#F9F9F9;} ul#book_list li {float:left;width:180px;line-height:200%;padding-left:20px;background:url(/images/common/link_inside.gif) left top no-repeat;margin:0 5px;} ul#book_list li {float:left;width:250px;line-height:200%;padding-left:20px;background:url(/images/common/link_inside.gif) left top no-repeat;margin:0 5px;} ul#book_list2 li {float:left;width:180px;line-height:200%;padding-left:20px;background:url(/images/common/link_inside.gif) left top no-repeat;margin:0 5px;}