@charset "utf-8"; /*-------------------------------------------------------- YUI Font-size Adjustment 10px = 77% 11px = 85% 12px = 93% 13px = 100% 14px = 108% 15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% ------------------------------------------------------ * Layout * Wrapper * Header * navi * main_img * main_detail * Footer * pan * main_tit_index * Contents * page_top * pager * next_in_page * more_article * related_article_thumbnail * side * detail_contents * images_contents * Default ------------------------------------------------------*/ /* Layout -----------------------------------------------------------------------------*/ /* Body */ body {margin: 0;background: #c7c7c7;color: #505050;font-size: small;line-height: 1.6;font-family: Open Sans,Arial,sans-serif;} body.ja { font-family: Arial,sans-serif; } body.cn { font-family: Simsun, SimHei, sans-serif; } body.hk { font-family: Arial, sans-serif /* SimHei @130403 */; }/* body.hk { font-family: 新細明體,細明體,PMingLiU,MingLiU,'MS UI Gothic',sans-serif; } */ @font-face { font-family: "Dubai"; src: url(../fonts/dubai/DubaiW23-Regular.eot) format("eot"), url(../fonts/dubai/DubaiW23-Regular.woff) format("woff"), url(../fonts/dubai/DubaiW23-Regular.ttf) format("ttf"); } @font-face { font-family: "Dubai"; src: url(../fonts/dubai/DubaiW23-Bold.eot) format("eot"), url(../fonts/dubai/DubaiW23-Bold.woff) format("woff"), url(../fonts/dubai/DubaiW23-Bold.ttf) format("ttf"); font-weight: bold; font-style: normal; } body.ar { font-family: Dubai, Arial,sans-serif;} body.ar div, body.ar p, body.ar span, body.ar a, body.ar select, body.ar input, body.ar button, body.ar textarea, body.ar button, body.ar h1, body.ar h2, body.ar h3, body.ar h4, body.ar h5, body.ar h6, body.ar ul, body.ar li, body.ar ol, body.ar dl, body.ar dt, body.ar dd, body.ar .lang_ar{ direction: rtl; } /* direction: ltr; unicode-bidi: bidi-override; */ body.ar .lang_ar_none{ direction:ltr;} #in-depth { background: #05318A; } #views { background: #E69100; } #people { background: #01BEFF; } #currents { background: #FF1E24; } #features { background: #059647; } #images { background: #B938B9 !important; } /*#images{background:#6E6E6E;}*/ .images_contents { background: #6E6E6E !important; } /* link */ /* def a color: #6d6d6d; */ #in-depth a { color: #05318a; } #views a { color: #e69100; } #people a { color: #01beff; } #currents a { color: #ff1e24; } #features a { color: #059647; } #images a { color: #b938b9; } /* link コラム、ニュース、お知らせ */ #column a, #behind a, #jip a, #from-staff a, #editor a, #nipponblog a, #author .author_main_prof a { color:#FF1E23; } #column #pan a, #behind #pan a, #from-staff #pan a, #editor #pan a {color:#505050; font-weight:normal;} #auth_profile_box a.exlink { background: url(../../img/def_ex_link_ico.gif) no-repeat top left; padding-left: 18px; word-break: break-all;} #in-depth #auth_profile_box a.exlink { background: url(../../img/in-depth_ex_link_ico.gif) no-repeat top left; padding-left: 18px; } #views #auth_profile_box a.exlink { background: url(../../img/views_ex_link_ico.gif) no-repeat top left; padding-left: 18px; } #people #auth_profile_box a.exlink { background: url(../../img/people_ex_link_ico.gif) no-repeat top left; padding-left: 18px; } #currents #auth_profile_box a.exlink { background: url(../../img/currents_ex_link_ico.gif) no-repeat top left;padding-left: 18px;} #features #auth_profile_box a.exlink { background: url(../../img/features_ex_link_ico.gif) no-repeat top left; padding-left: 18px; } #images #auth_profile_box a.exlink { background: url(../../img/images_ex_link_ico.gif) no-repeat top left; padding-left: 18px; } #author .author_main_prof a.exlink { background: url(../../img/def_ex_link_ico.gif) no-repeat top left; padding-left: 18px; } /* color */ .in-depth_color { color: #05318a; } .views_color { color: #e69100; } .people_color { color: #01beff; } .currents_color { color: #ff1e24; } .features_color { color: #059647; } .images_color { color: #b938b9; } /* Wrapper -----------------------------------------------------------------------------*/ #wrapper { margin: 0 auto; min-width: 960px; } /* for IE Header's Top Space */ img { position: absolute; } div img { position: relative; } /* Header -----------------------------------------------------------------------------*/ #header { background: #fff; } #header #header_contents { position: relative; margin: 0 auto; padding: 0 10px 5px; width: 940px; height: 86px; } #header #header_contents #logo { display: inline-block; position: absolute; top: 21px; left: 0; } #header #header_contents #logo p { text-align: right; } #header #header_contents #header_side {position: absolute;top: 0;right: 0;font-size: 0.9rem;line-height: 27px;} #header #header_contents #header_side p { padding-top: 0; color: #676767; } #header #header_contents #header_side p a { font-weight: 400; color: #676767; } #header #header_contents #header_side p strong { background: #E5E5E5; padding: 6px 8px; } #header #header_contents #header_side p a.lang_ar{ font-family: Dubai, Tahoma, sans-serif; } #header #header_contents #header_side p a#lang_rus { font-family:"Times New Roman", Times, serif; } #header #header_contents #header_side p.newsletter { text-align: right; line-height: 1; } #header #header_contents #header_side p.newsletter a { color: #fff; display: inline-block; background: url(/img/icon_mail.png) no-repeat 10px 50% #6b7588; color: #fff!important; padding: 4px 8px 4px 30px; font-weight: normal; line-height: 1;} #header_contents .box_search { float: right; *width: 198px; } #header_contents .box_search input { float: left; vertical-align: text-top; } #header_contents .box_search #search_input { border: 0; padding: 0 10px; width: 147px; height: 21px; background: url(../../img/search_input.gif) no-repeat 0 0; line-height: 21px; } #header_contents .box_search #search_input_btn { margin-left: 5px; } #header_contents #header_social { position: absolute; top: 55px; right: 0; width: 100%; } #header_contents #header_social #header_ico { position: absolute; right: 209px; border-right: 1px solid #c7c7c7; padding: 2px 10px 0 0; min-height: 19px; white-space: nowrap; } * html #header_contents #header_social #header_ico { height: 19px; } /* IE6 */ #header_contents #header_social #header_ico span { float: left; line-height:16px; } #header_contents #header_social #header_ico ul { display: inline-block; padding-left: 5px; *display: inline; *zoom: 1; } #header_contents #header_social #header_ico li { float: left; } #header_contents #header_social .fr { margin-left: 12px; } /* addthis tokubetu botan start*/ #footer #footer_en .footer_social a.twitter_original .at15t_rss, #header_contents #header_social ul li .twitter_original .at15t_rss{ background: url(//s7.addthis.com/static/r07/widget046.png) no-repeat 0px -5296px !important;} /* addthis tokubetu botan end*/ /* ar lang start */ .ar #header #header_contents #logo { left: auto; right: 0; } .ar #header #header_contents #header_side { right: auto; left: 0; font-size: 93%; } .ar #header #header_contents #header_side p { direction: ltr; } .ar #header #header_contents #header_side p a strong { direction: rtl } .ar #header_contents .box_search { float: left; } .ar #header_contents .box_search input { float: right; } .ar #header_contents .box_search #search_input_btn { margin: 0 5px 0 0; } .ar #header_contents #header_social { right: auto; left: 0; } .ar #header_contents #header_social #header_ico { right: auto; left: 209px; border: 0; border-left: 1px solid #c7c7c7; padding: 2px 0 0 10px; } .ar #header_contents #header_social #header_ico span { float: right; zoom: 1; } .ar #header_contents #header_social #header_ico ul { float: right; padding-left: 0; padding-right: 5px; } .ar #header_contents #header_social #header_ico li { float: right; } .ar #header_contents #header_social #header_ico li a, .ar #header_contents #header_social #header_ico li span { display: inline-block; float: none; } .ar #header_contents #header_social .fr { margin-left: 0; margin-right: 12px; } /* _ for IE 6 & 7 */ .ar #header_contents #header_social #header_ico { *width: 116px; } .ar #header_contents #header_social #header_ico ul { *width: 65px; } .ar #header_contents #header_social #header_ico li a, .ar #header_contents #header_social #header_ico li span { *display: inline; *zoom: 1; } /* ar lang end */ /* navi -----------------------------------------------------------------------------*/ #navi { border-top: #6D6D6D 2px solid; border-bottom: #6D6D6D 2px solid; min-width: 960px; background: #fff; } #navi #navi_contents { display: block; position: relative; margin: 0 auto; width: 960px; height: 40px; } #navi #navi_contents li{position:absolute;} /* lang_english 変則用 start */ #navi .lang_english li{height:26px; top:8px;} #navi .lang_english li#navi0{left:10px;} #navi .lang_english li#navi1{left:188px;} #navi .lang_english li#navi2{left:333px;} #navi .lang_english li#navi3{left:491px;} #navi .lang_english li#navi4{left:669px;} #navi .lang_english li#navi5{left:849px;} /* lang_english end */ /* lang_en start */ #navi .lang_en li{height:26px; top:8px;} #navi .lang_en li#navi0{left:10px;} #navi .lang_en li#navi1{left:188px;} #navi .lang_en li#navi2{left:333px;} #navi .lang_en li#navi3{left:491px;} #navi .lang_en li#navi4{left:669px;} #navi .lang_en li#navi5{left:849px;} /* lang_en end */ /* lang_ja start */ #navi .lang_ja li{height:26px; top:8px;} #navi .lang_ja li#navi0{left:10px;} #navi .lang_ja li#navi1{left:188px;} #navi .lang_ja li#navi2{left:333px;} #navi .lang_ja li#navi3{left:491px;} #navi .lang_ja li#navi4{left:669px;} #navi .lang_ja li#navi5{left:849px;} /* lang_ja end */ /* lang_cn start */ #navi .lang_cn li{height:26px; top:8px;} #navi .lang_cn li#navi0{left:10px;} #navi .lang_cn li#navi1{left:179px;} #navi .lang_cn li#navi2{left:345px;} #navi .lang_cn li#navi3{left:511px;} #navi .lang_cn li#navi4{left:679px;} #navi .lang_cn li#navi5{left:845px;} /* lang_cn end */ /* lang_hk start */ #navi .lang_hk li{height:26px; top:8px;} #navi .lang_hk li#navi0{left:10px;} #navi .lang_hk li#navi1{left:179px;} #navi .lang_hk li#navi2{left:345px;} #navi .lang_hk li#navi3{left:511px;} #navi .lang_hk li#navi4{left:679px;} #navi .lang_hk li#navi5{left:845px;} /* lang_hk end */ /* lang_es start */ #navi .lang_es li{height:26px; top:8px;} #navi .lang_es li#navi0{left:10px;} #navi .lang_es li#navi1{left:214px;} #navi .lang_es li#navi2{left:389px;} #navi .lang_es li#navi3{left:520px;} #navi .lang_es li#navi4{left:669px;} #navi .lang_es li#navi5{left:836px;} /* lang_es end */ /* lang_fr start */ #navi .lang_fr li{height:26px; top:8px;} #navi .lang_fr li#navi0{left:10px;} #navi .lang_fr li#navi1{left:209px;} #navi .lang_fr li#navi2{left:322px;} #navi .lang_fr li#navi3{left:517px;} #navi .lang_fr li#navi4{left:700px;} #navi .lang_fr li#navi5{left:858px;} /* lang_fr end */ /* lang_ar start */ .ar #navi .lang_ar li{height:26px; top:8px;} #navi .lang_ar li#navi0{left:828px;} #navi .lang_ar li#navi1{left:647px;} #navi .lang_ar li#navi2{left:511px;} #navi .lang_ar li#navi3{left:377px;} #navi .lang_ar li#navi4{left:189px;} #navi .lang_ar li#navi5{left:10px;} /* lang_ar end */ /* lang_ru start */ #navi .lang_ru li{height:26px; top:8px;} #navi .lang_ru li#navi0{left:10px;} #navi .lang_ru li#navi1{left:192px;} #navi .lang_ru li#navi2{left:344px;} #navi .lang_ru li#navi3{left:472px;} #navi .lang_ru li#navi4{left:640px;} #navi .lang_ru li#navi5{left:793px;} /* lang_ru end */ /* main_img -----------------------------------------------------------------------------*/ #main_img{ width:960px; margin:0 auto; text-align:center; } #top #main_img { margin-bottom: 35px; width: 100%; min-width: 960px; text-align: inherit !important; } #top #main_img .main_contents{width:100% !important; background-color:#ADADAD;} #top #main_img .in-depth {background:#05318A;} #top #main_img .views {background:#E69100;} #top #main_img .people {background:#01BEFF;} #top #main_img .currents {background:#ff1d20;} #top #main_img .features {background:#059647;} #top #main_img .images {background:#B938B9;} #top #main_img_wrp { width: 100% !important; height: 300px; overflow-y: hidden; } #top #hide-navi{display:none;} .main_contents .main_contents_box{color:#FFF; height:300px; width:960px; margin:0 auto; overflow:hidden; cursor:pointer; text-align:left;} .main_contents .main_contents_box .main_photo_box{ background-color:#FFF !important; width:710px; height:300px; float:left;} .main_contents .main_contents_box .main_txt_box{width:224px; height:300px; float:right;} /* lang start */ .cn .main_contents .main_contents_box .main_txt_box{ font-family: Simhei !important;} /* lang end */ .main_contents_box .main_txt_box a{ color:#FFF !important; text-decoration:none !important;} .main_contents .main_contents_box .main_txt_box .main_txt_category { margin-top: 28px; margin-bottom:10px; border-left: 3px solid #fff; padding-left: 9px; } .main_contents .main_contents_box .main_txt_box .main_txt_title { margin-bottom: 20px; color: #fff; font-size: 161.6%; line-height: 1.3; font-weight: bold; } .main_contents .main_contents_box .main_txt_box .main_txt_copy { padding-bottom: 10px; font-size: 93%; line-height: 153.9%; /* text-shadow: 0px 1px 0.5px #adadad; filter: dropshadow(color=#adadad, offx=0, offy=1); */ } .main_contents .main_contents_box .main_txt_box .main_txt_data { padding-right: 25px; font-size: 85%; background: url(../../img/pager_r.gif) no-repeat 100% 50%; } /* lang start */ .ja .main_contents .main_contents_box .main_txt_box .main_txt_title, .cn .main_contents .main_contents_box .main_txt_box .main_txt_title, .hk .main_contents .main_contents_box .main_txt_box .main_txt_title { font-size: 188%; letter-spacing: -1px; } .france .main_contents .main_contents_box .main_txt_box .main_txt_copy, .es .main_contents .main_contents_box .main_txt_box .main_txt_copy { line-height: 138.5%; } /* ar lang start */ .ar .main_contents .main_contents_box .main_txt_box .main_txt_category { margin-bottom: 15px; border-left: 0; border-right: 3px solid #fff; padding-left: 0; padding-right: 9px; } .ar .main_contents .main_contents_box .main_txt_box .main_txt_title { font-size: 174%; margin-bottom:10px;} .ar .main_contents .main_contents_box .main_txt_box .main_txt_copy { font-size: 0.8rem; } .ar .main_contents .main_contents_box .main_photo_box { float: right; } .ar .main_contents .main_contents_box .main_txt_box { float: left; text-align: right; } .ar .main_contents .main_contents_box .main_txt_box .main_txt_data { padding-right: 0; padding-left: 25px; background: url(../../img/pager_l.gif) no-repeat 0% 50%; } .ar #main_img_sum #main_img_sum_contents ul li{ float:right;} /* ar lang end */ /* lang end */ /* hover */ .main_contents_box:hover .main_txt_box, .main_contents_box:hover .main_txt_box a{ color:#f0f0f0 !important;} .main_contents_box:hover .main_txt_box .main_txt_data{ text-decoration:underline; } .main_contents_box:hover .main_photo_box img{ opacity: .95; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=95); /* IE lt 8 */ -ms-filter: "alpha(opacity=95)"; /* IE 8 */ -khtml-opacity: .95; /* Safari 1.x */ -moz-opacity: .95; /* FF lt 1.5, Netscape */ } /* hver */ #main_img_sum { background: url(../../img/main_img_bg_back.gif) top center repeat-x; height: 97px; overflow: hidden; } #main_img_sum #main_img_sum_contents{width:968px; margin:0 auto; padding:5px 0 0 0;} #main_img_sum #main_img_sum_contents{/width:975px;} #main_img_sum #main_img_sum_contents ul li{ float:left; margin:0 5px 0 4px; width:112px; height:74px; background:#FFF; position:relative; cursor:pointer;} #main_img_sum #main_img_sum_contents ul li:hover span{border:3px solid #a5a5a5;} #main_img_sum #main_img_sum_contents ul li:hover .in-depth span{border:3px solid #05318A;} #main_img_sum #main_img_sum_contents ul li:hover .views span{border:3px solid #E69100;} #main_img_sum #main_img_sum_contents ul li:hover .people span{border:3px solid #01BEFF;} #main_img_sum #main_img_sum_contents ul li:hover .currents span{border:3px solid #ff1d20;} #main_img_sum #main_img_sum_contents ul li:hover .features span{border:3px solid #059647;} #main_img_sum #main_img_sum_contents ul li:hover .images span{border:3px solid #B938B9;} #main_img_sum #main_img_sum_contents ul li.active span{border:3px solid #a5a5a5;} #main_img_sum #main_img_sum_contents ul li.active .in-depth span{border:3px solid #05318A;} #main_img_sum #main_img_sum_contents ul li.active .views span{border:3px solid #E69100;} #main_img_sum #main_img_sum_contents ul li.active .people span{border:3px solid #01BEFF;} #main_img_sum #main_img_sum_contents ul li.active .currents span{border:3px solid #ff1d20;} #main_img_sum #main_img_sum_contents ul li.active .features span{border:3px solid #059647;} #main_img_sum #main_img_sum_contents ul li.active .images span{border:3px solid #B938B9;} #main_img_sum #main_img_sum_contents ul li:hover.people span{border:3px solid #01BEFF;} #main_img_sum #main_img_sum_contents ul li span, #main_img_sum #main_img_sum_contents ul li.active span { display: block; position: absolute; top: 0; left: 0; width: 106px; height: 74px; overflow: hidden; } #main_img_sum #main_img_sum_contents ul li a { position: relative; z-index: 0; } #main_img_sum #main_img_sum_contents ul li.active span a, #main_img_sum #main_img_sum_contents ul li:hover span a { display: block; z-index: 1; border-bottom: 0; height: 100%; } #main_img_sum #main_img_sum_contents ul li.active img, #main_img_sum #main_img_sum_contents ul li:hover img { -ms-filter: "alpha(opacity=40)"; /* IE 8 */ filter: alpha(opacity=40); /* IE lt 8 */ opacity: .40; z-index: 60; } #main_img_sum #main_img_sum_contents ul li div { background-color: #fff !important; } #top #main_img_sum_contents li{border-bottom:8px solid #a5a5a5;} #top #main_img_sum_contents li .in-depth{border-bottom:8px solid #05318A;} #top #main_img_sum_contents li .views {border-bottom:8px solid #E69100;} #top #main_img_sum_contents li .people {border-bottom:8px solid #01BEFF;} #top #main_img_sum_contents li .currents{border-bottom:8px solid #ff1d20;} #top #main_img_sum_contents li .features{border-bottom:8px solid #059647;} #top #main_img_sum_contents li .images {border-bottom:8px solid #B938B9;} #top #second_navi { border: #6D6D6D solid; border-width: 2px 0; background: #FFF; } #top #second_navi #second_navi_contents { position: relative; margin: 0 auto; width: 960px; height: 34px; } .en #second_navi #second_navi_contents #sec_navi01{ display: none; } .en #second_navi #second_navi_contents #sec_navi02{ position: absolute; top: 0; left: 8px; } .en #second_navi #second_navi_contents #sec_navi03{ position: absolute; top: 0; left: 206px; } .en #second_navi #second_navi_contents #sec_navi04{ position: absolute; top: 0; left: 404px; } .en #second_navi #second_navi_contents #sec_navi05{ position: absolute; top: 0; left: 598px; } .en #second_navi #second_navi_contents #sec_navi06{ position: absolute; top: 0; left: 806px; } .ja #second_navi #second_navi_contents #sec_navi01{ display: none;} .ja #second_navi #second_navi_contents #sec_navi02{ position: absolute;top: 0;left: 8px;} .ja #second_navi #second_navi_contents #sec_navi03{ position: absolute;top: 0;left: 247px;} .ja #second_navi #second_navi_contents #sec_navi04{ position: absolute;top: 0;left: 417px;} .ja #second_navi #second_navi_contents #sec_navi05{ display: none;} .ja #second_navi #second_navi_contents #sec_navi06{ position: absolute;top: 0;left: 589px;} .cn #second_navi #second_navi_contents #sec_navi01{ display: none; } .cn #second_navi #second_navi_contents #sec_navi02{ position: absolute; top: 0; left: 10px; } .cn #second_navi #second_navi_contents #sec_navi03{ position: absolute; top: 0; left: 257px; } .cn #second_navi #second_navi_contents #sec_navi04{ position: absolute; top: 0; left: 459px; } .cn #second_navi #second_navi_contents #sec_navi05{ position: absolute; top: 0; left: 657px; } .hk #second_navi #second_navi_contents #sec_navi01{ display: none; } .hk #second_navi #second_navi_contents #sec_navi02{ position: absolute; top: 0; left: 10px; } .hk #second_navi #second_navi_contents #sec_navi03{ position: absolute; top: 0; left: 257px; } .hk #second_navi #second_navi_contents #sec_navi04{ position: absolute; top: 0; left: 459px; } .hk #second_navi #second_navi_contents #sec_navi05{ position: absolute; top: 0; left: 657px; } .france #second_navi #second_navi_contents #sec_navi01{ position: absolute; top: 0; left: 8px; } .france #second_navi #second_navi_contents #sec_navi02{ position: absolute; top: 0; left: 190px; } .france #second_navi #second_navi_contents #sec_navi03{ display: none; } .france #second_navi #second_navi_contents #sec_navi04{ position: absolute;top: 0;left: 380px; } .france #second_navi #second_navi_contents #sec_navi05{ position: absolute;top: 0;left: 548px; } .es #second_navi #second_navi_contents #sec_navi01{ position: absolute; top: 0; left: 8px; } .es #second_navi #second_navi_contents #sec_navi02{ position: absolute;top: 0;left: 152px; } .es #second_navi #second_navi_contents #sec_navi03{ display: none; } .es #second_navi #second_navi_contents #sec_navi04{ display: none; } .es #second_navi #second_navi_contents #sec_navi05{ position: absolute;top: 0;left: 584px; } .es #second_navi #second_navi_contents #sec_navi06{ position: absolute;top: 0;left: 385px; } .es #second_navi #second_navi_contents #sec_navi07{ position: absolute;top: 0;left: 770px; } /* ar lang start */ .ar #second_navi #second_navi_contents #sec_navi01{ position: absolute;top: 0;left: 808px; } .ar #second_navi #second_navi_contents #sec_navi02{ position: absolute;top: 0;left: 580px; } .ar #second_navi #second_navi_contents #sec_navi03{ display: none; } .ar #second_navi #second_navi_contents #sec_navi04{ position: absolute;top: 0;left: 334px; } .ar #second_navi #second_navi_contents #sec_navi05{ display: none; } .ar #second_navi #second_navi_contents #sec_navi06{ position: absolute;top: 0;left: 113px; } /* ar lang end */ .ru #second_navi #second_navi_contents #sec_navi01{ position: absolute; top: 0; left: 10px; } .ru #second_navi #second_navi_contents #sec_navi02{ position: absolute; top: 0; left: 178px; } .ru #second_navi #second_navi_contents #sec_navi03{ position: absolute; top: 0; left: 348px; } .ru #second_navi #second_navi_contents #sec_navi04{ position: absolute; top: 0; left: 570px; } .ru #second_navi #second_navi_contents #sec_navi05{ position: absolute; top: 0; left: 758px; } /* main_detail -----------------------------------------------------------------------------*/ #main_detail{ position:relative; height:300px; min-height:300px;} #main_detail img { position: absolute; top: 0; left: -10px; } /* ar lang start */ .ar #main_detail img { left: 0; right: -10px; } /* ar lang end */ /* Footer -----------------------------------------------------------------------------*/ #footer { margin-top: 0; clear: both; width: 100%; min-width: 960px; background: #fff; } #top #footer { margin-top: 120px; } #footer #footer_contents { background:url(../../img/footer_back.gif) bottom right no-repeat; width:960px; margin:0px auto 0px auto; padding-bottom:30px; font-size:0.9rem; } /* jp */ /*#footer #footer_jp{ text-align:center; padding-bottom:30px; } #footer #footer_jp a{ color:#6D6D6D;} #footer #footer_jp #footer_navi{padding-bottom:5px;} #footer #footer_jp #footer_copy{padding-bottom:5px; font-size:85%;} #footer #footer_jp #footer_banner img{ margin:0 11px;}*/ #footer #footer_jp #footer_navi{ width:497px; float:left; text-align:center; padding-top:16px; } #footer #footer_jp #footer_navi a{ font-weight:normal; font-size:93%; color:#6D6D6D; } #footer #footer_jp #footer_japan{ width:201px; float:right; padding-right:30px; padding-top:16px; } #footer #footer_jp #footer_boat{ width:201px; float:left; padding-left:30px; } /* en */ #footer #footer_en { padding-top:25px;} #footer #footer_en #footer_navi { float: left; vertical-align: middle; } #footer #footer_en #footer_navi a { color: #3D3D3D; font-size: 108%; font-weight: bold; } #footer #footer_en #footer_navi span { padding: 0 0.5em; color: #6D6D6D; vertical-align: text-top; font-size: 93%; line-height: 100%; font-weight: 400; } .france #footer #footer_en #footer_navi span { padding: 0 .2em; } #footer #footer_en .footer_aside { float: right; } /*#footer #footer_en .footer_social { float: right; }*/ #footer #footer_en .footer_social a, #footer #footer_en .footer_social ul li { float: right; } #footer #footer_en .footerend_banner { clear: both; padding-top: 70px; } #footer #footer_en .footerend_banner ul li { float: left; padding-right: 13px; } #footer #footer_en .newsletter { margin-top: 15px;} #footer #footer_en .newsletter a { float: right; display: inline-block; background: url(/img/icon_mail.png) no-repeat 10px 50% #6b7588; color: #fff!important; padding: 4px 8px 4px 30px; font-weight: normal; line-height: 1;} /* ar lang start */ .ar #footer #footer_contents { background: url(../../img/footer_back.gif) bottom left no-repeat; } .ar #footer #footer_en #footer_navi { float: right; } .ar #footer #footer_en #footer_navi .m_t15 { direction:ltr; text-align:right;} .ar #footer #footer_en .footer_social, .ar #footer #footer_en .footer_social ul li { float: left; } .ar #footer #footer_en .footerend_banner ul li { float: right; padding-right: 0; padding-left: 13px; } /* ar lang end */ /* pan -----------------------------------------------------------------------------*/ #pan{ margin-top:20px; border-top:#C7C7C7 2px solid; border-bottom:#C7C7C7 2px solid;font-size:93%; line-height:16px; padding:12px 0; color:#505050; margin-bottom:10px;} #pan a{color:#505050; font-weight:normal;} .none_pan_border-bottom{border-bottom:none !important; margin-bottom:0px !important;} .detail_pan_contents{border-top:none !important; line-height:12px !important; padding:9px 0 !important; margin:0px 0 40px 0 !important;} #in-depth #pan{border-top:#05318A 2px solid; border-bottom:#05318A 2px solid;} #views #pan{border-top:#E69100 2px solid; border-bottom:#E69100 2px solid;} #people #pan{border-top:#01BEFF 2px solid; border-bottom:#01BEFF 2px solid;} #currents #pan{border-top:#FF1E24 2px solid; border-bottom:#FF1E24 2px solid;} #features #pan{border-top:#059647 2px solid; border-bottom:#059647 2px solid;} #images #pan{border-top:#B938B9 2px solid; border-bottom:#B938B9 2px solid;} #in-depth #pan a:hover{color:#05318A;} #views #pan a:hover{color:#E69100;} #people #pan a:hover{color:#01BEFF;} #currents #pan a:hover{color:#FF1E24;} #features #pan a:hover{color:#059647;} #images #pan a:hover{color:#B938B9;} /* main_tit_index -----------------------------------------------------------------------------*/ #main_tit_box{padding:20px 0;} #main_tit_box .main_tit_img{ margin-bottom:10px;} #main_tit_box .main_tit_index{font-size:116%;} /* Contents -----------------------------------------------------------------------------*/ #contents { height:100%; width:940px; margin:0 auto; background:#FFF; padding:0px 10px 60px 10px; } #contents #main{ width:700px; float:left; } /* ar lang start */ .ar #contents #main{ float:right;} /* ar lang end */ /* images images_f_l_wrap start */ .images_f_l_wrap{ width:100% !important; float:none !important;} .images_f_l_wrap #main_img{width:940px; margin-bottom:20px;} .images_f_l_wrap #detail_contents, .images_f_l_wrap .author_txt{ width:680px !important; margin:0 auto !important; clear:both;} .images_f_l_wrap #more_article, .images_f_l_wrap .page_top{ width:700px !important; margin:0 auto !important; clear:both;} .images_f_l_wrap .media_list, .images_f_l_wrap .images_reed{ width:700px !important; margin:0 auto 20px auto !important;} /* images images_f_l_wrap end */ #def_contents{ padding-left:10px; padding-top:20px; height:100%; line-height:20px; font-size:108%; } #def_contents table.deff_table, #def_contents table.deff_table tr, #def_contents table.deff_table tr th, #def_contents table.deff_table tr td{ border:0; background:none; } #def_contents table.deff_table tr th { vertical-align:top; } #def_contents table.deff_table tr td .name{ font-size:0.9rem; } #def_contents table.deff_table tr td .tag_list li{ float:left; margin-top:0.1em; margin-right:0.5em; padding:0; } #def_contents dl{ font-size:1.0rem; clear:both; } #def_contents dl dt{ float:left; } #def_contents dl dd{ float:left; margin-left:0.7em; margin-bottom:0.7em; } #def_contents .tag_list{ } #def_contents .tag_list li{ float:left; margin-top:0.1em; margin-right:0.5em; margin-left:0; padding:0; } #def_contents dl dd span.name{ font-size:0.9rem; } /* rss page start */ /* ar lang start */ .ar #contents #def_contents .rss_tit{ display:inline-block;} /* ar lang end * /* rss page end */ /* default_list */ #default_list dl { width:680px; font-size:1.1rem; text-align:left; float:left; min-height:90px;border-top:2px #ccc solid; padding:10px 0; margin:0;} #default_list dl dt { width:90px;} #default_list dl dd { float:left;width:575px; margin-left:15px;line-height:1.4;padding:0;margin:0 0 0 15px} #default_list dl dd ul{float:left;padding:0;margin:0;width: 575px;} #default_list dl dd ul li{ padding:0;margin:0 0 0 7px;} #default_list dl dd span.name{ display:block; width:400px;} #default_list dl dd img {/* position:absolute; top:0; right:0;*/ float:right; width:140px;margin:0 0 5px 10px;} #default_list dl dd a:hover img { opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; } .ar #default_list dl { width:680px; font-size:1.1rem; text-align:right; float:right; min-height:90px;border-top:2px #ccc solid; padding:10px 0; margin:0;} .ar #default_list dt{ float:right;} .ar #default_list dl dd { float:right;width:575px; margin-left:15px;line-height:1.4;padding:0;margin:0 15px 0 0} .ar #default_list dl dd ul{ float:right; padding:0;margin:0;width:400px;} .ar #default_list dl dd ul li {float:right; margin:0 0 0 7px;} .ar #default_list dl dd img {/* position:absolute; top:0; right:0;*/ float:left; width:140px;margin:0 5px 5px 0;} .ar #contents #main .page_top {float:left;margin:20px 0;} /* page_top -----------------------------------------------------------------------------*/ #contents #main .page_top a, #contents #main .page_top a:hover{ float:right; height:20px; line-height:20px; background:url(../../img/page_top_yazirusi.gif) no-repeat right 50% #9F9F9F; color:#FFF; padding:0px 27px 0px 15px ; display:block; font-size:93%; } #contents #main .page_top a:hover{ /*background:url(../../img/page_top_yazirusi.gif) no-repeat right 50% #6D6D6D;*/ background:url(../../img/page_top_yazirusi.gif) no-repeat right 50% #6d6d6d !important; text-decoration:none; } #in-depth #contents #main .page_top a{background-color:#05318A;} #views #contents #main .page_top a{background-color:#E69100;} #people #contents #main .page_top a{background-color:#01BEFF;} #currents #contents #main .page_top a{background-color:#FF1E24;} #features #contents #main .page_top a{background-color:#059647;} #images #contents #main .page_top a{background-color:#B938B9;} /* ar lang start */ .ar #contents #main .page_top a, .ar #contents #main .page_top a:hover{ float:left; background:url(../../img/page_top_yazirusi.gif) no-repeat 9% 50% #9F9F9F; padding:0px 15px 0px 27px ; } .ar #contents #main .page_top a:hover{ /*background:url(../../img/page_top_yazirusi.gif) no-repeat right 50% #6D6D6D;*/ background:url(../../img/page_top_yazirusi.gif) no-repeat 9% 50% #6d6d6d !important; text-decoration:none; } /* ar lang end */ /* pager -----------------------------------------------------------------------------*/ #contents #main #pager { text-align:center; padding-bottom:40px; height:100%; clear:both; } #contents #main #pager table{ margin-left: auto; margin-right: auto; } #contents #main #pager th.pager_back{padding-right:15px !important;} #contents #main #pager th.pager_next{padding-left:15px !important;} #contents #main #pager a.prev{margin-right:15px !important;} #contents #main #pager a.next{margin-left:15px !important;} #contents #main #pager th.pager_back a, #contents #main #pager th.pager_next a, #contents #main #pager a.prev, #contents #main #pager a.next{width:57px; text-align:center; background:#fff; border: #9F9F9F 1px solid; font-weight:bold; line-height:28px; color:#6F6F6F; display:block; line-height:28px !important; display:block; padding:0 5px;} div.yarpp-related h3{ display: none; } #contents #main #pager th.pager_back a:hover, #contents #main #pager th.pager_next a:hover, #contents #main #pager a.prev:hover, #contents #main #pager a.next:hover{background:#9F9F9F; color:#FFF;} #contents #main #pager td a , #contents #main #pager td a:hover, #contents #main #pager .page-numbers{margin-right:5px; width:19px; float:left; background:#fff; border: #9F9F9F 1px solid; line-height:28px; color:#6F6F6F; display:block; text-align:center; } #contents #main #pager .page-numbers{ float:none !important; display:inline-block !important;} #contents #main #pager td a:hover, #contents #main #pager td a.active, #contents #main #pager a.page-numbers:hover, #contents #main #pager span.current{background:#9F9F9F; color:#FFF;} #contents #main #pager td a:hover strong{color:#FFF !important;} #in-depth #contents #main #pager th a, #in-depth #contents #main #pager td a{ border-color:#05318A;} #views #contents #main #pager th a, #views #contents #main #pager td a{ border-color:#E69100;} #people #contents #main #pager th a, #people #contents #main #pager td a{ border-color:#01BEFF;} #currents #contents #main #pager th a, #currents #contents #main #pager td a{ border-color:#FF1E24;} #features #contents #main #pager th a, #features #contents #main #pager td a{ border-color:#059647;} #images #contents #main #pager th a, #images #contents #main #pager td a{ border-color:#B938B9;} #in-depth #contents #main #pager th a:hover, #in-depth #contents #main #pager td a:hover, #in-depth #contents #main #pager td a.active{ background-color:#05318A; color:#FFF;} #views #contents #main #pager th a:hover, #views #contents #main #pager td a:hover, #views #contents #main #pager td a.active{ background-color:#E69100; color:#FFF;} #people #contents #main #pager th a:hover, #people #contents #main #pager td a:hover, #people #contents #main #pager td a.active{ background-color:#01BEFF; color:#FFF;} #currents #contents #main #pager th a:hover, #currents #contents #main #pager td a:hover, #currents #contents #main #pager td a.active{ background-color:#FF1E24; color:#FFF;} #features #contents #main #pager th a:hover, #features #contents #main #pager td a:hover, #features #contents #main #pager td a.active{ background-color:#059647; color:#FFF;} #images #contents #main #pager th a:hover, #images #contents #main #pager td a:hover, #images #contents #main #pager td a.active{ background-color:#B938B9; color:#FFF;} /* #in-depth #contents #main #pager td a strong{color:#05318A;} #views #contents #main #pager td a strong{color:#E69100;} #people #contents #main #pager td a strong{color:#01BEFF;} #currents #contents #main #pager td a strong{color:#FF1E24;} #features #contents #main #pager td a strong{color:#059647;} #images #contents #main #pager td a strong{color:#B938B9;} */ #contents #main #pager a.separator, #contents #main #pager a.separator:hover{border:none !important; cursor:default !important; background:none !important; color:#6F6F6F !important; text-decoration:none !important;} /* ar lang start */ .ar #contents #main #pager table { clear: both; overflow: hidden; } .ar #contents #main #pager table:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*\*/ * html .ar #contents #main #pager table { height: 1em; overflow: visible; } .ar #contents #main #pager td{float:right;} .ar #contents #main #pager th.pager_back{float:right; margin-left:15px !important; margin-right:0 !important;} .ar #contents #main #pager th.pager_next{float:right;} .ar #contents #main #pager td a, .ar #contents #main #pager td a:hover{float:right; margin-right:0px; margin-left:5px; } .ar #contents #main #pager a.separator, .ar #contents #main #pager a.separator:hover{ float:left;} /* ar lang end */ /* page_navi ver2 start */ .page_navi dl{width:413px; margin:0 auto; display:block;} .page_navi dl dt{ float:left; margin:0 15px 0 10px; width:99px;} .page_navi dl dt a{width:57px; text-align:center; background:#DFDFDF; border: #9F9F9F 1px solid; font-weight:bold; line-height:28px; color:#787878; display:block; padding:0 5px; } .ru .page_navi dl dt a{width:85px;} .page_navi dl dd{ width:21px; float:left; margin-right:5px;} .page_navi dl dd a{ width:19px; background:#E0E0E0; border: #9F9F9F 1px solid; line-height:28px; color:#6F6F6F; display:block; text-align:center; } .page_navi dl dd a:hover, .page_navi dl dt a:hover, .page_navi dl dd.active a{background:#9F9F9F; color:#FFF;} #top_page_navi {padding:40px 0 20px 0;} #top_page_navi .page_navi{ float:left; width:322px; padding-left:218px;} #top_page_navi .m_t20{ float:right; width:96px; margin-top:0px;} .en #top_page_navi .m_t20{width:96px;} /*.cn #top_page_navi .m_t20{width:105px;}*//* en ver */ .cn #top_page_navi .m_t20{width:82px;} .hk #top_page_navi .m_t20{width:82px;} .france #top_page_navi .m_t20{width:121px;} .es #top_page_navi .m_t20{width:160px;} .ar #top_page_navi .m_t20{width:96px;} .ru #top_page_navi .m_t20{width:122px;} #top_page_navi div.cb{clear:none !important;} #top_page_navi .page_navi { display:none; } #top_page_navi .active { display:block; } /* page_navi ver2 end */ /* ar lang start */ .ar #top_page_navi .page_navi{ float:right; width:322px; padding-right:218px; padding-left:0px;} .ar #top_page_navi .m_t20{ float:left; width:96px; margin-top:0px;} .ar .page_navi dl dt { float: right; margin: 0 10px 0 15px; } .ar .page_navi dl dd { float: right; margin-right: 0; margin-left: 5px; } /* ar lang end */ /* next_in_page -----------------------------------------------------------------------------*/ .next_in_page{ text-align:center; padding-bottom:20px; } .next_in_page .txt14{padding-right: 20px;background: url(../../img/def_box_s_yazirusi_next.gif) right center no-repeat;} /* ar lang start */ .ar .next_in_page .txt14{padding-right:0px; padding-left:20px; background:url(../../img/def_box_s_yazirusi_ar.gif) 5px center no-repeat;} /* ar lang end */ /* #in-depth .next_in_page .txt14{background:url(../../img/in-depth_box_s_yazirusi.gif) 60px 1px no-repeat;} #views .next_in_page .txt14{background:url(../../img/views_box_s_yazirusi.gif) 60px 1px no-repeat;} #people .next_in_page .txt14{background:url(../../img/people_box_s_yazirusi.gif) 60px 1px no-repeat;} #currents .next_in_page .txt14{background:url(../../img/currents_box_s_yazirusi.gif) 60px 1px no-repeat;} #features .next_in_page .txt14{background:url(../../img/features_box_s_yazirusi.gif) 60px 1px no-repeat;} #images .next_in_page .txt14{background:url(../../img/images_box_s_yazirusi.gif) 60px 1px no-repeat;} */ /* more_article -----------------------------------------------------------------------------*/ #main #more_article { padding-top:20px;} #main #more_article dl{ border:#C7C7C7 1px solid; border-bottom:none; width:345px;} #main #more_article dt{ padding:5px 10px; border-bottom:#C7C7C7 1px solid; font-size:108%; font-weight:bold;} #main #more_article dd{ padding:10px 10px; border-bottom:#C7C7C7 1px solid;} #main #more_article dd a{ color:#6d6d6d;} #main #more_article dl#recent_features dt a, #main #more_article dl#recent_features dt a:hover{ line-height:14px; display:block; background:url(../../img/def_box_s_yazirusi.gif) no-repeat right 50%; color:#6D6D6D;} #main #more_article dl#recent_features dt a:hover{ line-height:14px; display:block; background:url(../../img/def_box_s_yazirusi.gif) no-repeat right 50%; color:#6D6D6D;} #in-depth #main #more_article dl#recent_features dt a:hover{ background:url(../../img/in-depth_box_s_yazirusi.gif) no-repeat right 50%; color:#05318A;} #views #main #more_article dl#recent_features dt a:hover{ background:url(../../img/views_box_s_yazirusi.gif) no-repeat right 50%; color:#E69100;} #people #main #more_article dl#recent_features dt a:hover{ background:url(../../img/people_box_s_yazirusi.gif) no-repeat right 50%; color:#01BEFF;} #currents #main #more_article dl#recent_features dt a:hover{ background:url(../../img/currents_box_s_yazirusi.gif) no-repeat right 50%; color:#FF1E24;} #features #main #more_article dl#recent_features dt a:hover{ background:url(../../img/features_box_s_yazirusi.gif) no-repeat right 50%; color:#059647;} #images #main #more_article dl#recent_features dt a:hover{ background:url(../../img/images_box_s_yazirusi.gif) no-repeat right 50%; color:#B938B9;} #main #more_article dl#recent_features dd img{ float:left;} #main #more_article dl#recent_features dd p{ float:right; width:225px; display:block;} #main #more_article dl#recent_features dd p.no_img{ float:none !important; width:325px !important; display:block; padding:0px;} #main #more_article dl#recent_features dd p a.txt12{ font-size:93% !important; padding-bottom:2px; display:block;} #main #more_article dl#recent_features dd p span, #main #more_article dl#recent_features dd p a.link{ font-size:77%; line-height:14px;} #main #more_article dl#recent_features dd a, #main #more_article dl#related_article dd a { font-size: 93%} #main #more_article dl#recent_features dd ul li, #main #more_article dl#related_article dd ul li { list-style: disc; margin-left: 15px; } /* related_article_thumbnail -----------------------------------------------------------------------------*/ #related_article_thumbnail{ margin:0 0 20px 0; padding:0; float:left; font-size: 100%; } body #main #related_article_thumbnail ul{ margin:0; padding:0; /* Flex Layout */ display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } body #main #related_article_thumbnail ul li { list-style-type: none; float:left; margin:0; padding:8px 16px; width:200px; } body.ar #main #related_article_thumbnail{ float:right; font-size:108%; } body.ar #main #related_article_thumbnail ul li { float:right; padding:8px; line-height:1.4em; } #main #related_article_thumbnail ul li p{ margin:0; padding:0; /* height:7em; overflow: hidden; */ } #related_article_thumbnail ul li img{ margin:0 0 0.5em 0; width:200px; height:132px; } #related_article_thumbnail ul li a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; } #related_article_thumbnail ul li p{ line-height:1.4em; } @media print { html > body #main #related_article_thumbnail{ width:100%; overflow:visible !important; float:none; } html > body #main #related_article_thumbnail ul{ display: table; width:100%; overflow:visible !important; float:none; } html > body #main #related_article_thumbnail ul li { display: inline-block; /*for modern*/ float:none; width:192px; vertical-align:top; } } @media screen and (max-width: 480px) { #related_article_thumbnail{ font-size: 131%; } body #main #related_article_thumbnail ul li { width:400px; margin:0 auto; } body #main #related_article_thumbnail ul li p{ height: auto; } body #main #related_article_thumbnail ul li img { width:400px; height:264px;} } #contents #side #this_series_articles, #contents #side #side_relation_articles, #contents #side #this_other_articles, #contents #side #side_yahoo { display:none; } /* side -----------------------------------------------------------------------------*/ #contents #side { float: right; padding-top: 20px; width: 220px; } #contents #side .side_margin { margin-bottom: 45px !important; } /* ar lang start */ .ar #contents #side { float: left; } /* ar lang end */ #top #contents #side { padding-top: 0; } #contents #side .side_contents { border: #6e6e6e 1px solid; background-color: #FFF; margin-bottom: 15px; } #contents #side .side_contents .side_contents_tit { margin: -1px -1px 0; padding: 9px 8px 9px 16px; background: #6e6e6e url(/img/brdr_8px.png) repeat-y 0; color: #FFF; font-size: 123.1%; line-height: 100%; font-weight: bold; } #contents #side .side_contents_tit a.list_link { background: url(../../img/pager_r.gif) no-repeat 130% 50%; padding: 3px 15px 3px 0px; line-height: 134%; font-size: 77%; color: #FFF; font-weight: normal; } /* lang start */ .france #contents #side .side_contents_tit a.list_link { background-position: 124% 50%; } .es #contents #side .side_contents_tit a.list_link { background-position: 123% 50%; } /* lang end */ #contents #side .side_contents_tit a.main_titlink { display: block; padding: 0 15px 0 0; background: url(../../img/pager_r.gif) no-repeat 105% 50%; color: #fff; } #contents #side .side_contents_other { border: #9C9C9C 1px solid !important; } #contents #side .side_contents_other .side_contents_tit { background-color: #9C9C9C; } /* ar lang start */ .ar #contents #side .side_contents .side_contents_tit { padding: 9px 16px 9px 8px; background-position: 100%; font-size: 123.1%; } .ar #contents #side .side_contents_tit .fl { float: right; } .ar #contents #side .side_contents_tit .fr { float: left; } .ar #contents #side .side_contents_tit a.list_link { background: url(../../img/pager_l.gif) no-repeat -9px 50%; padding: 3px 0 3px 10px;} .ar #contents #side .side_contents_tit a.main_titlink { background: url(../../img/pager_l.gif) no-repeat -1px 50% ; padding:0 0 0 15px;} /* ar lang end */ /* side_in_pop start */ #contents #side .side_in_pop_tab{background:#ccc; border-bottom:#6E6E6E 1px solid; border-top:#FFF 1px solid; height:19px; width:100%; border-collapse:collapse;} #contents #side .side_in_pop_tab td {background-color:#ccc; cursor:pointer;} #contents #side .side_in_pop_tab td span{ color:#6E6E6E; background:url(../../img/side_in_pop_tit_yazirusi.gif) no-repeat 9px 5px; line-height:19px !important; font-size:85%; padding:0 0 0 20px; display:inline-block; line-height:120%;} #contents #side .side_in_pop_tab td.active, #contents #side .side_in_pop_tab td:hover{ background-color:#848484; color:#FFF;} #contents #side .side_in_pop_tab td:hover span{ color:#FFF !important; background:#848484 url(../../img/side_in_popactive_tit_yazirusi.gif) no-repeat 9px 5px !important; text-decoration:underline; } #contents #side .side_in_pop_tab td.active span{background:#848484 url(../../img/side_in_popactive_tit_yazirusi.gif) no-repeat 9px 5px !important; color:#FFF;} #contents #side .side_in_pop_tab .pop_cate_tit{ border-right: 1px solid #FFF;} /* ar lang start */ .ar #contents #side .side_in_pop_tab td:hover span{background-position:88% 5px !important; } .ar #contents #side .side_in_pop_tab td span{background-position:90% 5px; padding:0 20px 0 0px;} .ar #contents #side .side_in_pop_tab td.active span{background-position:88% 5px !important;} .ar #contents #side .side_in_pop_tab .pop_cate_tit{ border-left: 1px solid #FFF; border-right:none;} /* ar lang end */ /* side_article start */ #contents #side .side_article{ padding:9px 7px 0 7px; height:100%;} #contents #side .side_article .side_article_data { position:relative; margin: 0 0 10px; border-bottom: 1px solid #6e6e6e; padding-bottom: 9px; background-color: transparent; zoom: 1; font-size: 0.8rem;} #contents #side .side_article .no_boader{border-bottom:none !important; margin-bottom:0px !important;} /* side_in_popularity start */ #contents #side #side_in_popularity .side_article{display:none;} #contents #side #side_in_popularity .active .side_article{display:block;} #contents #side #side_in_popularity .side_article{ padding:9px 7px 0 7px; height:100%;} #contents #side #side_in_popularity .side_article .side_article_data{margin:0 0px 10px 0px; border-bottom:1px solid #6e6e6e; padding-bottom:9px;} #contents #side #side_in_popularity .side_article .detail{border-left:none; padding-left:30px;} #contents #side #side_in_popularity .side_article .side_article_data .ranking{ left: 0; padding-left: 6px;} /* ar lang start */ /* side_popularity 参照　*/ /* ar lang end */ /* side_popularity */ #contents #side #side_popularity .side_article_data .detail{padding-left:26px; min-height:28px; line-height:1.3;} #contents #side .side_article .side_article_data .ranking{position:absolute;padding-left:18px; /padding-left:10px;line-height:100%;font-size: 0.8rem;} #contents #side .side_article .side_article_data .detail{ border-left-width:4px; border-left-style:solid; margin:0 8px;} #contents #side .side_article .side_article_data .detail a{color:#5d5d5d;/*line-height:14px;*/font-size: 0.8rem;letter-spacing:0px;} #contents #side .side_article .in-depth .detail{border-left-color:#05318A;} #contents #side .side_article .views .detail{border-left-color:#E69100;} #contents #side .side_article .people .detail{border-left-color:#01BEFF;} #contents #side .side_article .currents .detail{border-left-color:#FF1E24;} #contents #side .side_article .features .detail{border-left-color:#059647;} #contents #side .side_article .images .detail{border-left-color:#B938B9;} /* ar lang start */ .ar #contents #side .side_article .side_article_data .detail{ font-size:100%; } .ar #contents #side #side_popularity .side_article_data .detail, .ar #contents #side #side_in_popularity .side_article_data .detail{ padding-left:0px; padding-right:26px;} .ar #contents #side .side_article .side_article_data .ranking, .ar #contents #side #side_in_popularity .side_article .side_article_data .ranking{ position:absolute; right:0px; padding-right:18px; /padding-left:10px; width:auto;} .ar #contents #side #side_in_popularity .side_article .side_article_data .ranking{ right: 0; padding-left: 0px; padding-right: 6px; width:15px;} .ar #contents #side .side_article .side_article_data .detail{ border-right-width:4px; border-left-width:0px; border-right-style:solid; margin:0 8px;} .ar #contents #side #side_in_popularity .side_article_data .detail{ border-right-width:0px; border-left-width:0px; padding-left:0px; padding-right:20px !important; margin:0 8px;} .ar #contents #side .side_article .in-depth .detail{border-right-color:#05318A;} .ar #contents #side .side_article .views .detail{border-right-color:#E69100;} .ar #contents #side .side_article .people .detail{border-right-color:#01BEFF;} .ar #contents #side .side_article .currents .detail{border-right-color:#FF1E24;} .ar #contents #side .side_article .features .detail{border-right-color:#059647;} .ar #contents #side .side_article .images .detail{border-right-color:#B938B9;} /* ar lang enf */ /* side_features */ #contents #side #side_features .side_article_data .detail{padding-left:12px;} #contents #side .side_article .side_article_data .data{ padding-bottom:6px; display:block; line-height:100%;} #contents #side .side_article .side_article_data .data_cate{font-size:93%;} #contents #side .side_article .side_article_data .data_day{font-size:85%;} #contents #side .side_article .in-depth .data{color:#05318A;} #contents #side .side_article .views .data{color:#E69100;} #contents #side .side_article .people .data{color:#01BEFF;} #contents #side .side_article .currents .data{color:#FF1E24;} #contents #side .side_article .features .data{color:#059647;} #contents #side .side_article .images .data{color:#B938B9;} /* side_article end */ /* ar lang start */ .ar #contents #side #side_features .side_article_data .detail{padding-right:12px;} .ar #contents #side .side_article .side_article_data .data_day{ direction:ltr; display:inline-block;} .ar #contents #side .side_article .side_article_data .data_cate{font-size:93%; display:inline-block;} /* ar lang end */ /* side_contents_keyword start */ #contents #side #side_contents_keyword #keyword_contents { padding: 0 0 6px 6px; zoom: 1; } #contents #side #side_contents_keyword #keyword_contents a { float: left; margin: 6px 6px 0 0; border: 1px solid #d5d5d5; padding: 3px 7px; background: #e5e5e5; font-size: 0.85rem !important; line-height: 100%; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; -webkit-text-overflow: ellipsis; } #contents #side #side_contents_keyword #keyword_contents a, #contents #side #side_contents_keyword #keyword_contents a:hover { color: #757575; } #contents #side #side_contents_keyword #keyword_contents a:hover { background-color: #d4d4d4; text-decoration: none; } /* side_contents_keyword end */ /* ar lang start */ .ar #contents #side #side_contents_keyword #keyword_contents {padding:5px 6px 0px 0px;} .ar #contents #side #side_contents_keyword #keyword_contents a, .ar #contents #side #side_contents_keyword #keyword_contents a:hover{ float:right; margin:0 0 6px 5px; font-size:100%;} /* ar lang end */ /* side_columnist start */ /*#contents #side #side_columnist{margin-bottom:45px;}*/ #contents #side #side_columnist .side_contents_tit{ cursor:pointer;} #contents #side #side_columnist .side_contents_tit:hover{background-color:#595959;} #contents #side #side_columnist .side_contents_tit:hover .fr a, #contents #side #side_columnist .side_contents_tit:hover .fl{ text-decoration:underline;} #contents #side #side_columnist ul{padding:14px 14px 0px 14px;} #contents #side #side_columnist ul li{ padding-bottom:14px; cursor:pointer; line-height:110%;font-size: 1.1rem;} #contents #side #side_columnist ul li img{width:35px; float:left;} #contents #side #side_columnist ul li p{width:150px; float:right;} #contents #side #side_columnist ul li p.no_pic{width:100%; float:none;} #contents #side #side_columnist ul li p a{color:#5D5D5D;} #contents #side #side_columnist ul li p strong{ display:block; padding:3px 0; font-size:77%; color:#5D5D5D; } #contents #side #side_columnist ul li p span{ font-size:72%; font-weight:normal; color:#5D5D5D;} #contents #side #side_columnist ul li:hover img{ opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ -khtml-opacity: .50; /* Safari 1.x */ -moz-opacity: .50; /* FF lt 1.5, Netscape */} /* side_columnist end */ /* ar lang start */ .ar #contents #side #side_columnist ul li img{width:35px; float:right;} .ar #contents #side #side_columnist ul li p{width:150px; float:left;} /* ar lang end */ /* side_editor start */ #contents #side #side_editor{} #contents #side #side_editor .side_contents_tit{ cursor:pointer;} #contents #side #side_editor .side_contents_tit:hover{background-color:#8c8c8c;} #contents #side #side_editor .side_contents_tit:hover .fr a, #contents #side #side_editor .side_contents_tit:hover .fl{ text-decoration:underline;} #contents #side #side_editor .side_contents_tit .fl{width:220px;} #contents #side #side_editor .list_link {display:none;} /* lang start */ .frace #contents #side #side_editor .side_contents_tit .fl{width:220px;} .es #contents #side #side_editor .side_contents_tit .fl{width:220px;} /* lang end */ #contents #side #side_editor ul{margin:10px;} #contents #side #side_editor ul li{ list-style: none; margin-top:5px;font-size:0.9rem; line-height:1.4;} /* ar lang start */ .ar #contents #side #side_editor ul li{ margin-right: 14px; margin-left:0px;} /* ar lang end */ /* side_editor end */ /* side_category start */ #contents #side #side_category{ margin-bottom:15px;} #contents #side #side_category ul{padding:12px 8px 0px 8px;} #contents #side #side_category ul li{ width:50%; font-size:108%; font-weight:normal; color:#707070; float:left; padding-bottom:12px;} #contents #side #side_category ul li a{ color:#707070;} /* side_category end */ /* side_category start */ #contents #side #side_yahoo{} #contents #side #side_yahoo .side_contents_tit{cursor:pointer;} #contents #side #side_yahoo .side_contents_tit:hover{background-color:#8c8c8c;} #contents #side #side_yahoo ul{padding:8px 8px;} #contents #side #side_yahoo ul li{ list-style: disc; margin-left: 14px; font-size:0.8rem; color:#707070; padding-bottom:2px;} #contents #side #side_yahoo ul li a{ color:#707070;} /* ar lang start */ .ar #contents #side #side_yahoo ul li{ margin-right: 14px; margin-left:0;} /* ar lang end */ /* side_category end */ /* side_category start */ #contents #side #side_other_colums{} #contents #side #side_other_colums .side_contents_tit{cursor:pointer;} #contents #side #side_other_colums .side_contents_tit:hover{background-color:#8c8c8c;} #contents #side #side_other_colums ul{padding:8px 8px;} #contents #side #side_other_colums ul li{ list-style: disc; margin-left: 14px; font-size:77%; color:#707070; padding-bottom:2px;} #contents #side #side_other_colums ul li a{ color:#707070;} /* ar lang start */ .ar #contents #side #side_other_colums ul li{ margin-right: 14px; margin-left:0;} /* ar lang end */ /* side_category end */ /* this_series_articles start */ #contents #side #this_series_articles{} #contents #side #this_series_articles ul li{ border-top:1px solid #6e6e6e; padding:10px 8px 10px 14px;} #in-depth #side #this_series_articles ul li{ border-top:1px solid #05318A;} #views #side #this_series_articles ul li{ border-top:1px solid #E69100;} #people #side #this_series_articles ul li{ border-top:1px solid #01BEFF;} #currents #side #this_series_articles ul li{ border-top:1px solid #FF1E24;} #features #side #this_series_articles ul li{ border-top:1px solid #059647;} #images #side #this_series_articles ul li{ border-top:1px solid #B938B9;} #contents #side #this_series_articles ul li.active {background:#eeeeee;} #contents #side #this_series_articles ul li:hover {background:#d5d5d5;} #contents #side #this_series_articles ul ul li { list-style: disc; margin-left: 9px; border: 0; padding: 0; color:#707070; font-size: 93%; vertical-align: baseline; } /* Safari -> */ :root #contents #side #this_series_articles ul ul li { float: left; } #contents #side #this_series_articles ul ul li a { display: inline-block; position: relative; zoom: 1; margin: -10px -8px -10px -23px; padding: 10px 10px 10px 2em; width: 185px; color: #707070; vertical-align: text-top; /* IE8 -> */ float: right\9; } #in-depth #side #this_series_articles .side_contents_tit{ background-color:#05318A;} #views #side #this_series_articles .side_contents_tit{ background-color:#E69100;} #people #side #this_series_articles .side_contents_tit{ background-color:#01BEFF;} #currents #side #this_series_articles .side_contents_tit{ background-color:#FF1E24;} #features #side #this_series_articles .side_contents_tit{ background-color:#059647;} #images #side #this_series_articles .side_contents_tit{ background-color:#B938B9;} #in-depth #side #this_series_articles{ border:1px solid #05318A;} #views #side #this_series_articles{ border:1px solid #E69100;} #people #side #this_series_articles{ border:1px solid #01BEFF;} #currents #side #this_series_articles{ border:1px solid #FF1E24;} #features #side #this_series_articles{ border:1px solid #059647;} #images #side #this_series_articles{ border:1px solid #B938B9;} /* for IE start */ #contents #side #this_series_articles ul, #contents #side #this_series_articles li { overflow: hidden; zoom: 1; } #contents #side #this_series_articles ul ul, #contents #side #this_series_articles li li { overflow: visible; zoom: 0; } /* for IE end */ /* ar lang start */ .ar #contents #side #this_series_articles ul li { padding: 10px 14px 10px 8px; } .ar #contents #side #this_series_articles ul ul li{ margin-left: 0; margin-right: 9px; padding: 0; } /* Safari -> */ :root .ar #contents #side #this_series_articles ul ul li { float: right; } .ar #contents #side #this_series_articles ul ul li a { margin: -10px -23px -10px -8px; padding: 10px 2em 10px 10px; /* IE8 -> */ float: left\9; } /* ar lang end */ /* this_series_articles end */ /* this_other_articles start */ #contents #side #this_other_articles{ margin-bottom:40px;} #contents #side #this_other_articles ul li{ border-top:1px solid #6e6e6e; padding:10px 8px 10px 14px;} #in-depth #side #this_other_articles ul li{ border-top:1px solid #05318A;} #views #side #this_other_articles ul li{ border-top:1px solid #E69100;} #people #side #this_other_articles ul li{ border-top:1px solid #01BEFF;} #currents #side #this_other_articles ul li{ border-top:1px solid #FF1E24;} #features #side #this_other_articles ul li{ border-top:1px solid #059647;} #images #side #this_other_articles ul li{ border-top:1px solid #B938B9;} #contents #side #this_other_articles ul li.active {background:#eeeeee;} #contents #side #this_other_articles ul li:hover {background:#d5d5d5;} #contents #side #this_other_articles ul ul li { list-style: disc; margin-left: 9px; border: 0; padding: 0; color:#707070; font-size: 93%; vertical-align: baseline; } /* Safari -> */ :root #contents #side #this_other_articles ul ul li { float: left; } #contents #side #this_other_articles ul ul li a { display: inline-block; position: relative; zoom: 1; margin: -10px -8px -10px -23px; padding: 10px 10px 10px 2em; width: 185px; color: #707070; vertical-align: text-top; /* IE8 -> */ float: right\9; } #in-depth #side #this_other_articles .side_contents_tit{ background-color:#05318A;} #views #side #this_other_articles .side_contents_tit{ background-color:#E69100;} #people #side #this_other_articles .side_contents_tit{ background-color:#01BEFF;} #currents #side #this_other_articles .side_contents_tit{ background-color:#FF1E24;} #features #side #this_other_articles .side_contents_tit{ background-color:#059647;} #images #side #this_other_articles .side_contents_tit{ background-color:#B938B9;} #in-depth #side #this_other_articles{ border:1px solid #05318A;} #views #side #this_other_articles{ border:1px solid #E69100;} #people #side #this_other_articles{ border:1px solid #01BEFF;} #currents #side #this_other_articles{ border:1px solid #FF1E24;} #features #side #this_other_articles{ border:1px solid #059647;} #images #side #this_other_articles{ border:1px solid #B938B9;} /* for IE start */ #contents #side #this_other_articles ul, #contents #side #this_other_articles li { overflow: hidden; zoom: 1; } #contents #side #this_other_articles ul ul, #contents #side #this_other_articles li li { overflow: visible; zoom: 0; } /* for IE end */ /* ar lang start */ .ar #contents #side #this_other_articles ul li { padding: 10px 14px 10px 8px; } .ar #contents #side #this_other_articles ul ul li{ margin-left: 0; margin-right: 9px; padding: 0; } /* Safari -> */ :root .ar #contents #side #this_other_articles ul ul li { float: right; } .ar #contents #side #this_other_articles ul ul li a { margin: -10px -23px -10px -8px; padding: 10px 2em 10px 10px; /* IE8 -> */ float: left\9; } /* ar lang end */ /* this_other_articles end */ /* side_relation_articles start */ #contents #side #side_relation_articles{} #contents #side #side_relation_articles ul{padding:14px 8px;} #contents #side #side_relation_articles ul li{ list-style: disc; margin-left: 14px; font-size:77%; color:#707070; padding-bottom:2px;} #contents #side #side_relation_articles ul li a{ color:#707070;} /* ar lang start */ .ar #contents #side #side_relation_articles ul li{ margin-right:14px; margin-left:0px;} /* ar lang end */ /* this_other_articles end */ .side-category { } #contents /* <- set for priority higher */ .side-category dd { padding: 5px; font-size: 100%; } .france #contents /* <- set for priority higher */ .side-category dd { padding: 5px; font-size: 93%; } .side-category dd a { display: inline-block; zoom: 1; margin: 2px 0; padding: 3px 5px 2px; width: 94px; vertical-align: top; } .side-category dd a:hover { background-color: #e3e3e3; } /* side_contents_photo_kizi start */ #side_contents_photo_kizi #side_con_photo_wrp{ margin: 10px auto 3px auto; width: 200px; height: 120px; overflow: hidden; } #side_contents_photo_kizi #side_con_photo_wrp div{color:#FFF;font-size: 0.75rem;line-height: 1.2;display:none;} #side_contents_photo_kizi #side_con_photo_wrp div.active{display:block;} #side_contents_photo_kizi #side_con_photo_wrp div a{color:#FFF; font-weight:normal;} #side_contents_photo_kizi #side_con_photo_wrp div span{padding:2px 5px;display:block;line-height: 1.4;} #side_contents_photo_kizi #hide-navi { display: none; } #side_contents_photo_kizi .side_con_photo_navi { margin-left: 9px; padding: 0 0 6px; width: 203px; } #side_contents_photo_kizi .side_con_photo_navi ul li { float: left; margin-right: 3px; margin-bottom: 3px; height: 7px; width: 26px; overflow: hidden; text-indent: -9999px; cursor: pointer; } #side_contents_photo_kizi .side_con_photo_navi ul li:last-child { margin-right: 0; } /* ar lang start */ .ar #side_contents_photo_kizi .side_con_photo_navi { margin-left: 0; margin-right: 9px; } .ar #side_contents_photo_kizi .side_con_photo_navi ul li { float: right; margin-right: 0; margin-left: 3px; } .ar #side_contents_photo_kizi .side_con_photo_navi ul li:last-child { margin-left: 0; } /* ar lang end */ #side_contents_photo_kizi .side_con_photo_navi ul li.active, #side_contents_photo_kizi .side_con_photo_navi ul li:hover{ filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ -khtml-opacity: .50; /* Safari 1.x */ -moz-opacity: .50; /* FF lt 1.5, Netscape */ opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */ } #side_contents_photo_kizi #side_con_photo_wrp div, #side_contents_photo_kizi .side_con_photo_navi ul li{background-color:#6E6E6E; } #side_contents_photo_kizi #side_con_photo_wrp div.in-depth, #side_contents_photo_kizi .side_con_photo_navi ul li.in-depth{background-color:#05318A; } #side_contents_photo_kizi #side_con_photo_wrp div.views, #side_contents_photo_kizi .side_con_photo_navi ul li.views{background-color:#E69100;} #side_contents_photo_kizi #side_con_photo_wrp div.people, #side_contents_photo_kizi .side_con_photo_navi ul li.people{background-color:#01BEFF;} #side_contents_photo_kizi #side_con_photo_wrp div.currents, #side_contents_photo_kizi .side_con_photo_navi ul li.currents{background-color:#FF1E24;} #side_contents_photo_kizi #side_con_photo_wrp div.features, #side_contents_photo_kizi .side_con_photo_navi ul li.features{background-color:#059647;} #side_contents_photo_kizi #side_con_photo_wrp div.images, #side_contents_photo_kizi .side_con_photo_navi ul li.images{background-color:#B938B9;} /* side_contents_photo_kizi end */ /* Latest Updates start */ .recent-posts-3 { } body .recent-posts-3 dl dd { padding: 6px 10px 0 6px; } #side .recent-posts-3 dd li { list-style: none; margin: 0; padding: 2px 0 10px 21px; background-repeat: no-repeat; background-position: 0 0; } .recent-posts-3 dl dd ul li span.sub { color: #999; } /* _ icon modules */ .icon-in-depth, .icon-views, .icon-people, .icon-currents, .icon-features, .icon-images, .icon-category-none { padding: 2px 0 2px 21px; background: no-repeat 0 0; } .icon-in-depth { background-image: url(../../img/icon_in-depth.gif); } .icon-views { background-image: url(../../img/icon_views.gif); } .icon-people { background-image: url(../../img/icon_people.gif); } .icon-currents { background-image: url(../../img/icon_currents.gif); } .icon-features { background-image: url(../../img/icon_features.gif); } .icon-images { background-image: url(../../img/icon_images.gif); } .icon-category-none { background-image: url(../../img/icon_category_none.gif); } #side .recent-posts-3 dd .icon-in-depth a:hover, #side .recent-posts-3 dd .icon-in-depth a:hover span.sub { color: #05318A !important; } #side .recent-posts-3 dd .icon-views a:hover, #side .recent-posts-3 dd .icon-views a:hover span.sub { color: #E69100 !important; } #side .recent-posts-3 dd .icon-people a:hover, #side .recent-posts-3 dd .icon-people a:hover span.sub { color: #01BEFF !important; } #side .recent-posts-3 dd .icon-currents a:hover, #side .recent-posts-3 dd .icon-currents a:hover span.sub { color: #FF1E24 !important; } #side .recent-posts-3 dd .icon-features a:hover, #side .recent-posts-3 dd .icon-features a:hover span.sub { color: #059647 !important; } #side .recent-posts-3 dd .icon-images a:hover, #side .recent-posts-3 dd .icon-images a:hover span.sub { color: #B938B9 !important; } /* Latest Updates end */ /* textwidget start */ #contents #side .textwidget .side_contents_other ul{ margin:10px;} #contents #side .textwidget .side_contents_other ul li{font-size:0.9rem;margin-top:5px;line-height:1.4;} /* textwidget end */ /* search start */ /* comment outed at 2012/01/12 #contents #side #search{ border:#6D6D6D 1px solid; margin-bottom:10px; } #contents #side #search form{ border-bottom:#6D6D6D 1px solid; padding:9px; } #contents #side #search form #search_input{ background:url(../../img/search_input.gif) no-repeat 0px 0px; border:none; width:147px; height:21px; line-height:21px; vertical-align:middle; padding:0px 10px; } */ /* #contents #side #search form #search_input_btn{ background:url(../../img/search_btn.gif) no-repeat 0px 0px; height:21px; width:26px; border:none; margin-left:7px; text-indent:-9999px; cursor:pointer; } */ /* comment outed at 2012/01/12 #contents #side #search form #search_input_btn{ height:21px; width:26px; margin-left:7px; vertical-align:middle; cursor:pointer; } */ /* error page start */ #error404 #error_contents{ padding-bottom:20px;} #error404 #serch_error_box{ border:#6D6D6D 1px solid; padding:9px; width:280px; margin:0 auto; } #error404 #serch_error_box #search_input{ background:url(../../img/error_search_input.gif) no-repeat 0px 0px !important; border:none; width:225px; height:21px; line-height:21px; vertical-align:middle; padding:0px 10px; } #error404 #serch_error_box #search_input_btn{ height:21px; width:26px; margin-left:7px; vertical-align:middle; cursor:pointer; } /* error page end */ /* comment outed at 2012/01/12 #contents #side #search dl { padding: 9px; } #contents #side #search dl dt{ padding-bottom: 7px; font-weight: bold; font-size: 108%; } #contents #side #search dl dd { font-size: 100%; } #contents #side #search dl dd a { display: inline-block; color: #505050 * #6e6e6e *; zoom: 1; } */ /* search end */ /* social start */ #social { } #social dt { background-color: #ccc; } #social dd { padding: 8px 6px; } #social li { list-style: none outside; float: left; margin: 0 4px 0 0; } /* social end */ /* photos start */ #photos{background:#6E6E6E; margin-bottom:10px;} #photos dl dt a, #photos dl dt a:hover{display:block; padding:4px 10px 3px 33px; line-height:17px; font-size:108%; border-bottom:#FFF 1px solid; color:#FFF; text-decoration:none;} #photos dl dt a {background:url(../../img/side_photos_tit.gif) no-repeat 10px 4px #6E6E6E;} #photos dl dt a:hover{background:url(../../img/side_photos_tit_ov.gif) no-repeat 10px 4px; color:#B936B6;} #photos dl dd {padding:10px 2px 10px 10px; position:relative; } #photos dl dd p {padding-bottom:10px; padding-right:7px; width:200px; } #photos dl dd p a {position:relative; display:block;} #photos dl dd p a span.cover_icon {position:absolute; top:50px; left:85px; z-index:50;} #photos dl dd p a span.cover_title {position:absolute; left:0; bottom:0; width:190px; padding:5px; z-index:200; font-weight: normal; color: #fff;} #photos dl dd p a span.cover_bg {position:absolute; left:0; bottom:0; width:190px; padding:5px; z-index:100; background:#000;} #photos dl dd .thumb_img li{float:left; padding-right:7px;} #photos dl dd .thumb_img li a:hover img{ opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=30); /* IE lt 8 */ -ms-filter: "alpha(opacity=30)"; /* IE 8 */ -khtml-opacity: .30; /* Safari 1.x */ -moz-opacity: .30; /* FF lt 1.5, Netscape */ } /* photos end */ /* videos start */ #videos{background:#6E6E6E; margin-bottom:10px;} #videos dl dt a, #videos dl dt a:hover{display:block; padding:4px 10px 3px 33px; line-height:17px; font-size:108%; border-bottom:#FFF 1px solid; color:#FFF; text-decoration:none;} #videos dl dt a {background:url(../../img/side_videos_tit.gif) no-repeat 10px 4px #6E6E6E;} #videos dl dt a:hover{background:url(../../img/side_videos_tit_ov.gif) no-repeat 10px 4px; color:#B936B6;} #videos dl dd {padding:10px 2px 10px 10px; position:relative; } #videos dl dd p {padding-bottom:10px; padding-right:7px; width:200px; } #videos dl dd p a {position:relative; display:block;} #videos dl dd p a span.cover_icon {position:absolute; top:50px; left:85px; z-index:50;} #videos dl dd p a span.cover_title {position:absolute; left:0; bottom:0; width:190px; padding:5px; z-index:200; font-weight: normal; color: #fff;} #videos dl dd p a span.cover_bg {position:absolute; left:0; bottom:0; width:190px; padding:5px; z-index:100; background:#000;} #videos dl dd .thumb_img li{float:left; padding-right:7px;} #videos dl dd .thumb_img li a:hover img{ opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */ -ms-filter: "alpha(opacity=30)"; /* IE 8 */ filter: alpha(opacity=30); /* IE lt 8 */ -khtml-opacity: .30; /* Safari 1.x */ -moz-opacity: .30; /* FF lt 1.5, Netscape */ opacity: .30; } /* videos end */ /* staff start */ #staff{background:#6D6D6D; margin-bottom:10px; height:100%;} #staff dl dt{ display: block; border-bottom: #FFF 1px solid; padding: 4px 10px 3px 10px; background: url(../../img/side_staff_tit.gif) no-repeat 203px 8px; line-height: 17px; font-size: 108%; font-weight: bold; color: #FFF; } #staff dl dt a { color: #FFF; } #staff dl dd { padding: 10px; } #staff dl dd a { color: #FFF; font-size: 85%; } #staff dl dd li { list-style: disc; margin-left: 15px; color: #FFF; } /* staff end */ /* banner start */ .mylinkorder-6 dl {border:none !important; margin-bottom:10px;} .mylinkorder-6 dl dt { display:none !important;} .mylinkorder-6 dl dd { padding:0px !important;} .mylinkorder-6 dl dd ul li { padding:0 0 10px 0 !important; list-style:none !important; margin:0 !important;} .mylinkorder-6 dl dd ul li img { width:220px; height:50px;} .mylinkorder-4 dl {border:none !important; margin-bottom:10px;} .mylinkorder-4 dl dt { display:none !important;} .mylinkorder-4 dl dd { padding:0px !important;} .mylinkorder-4 dl dd ul li { padding:0 0 10px 0 !important; list-style:none !important; margin:0 !important;} .mylinkorder-4 dl dd ul li img { width:220px; height:50px;} .banner{margin-bottom:10px;} .banner ul li{ padding-bottom:10px;} #side .side-category-banner dl { border: 0; margin: 20px 0; border-bottom: 1px solid #999; padding-bottom: 10px; } #side .side-category-banner dt { display: none; } #side .side-category-banner dd { padding: 0; } #side .side-category-banner li { list-style: none; margin: 0 0 10px; padding: 0; } #side .side-category-banner li img{ width: 220px; height: 50px;} /* banner end */ /* articles start */ .articles dl, .articles_sns dl{margin-bottom:10px; border:#C7C7C7 1px solid;} .articles dl dt, .articles_sns dl dt{padding:5px 10px; border-bottom: 1px solid #C7C7C7; padding:10px; font-size:108%; font-weight:bold; line-height:15px;} .articles dl dd, .articles_sns dl dd{padding:10px; font-size:85%;} .articles dl dd ul li{ list-style:disc; margin-left:15px;} .articles dl dd ul li a{ color: #505050 /* #6e6e6e */ !important;} .text-2 dl{margin-bottom:10px; border:0;} .text-4 dl{margin-bottom:10px; border:0;} /* comment outed at 2012/01/20 .articles_sns dl dt{padding:5px 10px !important; border-bottom: 1px solid #C7C7C7; padding:10px; font-size:108%; font-weight:bold; line-height:15px; background:#CCCCCC;} .articles_sns dl dd{padding:10px 10px 0px 10px;} .articles_sns dl dd #social li{ padding:0 0px 10px 0 !important;} .articles_sns dl dd iframe{padding-bottom:10px;} */ /* articles end */ /* ie6 english start */ *html .en #side .text-3 .textwidget{ width:216px; overflow:hidden; } *html .en #side .text-3 .textwidget iframe{ zoom:95%; } /* ie6 english end */ /* detail_contents -----------------------------------------------------------------------------*/ #detail_contents{height:100%;word-break:normal !important;line-break: normal;font-size: 1.0rem;line-height: 1.7;padding-bottom:10px;clear:both;} .ar #detail_contents{height:100%; word-break:normal !important; line-break: normal; font-size:1.25rem; line-height:1.5; padding-bottom:10px; clear:both;} /* ar_lan start * .ar #detail_contents p, .ar #detail_contents .ar_rlt_none{text-align: right; direction: ltr !important;} * ar_lan end */ /* 規則処理 start */ .fr #detail_contents{ line-break: strict; } /* 規則処理 end */ #detail_contents .detail_box{ padding-bottom:25px; height:100%; } /* p start*/ #detail_contents p{ padding-bottom:20px;} #def_contents p{padding-bottom:20px;font-size:1.0rem; line-height: 1.5;} .en #def_contents p{padding-bottom:20px;font-size: 1.0rem;line-height: 1.6;} .france #def_contents p{padding-bottom:20px;font-size: 1.0rem;line-height: 1.6;} .es #def_contents p{padding-bottom:20px;font-size: 1.0rem;line-height: 1.6;} .ar #def_contents p{padding-bottom:20px;font-size: 1.1rem;line-height: 1.6;} .ru #def_contents p{padding-bottom:20px;font-size: 1.0rem;line-height: 1.6;} /* p end*/ /* style for default pages start */ #def_contents h3 { margin:10px 0; font-size:1.3rem; } #def_contents h4 { margin:10px 0; font-size:1.1rem; } #def_contents table { border:1px solid #5e5e5e; border-collapse: collapse; margin:0 0 5px 0; font-size:1.0rem; } #def_contents table th, #def_contents table td{ border:1px solid #5e5e5e; padding:5px 10px; } #def_contents table th{background-color:#E3E3E3;} #def_contents a{color:#FF1E23;font-weight:normal;} #def_contents a.exlink { background: url(../../img/def_ex_link_ico.gif) no-repeat; padding-left:18px; background-position:center left} /* style for default pages end */ /* img start*/ #detail_contents img{ border:1px solid #919191; padding:9px;} /* img end*/ /* img prame start*/ #detail_contents .aligncenter { display: block; clear: both; margin: 0.25em auto 0; /*margin: 0.25em auto 1.5em; 画像の下に空白が空くため*/ text-align:center; } #detail_contents .alignleft { float: left; clear: both; margin: 0.25em 1.5em 0 0; /*margin: 0.25em 1.5em 1.5em 0; 画像の下に空白が空くため*/ } #detail_contents .alignright { float: right; clear: both; margin: 0.25em 0 0 1.5em; /* margin: 0.25em 0 1.5em 1.5em; 画像の下に空白が空くため*/ } /* img prame end*/ /* ex_link start*/ #detail_contents a.exlink { background: url(../../img/def_ex_link_ico.gif) no-repeat center left; padding-left: 18px; } #in-depth #detail_contents a.exlink { background: url(../../img/in-depth_ex_link_ico.gif) no-repeat center left; padding-left: 18px; } #views #detail_contents a.exlink { background: url(../../img/views_ex_link_ico.gif) no-repeat center left; padding-left: 18px; } #people #detail_contents a.exlink { background: url(../../img/people_ex_link_ico.gif) no-repeat center left; padding-left: 18px; } #currents #detail_contents a.exlink { background: url(../../img/currents_ex_link_ico.gif) no-repeat center left; padding-left: 18px; } #features #detail_contents a.exlink { background: url(../../img/features_ex_link_ico.gif) no-repeat center left; padding-left: 18px; } #images #detail_contents a.exlink { background: url(../../img/images_ex_link_ico.gif) no-repeat center left; padding-left: 18px; } /* ex_link end*/ /* under_border start*/ #detail_contents hr { border: 0; } #in-depth #detail_contents hr { border-bottom: 2px solid #05318A; margin-bottom: 20px; } #views #detail_contents hr { border-bottom: 2px solid #E69100; margin-bottom: 20px; } #people #detail_contents hr { border-bottom: 2px solid #01BEFF; margin-bottom: 20px; } #currents #detail_contents hr { border-bottom: 2px solid #FF1E24; margin-bottom: 20px; } #features #detail_contents hr { border-bottom: 2px solid #059647; margin-bottom: 20px; } #images #detail_contents hr { border-bottom: 2px solid #B938B9; margin-bottom: 20px; } /* under_border end*/ /* font_size start*/ #detail_contents h1{ font-size: 1.8rem; line-height: 1.2; margin-top:20px; margin-bottom: 10px;} #detail_contents h2{ font-size: 1.6rem; line-height: 1.2; margin-top:20px; margin-bottom: 10px;} #detail_contents h3{font-size: 1.4rem;line-height: 1.2; margin-top:20px; margin-bottom: 10px;} #detail_contents h4{ font-size: 1.2rem; line-height: 1.2; margin-top:20px; margin-bottom: 10px;} #detail_contents h5{ font-size: 1.1rem; line-height: 1.2; margin-top:20px; margin-bottom: 10px;} #detail_contents h6{ font-size: 1.0rem; line-height: 1.2; margin-top:20px; margin-bottom: 10px;} #detail_contents h1, #detail_contents h2, #detail_contents h3, #detail_contents h4, #detail_contents h5, #detail_contents h6 { margin-bottom: 10px; color: #505050 /* #6D6D6D */; } #detail_contents table h4, #detail_contents .photo_box h4, #detail_contents table h5, #detail_contents .photo_box h5, #detail_contents table h6, #detail_contents .photo_box h6 {margin-top:0;} #in-depth #detail_contents h2 { color: #05318A; } #views #detail_contents h2 { color: #E69100; } #people #detail_contents h2 { color: #01BEFF; } #currents #detail_contents h2 { color: #FF1E24; } #features #detail_contents h2 { color: #059647; } #images #detail_contents h2 { color: #B938B9; } /* font_size end*/ /* font_family start*/ .en #detail_contents h3, .en #detail_contents h4, .en #detail_contents h5, .en #detail_contents h6 {font-family: Open Sans,Helvetica Neue,Arial,sans-serif;} .france #detail_contents h3, .france #detail_contents h4, .france #detail_contents h5, .france #detail_contents h6 {font-family: Open Sans,Helvetica Neue,Arial,sans-serif;} .es #detail_contents h3, .es #detail_contents h4, .es #detail_contents h5, .es #detail_contents h6 {font-family: Open Sans,Helvetica Neue,Arial,sans-serif;} .ru #detail_contents h3, .ru #detail_contents h4, .ru #detail_contents h5, .ru #detail_contents h6 {font-family: Open Sans,Helvetica Neue,Arial,sans-serif;} /* font_family end*/ /* h_bread start*/ #in-depth #detail_contents h3 { padding: 2px 0 2px 5px; border-left: 5px solid #05318A;} #views #detail_contents h3 { padding: 2px 0 2px 5px; border-left: 5px solid #E69100;} #people #detail_contents h3 { padding: 2px 0 2px 5px; border-left: 5px solid #01BEFF;} #currents #detail_contents h3 { padding: 2px 0 2px 5px; border-left: 5px solid #FF1E24;} #features #detail_contents h3 { padding: 2px 0 2px 5px; border-left: 5px solid #059647;} #images #detail_contents h3 {padding: 2px 0 2px 5px;border-left: 5px solid #B938B9;} #detail_contents h3 { padding: 2px 0 2px 5px; border-left: 5px solid #6D6D6D;} /* ar lang start */ .ar #detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #6D6D6D; font-size: 24px; line-height: 26px; } .ar#in-depth #detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #05318A; } .ar#views #detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #E69100; } .ar#people #detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #01BEFF; } .ar#currents #detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #FF1E24; } .ar#features #detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #059647; } .ar#images #detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #B938B9; } .ar#detail_contents h3 { padding: 2px 5px 2px 0; border-left: 0; border-right: 5px solid #6D6D6D; } /* ar lang end */ /* font_size end*/ /* lang h3 start */ .en #detail_contents h3, .es #detail_contents h3, .france #detail_contents h3{ border-left-width:10px !important; padding-left:10px !important; } /* lang h3 end */ /* table start */ #detail_contents table{ width:100%; border-collapse:collapse; border:#6D6D6D 1px solid; margin-bottom:10px; font-size:0.9rem; line-height:1.4; } .ar #detail_contents table{ width:100%; border-collapse:collapse; border:#6D6D6D 1px solid; margin-bottom:10px; font-size:1rem; line-height:1.4; } #detail_contents table th{ border:#6D6D6D 1px solid; width:180px; padding:7px 7px; text-align:left; } #detail_contents table td{ border:#6D6D6D 1px solid; padding:7px 7px; } #detail_contents table .second_color { background: #C7C7C7; } /* #detail_contents table .primary_color { background: #6D6D6D; color: #fff; } #in-depth #detail_contents table .primary_color { background: #05318A; color: #fff; } #views #detail_contents table .primary_color { background: #E69100; color: #fff; } #people #detail_contents table .primary_color { background: #01BEFF; color: #fff; } #currents #detail_contents table .primary_color { background: #FF1E24; color: #fff; } #features #detail_contents table .primary_color { background: #059647; color: #fff; } #images #detail_contents table .primary_color { background: #B938B9; color: #fff; } */ #detail_contents table th { background: #6D6D6D; color: #fff; } #in-depth #detail_contents table th { background: #05318A; color: #fff; } #views #detail_contents table th { background: #E69100; color: #fff; } #people #detail_contents table th { background: #01BEFF; color: #fff; } #currents #detail_contents table th { background: #FF1E24; color: #fff; } #features #detail_contents table th { background: #059647; color: #fff; } #images #detail_contents table th { background: #B938B9; color: #fff; } /* table end */ /* list start */ #detail_contents ul, #detail_contents ol {padding-bottom:20px; margin-left:15px;} #detail_contents ul li, #detail_contents ol li { margin-left: 20px; padding: 0 0 5px 0px; list-style-type: disc; } /* ar lang start */ .ar #detail_contents ul, .ar #detail_contents ol { margin-right: 15px; margin-left: 0; } .ar #detail_contents ul li, .ar #detail_contents ol li { margin-left: 0; margin-right: 20px; } /* ar lang end */ /* *html #detail_contents ul li, *html #detail_contents ol li { margin-left:25px; }*/ /* #in-depth #detail_contents ul li { color: #05318a; } #views #detail_contents ul li { color: #e69100; } #people #detail_contents ul li { color: #01beff; } #currents #detail_contents ul li { color: #ff1e24; } #features #detail_contents ul li { color: #059647; } #images #detail_contents ul li { color: #b938b9; } */ #detail_contents ul li span, #detail_contents ol li span { color: #6e6e6e; } #detail_contents ol li { list-style-type: decimal; } /* #in-depth #detail_contents ol li { color: #05318a; } #views #detail_contents ol li { color: #e69100; } #people #detail_contents ol li { color: #01beff; } #currents #detail_contents ol li { color: #ff1e24; } #features #detail_contents ol li { color: #059647; } #images #detail_contents ol li { color: #b938b9; } */ /* list end */ /* attention_waku start */ #detail_contents .attention_waku_dif { background: #6e6e6e; color: #fff; padding: 10px; margin-bottom: 20px; } #detail_contents .attention_waku_dif strong { display: block; padding-bottom: 3px; } #detail_contents blockquote { margin-left: 25px; margin-bottom: 20px; border-left: solid 2px; padding: 10px 25px; } .ar #detail_contents blockquote { margin-left: 0; margin-right: 25px; border-left: 0; border-right: solid 2px; } #in-depth #detail_contents blockquote { border-color: #05318a; } #views #detail_contents blockquote { border-color: #e69100; } #people #detail_contents blockquote { border-color: #01beff; } #currents #detail_contents blockquote { border-color: #ff1e24; } #features #detail_contents blockquote { border-color: #059647; } #images #detail_contents blockquote { border-color: #b938b9; } #detail_contents blockquote strong { display: block; padding-bottom: 3px; } /* attention_waku end */ /* sup & sub */ #detail_contents sup {font-size: x-small; vertical-align: super;} #detail_contents sub {font-size: x-small; vertical-align: baseline;} /* photo_box start */ .photo_box{ margin-bottom: 12px; border: #929292 1px solid; padding: 9px !important; font-size: 0.9rem; line-height: 1.4; } .photo_box img { margin-bottom: 5px; border: 0 !important; padding: 0 !important; } .photo_box_c, .photo_box_r, .photo_box_l { border: #929292 1px solid; padding: 9px !important; float: right; margin: 0 0 10px 10px; font-size: 0.85rem; line-height: 1.4; } .photo_box_c img, .photo_box_r img, .photo_box_l img { margin-bottom: 5px; border: 0 !important; padding: 0 !important; } .photo_box_l { float: left; margin: 0 10px 10px 0px; } .photo_box_c { float: none; margin: 0 auto 10px; } #detail_contents p.photo_box_c { margin-bottom: 20px;} #detail_contents p.photo_box_l a.alignleft { margin-right: 0; } #detail_contents p.photo_box_r a.alignright { margin-left: 0; } .no_photo_border { border: 0 !important; } /* photo_box end */ /* more_photo_gallery start */ #more_photo_gallery { clear: both; margin-top: 35px; margin-bottom: 30px; padding-bottom: 40px; height: 100px; } #more_photo_gallery div.scrollingHotSpotLeft, #more_photo_gallery div.scrollingHotSpotRight{ display: block !important; position: absolute; z-index: 10; min-width: 20px; width: 20px; height: 100px; cursor: pointer; } #more_photo_gallery div.scrollingHotSpotLeft { left: 0; top: 0; background: url(../../img/pager_l.gif) no-repeat 50% 50%; } #more_photo_gallery div.scrollingHotSpotRight { right: 0; top: 0; background:url(../../img/pager_r.gif) no-repeat 50% 50%; } #more_photo_gallery div.scrollingHotSpotLeft, #more_photo_gallery div.scrollingHotSpotRight { background-color: #6e6e6e; } #in-depth #more_photo_gallery div.scrollingHotSpotLeft, #in-depth #more_photo_gallery div.scrollingHotSpotRight { background-color: #05318a; } #views #more_photo_gallery div.scrollingHotSpotLeft, #views #more_photo_gallery div.scrollingHotSpotRight { background-color: #e69100; } #people #more_photo_gallery div.scrollingHotSpotLeft, #people #more_photo_gallery div.scrollingHotSpotRight { background-color: #01beff; } #currents #more_photo_gallery div.scrollingHotSpotLeft, #currents #more_photo_gallery div.scrollingHotSpotRight { background-color: #ff1e24; } #features #more_photo_gallery div.scrollingHotSpotLeft, #features #more_photo_gallery div.scrollingHotSpotRight { background-color: #059647; } #images #more_photo_gallery div.scrollingHotSpotLeft, #images #more_photo_gallery div.scrollingHotSpotRight { background-color: #b938b9; } #more_photo_gallery #makeMeScrollable2{ overflow:hidden; height:80px; position:relative; display:block; background:#C7C7C7; padding:10px 0; } #more_photo_gallery div.scrollWrapper { position:relative; width:675px; height:100%; display:block; overflow:hidden; /*width:670px; height:80px; padding:10px 0 10px 0px; margin-left:20px;*/ } *html #more_photo_gallery div.scrollWrapper { width:690px; height:80px; margin-left:0px; display:block; } #more_photo_gallery div.scrollableArea { display: block; position: relative; margin: 0 40px 0 20px; width: 100%; height: 100px; } #more_photo_gallery div.scrollableArea p { display: inline; float: left; } #more_photo_gallery div.scrollableArea img{ float:left; padding:0 5px; position:relative; } /* #more_photo_gallery div.scrollableArea a{ display:inline !important; float:left !important; } #more_photo_gallery div.scrollableArea a img{ float:left !important; } #more_photo_gallery .makeme { width:700px; height:80px; position:relative; } #more_photo_gallery .makeme * { position:relative; float:left; margin:0; padding:0; } */ /* photo_box end */ /* images_contents -----------------------------------------------------------------------------*/ #images #main .images_reed { margin-bottom: 20px; padding: 10px 20px; /* background: #B938B9; */ background: #6E6E6E; color: #FFF; font-size: 0.9rem; line-height: 1.5; } /* Default -----------------------------------------------------------------------------*/ .deff_table { margin-bottom: 20px; border-collapse: collapse; width: 100%; } .deff_table th, .deff_table td { padding: 0 10px 10px 0; vertical-align: top; text-align: left; } .deff_table th { width: 10%; font-weight: 400; } /* ar lang start */ .ar .deff_table th, .ar .deff_table td { text-align: right; padding: 0 0 10px 10px; } /* ar lang end */ /* キャプション */ div.aligncenter { display: block; margin-left: auto; margin-right: auto; } div.alignright { display: inline; margin: 0 0 2px 7px; padding: 5px; } div.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; } .wp-caption { margin: 10px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #666; padding-top: 4px; background-color: #F8F8F8; text-align: center; } .wp-caption img { margin: 0; border: 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; } /* キャプションEND */ .data_number { font-size: 93%; padding-bottom: 20px; text-align: right; } .ar .data_number { direction: ltr; } /*.images_contents .data_number { width: 700px; margin: 20px auto 0 auto; }*/ /* なぞPR start　*/ .JSID_adbase .JSID_adscript li { background-repeat: no-repeat; list-style: none !important; margin-left: 0 !important; } /* なぞPR end　*/ /* newsletter */ .newsletter a { display: inline-block; background: url(/img/icon_mail.png) no-repeat 10px 50% #6b7588; color: #fff!important; padding: 4px 8px 4px 30px; font-weight: normal; line-height: 1; } .newsletter a:hover { text-decoration: none; opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=80); /* IE lt 8 */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ -khtml-opacity: .8; /* Safari 1.x */ -moz-opacity: .8; /* FF lt 1.5, Netscape */ }