body,div,p,h1,h2,h3,h4,ul,ol,li,dl,dt,dd{margin:0px;padding:0px;font-size:12px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; } body{position:relative;} /*link*/ a:link, a:visited{color:#66BE2C;text-decoration:none;} a:hover{color:;text-decoration:none;} img{border:none;} .imglink{display:block;width:120px;height:120px;overflow:hidden;border:3px #EDE4E1 solid;} .imglink img{width:200px;border:none;} .linkarw{text-align:right;margin-top:-30px;margin-bottom:15px;} .linkarw a{background:url(/images/common/linkarw.gif) no-repeat 0px 0px;padding-left:18px;} /*block*/ .block{margin:0px 20px 30px 0px;clear:both;} #side .block{margin:0px 10px 30px 10px;} .block p{display:block;line-height:160%;margin:0px 0px 10px;clear:both;} .block dl{} .block dl dt{clear:both;font-weight:bold;margin:10px 0px 5px;padding-left:15px;} .block dl dd{margin-left:15px;} dt{background:url(/images/common/dot-green.gif) no-repeat 5px 5px;} .hidden hr{clear:both;visibility:hidden;height:1px;padding:0px;margin:0px;line-height:100%;border:0px;} table#entrynavigation{width:100%;margin:0px;padding:0px;} table#entrynavigation td{padding:5px;} #entrynavigation td.pre{width:80px;text-align:left;} #entrynavigation td.backtocat{text-align:center;} #entrynavigation td.next{width:80px;text-align:right;} /*------------------ header ------------------*/ #header{ position:relative;width:900px; height:120px; background:url(/images/common/head_en.jpg) no-repeat left top; margin:20px 0px 0px; } #logo h1 a{display:block;width:280px;height:75px;margin-left:25px;text-indent:-9999px;} .switch{position:absolute;left:100px;top:80px;color:#66BE2C;} h2#page-title{display:block;position:absolute;left:380px;top:40px;width:204px;height:28px;text-indent:-9999px;} /* menu */ #mainmenu{position:absolute;left:380px;top:80px;} #mainmenu ul li{display:block;float:left;height:12px;list-style-type:none;margin:0px 20px 0px 0px;} #mainmenu ul li a{display:block;height:12px;background:url(/images/common/menu-en.gif) no-repeat left top;text-align:left;font-size:10px;text-indent:-9999px;} #mainmenu ul li#mn-news a{width:33px;background-position:0px 0px;} #mainmenu ul li#mn-news a:hover{background-position:0px -12px;} body#news #mainmenu ul li#mn-news a, body#news-jp #mainmenu ul li#mn-news a{background-position:0px -24px;} #mainmenu ul li#mn-company a{width:62px;background-position:-33px 0px;} #mainmenu ul li#mn-company a:hover{background-position:-33px -12px;} body#company #mainmenu ul li#mn-company a, body#company-jp #mainmenu ul li#mn-company a{background-position:-33px -24px;} #mainmenu ul li#mn-media a{width:39px;background-position:-95px 0px;} #mainmenu ul li#mn-media a:hover{background-position:-95px -12px;} body#media #mainmenu ul li#mn-media a, body#media-jp #mainmenu ul li#mn-media a{width:39px;background-position:-95px -24px;} #mainmenu ul li#mn-event a{width:59px;background-position:-134px 0px;} #mainmenu ul li#mn-event a:hover{background-position:-134px -12px;} body#exhibition #mainmenu ul li#mn-event a, body#exhibition-jp #mainmenu ul li#mn-event a{width:59px;background-position:-134px -24px;} #mainmenu ul li#mn-network a{width:53px;background-position:-193px 0px;} #mainmenu ul li#mn-network a:hover{background-position:-193px -12px;} body#network #mainmenu ul li#mn-network a, body#network-jp #mainmenu ul li#mn-network a{width:53px;background-position:-193px -24px;} #mainmenu ul li#mn-contact a{width:52px;background-position:-246px 0px;} #mainmenu ul li#mn-contact a:hover{background-position:-246px -12px;} body#contact #mainmenu ul li#mn-contact a, body#contact-jp #mainmenu ul li#mn-contact a{width:52px;background-position:-246px -24px;} #mainmenu ul li#mn-link a{width:22px;background-position:-298px 0px;} #mainmenu ul li#mn-link a:hover{background-position:-298px -12px;} body#link #mainmenu ul li#mn-link a, body#link-jp #mainmenu ul li#mn-link a{width:33px;background-position:-298px -24px;} #officialsite{position:absolute;left:720px;top:20px;font-size:10px;} /*------------------ base ------------------*/ body#news, body#company, body#media, body#exhibition, body#network, body#contact, body#link{background:url(/images/common/bg-second.gif) repeat-y 0px 0px;} .base{width:900px;text-align:left;} #news #main, #company #main, #media #main, #exhibition #main, #network #main, #contact #main, #link #main{ float:left; margin:0px 0px 0px 25px; width:505px; padding-bottom:30px; } #side{float:right; margin:0px 25px 0px 0px; width:320px;height:100%; padding:0px 0px 50px; } #breadcrumb{padding:10px 0px 50px;} #breadcrumb span{font-size:11px;} #breadcrumb span.onpage{font-weight:bold;} .entrylist{margin-top:30px;clear:both;} .entrylist ul{border-top:1px dotted #333;} .entrylist li{border-bottom:1px dotted #333;list-style-type:none;} .entrylist li span{margin:0px 10px 0px 0px;} .entrylist li a:link, .entrylist li a:visited{display:block;width:95%;margin:1px 0px;padding:8px;color:#57687B;} .entrylist li a:hover{background-color:#00274E;color:#66BE2C;} .entrylist h2#backnumber{background:url(/images/common/backnumber.gif) no-repeat 10px top; text-indent:-9999px; margin:0px 0px 5px;} /*------------------ footer ------------------*/ #footer{width:900px;position:relative; clear:both;padding-top:30px;} #footer div#copyright{text-align:right;font-family:Georgia, "Times New Roman", Times, serif;margin:0px 30px;} #footer div.banner{display:none;} #top #footer div.banner{display:block;text-align:right;margin:20px 30px;} #top #footer div.banner a{margin-right:10px;} #news #footer, #company #footer, #media #footer, #exhibition #footer, #network #footer, #contact #footer, #link #footer{margin-top:-20px;} #news #footer div.banner, #company #footer div.banner, #media #footer div.banner, #exhibition #footer div.banner, #network #footer div.banner, #contact #footer div.banner, #link #footer div.banner{position:absolute;left:0px;top:0px;text-align:left;margin-left:25px ;} /*------------------ fonts ------------------*/ .entry h2,h3{font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;color:#002F5E;margin:0px 0px 15px;} /* page-title */ body#news h2#page-title, body#news-jp h2#page-title{background:url(/images/common/h2-pagetitle-en.gif) no-repeat 0px 0px;} body#news-fr h2#page-title{background:url(/images/common/h2-pagetitle-fr.gif) no-repeat 0px 0px;} body#company h2#page-title, body#company-jp h2#page-title{background:url(/images/common/h2-pagetitle-en.gif) no-repeat 0px -28px;} body#company-fr h2#page-title{background:url(/images/common/h2-pagetitle-fr.gif) no-repeat 0px -28px;} body#media h2#page-title, body#media-jp h2#page-title{background:url(/images/common/h2-pagetitle-en.gif) no-repeat 0px -56px;} body#media-fr h2#page-title{background:url(/images/common/h2-pagetitle-fr.gif) no-repeat 0px -56px;} body#exhibition h2#page-title, body#exhibition-jp h2#page-title{background:url(/images/common/h2-pagetitle-en.gif) no-repeat 0px -84px;} body#exhibition-fr h2#page-title{background:url(/images/common/h2-pagetitle-fr.gif) no-repeat 0px -84px;} body#network h2#page-title, body#network-jp h2#page-title{background:url(/images/common/h2-pagetitle-en.gif) no-repeat 0px -112px;} body#network-fr h2#page-title{background:url(/images/common/h2-pagetitle-fr.gif) no-repeat 0px -112px;} body#contact h2#page-title, body#contact-jp h2#page-title{background:url(/images/common/h2-pagetitle-en.gif) no-repeat 0px -140px;} body#contact-fr h2#page-title{background:url(/images/common/h2-pagetitle-fr.gif) no-repeat 0px -140px;} body#link h2#page-title, body#link-jp h2#page-title{background:url(/images/common/h2-pagetitle-en.gif) no-repeat 0px -168px;} body#link-fr h2#page-title{background:url(/images/common/h2-pagetitle-fr.gif) no-repeat 0px -168px;} /*------------------ pages ------------------*/ .photocaption img{clear:left;} .photocaption span{font-size:10px;line-height:120%;display:block;} #submenu{padding:10px 0px 50px;} /* top */ #top #mainimage{float:left;width:350px;text-align:right;} #top #main{float:right;width:520px;margin-top:20px;} #top .entry{position:relative;margin:0px 0px 30px;clear:both;} #top .entry h2{margin:0px 0px 15px} #top .entry_img{width:130px;text-align:right; float:left;} #top .entry_txt{float:left;margin-left:15px;width:360px;line-height:150%;} #top .entry_txt p{display:block;line-height:160%;} #top .metadeta{margin:20px 0px 0px 0px;text-align:right;color:#99A7B7;} /*news*/ #news .entry{width:470px;position:relative;margin:0px 0px 30px;clear:both;line-height:150%;} #news .entry h2{margin:0px 0px 15px} #news .entry_img{width:130px;text-align:right; float:left;} #news .entry_txt{line-height:150%;} #news .entry_txt p{display:block;line-height:160%;} #news .metadeta{width:470px;margin:20px 0px 0px 0px;text-align:right;color:#99A7B7;} #news #submenu{padding:10px 0px 50px;} #news #submenu ul{text-align:center;} #news #submenu ul li{float:left;list-style-type:none;} #news #submenu ul li#news-business{margin-left:100px;} #news #submenu ul li#news-fashion{margin-left:40px;} #news #submenu ul li a{display:block;height:24px;background:url(/images/common/submenu.gif) no-repeat left top;text-indent:-9999px;} #news #submenu ul li#news-business a{width:47px;background-position:0px 0px;} #news #submenu ul li#news-business a:hover, #news #media-en #submenu ul li#submenu-shimbun a{background-position:0px -24px;} #news #submenu ul li#news-fashion a{width:44px;background-position:-47px 0px;} #news #submenu ul li#news-fashion a:hover, #news #media2-en #submenu ul li#submenu-newmedia a{background-position:-47px -24px;} /* company */ #company dl#bureau-paris{border-bottom:1px dotted #333;padding-bottom:10px;background-color:#eee;padding:5px 0px;} #company dt.bureau{background:url(/images/common/dot-org.gif) no-repeat 5px center;} #company #side{height:1000px;background:url(/images/company/sidebg.jpg) no-repeat left top;} #company h4{display:block;margin-bottom:10px;} #company h4#h4-company01{width:410px;height:16px;background:url(/images/company/h4-company01-jp.gif) no-repeat left top;text-indent:-9999px;} /* media */ #media #media-jp #main img{width:480px;} #media #senken-h p img{width:200px;} #media #thesenken h4{width:476px;height:17px;background:url(/images/media/h4-newmedia_thesenken.gif) no-repeat left top;text-indent:-9999px;} #media .block p img{float:left;margin-right:10px;} #media .block dl, #media .block dl dt, #media .block dl dd{margin:0px;} #media h4{display:block;margin-bottom:10px;} #media h4#h4-shimbun01{width:476px;height:35px;background:url(/images/media/h4-shimbun01-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-shimbun02{width:153px;height:16px;background:url(/images/media/h4-shimbun02-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-shimbun03{width:285px;height:16px;background:url(/images/media/h4-shimbun03-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-newmedia01{width:476px;height:17px;background:url(/images/media/h4-newmedia01-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-newmedia02{width:476px;height:35px;background:url(/images/media/h4-newmedia02-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-newmedia03{width:476px;height:16px;background:url(/images/media/h4-newmedia03-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-publish01{width:120px;height:17px;background:url(/images/media/h4-publish01-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-publish02{width:120px;height:17px;background:url(/images/media/h4-publish02-jp.gif) no-repeat left top;text-indent:-9999px;} #media h4#h4-publish03{width:146px;height:32px;background:url(/images/media/h4-publish03-jp.gif) no-repeat left top;text-indent:-9999px;} #media dt.caption-worldmap{background:url(/images/media/caption-worldmap.gif) no-repeat;text-indent:-9999px;} #media dt.caption-typesofbisuness{background:url(/images/media/caption-typesofbusiness.gif) no-repeat;text-indent:-9999px;} #media dt.caption-newspapersmagazine{background:url(/images/media/caption-newspapersmagazine.gif) no-repeat;text-indent:-9999px;} #media #submenu ul{text-align:left;margin-left:30px;} #media #submenu ul li{float:left;list-style-type:none;} #media #submenu ul li#submenu-shimbun{margin-left:0px;} #media #submenu ul li#submenu-newmedia{margin-left:20px;} #media #submenu ul li a{display:block;height:24px;background:url(/images/media/submenu.gif) no-repeat left top;text-indent:-9999px;} #media #submenu ul li#submenu-shimbun a{width:96px;background-position:0px 0px;} #media #submenu ul li#submenu-shimbun a:hover, #media #media-en #submenu ul li#submenu-shimbun a{background-position:0px -24px;} #media #submenu ul li#submenu-newmedia a{width:139px;background-position:-96px 0px;} #media #submenu ul li#submenu-newmedia a:hover, #media #media2-en #submenu ul li#submenu-newmedia a{background-position:-96px -24px;} #media dl.mediaimage img{margin-bottom:20px;} #shimbun03 p{float:left;width:145px;} #media p.btn-pdf{padding-top:10px;} #media p.btn-pdf a{clear:both;display:block;width:155px;height:30px;background:url(/images/media/btn-adpdf_jp.gif) no-repeat left top;text-indent:-9999px;} #media p.btn-pdf a:hover{background-position:left bottom;} /* event */ #exhibition .block p img{float:right;margin-left:10px;} #exhibition div#luxe h4{width:220px;height:14px;background:url(/images/event/h4-luxe.gif) no-repeat left top;text-indent:-9999px;} #exhibition div#iff h4{width:220px;height:14px;background:url(/images/event/h4-iff.gif) no-repeat left top;text-indent:-9999px;} #exhibition div#terroir h4{width:70px;height:14px;background:url(/images/event/h4-terroir.gif) no-repeat left top;text-indent:-9999px;} #exhibition div#plugin h4{width:60px;height:14px;background:url(/images/event/h4-plugin.gif) no-repeat left top;text-indent:-9999px;} #exhibition div#access h4{width:115px;height:14px;background:url(/images/event/h4-access.gif) no-repeat left top;text-indent:-9999px;} #exhibition div#senken-awards h4{width:270px;height:16px;background:url(/images/event/h4-award-jp.gif) no-repeat left top;text-indent:-9999px;} #exhibition div#senken-awards img{margin:15px 0px;} /* network */ #network .block p img{float:left;margin-right:10px;} /* contact */ /* link */