@charset "utf-8"; /* ******************************************************************** サイト全体に共通の基本定義 ******************************************************************** */ /* -- ▼余白、リストのデフォルト形状、fontなど▼ -- */ * {list-style:none;margin:0px;padding: 0px;} body,input{font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;} a.noborder, a.noborder:link, a.noborder:hover, a.noborder:active, a.noborder:visited, img{border: 0;vertical-align:bottom;} /* -- ▼リンク、画像border、hr▼ -- */ a:link, a:active{color: #000;text-decoration:none;} a:visited{color: #000;text-decoration:none;} a:hover{color: #000;text-decoration:underline;} a:focus{outline:none;} /* --　記事中のボックスリンク -- */ a.link-box{display:block;} a.link-box:hover .ttl .column-ttl, a.link-box:hover .ttl .column-main-ttl{text-decoration:underline;} a.link-box:hover .column-ttl, a.link-box:hover .column-main-ttl{text-decoration:underline;} a:hover .column-ttl, a:hover .column-main-ttl{text-decoration:underline;} a:hover .pr1,a:hover .pr2,a:hover .topics1,a:hover .topics2,a:hover .topics3{text-decoration:underline;} /* -- ▼全体で使う画像▼ -- */ .sprite{background:url(/common/images/v3/main-bg-set.png?20141015) no-repeat;display:block;} .sprite a{background:url(/common/images/v3/main-bg-set.png?20141015) no-repeat;display:block;} .common-bg{background:url(/common/images/v3/main-bg-set.gif?20141015) no-repeat;display:block;} .common-bg a{background:url(/common/images/v3/main-bg-set.gif?20141015) no-repeat;display:block;} .arrow{background:url(/common/images/v3/arrows.png?20150303) no-repeat;display:block;} .arrow a{background:url(/common/images/v3/arrows.png?20150303) no-repeat;display:block;} .ad-bg,.ad-bg a{ background:url(/common/images/v3/basic/ad-arrows.png?20150303) no-repeat; display:block; background-size:13px 529px; -webkit-background-size:13px 529px; -moz-background-size:13px 529px; } /* -- ▼ floatをクリアするためのCSS ▼ -- */ .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* -- ▼ 文字を隠す ▼ -- */ .hide{overflow:hidden;white-space:nowrap;text-indent:100%;} /* -- ▼ float指定 ▼ -- */ .left{float:left;} .right{float:right;} /* -- ▼ PRアイコン ▼ -- */ .title.pr{background-repeat:no-repeat;background-position:right bottom;padding-right:15px;} /* *********************************************************************** カテゴリ色分けメインカラー *********************************************************************** */ /* テキスト */ .default.text{color:#e3d125;} .business.text{color:#c07700;} .economy-and-politics.text{color:#bb555b;} .global.text{color:#a04177;} .tech.text{color:#845b8d;} .career-and-education.text{color:#596e9f;} .market.text{color:#008dbd;} .culture.text{color:#179397;} .life.text{color:#86a300;} .ranking.text{color:#aac35c;} .fromjapan.text{color:#ba1b21;} .tktopics.text{color:#425b92;} .common.text{color:#009fe6;} /* リンク */ .default a,a .default{color:#e3d125;} .business a,a .business{color:#c07700;} .economy-and-politics a,a .economy-and-politics{color:#bb555b;} .global a,a .global{color:#a04177;} .tech a,a .tech{color:#845b8d;} .career-and-education a,a .career-and-education{color:#596e9f;} .market a,a .market{color:#008dbd;} .culture a,a .culture{color:#179397;} .life a,a .life{color:#86a300;} .ranking a,a .ranking{color:#aac35c;} .fromjapan a,a .fromjapan{color:#ba1b21;} .tktopics a,a .tktopics{color:#425b92;} .common a,a .common{color:#009fe6;} /* ボーダーカラー */ .default.line{border-color:#e3d125;} .business.line{border-color:#c07700;} .economy-and-politics.line{border-color:#bb555b;} .global.line{border-color:#a04177;} .tech.line{border-color:#845b8d;} .career-and-education.line{border-color:#596e9f;} .market.line{border-color:#008dbd;} .culture.line{border-color:#179397;} .life.line{border-color:#86a300;} .ranking.line{border-color:#aac35c;} .fromjapan.line{border-color:#ba1b21;} .tktopics.line{border-color:#425b92;} .common.line{border-color:#009fe6;} .pr.line{border-color:#425b92;} /* *********************************************************************** サイトのレイアウトに関する指定 *********************************************************************** */ /* -- ▼ 全体を包むwrapper ▼ -- */ #wrapper{margin:0 auto;padding:0;} #wrapper.print{width:auto;margin:15px;} #wrapper.video{width:auto;margin:0 auto;} .inner-section{width:1000px;margin:0 auto;} /* -- ▼ ヘッダー（ロゴ周りなど）,ナビゲーション ▼ -- */ #gnavi{margin:0 auto;padding:0;border-bottom:solid 1px #e0e1e2;} #header{width:1000px;margin:0 auto 10px auto;padding:0;} #header.print{width:auto;} .header-video-inner{margin:0 auto;} #sitenavi{margin:0 auto 0 0;padding:0;clear:right;} /* -- ▼記事用指定▼ -- */ #sitenavi.article{border:none;margin-top:0;} /* -- ▼ メインコンテンツ ▼ -- */ #contents{margin:0 auto;padding:0;width:1000px;} /* -- ▼ メインカラム ▼ -- */ #main-column{float:left;width:685px;} #main-column.tktopics,#main-column.leading-edge{margin-top:16px;} #main-column.category.leaders50{margin-top:16px;} #main-column.adarticles{margin:0 0 50px 0;} /* -- ▼ ページセンター寄せ（トピックボード,ライブラリー,連載） ▼ -- */ #main-column .subsection{ width:570px; border-bottom:solid 1px #bababa; margin:0 auto 20px auto; clear:both; } #main-column .subsection.no-border{border-style:none;} #main-column .category.subsection{ border-bottom: 1px solid #bababa; clear: both; margin: 10px auto 20px; width: 570px; } #main-column .subsection-series{ width:685px; border-bottom:solid 1px #bababa; margin:0 auto 20px auto; clear:both; } /* -- ▼ サブカラム ▼ -- */ #sub-column.top{margin-top:19px;} #sub-column{float:right;width:300px;margin:16px 0 0 15px;} #sub-column.market-and-search{margin:0 0 0 15px;} @-moz-document url-prefix() { #sub-column.market-and-search{margin:10px 0 0 15px;} } #sub-column.adarticle{margin-top:0;} /* -- ▼ フッター ▼ -- */ #footer{margin:20px auto 0 auto;padding:20px;border-top:solid 1px #ccc;} .footer-video-inner{margin:0 auto;padding-top:50px;} /* *********************************************************************** トップページ、記事で共通使用しているものの指定 *********************************************************************** */ /* -- ▼ ヘッダー ▼ -- */ .logo{width:230px;margin-top:17px;} .logo.print{margin:0;} .logo h1 a,.logo p a{background-position:0 -80px;width:230px;height:71px;display:block;} /* -- ▼記事用指定▼ -- */ .logo.article{width:179px;margin-top:17px;} .logo.article p a{ background-image:url(/common/images/v2/main-bg-set-v2.gif); background-position:0 -177px; width:179px; height:56px; display:block; } .logo h1 span,#header .logo p span{display:none;} .header-sub-area{width:770px;background-position:-230px -80px;margin-top:16px;position:relative;} .header-sub-area-inner{width:617px;padding-bottom:12px;} .header-sub-area.print{width:100px;} .header-sub-area.print ul li{float:left;margin-left:10px;} .header-info{float:none;margin:0 auto;padding:20px 0 0 0;color:#767879;font-size:13px;width:373px;} .header-info .info-title{float:left;padding-right:10px;} .header-info .mark{color:#c73535;} .header-info ul{margin-top:0;height:20px;overflow:hidden;} .header-info ul li{width:100%;height:20px;} .header-info ul li a{background:none;color:#767879;} /* -- ▼記事用指定▼ -- */ .header-sub-area.article{width:821px;height:56px;background-position:-179px -177px;position:relative;margin-top:17px;} /* -- ▼ グローバルナビ（2014.7リニューアル） ▼ -- */ .gnavi-menu{width:574px;margin-top:8px;} .gnavi-menu ul li a{height:29px;} .gnavi-submenu{margin-top:6px;} ul li#gnavi-menu1 a{width:124px;background-position:0 -8px;margin-right:4px;} ul li#gnavi-menu2 a{width:125px;background-position:-128px -8px;margin-right:4px;} ul li#gnavi-menu3 a{width:125px;background-position:-256px -8px;margin-right:4px;} ul li#gnavi-menu4 a{width:92px;background-position:-384px -8px;margin-right:4px;} ul li#gnavi-menu5 a{width:92px;background-position:-479px -8px;margin-right:0;} ul li#gnavi-menu1 a:hover,ul li#gnavi-menu1 a.current{background-position:0 -42px;} ul li#gnavi-menu2 a:hover,ul li#gnavi-menu2 a.current{background-position:-128px -42px;} ul li#gnavi-menu3 a:hover,ul li#gnavi-menu3 a.current{background-position:-256px -42px;} ul li#gnavi-menu4 a:hover,ul li#gnavi-menu4 a.current{background-position:-384px -42px;} ul li#gnavi-menu5 a:hover,ul li#gnavi-menu5 a.current{background-position:-479px -42px;} .gnavi-submenu{width:340px;margin-top:8px;} .gnavi-submenu ul li{border:none;padding:0;line-height:27px;} .gnavi-submenu ul li a{font-size:11px;color:#989898;border-right:solid 1px #c0c0c0;border-left:solid 1px #c0c0c0;padding:0 10px;} .gnavi-submenu ul li:last-child a{border-left:none;} .gnavi-submenu ul li a:hover{color:#23456c;text-decoration:none;} /* -- ▼ 検索 ▼ -- */ .header-search{width:165px;margin-top:3px;} .header-search .search-form form{width:165px;height:20px;background-position:-793px -44px;position:relative;} .header-search .search-form input{outline: none;border-style:none;height:19px;width:108px;margin-left:23px;background-color:transparent;} .header-search .search-form input[type="text"]{outline:none;} .header-search .search-form button{position:absolute;top:0;right:0;background-position:-961px -43px;border-style:none;cursor:pointer;overflow:hidden;white-space:nowrap;text-indent:110%;width:35px;height:21px;display:block;} /* -- ▼ サイトナビ（2014.7リニューアル） ▼ -- */ .sitenavi-menu{margin:0 auto 0 22px;} .sitenavi-menu ul{width:590px;} .sitenavi-menu ul li{margin-right:10px;} .sitenavi-menu ul li#sitenavi-menu12{margin-right:0;} .sitenavi-menu ul li a{width:40px;height:40px;} #sitenavi-menu1 a{background-position:-252px -291px;} #sitenavi-menu2 a{background-position:-302px -291px;} #sitenavi-menu3 a{background-position:-351px -291px;} #sitenavi-menu4 a{background-position:-401px -291px;} #sitenavi-menu5 a{background-position:-450px -291px;} #sitenavi-menu6 a{background-position:-500px -291px;} #sitenavi-menu7 a{background-position:-549px -291px;} #sitenavi-menu8 a{background-position:-599px -291px;} #sitenavi-menu9 a{background-position:-648px -291px;} #sitenavi-menu10 a{background-position:-697px -291px;} #sitenavi-menu11 a{background-position:-747px -291px;} #sitenavi-menu12 a{background-position:-797px -291px;} #sitenavi-menu1 a.current,#sitenavi-menu1 a:hover{background-position:-252px -251px;} #sitenavi-menu2 a.current,#sitenavi-menu2 a:hover{background-position:-302px -251px;} #sitenavi-menu3 a.current,#sitenavi-menu3 a:hover{background-position:-351px -251px;} #sitenavi-menu4 a.current,#sitenavi-menu4 a:hover{background-position:-401px -251px;} #sitenavi-menu5 a.current,#sitenavi-menu5 a:hover{background-position:-450px -251px;} #sitenavi-menu6 a.current,#sitenavi-menu6 a:hover{background-position:-500px -251px;} #sitenavi-menu7 a.current,#sitenavi-menu7 a:hover{background-position:-549px -251px;} #sitenavi-menu8 a.current,#sitenavi-menu8 a:hover{background-position:-599px -251px;} #sitenavi-menu9 a.current,#sitenavi-menu9 a:hover{background-position:-648px -251px;} #sitenavi-menu10 a.current,#sitenavi-menu10 a:hover{background-position:-697px -251px;} #sitenavi-menu11 a.current,#sitenavi-menu11 a:hover{background-position:-747px -251px;} #sitenavi-menu12 a.current,#sitenavi-menu12 a:hover{background-position:-797px -251px;} .header-follows{position:absolute;right:0;bottom:5px;top:40px;} .header-follows ul li a{width:32px;height:32px;display:block;} .header-follows ul li#twitter-ico a{background-position:-872px -242px;} .header-follows ul li#facebook-ico a{background-position:-904px -242px;} .header-follows ul li#rss-ico a{background-position:-936px -242px;} .header-follows ul li#mail-ico a{background-position:-968px -242px;} .header-follows ul li#twitter-ico a:hover{background-position:-872px -274px;} .header-follows ul li#facebook-ico a:hover{background-position:-904px -274px;} .header-follows ul li#rss-ico a:hover{background-position:-936px -274px;} .header-follows ul li#mail-ico a:hover{background-position:-968px -274px;} /* -- ▼記事用指定▼ -- */ .header-follows.article{position:absolute;right:15px;bottom:15px;top:17px;} .header-follows.article ul li a{width:26px;height:25px;display:block;} .header-follows.article ul li#twitter-ico a{background-position:-880px -306px;} .header-follows.article ul li#facebook-ico a{background-position:-906px -306px;} .header-follows.article ul li#rss-ico a{background-position:-932px -306px;} .header-follows.article ul li#mail-ico a{background-position:-958px -306px;} .header-follows.article ul li#twitter-ico a:hover{background-position:-880px -331px;} .header-follows.article ul li#facebook-ico a:hover{background-position:-906px -331px;} .header-follows.article ul li#rss-ico a:hover{background-position:-932px -331px;} .header-follows.article ul li#mail-ico a:hover{background-position:-958px -331px;} /* -- ▼記事用指定▼ -- */ #sitenavi.article .sitenavi-menu{width:auto;height:40px;margin:0 auto 0 73px;float:left;} /* アイコン小型 */ #sitenavi-readers50.small{float:left;margin-left:10px;} #sitenavi-readers50.small a{background-position:-550px -50px;display:block;width:40px;height:40px;font-size:0;text-indent:-1000em;} /* アイコン小型（Video） */ #sitenavi-video.small{float:left;margin-left:10px;} #sitenavi-video.small a{background-position:-550px -50px;display:block;width:40px;height:40px;font-size:0;text-indent:-1000em;} /* -- ▼ ツールティップ ▼ -- */ .tooltip{ background: url("/common/js/lib/tooltip/images/tooltip-bg-v2.png") repeat scroll 0 0 transparent; color: #333333; display: none; font-size: 11px; height: 33px; padding:8px 10px 15px 15px; width: 165px; z-index: 1000; line-height:1.4; } #sitenavi .sitenavi-menu ul li .tooltip a{display:inline;background:none;} /* -- ▼ パンくず ▼ -- */ #breadcrumb ul li{padding:0 6px 0 12px;line-height:1.4;} #breadcrumb ul li.top{padding-left:0;} #breadcrumb ul li a{background-image:none;} /* *********************************************************************** トップページの指定 *********************************************************************** */ /* -- ▼ Top News1 ▼ -- */ #top-news1{height:234px;overflow:hidden;} #top-news1 h2{width:201px;display:block;font-weight:normal;font-size:13px;background-color:#EAD200;padding:1px 0;text-align:center;} #top-news1-inner{background-color:#f1f1f2;padding:10px 12px 10px 10px;} #top-news1-inner #photo-wrapper{width:329px;height:189px;float:left;overflow:hidden;margin:0px;padding:0px;border:solid 1px #e3d125;} .top-news1-photo{width:331px;float:left;display:none;position:relative;} .top-news1-list a{text-decoration:none;} .top-news1-list{width:326px;float:right;color:#fff;margin:10px 0 0 0;} .top-news1-list ul li{position:relative;border-left:solid 5px #f2f2f2;padding-left:7px;margin-bottom:13px;line-height:1.3;clear:right;} .top-news1-list ul li:last-child{margin-bottom:0;} .top-news1-list ul li.last{margin-bottom:0;} .top-news1-list ul li.current{position:relative;border-left:solid 5px #e3d125;padding-left:7px;} .top-news1-list ul li span.shoulder{font-size:12px;font-weight:bold;color:#aa941d;} .top-news1-list ul li span.title{font-size:15px;font-weight:bold;} #top-news1 a:hover .title{text-decoration:underline;} #top-news1 a:hover .shoulder{text-decoration:underline;} /* --- スライダースタイル ------------ */ #top-slide1{height:256px;overflow:hidden;} #top-slide1 h2.typeb{background-position:0 -85px;width:201px;height:21px;display:block;position:relative;} #top-slide1 h2.typeb .date{font-size:13px;position:absolute;top:1px;left:102px;font-weight:normal;line-height:21px;} #top-slide1-inner{background-color:#fff;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:10px 0;position:relative;z-index:1;} #top-slide1-inner .bx-window{width:663px !important;} #top-slide1-inner ul.top-slider li{padding-right:45px;text-align:center;} #top-slide1-inner ul.top-slider .thumb{text-align:center;overflow:hidden;} #top-slide1-inner ul.top-slider .thumb img{width:329px;height:189px;} #top-slide1-inner ul.top-slider .title{font-weight:bold;} #top-slide1-inner .prev a{width:30px;height:55px;display:block;background:url(/common/images/v3/common/top-slide-prev.png) no-repeat;overflow:hidden;white-space:nowrap;text-indent:100%;position:absolute;top:99px;left:103px;z-index:100;} #top-slide1-inner .next a{width:30px;height:55px;display:block;background:url(/common/images/v3/common/top-slide-next.png) no-repeat;overflow:hidden;white-space:nowrap;text-indent:100%;position:absolute;top:99px;right:103px;z-index:100;} /* -- ▼ Top News2 ▼ -- */ #top-news2.genre{margin-bottom:7px;} #top-news2 ul li{margin:30px 27px 0 0;border-top-style:solid;border-top-width:2px;padding-top:5px;} #top-news2 ul li:nth-child(3n){margin-right:0;} #top-news2 ul li a{color:#000;} #top-news2 ul li span.shoulder{font-size:10px;font-weight:bold;color:#aa941d;padding-bottom:2px;} #top-news2 ul li .title{margin-bottom:5px;font-size:15px !important;position:relative;word-break:loose !important;z-index:10;min-height:36px;} #top-news2 ul li .title .new{position:absolute;bottom:0;left:172px;font-weight:normal;z-index:1000;word-break:loose !important;} #top-news2 ul li .thumb{text-align:center;overflow:hidden;} /* -- ▼ Top News3 ▼ -- */ #top-news3.genre{margin:0 0 30px 0;} #top-news3 ul{font-size:0;} #top-news3 ul li{margin:23px 35px 0 0;border-top-style:solid;border-top-width:2px;padding-top:5px;display:inline-block;vertical-align:top;} #top-news3 ul li:nth-child(4n){margin-right:0;} #top-news3 ul li a{color:#000;} #top-news3 ul li .title{margin-bottom:5px;font-size:12px;word-break:loose !important;position:relative;min-height:30px;} #top-news3 ul li .title .new{position:absolute;padding:1px 3px;text-align:center;position:absolute;right:0;bottom:0;left:113px;word-break:loose !important;} #top-news3 ul li.fromjapan .title{word-break:loose !important;} #top-news3 ul li .thumb{overflow:hidden;text-align:center;} #top-news3 ul li .thumb .j-icon img{width:110px;height:15px;position:absolute;right:0;bottom:0;} #top-news3 ul li.pr .title{ margin-bottom:5px;font-size:12px; font-weight:bold; line-height:1.2; word-break:break-all !important; display:block; padding-right:0; background-position:right bottom; background-image:url(/common/images/v3/basic/pr-ico.png); background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; } /* -- ▼ Top News PR ▼ -- */ #top-news-pr{margin-bottom:0;} #top-news-pr ul li{margin:23px 35px 0 0;border-top-style:solid;border-top-width:2px;padding-top:5px;} #top-news-pr ul li:nth-child(4n){margin-right:0;} #top-news-pr ul li a{color:#000;} #top-news-pr ul li .title{margin-bottom:5px;font-size:13px;font-weight:bold;line-height:1.2;word-break:break-all !important;display:block;padding-right:0;} #top-news-pr ul li .thumb{overflow:hidden;text-align:center;} #top-news-pr ul li .title.pr{background-position:right bottom;background-image:url(/common/images/v3/pr-large.gif);} /* -- ▼ トップページの共通指定 ▼ -- */ .wd332{width:332px;} .wd329{width:329px;} .wd210{width:210px;} .wd215{width:215px;} .wd145{width:145px;} .wd110{width:110px;} .ht189{height:189px;} .ht124{height:124px;} .ht120{height:120px;} .ht83{height:83px;} .ht63{height:63px;} /* -- ▼ トップジャンルリスト ▼ -- */ .genre{margin-bottom:25px;clear:both;} .genre.small,.genre.middle{margin-bottom:15px;clear:both;} .genre h2{margin-bottom:10px;} .genre h2 a.business{width:685px;height:21px;background-position:0 -31px;} .genre h2 a.economy-and-politics{width:215px;height:21px;background-position:0 -86px;} .genre h2 a.global{width:215px;height:21px;background-position:0 -117px;} .genre h2 a.tech{width:215px;height:21px;background-position:0 -179px;} .genre h2 a.career-and-education{width:329px;height:21px;background-position:0 -148px;} .genre h2 a.market{width:329px;height:21px;background-position:0 -210px;} .genre h2 a.culture{width:215px;height:21px;background-position:0 -241px;} .genre h2 a.life{width:215px;height:21px;background-position:0 -272px;} .genre h2 a.ranking{width:215px;height:21px;background-position:0 -303px;} .genre h2 a.fromjapan{width:329px;height:21px;background-position:0 -334px;} .genre h2.tktopics{width:329px;height:23px;background-position:0 -365px;} .genre h2 a.video{width:685px;height:38px;background-position:0 -613px;} .genre a:hover{text-decoration:none;} .genre .thumb{position:relative;display:block;text-align:center;overflow:hidden;} .genre .date{background-color: #000;border-radius: 5px;bottom: 5px;color: #FFFFFF;font-size: 12px;bottom:5px;left: 5px;opacity: 0.7;padding:1px 3px;position: absolute;} .genre .new{background-color: #009fe6;border-radius: 5px;bottom: 5px;color: #FFFFFF;font-size: 11px;bottom:5px;left: 5px;padding:1px 5px;position: absolute;font-family:Arial;font-weight:normal;} .genre .shoulder{font-size:12px;font-weight:bold;display:block;line-height:1.2;} .genre .title{font-weight:bold;display:block;line-height:1.2;font-size:15px;} .genre .w-list a .title{color:#000;} .genre .w-list .thumb{margin:2px 0 10px 0;} .genre .w-list .text-list{margin-bottom:10px;} .genre .w-list .text-list .text{padding-left:15px;} .genre .h-list{margin-bottom:15px;} .genre .h-list:last-child{margin-bottom:0;} .genre.middle .w-list{margin-right:27px;} .genre.middle .w-list.tktopics{background:url(/common/images/v3/basic/pr-ico.png) no-repeat right 6px;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;} .genre.small .w-list{margin-right:20px;} .genre.small .w-list:last-child,.genre.middle .w-list:last-child{margin-right:0;} .genre.small .w-list .shoulder{height:30px;} .genre.small .w-list .title{height:36px;} .genre a:hover .shoulder{text-decoration:underline;} .genre a:hover .title{text-decoration:underline;} /* 記事リストアイコン */ .genre .text-list .text.economy-and-politics{background-position:0 -228px;} .genre .text-list .text.global{background-position:0 -343px;} .genre .text-list .text.career-and-education{background-position:0 -458px;} .genre .text-list .text.tech{background-position:0 -573px;} .genre .text-list .text.market{background-position:0 -688px;} .genre .text-list .text.culture{background-position:0 -803px;} .genre .text-list .text.life{background-position:0 -918px;} .genre .text-list .text.ranking{background-position:0 -1033px;} .genre .text-list .text.fromjapan{background-position:0 -1263px;} .genre .text-list .text.tktopics{background-position:0 -1478px;} /* -- ▼ Topic Board ▼ -- */ #topic-board{background:url(/common/images/v3/basic/pr-ico.png) no-repeat right 6px;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;} #topic-board .title{background-position:0 0;width:95px;height:21px;display:block;} #topic-board ul{margin:0 0 5px 0;border-top:solid 1px #bababa;padding-top:10px;} #topic-board ul li{font-size:14px;font-weight:bold;padding-left:18px;line-height:1.6;width:570px;height:22px;display:block;} #topic-board ul li a{background-image:none;} #topic-board ul li.list1{background-position:0 -40px;} #topic-board ul li.list2{background-position:0 -83px;} #topic-board ul li.list3{background-position:0 -126px;} #topic-board ul li.list4{background-position:0 -169px;} #topic-board ul li.list5{background-position:0 -212px;} /* -- ▼ Brand Content ▼ -- */ #brandcontent-list .title a{background-position:0 -679px;width:142px;height:21px;display:block;} #brandcontent-list .brandcontent-list-inner{background:#f1f1f1;padding:15px;} #brandcontent-list .brandcontent-list-inner ul li{width:164px;float:left;margin-right:20px;border:solid 1px #ccc;background-color:#fff;} #brandcontent-list .brandcontent-list-inner ul li .ico{position:relative;display:block;} #brandcontent-list .brandcontent-list-inner ul li .arrow{ width:13px; height:13px; display:block; background:url(/common/images/v3/basic/content-arrow.png) no-repeat 0 -1356px; background-size:13px 1369px; -webkit-background-size:13px 1369px; -moz-background-size:13px 1369px; display:block; position:absolute; top:5px; left:5px; } #brandcontent-list .brandcontent-list-inner ul li.last{margin-right:0;} #brandcontent-list .brandcontent-list-inner ul li .ttl{font-size:13px;font-weight:bold;padding:5px 3px;color:#5f6364;display:block;} /* -- ▼ Trend Library ▼ -- */ #trend-library{background:url(/common/images/v3/basic/pr-ico.png) no-repeat right 6px;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;} #trend-library{padding-bottom:7px;} #trend-library .title{ background-position:0 -398px; width:130px; height:21px; display:block; } #trend-library ul.icon{border-top:solid 1px #bababa;padding-top:10px;margin-top:0;} #trend-library ul{margin:10px 0 0;} /* TLアイコンあり */ #trend-library ul.icon{padding-bottom:7px;} #trend-library ul.icon a:hover{text-decoration:none;} #trend-library ul.icon li{width:136px;float:left;margin-right:8px;} #trend-library ul.icon li .img{position:relative;width:136px;height:86px;} #trend-library ul.icon li .img .arrow{width:13px;height:13px;display:block;position:absolute;right:0;bottom:0;} #trend-library ul.icon li.icon4{margin-right:0;float:right;} #trend-library ul.icon li span{display:block;} #trend-library ul.icon li .txt{border-left:solid 5px #ccc;padding-left:3px;margin-top:3px;width:130px;} #trend-library ul.icon li .sub-ttl{font-size:10px;} #trend-library ul.icon li .main-ttl{font-size:13px;font-weight:bold;} #trend-library ul.icon li a:hover .sub-ttl,#trend-library ul.icon li a:hover .main-ttl{text-decoration:underline;} /* 色指定 */ #trend-library ul.icon li.icon1 .txt{border-color:#efdb02;} /* #trend-library ul.icon li.icon1 .sub-ttl{color:#d0c11f;} */ #trend-library ul.icon li.icon2 .txt{border-color:#be7600;} /* #trend-library ul.icon li.icon2 .sub-ttl{color:#be7600;} */ #trend-library ul.icon li.icon3 .txt{border-color:#bc5558;} /* #trend-library ul.icon li.icon3 .sub-ttl{color:#bc5558;} */ #trend-library ul.icon li.icon4 .txt{border-color:#bc3b74;} /* #trend-library ul.icon li.icon4 .sub-ttl{color:#bc3b74;} */ #trend-library ul.icon li.icon1 .img .arrow{background-position:-849px -767px;} #trend-library ul.icon li.icon2 .img .arrow{background-position:-849px -810px;} #trend-library ul.icon li.icon3 .img .arrow{background-position:-849px -853px;} #trend-library ul.icon li.icon4 .img .arrow{background-position:-849px -896px;} /* TLテキストのみ */ #trend-library ul.text{margin-top:0;} #trend-library ul.text li{float:left;padding:7px 0 0 0;border-top:solid 1px #bababa;margin:7px 0 0 0;font-size:14px;font-weight:bold;} #trend-library ul.text li .list-ad{ border-left:solid 5px #ccc; padding-left:5px; width:264px; background:url(/common/images/v3/basic/content-arrow.png) no-repeat 0 -1356px; background-size:13px 1369px; -webkit-background-size:13px 1369px; -moz-background-size:13px 1369px; } #trend-library ul.text li a{background-image:none;} #trend-library ul.text li a:hover{text-decoration:none;} #trend-library ul.text li.odd{padding-right:22px;} #trend-library ul.text li span{display:block;} #trend-library ul.text li .sub-ttl{font-size:11px;font-weight:normal;} #trend-library ul.text li .main-ttl{font-size:14px;font-weight:bold;} #trend-library ul.text li a:hover .sub-ttl,#trend-library ul.text li a:hover .main-ttl{text-decoration:underline;} /* 色指定 */ #trend-library ul.text li.list1 .list-ad{background-position:255px -545px;border-color:#84598e;} #trend-library ul.text li.list2 .list-ad{background-position:255px -658px;border-color:#596d9f;} #trend-library ul.text li.list3 .list-ad{background-position:255px -771px;border-color:#0189c7;} #trend-library ul.text li.list4 .list-ad{background-position:255px -884px;border-color:#189297;} #trend-library ul.text li.list5 .list-ad{background-position:255px -997px;border-color:#539646;} #trend-library ul.text li.list6 .list-ad{background-position:255px -1111px;border-color:#86a200;} #trend-library ul.text li.list7 .list-ad{background-position:255px -93px;border-color:#efdb00;} #trend-library ul.text li.list8 .list-ad{background-position:255px -206px;border-color:#be7600;} #trend-library ul.text li.list9 .list-ad{background-position:255px -319px;border-color:#ba5559;} #trend-library ul.text li.list10 .list-ad{background-position:255px -432px;border-color:#ba3c79;} /* ------------ #trend-library ul.text li.list1 .list-ad .sub-ttl{color:#84598e;} #trend-library ul.text li.list2 .list-ad .sub-ttl{color:#596d9f;} #trend-library ul.text li.list3 .list-ad .sub-ttl{color:#0189c7;} #trend-library ul.text li.list4 .list-ad .sub-ttl{color:#189297;} #trend-library ul.text li.list5 .list-ad .sub-ttl{color:#539646;} #trend-library ul.text li.list6 .list-ad .sub-ttl{color:#86a200;} #trend-library ul.text li.list7 .list-ad .sub-ttl{color:#d0c11f;} #trend-library ul.text li.list8 .list-ad .sub-ttl{color:#be7600;} #trend-library ul.text li.list9 .list-ad .sub-ttl{color:#ba5559;} #trend-library ul.text li.list10 .list-ad .sub-ttl{color:#ba3c79;} -------------- */ /* -- ▼ 関連リンク ▼ -- */ #related-link .title{ background-position:0 -4393px; width:570px; height:21px; display:block; } #related-link .title span{display:none;} #related-link ul{margin:10px 0 5px 0;} #related-link ul li{ background-position:0 -2085px; font-size:14px; font-weight:bold; padding-left:18px; line-height:1.6; width:570px; height:22px; display:block; } #related-link ul li a{background-image:none;} /* -- ▼ Adsense ▼ -- */ #adsense .adsense1,#adexchange .adexchange1{float:left;width:300px;margin-left:35px;} #adsense .adsense2,#adexchange .adexchange2{float:right;width:300px;margin-right:35px;} .ad-cxense{text-align:center;margin:10px auto;width:560px;} /* -- ▼ フッター ▼ -- */ .for-top-wrap{border-left:solid 17px #000;} .for-top{float:right;clear:both;} .for-top a{background-color:#000;color:#fff;font-size:12px;background-position:4px -828px;padding:1px 5px 1px 18px;} .for-top a:hover{text-decoration:none;} #footer .footer-logo{text-align:center;} #footer .footer-menu{text-align:center;margin-bottom:20px;} #footer .footer-menu a{display:inline-block;padding:0 12px 0 8px;line-height:1.4;font-size:12px;border-right:solid 1px #666;} #footer .footer-menu a:last-child{border-style:none;} .footer-logo a{width:274px;height:64px;margin:0 auto;background-position:0 -660px;} .pagetop-btn{display:none;position:fixed;bottom:50px;right:0;} .pagetop-btn a{ width:46px; height:46px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(/common/images/v3/common/footer-navi.png?rd=20150714) no-repeat #fff; background-size:46px 138px; -webkit-background-size:46px 138px; -moz-background-size:46px 138px; box-shadow:-2px 2px 3px #ccc; border-radius:4px 0 0 4px; } .pagetop-btn a.pagetopArrowMove{ background-position:0 -92px; } /* *********************************************************************** サブカラムの指定 *********************************************************************** */ /* -- ▼ バナー ▼ -- */ .ad-bnr{margin-bottom:18px;} /* -- ▼ アクセスランキング ▼ -- */ #access-ranking{margin-bottom:20px;} #access-ranking .heading{background-position:0 -898px;width:118px;height:21px;display:block;float:left;} .ranking-tab{margin:6px 7px 0 0;position:relative;width:146px;margin-top:20px;} .ranking-tab.v2{width:163px;} .ranking-tab ul li{display:block;cursor:pointer;height:15px;margin-right:4px;border-top:solid 1px #868686;border-right:solid 1px #868686;border-left:solid 1px #868686;} .ranking-tab ul li:last-child{margin-right:0;} .ranking-tab ul li#ranking-hourly{width:33px;background-position:4px -1068px;position:absolute;bottom:-1px;left:0;} .ranking-tab ul li#ranking-daily{width:27px;background-position:5px -1087px;position:absolute;bottom:-1px;left:37px;} .ranking-tab ul li#ranking-weekly{width:28px;background-position:4px -1106px;position:absolute;bottom:-1px;left:68px;} .ranking-tab ul li#ranking-fblike{width:39px;background-position:4px -1125px;position:absolute;bottom:-1px;left:101px;} .ranking-tab ul li#ranking-hourly.v2{width:33px;background-position:4px -1068px;position:absolute;bottom:-1px;left:0;} .ranking-tab ul li#ranking-hour24.v2{width:38px;background-position:5px -1087px;position:absolute;bottom:-1px;left:37px;} .ranking-tab ul li#ranking-weekly.v2{width:28px;background-position:4px -1106px;position:absolute;bottom:-1px;left:78px;} .ranking-tab ul li#ranking-fblike.v2{width:39px;background-position:4px -1125px;position:absolute;bottom:-1px;left:109px;} .ranking-tab ul li.current{border-bottom:solid 1px #fff;bottom:-2px !important;} .ranking-list{border:solid 1px #918b8a;padding:10px 5px;} .ranking-list ul li{border-bottom:solid 1px #918b8a;margin-bottom:10px;line-height:1.3;} .ranking-list ul li:last-child{margin-bottom:0;} .ranking-list ul li a{display:block;} .ranking-list ul li a:hover{text-decoration:none;} .ranking-list ul li .ttl .shoulder{font-weight:bold;font-size:11px;} .ranking-list ul li .ttl .title{font-size:12px;} .ranking-list ul li .ttl a:hover span.main-ttl{text-decoration:underline;} .ranking-list ul li .ttl{border-left:solid 1px #918b8a;margin-left:30px;padding-left:5px;padding-bottom:5px;position:relative;} .ranking-list p{font-size:12px;float:left;} /* ランキング時間 */ .ranking-list.hourly ul li.rank1{background:url(/common/images/v3/basic/hourly-rank1.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hourly ul li.rank2{background:url(/common/images/v3/basic/hourly-rank2.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hourly ul li.rank3{background:url(/common/images/v3/basic/hourly-rank3.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hourly ul li.rank4{background:url(/common/images/v3/basic/hourly-rank4.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hourly ul li.rank5{background:url(/common/images/v3/basic/hourly-rank5.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} /* ランキング時間ここまで */ /* ランキング昨日 */ .ranking-list.daily{display:none;} .ranking-list.daily ul li.rank1{background:url(/common/images/v3/basic/daily-rank1.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.daily ul li.rank2{background:url(/common/images/v3/basic/daily-rank2.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.daily ul li.rank3{background:url(/common/images/v3/basic/daily-rank3.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.daily ul li.rank4{background:url(/common/images/v3/basic/daily-rank4.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.daily ul li.rank5{background:url(/common/images/v3/basic/daily-rank5.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} /* ランキング昨日ここまで */ /* ランキング24時間 */ .ranking-list.hour24{display:none;} .ranking-list.hour24 ul li.rank1{background:url(/common/images/v3/basic/daily-rank1.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hour24 ul li.rank2{background:url(/common/images/v3/basic/daily-rank2.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hour24 ul li.rank3{background:url(/common/images/v3/basic/daily-rank3.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hour24 ul li.rank4{background:url(/common/images/v3/basic/daily-rank4.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.hour24 ul li.rank5{background:url(/common/images/v3/basic/daily-rank5.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} /* ランキング24時間ここまで */ /* ランキング週間 */ .ranking-list.weekly{display:none;} .ranking-list.weekly ul li.rank1{background:url(/common/images/v3/basic/weekly-rank1.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.weekly ul li.rank2{background:url(/common/images/v3/basic/weekly-rank2.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.weekly ul li.rank3{background:url(/common/images/v3/basic/weekly-rank3.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.weekly ul li.rank4{background:url(/common/images/v3/basic/weekly-rank4.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.weekly ul li.rank5{background:url(/common/images/v3/basic/weekly-rank5.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} /* ランキング週間ここまで */ /* ランキングいいね！ */ .ranking-list.fblike{display:none;} .ranking-list.fblike ul li.rank1{background:url(/common/images/v3/basic/fblike-rank1.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.fblike ul li.rank2{background:url(/common/images/v3/basic/fblike-rank2.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.fblike ul li.rank3{background:url(/common/images/v3/basic/fblike-rank3.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.fblike ul li.rank4{background:url(/common/images/v3/basic/fblike-rank4.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.fblike ul li.rank5{background:url(/common/images/v3/basic/fblike-rank5.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} .ranking-list.fblike ul li .fbcount-s{background-position: -590px -763px;color: #4C5195;float: right;font-size: 11px;line-height: 1.1;padding-left: 12px;} /* ランキングいいね！ここまで */ .more-ranking{float:right;} .more-ranking a{background-color:#000;color:#fff;padding:1px 2px 1px 20px;font-size:12px;background-position:-145px -1161px;} .more-ranking a:hover{text-decoration:none;} /* -- ▼ ブックスランキング ▼ -- */ #books-ranking{margin-bottom:20px;} #books-ranking .title a{background-position:0 -1672px;width:141px;height:21px;display:block;} #books-ranking .ranking-list{border:solid 1px #bbb;padding:10px;} #books-ranking .ranking-list ul li{border-bottom:solid 1px #ccc;margin-bottom:10px;line-height:1.3;} #books-ranking .ranking-list ul li#rank1b{background:url(/common/images/v3/basic/book-rank1.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} #books-ranking .ranking-list ul li#rank2b{background:url(/common/images/v3/basic/book-rank2.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} #books-ranking .ranking-list ul li#rank3b{background:url(/common/images/v3/basic/book-rank3.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} #books-ranking .ranking-list ul li#rank4b{background:url(/common/images/v3/basic/book-rank4.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} #books-ranking .ranking-list ul li#rank5b{background:url(/common/images/v3/basic/book-rank5.png) no-repeat left;background-size:23px 19px;-webkit-background-size:23px 19px;-moz-background-size:23px 19px;-ms-background-size:23px 19px;} #books-ranking .ranking-list ul li .ttl{border-left:solid 1px #ccc;margin-left:30px;padding-bottom:5px;padding-left:10px;position:relative;} #books-ranking .ranking-list ul li .ttl a{display:block;} #books-ranking .ranking-list ul li#rank1b .ttl{border-left:solid 1px #ccc;margin-left:30px;width:160px;float:left;padding-bottom:20px;} #books-ranking .ranking-list ul li#rank1b .img{width:72px;float:right;} #books-ranking .ranking-list ul li .img{width:72px;float:right;} #books-ranking .ranking-list ul li .img img{width:72px;} #books-ranking .ranking-list ul li .ttl span.column-ttl{font-weight:bold;font-size:12px;} #books-ranking .ranking-list ul li .ttl span.main-ttl{font-size:12px;font-weight:bold;/* padding-left:10px; */} #books-ranking .ranking-list ul li .ttl span.summary{font-size:12px;color:#666;} /* -- ▼ インフォメーション ▼ -- */ #information{margin-bottom:20px;background:url(/common/images/v3/basic/pr-ico.png) no-repeat right 6px;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;} #information .title{background-position:0 -1158px;width:108px;height:21px;display:block;} #information .information-list{border:solid 1px #bbb;padding:5px 15px;} #information .information-list ul li{ border-bottom:solid 1px #ccc; border-left:solid 5px #ccc; padding-left:5px; padding-top:5px; margin-bottom:10px; line-height:1.3; font-size:13px; font-weight:bold; width:258px; display:block; background:url(/common/images/v3/basic/content-arrow.png) no-repeat 0 -1356px; background-size:13px 1369px; -webkit-background-size:13px 1369px; -moz-background-size:13px 1369px; } #information .information-list ul li .sub-ttl{font-size:11px;font-weight:normal;} #information .information-list ul li a{display:block;background-image:none;} #information .information-list ul li a:hover{text-decoration:none;} #information .information-list ul li span{display:block;} #information .information-list ul li a:hover .sub-ttl,#information .information-list ul li a:hover .main-ttl{text-decoration:underline;} /* 色指定 */ #information .information-list ul li.list1{border-left-color:#f2db03;background-position:250px -90px;} #information .information-list ul li.list2{border-left-color:#bc5357;background-position:250px -316px;} #information .information-list ul li.list3{border-left-color:#855891;background-position:250px -541px;} #information .information-list ul li.list4{border-left-color:#0187c6;background-position:250px -768px;} #information .information-list ul li.list5{border-left-color:#529842;background-position:250px -994px;} /* -------------- #information .information-list ul li.list1 .sub-ttl{color:#d0c11f;} #information .information-list ul li.list2 .sub-ttl{color:#bc5357;} #information .information-list ul li.list3 .sub-ttl{color:#855891;} #information .information-list ul li.list4 .sub-ttl{color:#0187c6;} #information .information-list ul li.list5 .sub-ttl{color:#529842;} ------------- */ /* -- ▼ 動画導線 ▼ -- */ #subcolumn-video{margin-bottom:20px;} #subcolumn-video .title{margin-bottom:5px;} #subcolumn-video .title a{ background-position: 0 -613px;display: block;height: 37px;width: 57px;} #subcolumn-video .title .video-title{width:233px;margin-left:10px;line-height:1.2;font-weight:bold;} #subcolumn-video .video-clip-wrap{border:solid 1px #ccc;} #subcolumn-video .more-video{float:right;} #subcolumn-video .video-clip .thumb{position:relative;width:298px;display:block;background-color:#BFBCBB;overflow:hidden;} #subcolumn-video .video-clip .thumb .video-ttl{background-color:#000;color:#fff;font-size:13px;display:block;padding:3px;} #subcolumn-video .video-clip .thumb .time{background-color: #000;border-radius: 5px;bottom: 5px;color: #FFFFFF;font-size: 12px;left: 5px;opacity: 0.7;padding:1px 3px;position: absolute;} /* -- ▼ 最新記事 ▼ -- */ #subcolumn-top-news{margin-bottom:20px;} #subcolumn-top-news .title{background-position:110px -1854px;width:300px;height:24px;display:block;border-bottom:solid 3px #000;} #subcolumn-top-news ul li{border-bottom:solid 1px #959190;padding:7px 5px;} #subcolumn-top-news ul li .icon{width:60px;height:60px;margin-right:5px;float:left;overflow:hidden;} #subcolumn-top-news ul li .icon img{width:60px;height:60px;} #subcolumn-top-news ul li .text{float:left;width:225px;} #subcolumn-top-news ul li .text span{display:block;line-height:1.3;} #subcolumn-top-news ul li .text .column-ttl{font-size:12px;font-weight:bold;color:#00aeeb;} #subcolumn-top-news ul li .text .column-main-ttl{font-weight:bold;font-size:14px;} /* -- ▼ 最新号 ▼ -- */ #latest-issue{margin-bottom:20px;} #latest-issue .title a{background-position:0 -1634px;width:180px;height:21px;display:block;} .latest-issue-list{border:solid 1px #bbb;padding:10px 15px 10px 15px;position:relative;} .latest-issue-list .book-title{font-size:17px;font-weight:bold;border-bottom:solid 2px #000;margin-bottom:10px;} .latest-issue-list .img{width:100px;margin-right:10px;float:left;} .latest-issue-list .img img{width:100px;} .latest-issue-list .ttl{float:left;width:158px;line-height:1.3;} .latest-issue-list .ttl p.sub-title{font-size:12px;} .latest-issue-list .ttl p.summary{font-size:12px;color:#666;margin:5px 0;} .latest-issue-list .ttl h4{font-size:14px;} .latest-issue-list .ttl h4 span.title{font-size:11px;font-weight:normal;} .latest-issue-list .subscription-btn{margin:0 auto;width:262px;clear:both;padding-top:10px;} .latest-issue-list .subscription-btn a{ display:block; color:#fff; font-size:16px; text-align:center; border-radius:6px; padding:3px 0; line-height:1.6; background: #ffa840; /* Old browsers */ background: -moz-linear-gradient(top, #ffa840 0%, #f16421 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa840), color-stop(100%,#f16421)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffa840 0%,#f16421 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffa840 0%,#f16421 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffa840 0%,#f16421 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffa840 0%,#f16421 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa840', endColorstr='#f16421',GradientType=0 ); /* IE6-9 */ } .latest-issue-list .subscription-btn a:hover{text-decoration:none;} .latest-issue-list .subscription-btn .store{margin-bottom:7px;display:block;} .latest-issue-list .subscription-btn .store span{ background-image:url(/common/images/v3/common/bookicon01.png); background-repeat:no-repeat; background-size:35px 25px; -webkit-background-size:35px 25px; -moz-background-size:35px 25px; background-position:left; padding:3px 0 3px 38px; } .latest-issue-list .subscription-btn .amazon a{ border:solid 1px #4e4e4e; background: #f1e081; /* Old browsers */ background: -moz-linear-gradient(top, #f1e081 0%, #d9c354 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e081), color-stop(100%,#d9c354)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1e081 0%,#d9c3541 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1e081 0%,#d9c354 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1e081 0%,#d9c354 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1e081 0%,#d9c354 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e081', endColorstr='#d9c354',GradientType=0 ); /* IE6-9 */ color:#4e4e4e; padding:2px 0; } /* -- ▼ お知らせ ▼ -- */ #sub-information{margin-bottom:20px;} #sub-information .title{ background-position:0 -4816px; width:300px; height:34px; display:block; } #sub-information .title span{display:none;} .sub-information-list{ border-left:solid 1px #959190; border-right:solid 1px #959190; border-bottom:solid 1px #959190; padding:10px 15px 10px 15px; position:relative; } .sub-information-list ul li{border-bottom:dotted 1px #bcbcbc;padding:5px 0;} .sub-information-list ul li .column-main-ttl{ background-position: 0 -4857px; font-size: 13px; padding-left: 18px; line-height:1.2em;; } .sub-information-list ul li .ttl a{text-decoration:none;} /* -- ▼ twitter ▼ -- */ #twitter-widget{margin-bottom:20px;width:300px;} /* -- ▼ プレスリリース ▼ -- */ .press a{background-position:0 -1884px;display:block;width:120px;height:21px;} .prtimes{margin-bottom:15px;padding:10px;font-size:12px;border:1px solid #777;} /* -- ▼ 記事広告用のサブカラム ▼ -- */ .ad-contact{border:solid 1px #000;margin-bottom:20px;} .ad-contact .title{background-color:#404040;padding:7px 13px;color:#fff;} .ad-contact .title span{background-position:-840px -349px;padding-left:25px;line-height:1.4;} .ad-contact dl{margin:10px;border-top:dotted 1px #666;padding-top:12px;} .ad-contact dl.first{border-style:none;} .ad-contact dt{font-size:20px;font-weight:bold;border-left:solid 5px #000;line-height:1.4;padding-left:6px;margin-bottom:6px;font-family:"ＭＳ ゴシック", "MS Gothic",sans-serif;} .ad-contact dd{clear:both;font-size:14px;line-height:1.4;margin-bottom:6px;word-break:break-all;font-family:"ＭＳ ゴシック", "MS Gothic",sans-serif;} .ad-contact dd a{font-family:"ＭＳ ゴシック", "MS Gothic",sans-serif;} .ad-contact dd.section{font-weight:bold;font-size:1.1em;} .ad-contact dd.image{width:100%;text-align:center;} .ad-contact dd.contact-btn{background-position:-589px -660px;width:273px;height:46px;display:block;font-size:15px;line-height:1.4;} .ad-contact dd.contact-btn a{background-image:none;padding:12px 0 0 10px;} .ad-contact dd .banner{padding:10px 0px;} .ad-special-topics{margin-bottom:20px;} .ad-special-topics .title{ background-image:url(/common/images/v3/main-bg-set.gif); background-position:-400px -582px; width:300px; height:30px; font-size:0;text-indent:-1000em; } .ad-special-topics .special-topics-list{border-right:solid 1px #000;border-bottom:solid 1px #000;border-left:solid 1px #000;padding:10px;} .ad-special-topics .special-topics-list .img{float:left;margin-right:10px;} .ad-special-topics .special-topics-list .ttl{float:left;width:168px;} .ad-special-topics .special-topics-list .ttl strong{display:block;font-size:12px;line-height:1.4;margin-bottom:1em;color:#444;} .ad-special-topics .special-topics-list .ttl p{font-size:11px;line-height:1.4;margin-bottom:1em;color:#5d6970;word-wrap: break-word;} #InRead{width:480px;margin:0 auto;} /* -- ▼ ブランドコンテンツ広告用のサブカラム ▼ -- */ .BC_link{position:relative;text-align:center;padding-bottom:3px;border-bottom:solid 1px #8a898e;} .BC_link img{width:224px;margin:5px auto auto auto;} .BC_link p.pt img{width:auto;} .BC_link p.pt{position:absolute;top:-12px;right:8px;} .BC_link .title{border-left:solid 5px #747277;margin-top:5px;padding-left:10px;font-size:14px;font-weight:bold;text-align:left !important;} .BC_link .title span{font-weight:normal;font-size:12px;} /* -- ▼ スマートフォンへ戻る ▼ -- */ #top-for-smartphone{margin-bottom:10px;padding:0;background:url(/common/images/v2/common/for-smartphone-bg.png) repeat-x #000;} #top-for-smartphone div{width:477px;margin:0 auto;} /* ******************************************************************** 記事本文の基本定義 ******************************************************************** */ /* -- ▼ 記事本文の指定 ▼ -- */ #article-body-inner p{margin-bottom:1em;line-height:1.6em;color:#444;letter-spacing:0.05em;text-indent:.5em;} #article-body-inner.fromjapan{font-family: 'Lora', serif;} #article-body-inner.fromjapan p{text-indent:0;font-size:15px;} #article-body-inner.print p{color:#333;} #article-body-inner a{color:#00f;text-decoration:underline;} #article-body-inner a:hover{text-decoration:none;} #article-body-inner address{font-style:normal;} /* -- ▼ 本文見出し ▼ -- */ #article-body-inner h4{border-top:solid 1px #918b8a;font-size:20px;font-weight:bold;padding:5px 0 0 10px;margin:1em 0;letter-spacing: 0.05em;clear:both;} /* -- ▼ 企業リンク ▼ -- */ #article-body-inner a.scode,#article-body-inner ul.scode li a{color:#0000ff;} #article-body-inner ul.scode li{background:url(/common/images/v2/article/scode-arrow.gif) no-repeat left top;padding-left:20px;} /* -- ▼ 囲み ▼ -- */ .article-box-blue{background-color:#ceeff5;padding:10px;font-size:0.9em;color:#000;} .article-box-gray{background-color:#e0e0e0;padding:10px;font-size:0.9em;color:#000;} .article-box-beige{background-color:#f8e7c8;padding:10px;font-size:0.9em;color:#000;} .article-box-gwrap{border:solid 6px #cfcfcf;outline: solid 1px #aaa;padding:5px;margin-bottom:1em;font-size:0.9em;} .article-box-gwrap p{margin-bottom:5px !important;text-indent:0!important;} /* カテゴリ色分け用 */ #article-body-inner.top h4{border-left:solid 15px #ecd900;} #article-body-inner.business h4{border-left:solid 15px #bf7700;} #article-body-inner.economy-and-politics h4{border-left:solid 15px #ba555b;} #article-body-inner.global h4{border-left:solid 15px #b83d79;} #article-body-inner.tech h4{border-left:solid 15px #835a8c;} #article-body-inner.career-and-education h4{border-left:solid 15px #586e9e;} #article-body-inner.market h4{border-left:solid 15px #008dbc;} #article-body-inner.culture h4{border-left:solid 15px #1c9296;} #article-body-inner.health h4{border-left:solid 15px #86a303;} #article-body-inner.life h4{border-left:solid 15px #86a303;} #article-body-inner.fromjapan h4{border-left:solid 15px #aa0013;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} #article-body-inner.ranking h4{border-left:solid 15px #bed529;} #article-body-inner.ranking-ad h4{border-left:solid 15px #bed529;} #article-body-inner.tktopics h4,#article-body-inner.leading-edge h4{border-top:none;background-color:#000;color:#fff;padding-bottom:2px;} #article-body-inner.leaders50 h4{background:url(/common/images/v1/article/leaders50-h4.gif) repeat-y left top;padding-left:15px;} #article-body-inner.information h4{border-left:solid 15px #dd5a30;} #article-body-inner.ssplus1 h4{border-left:solid 15px #39f;} /* -- ▼ 画像 ▼ -- */ .figure-left{float:left;margin:0 15px 15px 0;} .figure-right{float:right;margin:0 0 15px 15px;} .figure-center{margin:0 auto 15px auto;} .figure-left span, .figure-right span, .figure-center span{font-size:12px;color:#676b6c;line-height:1.5;} .caption{font-size:12px;color:#676b6c;line-height:1.5;} .caption a.figure-expand{ background:url(/common/images/v3/article/zoom.gif) no-repeat 0 0; background-size:78px 14px; -webkit-background-size:78px 14px; -moz-background-size:78px 14px; width:78px; height:14px; display:block; font-size:0px; text-indent:-1000em; } /* ******************************************************************** カンバン・記事ヘッダーの基本定義 ******************************************************************** */ /* -- ▼ カンバン部分 ▼ -- */ #signage .title-parts{margin:20px 0 10px 0;} #signage.brandcontent{padding:40px 80px;border-top:solid 1px #908e8f;border-bottom:solid 1px #908e8f;} #signage.print{margin-bottom:5px;border-bottom:solid 1px #918B8A;} #signage a{color:#000;} /* カテゴリ色分け用 */ #signage.top .title-parts{border-left:solid 15px #ecd900;padding:0 10px;} #signage.business .title-parts{border-left:solid 15px #bf7700;padding:0 10px;} #signage.economy-and-politics .title-parts{border-left:solid 15px #ba555b;padding:0 10px;} #signage.asia .title-parts{border-left:solid 15px #b83d79;padding:0 10px;} #signage.global .title-parts{border-left:solid 15px #b83d79;padding:0 10px;} #signage.technology .title-parts{border-left:solid 15px #835a8c;padding:0 10px;} #signage.tech .title-parts{border-left:solid 15px #835a8c;padding:0 10px;} #signage.career .title-parts{border-left:solid 15px #586e9e;padding:0 10px;} #signage.career-and-education .title-parts{border-left:solid 15px #586e9e;padding:0 10px;} #signage.money .title-parts{border-left:solid 15px #008dbc;padding:0 10px;} #signage.market .title-parts{border-left:solid 15px #008dbc;padding:0 10px;} #signage.culture .title-parts{border-left:solid 15px #1c9296;padding:0 10px;} #signage.education .title-parts{border-left:solid 15px #539546;padding:0 10px;} #signage.health .title-parts{border-left:solid 15px #86a303;padding:0 10px;} #signage.life .title-parts{border-left:solid 15px #86a303;padding:0 10px;} #signage.fromjapan .title-parts{border-left:solid 15px #aa0013;padding:0 10px;} #signage.ranking .title-parts{border-left:solid 15px #bed529;padding:0 10px;} #signage.ranking-ad .title-parts{border-left:solid 15px #bed529;padding:0 10px;} #signage.tktopics .title-parts,#signage.leading-edge .title-parts{border-left:solid 7px #000;border-right:solid 7px #000;padding:0 10px;} #signage.leaders50 .title-parts{background:url(/common/images/v1/article/leaders50-title.gif) repeat-y left top;padding:0 10px 0 20px;} #signage.information .title-parts{border-left:solid 15px #dd5a30;padding:0 10px;} #signage.ssplus1 .title-parts{border-left:solid 15px #39f;padding:0 10px;} /* カテゴリ色分け用ここまで */ #signage .title-parts h1{font-size:29px;} #signage .title-parts h2{font-size:20px;font-weight:normal;line-height:1.2;} #signage.leaders50 .title-parts h2{font-size:22px;font-weight:normal;line-height:1.0;} #signage.fromjapan {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} /* ランキング用カンバン */ #kanban.ranking .title a{width:685px;height:71px;display:block;background-position:0 -4250px;} #kanban.ranking .title span{display:none;} /* ブランドコンテンツ用カンバン */ #signage-category.brandcontent h1{width:1000px;height:50px;display:block;background:url(/common/images/v3/article/brandcontent-ttl.png?rd=20150528) no-repeat;background-size:1000px 50px;-webkit-background-size:1000px 50px;-moz-background-size:1000px 50px;} #signage-category.brandcontent span{display:none;} #signage.brandcontent .index-img img{float:left;} #signage.brandcontent .title-parts.brandcontent{float:right;width:337px;margin:0;} /* -- ▼記事広告のサマリ▼ -- */ #ad-summary{margin:30px 30px 0 30px;font-size:16px;line-height:1.4;} /* -- ▼ 著者情報 ▼ -- */ .author-date{margin:25px 25px 0 25px;line-height:1.5;} .author-date .author{ float:left; width:450px; font-size:15px; line-height:1.0; padding-bottom:3px; } .author-date .date{ float:right; width:150px; font-size:11px; color:#5d6970; text-align:right; } .author-box,.bc-info-box{width:350px;position:relative;} .author-box img{float:left;margin:0 15px 15px 0;border:solid 1px #ccc;} .author-box #aName,.bc-info-box #aName{font-size:16px;} .author-box .furigana{font-size:12px;margin-left:15px;} .author-box #aKatagaki,.bc-info-box #aKatagaki{ font-size:12px; padding-bottom:5px; border-bottom:double 3px #918B8A; margin-bottom:5px; } .author-box p,.bc-info-box p{font-size:12px !important;color:#444;margin-bottom:1em !important;} .author-box p span{font-size:12px !important;margin-bottom:1em !important;} .author-box p a{color:#000;text-decoration:underline;} .author-box p a:hover{color:#333;} #fancybox-close{ background: url(/common/images/v2/main-bg-set-v2.gif?rd=20140715) repeat scroll -922px -1353px transparent !important; height: 21px !important; right: 0 !important; top: 0 !important; width: 78px !important; } /* -- ▼ サービスメニュー ▼ -- */ .title-bottom-menu{margin:0 25px;border-top:solid 1px #918b8a;border-bottom:solid 1px #918b8a;} .title-bottom-menu .profile{float:left;} .title-bottom-menu .profile ul li{float:left;margin-top:-5px;} @media all and (-ms-high-contrast:none){ *::-ms-backdrop, .title-bottom-menu .profile ul li{margin-top:0;} /* IE11 */ } .title-bottom-menu .profile ul li#backnumber-btn a{background-color:#5C6870;color:#fff;font-size:11px;padding:0 10px;} .title-bottom-menu .profile ul li#backnumber-btn a:hover{text-decoration:none;} .title-bottom-menu .tools{float:right;padding:5px 0;} .title-bottom-menu .tools.information{float:right;width:auto;padding:5px 0;} .title-bottom-menu .tools div{float:left;display:block;width:auto;margin-right:7px;line-height:1em;vertical-align:baseline;} .title-bottom-menu .tools .twitter{width:95px;} .title-bottom-menu .tools .hatena{margin-right:7px;} .title-bottom-menu .tools .facebook{width:110px;} .title-bottom-menu .tools .rss{margin-right:7px;padding-top:2px;} .title-bottom-menu .tools .print{padding-top:2px;margin-right:7px;} .title-bottom-menu .tools .font-b{margin-right:3px;padding-top:2px;} .title-bottom-menu .tools .font-s{padding-top:2px;margin-right:0;} .title-bottom-menu .tools div img{vertical-align:baseline;} .title-bottom-menu .tools .sns-buttons{float:left;width:340px;margin-right:0;} .title-bottom-menu .tools .service-buttons{float:right;width:140px;margin-right:0;} .title-bottom-menu .tools .mail{padding-top:2px;} .title-bottom-menu .tools .mail a{ width:24px; height:17px; background:url(/common/images/v3/article/article-tools-mail.png) no-repeat; background-size:24px 17px; -webkit-background-size:24px 17px; -moz-background-size:24px 17px; display:block; text-indent:100%; overflow:hidden; white-space:no-wrap; font-size:0; } .title-bottom-menu .tools .print a{border:solid 1px #918b8a;color:#918b8a;font-size:10px;line-height:11px;padding:2px;display:block;} .title-bottom-menu .tools .print a:hover{text-decoration:none;} .title-bottom-menu .tools .font-b{border:solid 1px #918b8a;color:#918b8a;font-size:15px;line-height:13px;font-weight:bold;padding:1px 2px;display:block;margin:2px 7px 0 0;} .title-bottom-menu .tools .font-s{border:solid 1px #918b8a;color:#918b8a;font-size:11px;line-height:13px;font-weight:bold;padding:1px 2px;display:block;margin-top:2px;} .title-bottom-menu .tools .fb-comment{padding-top:2px;} .title-bottom-menu .tools .fb-comment .comment{background-color:#5f78ab;color:#fff;font-size:10px;font-weight:bold;border-radius:2px;padding:2px 5px;} .title-bottom-menu .tools .fb-comment .fb-comments-count{font-size:10px;background-image:url(/common/images/v3/common/fb-comment.png);background-repeat:no-repeat;background-position:left;padding-left:3px;} .title-bottom-menu .tools .fb-comment .fb-comments-count .fb_comments_count{padding:1px 7px;border-top:solid 1px #9197a3;border-right:solid 1px #9197a3;border-bottom:solid 1px #9197a3;border-radius:2px;} /* -- ▼ ブランドコンテンツ用サービスメニュー ▼ -- */ #brand-content-body-inner .tools-block{width:200px;float:left;padding:40px 0;} #brand-content-body-inner .tools-block div{margin-bottom:10px;} #brand-content-body-inner .article-box-gwrap{border-style:none;width:600px;float:right;margin-right:200px;outline:none;padding:27px 0;} #brand-content-body-inner .article-box-gwrap p{font-size:14px;margin-bottom:1em;color:#5c6164;line-height:1.6;} #brand-content-body-inner h4{clear:both;} /* ******************************************************************** 記事ページのレイアウトの基本定義 ******************************************************************** */ #kanban{margin-bottom:15px;} #article-body{border:solid 1px #938d8c;padding-bottom:15px;} #article-body.tktopics,#article-body.leading-edge{border-left:solid 10px #000;border-right:solid 10px #000;border-top:none;border-bottom:none;} #article-body-inner{padding:25px 57px;color:#444;} #article-body-inner.ranking{padding:25px 57px;} #article-body-inner.ranking .ranking-inner{padding:0;} #article-body-inner.print{padding:15px 0;} #article-bottom{clear:right;padding-top:20px;} /* -- ▼ 新世代リーダー50人人物プロフィール用 ▼ -- */ .central.leaders50{padding:25px 0 0 0;} .central.leaders50 .figure-center.leaders50{text-align:center;overflow:hidden;width:640px;} .caption.leaders50{color:#221e1f;line-height:1.4;margin:10px auto 0 auto;padding:0;width:440px;} .caption.leaders50 .company-name{font-size:14px;font-weight:bold;} .caption.leaders50 .personal-name{font-size:18px;font-weight:bold;} .caption.leaders50 .profile{font-size:12px;margin-top:10px;} /* -- ▼ パンくず ▼ -- */ #breadcrumb ul li{font-size:12px;float:left;margin-right:10px;padding-left:12px;line-height:1.4;} /* カテゴリ色分け用 */ #breadcrumb.default ul li{background-position:-380px -1680px;} #breadcrumb.business ul li{background-position:-380px -1697px;} #breadcrumb.economy-and-politics ul li{background-position:-380px -1714px;} #breadcrumb.global ul li{background-position:-380px -1731px;} #breadcrumb.tech ul li{background-position:-380px -1748px;} #breadcrumb.career-and-education ul li{background-position:-380px -1765px;} #breadcrumb.money ul li,#breadcrumb.market-and-search ul li,#breadcrumb.market ul li{background-position: -380px -1782px;} #breadcrumb.culture ul li{background-position:-380px -1799px;} #breadcrumb.health ul li{background-position:-380px -1833px;} #breadcrumb.life ul li{background-position:-380px -1833px;} #breadcrumb.fromjapan ul li{background-position:-991px -1279px;background-image:url(/common/images/v2/main-bg-set-v2.gif);} #breadcrumb.tktopics ul li{background-position:-380px -1850px;} #breadcrumb.leaders50 ul li{background-position:-380px -1884px;} #breadcrumb.ranking ul li{background-position:-380px -1901px;} #breadcrumb.information ul li{background-position:-380px -1969px;} #breadcrumb.brandcontent ul li{background-position:-380px -1987px;} #breadcrumb.search ul li{background-position:-380px -1850px;} #breadcrumb.ranking-hourly ul li{background-position:-380px -1918px;} #breadcrumb.ranking-daily ul li{background-position:-380px -1935px;} #breadcrumb.ranking-hour24 ul li{background-position:-380px -1935px;} #breadcrumb.ranking-fblike ul li{background-position:-380px -1935px;} #breadcrumb.ranking-weekly ul li{background-position:-380px -1952px;} #breadcrumb.author ul li{background-position:-380px -1918px;} #breadcrumb.hr-online ul li{background-position:-380px -1867px;} /* カテゴリ色分け用ここまで */ #breadcrumb ul li a{background-image:none;color:#000;} #breadcrumb ul li.top{background-image:none;padding-left:0;} /* -- ▼ 次ページ誘導見出し ▼ -- */ .article-next-page{text-align:center;padding:5px;margin:0 57px;clear:both;} .article-next-page a{color:#000;line-height:18px;} .article-next-page a:hover{text-decoration:none;} .article-next-page .next .arrow-n{ background:url(/common/images/v3/basic/pagination.png?rd=20150415) no-repeat #000; background-size:50px 160px; -webkit-background-size:50px 160px; -moz-background-size:50px 160px; background-position:0px -140px; height:18px; width:18px; display:inline-block; line-height:18px; padding:0; margin-right:5px; overflow:hidden; text-indent:100%; white-space:nowrap; vertical-align:bottom; } /* カテゴリ色分け用 */ .article-next-page.top a{background-color:#f7f099;display:block;padding:5px;} .article-next-page.business a{background-color:#e5c999;display:block;padding:5px;} .article-next-page.economy-and-politics a{background-color:#e3bbbd;display:block;padding:5px;} .article-next-page.global a{background-color:#e3b1c9;display:block;padding:5px;} .article-next-page.tech a{background-color:#cdbdd1;display:block;padding:5px;} .article-next-page.career-and-education a{background-color:#bcc5d8;display:block;padding:5px;} .article-next-page.market a{background-color:#99d1e4;display:block;padding:5px;} .article-next-page.culture a{background-color:#a4d3d5;display:block;padding:5px;} .article-next-page.health a{background-color:#cfda9a;display:block;padding:5px;} .article-next-page.life a{background-color:#cfda9a;display:block;padding:5px;} .article-next-page.fromjapan a{background-color:#f4b2b9;display:block;padding:5px;} .article-next-page.tktopics a,.article-next-page.leading-edge a{background-color:#ccd6ce;display:block;padding:5px;} .article-next-page.leaders50 a{background-color:#d5d5d5;display:block;padding:5px;} .article-next-page.ranking a{background-color:#d5e476;display:block;padding:5px;} .article-next-page.ranking-ad a{background-color:#d5e476;display:block;padding:5px;} .article-next-page.information a{background-color:#e3bbbc;display:block;padding:5px;} .article-next-page.ssplus1 a{background-color:#c1e0ff;display:block;padding:5px;} /* カテゴリ色分け用ここまで */ .article-next-page span{line-height:1;padding-left:15px;} /* -- ▼ ロイターのクレジット ▼ -- */ .credit.reuters-footer{float:right;text-align:right;} .credit.reuters-footer span{display:block;font-size:11px;} /* -- ▼ ページ繰り ▼ -- */ .mp-ie{margin:10px 25px 0 0;} .mp-ie.page-end{margin:10px 0 25px 0;} .pagination{margin:25px auto;text-align:center;} .pagination .page a,.pagination .current{min-width:23px;height:23px;display:inline-block;font-weight:bold;line-height:23px;} .pagination .page a{background-color:#5d6a70;color:#fff;border:solid 1px #5d6a70;} .pagination .page a:hover,.pagination .next a:hover,.pagination .prev a:hover{text-decoration:none;} .pagination .next a,.pagination .prev a{font-weight:bold;color:#5d6a70;} .pagination .next{margin-left:10px;} .pagination .prev{margin-right:10px;} .pagination .current,.pagination .page a:hover{background-color:#fff;color:#5d6a70;border:solid 1px #5d6a70;} .pagination .next{height:23px;} .pagination .arrow-p,.pagination .arrow-n{ background:url(/common/images/v3/basic/pagination.png) no-repeat #5d6a70; background-size:50px 160px; -webkit-background-size:50px 160px; -moz-background-size:50px 160px; height:23px; width:25px; border:solid 1px #5d6a70; display:inline-block; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:bottom; } .pagination .arrow-n{margin-left:5px;background-position:0 -90px;} .pagination .arrow-p{margin-right:5px;background-position:0 -116px;} /* -- ▼ 動画固定ボタン ▼ -- */ #moviehandle{ border-radius:4px; background:url(/common/images/v3/article/moviehandle.png) no-repeat left; background-size:16px 16px; -webkit-background-size:16px 16px; -moz-background-size:16px 16px; background-position:5px 5px; padding:3px 10px 3px 25px; font-size:13px; display:inline-block; border:solid 1px #ccc; border-radius:4px; margin-top:5px; cursor:pointer; } /* ******************************************************************** 記事上のTopNews ******************************************************************** */ #article-top-news1-inner{border-top:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;margin:0 auto 17px auto;padding:6px 0;width:1000px;} #article-top-news1-inner .article-top-news-list ul li{width:245px;border-right:solid 1px #bcbcbc;float:left;margin-left:5px;} #article-top-news1-inner .article-top-news-list ul li:last-child{border-style:none;} #article-top-news1-inner .article-top-news-list ul li:first-child{margin-left:0;} #article-top-news1-inner .article-top-news-list ul li .photo{float:left;width:98px;height:56px;overflow:hidden;margin-right:5px;} #article-top-news1-inner .article-top-news-list ul li .text{float:left;width:142px;} #article-top-news1-inner .article-top-news-list ul li .text span{display:block;} #article-top-news1-inner .article-top-news-list ul li .text .column-ttl{font-size:11px;font-weight:bold;color:#00aeeb;line-height:1.2;height:26px;} #article-top-news1-inner .article-top-news-list ul li .text .column-main-ttl{font-size:12px;font-weight:bold;line-height:1.2;height:29px;} #article-top-news1-inner .article-top-news-list ul li.pr{background-color:#f1f1f2;} #article-top-news1-inner .article-top-news-list ul li.pr .text .column-main-ttl{background-image:url(/common/images/v3/basic/pr-ico.png);background-repeat:no-repeat;background-position:right bottom;padding-right:15px;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;} /* ******************************************************************** 記事下関連記事・最新記事部分 ******************************************************************** */ /* -- ▼ 関連キーワード ▼ -- */ #article-keywords{background-position:-380px -1918px;} #article-keywords ul{padding:10px 5px 5px 30px !important;margin:0 !important;} #article-keywords ul li{font-size:13px;float:left !important;display:inline-block;margin-right:10px;margin-bottom:5px; width:auto !important;} #article-keywords ul li a{background-image:none;font-weight:bold;color:#034883;border-bottom:solid 1px #034883;} /* -- ▼ 関連記事 ▼ -- */ #related-article.all{margin-bottom:10px;} #related-article.all .title{font-size:15px;font-weight:bold;color:#00AEEB;} #related-article ul li{width:275px;float:left;padding:7px 0;position:relative;line-height:1.4;margin-right:20px;border-top:solid 1px #9d9896;} #related-article ul li.even{margin-right:0;} #related-article.all ul li.no-icon{border-bottom:solid 1px #9d9896;} #related-article.all ul li a:hover{text-decoration:none;} #related-article.all ul li.even{margin-right:0;} #related-article.all ul li .ico{width:60px;height:60px;margin-right:10px;float:left;overflow:hidden;} #related-article.all ul li .ico img{width:60px;height:60px;} #related-article.all ul li .ttl{float:left;width:200px;} #related-article.all ul li .ttl .column-ttl{font-size:14px;font-weight:bold;color:#00AEEB;} #related-article.all ul li.no-icon .ttl{float:none;width:auto;color:#00AEEB;} #related-article.all ul li.no-icon .ttl .column-ttl{font-size:13px;} #related-article.all ul li .ttl .date{font-size:12px;color:#999;} /* -- ▼ facebookコメント ▼ -- */ #fb-comment{margin:10px auto 40px auto !important;} #fb-comment .title{font-weight:bold;font-size:14px;} #fb-comment .fb-count{font-size:12px;background-position:-700px -705px;padding-left:17px;} #fb-comment .disclaimer{font-size:12px;color:#888;display:block;clear:both;} /* -- ▼ 記事下誘導 ▼ -- */ #induction-btn{margin-bottom:40px !important;} #induction-btn .mail a{ background-image:url(/common/images/v3/article/article-mailmagazine.png); background-repeat:no-repeat; background-size:200px 35px; background-color:#67a7ad; border-radius:3px; box-shadow:1px 1px 1px #ccc; display:block; width:200px; height:35px; text-indent:100%; overflow:hidden; white-space:nowrap; } /* -- ▼ 新世代リーダー50人バックナンバー ▼ -- */ ul#leaders50-series{float:right;margin:20px 0px 20px 0px;} ul#leaders50-series li{clear:both;float:left;font-size:14px;font-weight:bold;} #leaders50-backnumber-article .title{background-position:0 -1640px;width:685px;height:26px;display:block;} #leaders50-backnumber-article .title span{display:none;} #leaders50-backnumber-article ul li a:hover,#adsp-bottom-article ul li a:hover{text-decoration:none;} #leaders50-backnumber-article ul li,#adsp-bottom-article ul li{float:left;width:198px;border:solid 2px #ced2d4;margin:9px 9px 0 0;padding:10px;} #leaders50-backnumber-article ul li.last,#adsp-bottom-article ul li.last{margin-right:0;} #leaders50-backnumber-article ul li .ico,#adsp-bottom-article ul li .ico{float:left;margin-right:10px;width:56px;height:56px;overflow:hidden;} #leaders50-backnumber-article ul li .ico img,#adsp-bottom-article ul li .ico img{width:56px;height:56px;} #leaders50-backnumber-article ul li .ttl{float:left;width:132px;} #leaders50-backnumber-article ul li .ttl .column-ttl,#adsp-bottom-article ul li .ttl .column-ttl{font-size:13px;font-weight:bold;line-height:1.3;} /* カテゴリ色分け用 */ #leaders50-backnumber-article ul li .ttl .column-ttl.color01{color:#ab941d;} #leaders50-backnumber-article ul li .ttl .column-ttl.color02{color:#bf7700;} #leaders50-backnumber-article ul li .ttl .column-ttl.color03{color:#ba555b;} #leaders50-backnumber-article ul li .ttl .column-ttl.color04{color:#b83d79;} #leaders50-backnumber-article ul li .ttl .column-ttl.color05{color:#835a8c;} #leaders50-backnumber-article ul li .ttl .column-ttl.color06{color:#586e9e;} #leaders50-backnumber-article ul li .ttl .column-ttl.color07{color:#008dbc;} #leaders50-backnumber-article ul li .ttl .column-ttl.color08{color:#1c9296;} #leaders50-backnumber-article ul li .ttl .column-ttl.color09{color:#539546;} #leaders50-backnumber-article ul li .ttl .column-ttl.color10{color:#86a303;} /* カテゴリ色分け用ここまで */ .leaders50-backnumber-article-btm{border-top:solid 1px #adabab;margin:10px 0;} .leaders50-backnumber-article-btm .more-column{float:right;} /* 広告の記事下フリースペース */ #article-end-freespace{width:633px;margin:20px auto;padding:0px;} /* -- ▼ ブランドコンテンツ用関連記事 ▼ -- */ #brand-content-related .related-list{margin:0 120px 25px 120px;} #brand-content-related .related-list ul li{display:inline-block;width:227px;margin:32px 34px 0 0;vertical-align:top;} * html #brand-content-related .related-list ul li{display:inline;zoom:1;} *:first-child+html #brand-content-related .related-list ul li{display:inline;zoom:1;} #brand-content-related .related-list ul li.last{margin-right:0;} #brand-content-related .related-list ul li .ttl{margin-top:8px;border-left:solid 5px #ccc;padding-left:10px;} #brand-content-related .related-list ul li .ttl .column-ttl{font-weight:bold;line-height:1.4;font-size:12px;} #brand-content-related .related-list ul li .ttl .column-main-ttl{font-weight:bold;line-height:1.4;font-size:15px;} #brand-content-related .related-list ul li .ttl span{display:block;} #brand-content-related .related-list ul li .ttl a:hover{text-decoration:none;} /* *********************************************************************** 矢印アイコンに関する指定 *********************************************************************** */ #related-article .more, #backnumber-article .more, #latest-article .more{ float:right; width:12px; height:12px; display:block; font-size:0px; text-indent:-1000em; position:absolute; bottom:0; right:0; } .business .more{background-position:-780px -304px;} .economy-and-politics .more{background-position:-780px -316px;} .global .more{background-position:-780px -328px;} .tech .more{background-position:-780px -340px;} .career-and-education .more{background-position:-780px -352px;} .market-and-search .more{background-position:-780px -364px;} .culture .more{background-position:-780px -376px;} .health .more{background-position:-780px -400px;} .life .more{background-position:-780px -400px;} .fromjapan .more{background-image:url(/common/images/v2/main-bg-set-v2.gif);background-position:-112px -449px;} .tktopics .more,.leading-edge .more{background-position:-780px -412px;} .leaders50 .more{background-position:-780px -460px;} #latest-article .more{background-position:-780px -292px;} /* ******************************************************************** ジャンルトップ・カテゴリトップページ共通 ******************************************************************** */ /* -- ▼ カンバン部分（ジャンル別） ▼ -- */ #signale-category h1{width:685px;height:50px;display:block;} /* ジャンル色分け用 */ #signale-category.business h1{background-position:0 0;} #signale-category.economy-and-politics h1{background-position:0 -58px;} #signale-category.global h1{background-position:0 -116px;} #signale-category.tech h1{background-position:0 -175px;} #signale-category.career-and-education h1{background-position:0 -233px;} #signale-category.market h1{background-position:0 -292px;} #signale-category.culture h1{background-position:0 -349px;} #signale-category.life h1{background-position:0 -408px;} #signale-category.ranking-article h1{background-position:0 -466px;} #signale-category.fromjapan h1{background-position:0 -524px;} #signale-category.hr-online h1{background-position:0 -4199px;} /* HRオンライン用 */ .hr-category{border-left:solid 1px #96908f;border-right:solid 1px #96908f;border-top:solid 1px #96908f;padding:14px 14px 25px 14px;} .hr-category ul li{float:left;margin:0 25px 5px 0;display:block;font-size:14px;background-position:-840px -303px;padding-left:17px;line-height:1.5;} .hr-category ul li.twitter{background-position:-842px -376px;} .hr-category ul li a{background-image:none;} /* ジャンル色分け用ここまで */ /* -- ▼ 最新記事（ジャンル別）▼ -- */ #latest-article{margin:15px 0;line-height:1.5;} #latest-article h2{width:685px;height:36px;display:block;} /* ジャンル色分け用 */ #latest-article.business h2{background-position:0 -616px;} #latest-article.economy-and-politics h2{background-position:0 -708px;} #latest-article.global h2{background-position:0 -800px;} #latest-article.tech h2{background-position:0 -892px;} #latest-article.career-and-education h2{background-position:0 -984px;} #latest-article.market h2{background-position:0 -1076px;} #latest-article.culture h2{background-position:0 -1168px;} #latest-article.life h2,#latest-article.life h2{background-position:0 -1260px;} #latest-article.ranking h2{background-position:0 -1352px;} #latest-article.fromjapan h2{background-position:0 -1444px;} #latest-article.tktopics h2{background-position:0 -1604px;} /* ジャンル色分け用ここまで */ .latest-section{border-left:solid 1px #96908f;border-right:solid 1px #96908f;border-bottom:solid 1px #96908f;padding:0 17px;} .latest-section a:hover{text-decoration:none;} .latest-section .latest-first{margin:0 auto;position:relative;padding:15px 0 25px 0;} .latest-section .latest-first .photo{float:left;width:329px;height:189px;margin-right:15px;} .latest-section .latest-first .photo a{width:329px;height:189px;display:block;text-align:center;overflow:hidden;} .latest-section .latest-first .title{float:left;width:305px;position:relative;} .latest-section .latest-first .title .column-ttl{font-size:20px;font-weight:bold;} .latest-section .latest-first .title .column-main-ttl{font-size:25px;line-height:1.2;font-weight:bold;} .latest-section .latest-first span.date, .latest-section .latest-list ul li span.date{color:#b0b9bf;font-size:11px;font-weight:bold;display:block;margin-bottom:3px;} .latest-section .latest-first span.summary{font-size:14px;color:#5d6970;line-height:1.4;} .latest-section .latest-list ul li{width:308px;float:left;margin-right:33px;margin-bottom:15px;} .latest-section .latest-list ul li.even{margin-right:0;} .latest-section .latest-list ul li .ico{width:114px;height:114px;margin-right:4px;float:left;overflow:hidden;} .latest-section .latest-list ul li .ico img{width:114px;height:114px;} .latest-section .latest-list ul li .ttl{float:left;width:190px;position:relative;} .latest-section .latest-list ul li .ttl .column-ttl{font-size:15px;font-weight:bold;} .latest-section .latest-list ul li .ttl .column-main-ttl{font-size:17px;font-weight:bold;line-height:1.1;} .latest-section .latest-list ul li .ttl .summary{font-size:14px;color:#5d6970;line-height:1.3;} .latest-section .latest-first a .column-main-ttl,.latest-section .latest-list ul li .ttl a .column-main-ttl{color:#000;} #latest-article.fromjapan .latest-section .latest-first .title .column-ttl, #latest-article.fromjapan .latest-section .latest-list ul li .ttl .column-ttl{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} #latest-article.fromjapan .latest-section .latest-first .title .column-main-ttl, #latest-article.fromjapan .latest-section .latest-list ul li .ttl .column-main-ttl{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} #latest-article.fromjapan .latest-section .latest-first span.date, #latest-article.fromjapan .latest-section .latest-list ul li span.date{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} #latest-article.fromjapan .latest-section .latest-first span.summary, #latest-article.fromjapan .latest-section .latest-list span.summary{font-family: 'Lora', serif;}{font-family: 'Lora', serif;} /* -- ▼ 最新記事一覧▼ -- */ #category-latest-article{margin:15px 0;position:relative;} #category-latest-article h2{width:685px;height:36px;display:block;} /* ジャンル色分け用 */ #category-latest-article.business h2{background-position:0 -662px;} #category-latest-article.economy-and-politics h2{background-position:0 -754px;} #category-latest-article.global h2{background-position:0 -846px;} #category-latest-article.tech h2{background-position:0 -938px;} #category-latest-article.career-and-education h2{background-position:0 -1030px;} #category-latest-article.market h2{background-position:0 -1122px;} #category-latest-article.culture h2{background-position:0 -1214px;} #category-latest-article.life h2{background-position:0 -1306px;} #category-latest-article.ranking h2{background-position:0 -1398px;} #category-latest-article.fromjapan h2{height:36px;background-position:0 -1490px;} #category-latest-article.default h2{background-position:0 -4321px;} #category-latest-article.hr-online h2{background-position:0 -1240px;width:685px;height:24px;display:block;} #category-latest-article.information h2{background-position:0 -4780px;} #category-latest-article.search h2{background-position:0 -1536px;} /* ジャンル色分け用ここまで */ /* ******************************************************************** 一覧系のページ共通 ******************************************************************** */ #latest-article{margin-bottom:25px;} .article-list{border-left:solid 1px #96908f;border-right:solid 1px #96908f;border-bottom:solid 1px #96908f;padding:28px 56px 0 56px;} .article-list ul li{padding-bottom:25px;line-height:1.3;} .article-list ul li a:hover{text-decoration:none;} .article-list ul li .ico{width:95px;height:95px;margin-right:7px;float:left;overflow:hidden;} .article-list ul li .ico img{width:95px;height:95px;} .article-list ul li .ttl{float:left;width:465px;padding-right:4px;position:relative;} .article-list ul li .ttl .column-ttl{font-size:15px;font-weight:bold;} .article-list ul li .ttl .column-main-ttl{font-size:17px;font-weight:bold;} .article-list ul li .ttl a .column-main-ttl{color:#000;} .article-list ul li .ttl span.date{color:#b0b9bf;font-size:11px;font-weight:bold;display:block;margin-bottom:3px;} .article-list ul li .ttl span.summary{font-size:12px;color:#5d6970;line-height:1.4;} .article-list ul.fromjapan li .ttl .column-ttl{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} .article-list ul.fromjapan li .ttl .column-main-ttl{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} .article-list ul.fromjapan li .ttl span.date{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;} .article-list ul.fromjapan li .ttl span.summary{font-family: 'Lora', serif;} .article-list ul.ranked.business li .rank-num, .article-list ul.ranked.business li a .column-ttl{color:#c07700;} .article-list ul.ranked.economy-and-politics li .rank-num, .article-list ul.ranked.economy-and-politics li a .column-ttl{color:#bb555b;} .article-list ul.ranked.global li .rank-num, .article-list ul.ranked.global li a .column-ttl{color:#a04177;} .article-list ul.ranked.tech li .rank-num, .article-list ul.ranked.tech li a .column-ttl{color:#845b8d;} .article-list ul.ranked.career-and-education li .rank-num, .article-list ul.ranked.career-and-education li a .column-ttl{color:#596e9f;} .article-list ul.ranked.market li .rank-num, .article-list ul.ranked.market li a .column-ttl{color:#008dbd;} .article-list ul.ranked.culture li .rank-num, .article-list ul.ranked.culture li a .column-ttl{color:#179397;} .article-list ul.ranked.life li .rank-num, .article-list ul.ranked.life li a .column-ttl{color:#86a300;} .article-list ul.ranked.ranking li .rank-num, .article-list ul.ranked.ranking li a .column-ttl{color:#86a300;} .article-list ul.ranked.fromjapan li .rank-num, .article-list ul.ranked.fromjapan li a .column-ttl{color:#ba1b21;} /* 人気記事のタブ */ .ranking-switch{position:absolute;top:15px;left:140px;padding:0 10px 0;width:520px;} .ranking-switch ul{float:left;} .ranking-switch ul li{float:left;margin-right:15px;} .ranking-switch ul li a{text-align:center;border:solid 1px #ddd;padding:1px 15px;display:block;color:#666;font-size:13px;} .ranking-switch ul li a:hover,.ranking-switch ul li.current a{background-color:#ddd;} .ranking-switch .date{float:right;font-size:13px;color:#5d6970;} /* information用 */ .article-list.information{padding:0 18px;} .article-list ul.information{margin-bottom:10px;} .article-list ul.information li{border-bottom:dotted 1px #bcbcbc;padding:18px 0;} .article-list ul.information li .ttl{width:auto;float:none;} .article-list ul.information li .column-main-ttl{background-position:0 -4857px;font-size:14px;padding-left:20px;} .article-list ul.information li .summary{padding-top:10px;display:block;padding-left:20px;} /* 続きを見る */ .latest-more a{background-color:#000;color:#fff;padding:1px 2px 1px 20px;font-size:12px;background-position:-145px -1161px;} .latest-more a:hover{text-decoration:none;color:#fff;} /* -- ▼ ページ繰り ▼ -- */ .mp-ie.category-end{margin:10px 0 25px 0;} .pagenation ul{margin:0 auto;} .multipage.category-end{margin:0 auto;float:none;} .next_p, .prev_p, .current_p, .other_p{float:left;font-size:12px;} .pagenation ul li{float:left;font-size:14px;} .category-end .current_p, .category-end .other_p{font-size:16px;} .category-end .next_p{padding:0 0 0 37px;} .category-end .prev_p{padding:0 37px 0 0;} .other_p a, .pagenation ul li a{ background-color:#5d6a70; color:#fff; font-weight:bold; padding:2px 7px; margin:0 4px; display:block; border:solid 1px #5d6a70; } .other_p a:hover,.pagenation ul li a:hover{background-color:#fff;color:#5d6a70;} .current_p,.pagenation ul li.current{ background-color:#fff; color:#5d6a70; font-weight:bold; padding:2px 7px; margin:0 4px; display:block; border:solid 1px #5d6a70; } .pagenation ul li.next a,.pagenation ul li.prev a{background:none;padding:0;border-style:none;} /* -- ▼ 著者一覧用のCSS ▼ -- */ .author-profile-info{background-color:#f1f1f1;padding:20px 50px;margin-top:10px;color:#666;} .author-profile-info .photo{width:94px;margin-right:15px;float:left;} .author-profile-info .profile-text.block{float:left;width:476px;} .author-profile-info .profile-text .author-name{border-bottom:solid 1px #777;} .author-profile-info .profile-text .author-name .name{font-size:20px;} .author-profile-info .profile-text .author-name .kana{font-size:14px;margin-left:7px;} .author-profile-info .profile-text .author-name .eng{display:block;font-size:14px;} .author-profile-info .profile-text .katagaki{font-size:16px;margin-top:5px;} .author-profile-info .profile-text .author-profile{font-size:13px;} #category-latest-article.author h2{background-position:0 -1530px;} #category-latest-article.author .author .more{background-position:0 -1579px;width:13px;height:13px;} #category-latest-article.author .article-list ul li .ttl .column-ttl{color:#00aeeb;} /* -- ▼ ブランドコンテンツ用のCSS ▼ -- */ #brandcontent-main-inner{border-top:solid 2px #747273;margin-top:10px;background-color:#eff5f9;} #brandcontent-main-inner #bc-first-choice{ margin:32px 80px 48px; padding:10px; background-color:#fff; } #brandcontent-main-inner #bc-first-choice .index-img{float: left;} #brandcontent-main-inner #bc-first-choice .title-parts.brandcontent{width: 330px;float:right;} #brandcontent-main-inner .bc-content-list{margin:0 120px;padding-bottom:30px;} #brandcontent-main-inner .bc-content-list ul.bc-list-style li{background-color:#fff;border:solid 1px #ddd;width:227px;margin:0 31px 30px 0;display:inline-block;vertical-align:top;} * html #brandcontent-main-inner .bc-content-list ul.bc-list-style li{display:inline;zoom:1;} *:first-child+html #brandcontent-main-inner .bc-content-list ul.bc-list-style li{display:inline;zoom:1;} #brandcontent-main-inner .bc-content-list ul.bc-list-style li.last{margin-right:0;} #brandcontent-main-inner .bc-content-list ul.bc-list-style li .ttl{padding:10px 15px 25px 15px;} #brandcontent-main-inner .bc-content-list ul.bc-list-style li .ttl span{display:block;} #brandcontent-main-inner .bc-content-list ul.bc-list-style li .ttl .column-main-ttl{font-weight:bold;font-size:21px;color:#717171;} /* -- ▼ 新世代リーダー50人 ▼ -- */ #signale-category.leaders50{width:685px;height:261px;background-position:0 -2420px;margin-bottom:15px;position:relative;} #signale-category.leaders50 a{background-image:none;} #leaders-feature{width:603px;height:119px;position:absolute;top:69px;left:16px;display:block;padding-top:29px;overflow:hidden;} #leaders-feature .leaders-box-wrap{position:relative;} #leaders-feature .prev-btn,#leaders-feature .next-btn{float:left;width:50px;} #leaders-feature .link-btn{margin:52px 0 0 10px;} #leaders-feature .leaders-info{width:500px;float:left;} #leaders-feature .leaders-info ul li{height:auto !important;} #leaders-feature .leaders-info .ico{width:176px;float:left;margin-right:10px;} #leaders-feature .leaders-info .ttl{float:left;width:314px;position:relative;line-height:1.3;} #leaders-feature .leaders-info .ttl .column-campany{font-size:13px;font-weight:bold;display:block;} #leaders-feature .leaders-info .ttl .column-ttl{font-size:18px;font-weight:bold;display:block;} #leaders-feature .leaders-info .ttl .column-ttl .keishou{font-size:80%; margin-left:3px;} #leaders-feature .leaders-info .ttl .column-main-ttl{font-size:19px;font-weight:bold;display:block;} #leaders-feature .leaders-info .ttl .summary{font-size:12px;margin-top:7px;display:block;} #leaders-feature .leaders-info .ttl .more{width:14px;height:14px;display:block;background-position:-820px -294px;font-size:0;text-indent:-1000em;position:absolute;right:0;bottom:0;} ul#leaders50 li{float:left;width:163px;height:259px;margin:0 11px 11px 0;display:block;background-position:-380px -2143px;} ul#leaders50 li a{background-image:none;} ul#leaders50 li a:hover{text-decoration:none;} ul#leaders50 li.last{margin-right:0;} ul#leaders50 li.soon{background-position:-570px -2143px;display:block;} ul#leaders50 li.soon span{display:none;} ul#leaders50 li .column-main-ttl{width:115px;height:57px;display:block;color:#fff;margin:15px 20px 5px 20px;padding:6px 5px 0px 5px;line-height:1.4;font-size:14px;font-weight: bold;text-align:center;} ul#leaders50 li.even .column-main-ttl{width:115px;height:45px;display:block;color:#fff;margin:5px 20px 15px 20px;padding:18px 5px 0;line-height:1.4;} ul#leaders50 li .column-main-ttl a{background-image:none;} ul#leaders50 li img{text-align:center;margin:0 30px;display:block;} ul#leaders50 li .column-campany{color:#000;font-size:11px;margin:10px 20px 0 20px;display:block;font-weight:bold;line-height: 1.3em;} ul#leaders50 li .column-ttl{color:#000;font-size:16px;margin:1px 20px;display:block;font-weight:bold;line-height: 1.2em;} ul#leaders50 li .column-ttl .keishou{font-size:80%; margin-left:3px;} ul#leaders50 li.even .column-campany{margin-top:15px;} ul#leaders50 li.even .column-ttl{margin-bottom:10px;} /* ジャンル色分け用（吹き出し下向き） */ ul#leaders50 li .column-main-ttl.color-1{background-position:0 -2701px;} ul#leaders50 li .column-main-ttl.color-2{background-position:-125px -2701px;} ul#leaders50 li .column-main-ttl.color-3{background-position:-250px -2701px;} ul#leaders50 li .column-main-ttl.color-4{background-position:-375px -2701px;} ul#leaders50 li .column-main-ttl.color-5{background-position:-500px -2701px;} ul#leaders50 li .column-main-ttl.color-6{background-position:0 -2764px;} ul#leaders50 li .column-main-ttl.color-7{background-position:-125px -2764px;} ul#leaders50 li .column-main-ttl.color-8{background-position:-250px -2764px;} ul#leaders50 li .column-main-ttl.color-9{background-position:-375px -2764px;} ul#leaders50 li .column-main-ttl.color-0{background-position:-500px -2764px;} /* ジャンル色分け用（吹き出し下向き） */ ul#leaders50 li.even .column-main-ttl.color-1{background-position:0 -2826px;} ul#leaders50 li.even .column-main-ttl.color-2{background-position:-125px -2826px;} ul#leaders50 li.even .column-main-ttl.color-3{background-position:-250px -2826px;} ul#leaders50 li.even .column-main-ttl.color-4{background-position:-375px -2826px;} ul#leaders50 li.even .column-main-ttl.color-5{background-position:-500px -2826px;} ul#leaders50 li.even .column-main-ttl.color-6{background-position:0 -2889px;} ul#leaders50 li.even .column-main-ttl.color-7{background-position:-125px -2889px;} ul#leaders50 li.even .column-main-ttl.color-8{background-position:-250px -2889px;} ul#leaders50 li.even .column-main-ttl.color-9{background-position:-375px -2889px;} ul#leaders50 li.even .column-main-ttl.color-0{background-position:-500px -2889px;} /* ******************************************************************** ランキング一覧のページ ******************************************************************** */ #signale-category.ranking h1{background-image:url(/common/images/v3/AccessRankingv2.png?rd=201505271150);background-repeat:no-repeat;background-size:685px 196px;-webkit-background-size:685px 196px;-moz-background-size:685px 196px;width:685px;height:49px;display:block;} #signale-category.ranking h1.hourly{background-position:0 0;} #signale-category.ranking h1.daily{background-position:0 -49px;} #signale-category.ranking h1.hour24{background-position:0 -49px;} #signale-category.ranking h1.weekly{background-position:-1px -98px;} #signale-category.ranking h1.fblike{background-position:-1px -148px;} .ranking-menu{background-position:0 -4654px;width:685px;height:36px;display:block;} .ranking-menu.bottom{width:auto;height:auto;margin-bottom:30px;} .ranking-menu ul{padding:16px 0 0 78px;} .ranking-menu.bottom ul{padding:0 0 0 45px;} .ranking-menu ul li,.ranking-menu ul li a{background-image:none;} .ranking-menu ul li{float:left;margin-right:13px;text-align:center;font-size:12px;line-height:1.4;} .ranking-menu ul li.hourly.current,.ranking-menu ul li.hourly a:hover{border:solid 1px #00a0e9;background-color:#fff;color:#000;padding:1px 15px;font-weight:bold;display:block;} .ranking-menu ul li.daily.current,.ranking-menu ul li.daily a:hover{border:solid 1px #638ac6;background-color:#fff;color:#000;padding:1px 15px;font-weight:bold;display:block;} .ranking-menu ul li.hour24.current,.ranking-menu ul li.hour24 a:hover{border:solid 1px #638ac6;background-color:#fff;color:#000;padding:1px 15px;font-weight:bold;display:block;} .ranking-menu ul li.fblike.current,.ranking-menu ul li.fblike a:hover{border:solid 1px #8fc31f;background-color:#fff;color:#000;padding:1px 15px;font-weight:bold;display:block;} .ranking-menu ul li.weekly.current,.ranking-menu ul li.weekly a:hover{border:solid 1px #f39800;background-color:#fff;color:#000;padding:1px 15px;font-weight:bold;display:block;} .ranking-menu ul li.hourly a{border:solid 1px #00a0e9;background-color:#00a0e9;color:#fff;padding:1px 15px;display:block;} .ranking-menu ul li.daily a{border:solid 1px #638ac6;background-color:#638ac6;color:#fff;padding:1px 15px;display:block;} .ranking-menu ul li.hour24 a{border:solid 1px #638ac6;background-color:#638ac6;color:#fff;padding:1px 15px;display:block;} .ranking-menu ul li.fblike a{border:solid 1px #8fc31f;background-color:#8fc31f;color:#fff;padding:1px 15px;display:block;} .ranking-menu ul li.weekly a{border:solid 1px #f39800;background-color:#f39800;color:#fff;padding:1px 15px;display:block;} .article-list.ranking{padding:28px 33px 0 33px;} .article-list ul.ranking-hourly li .ttl .column-ttl,.article-list ul.ranking-hourly li .rank-num{color:#00a0e9;} .article-list ul.ranking-daily li .ttl .column-ttl,.article-list ul.ranking-daily li .rank-num{color:#638ac6;} .article-list ul.ranking-hour24 li .ttl .column-ttl,.article-list ul.ranking-hour24 li .rank-num{color:#638ac6;} .article-list ul.ranking-fblike li .ttl .column-ttl,.article-list ul.ranking-fblike li .rank-num{color:#78AD0B;} .article-list ul.ranking-weekly li .ttl .column-ttl,.article-list ul.ranking-weekly li .rank-num{color:#f39800;} .article-list ul li .rank-num{float:left;width:45px;font-size:16px;padding-top:35px;font-weight:bold;} /* ランキングFBlike用 */ .article-list ul.ranking-fblike li .ttl .fbcount{float:right;background-position:-589px -731px;color:#4c5195;font-size:12px;padding-left:20px;} /* ******************************************************************** 検索結果ページ ******************************************************************** */ #category-search-ttl{border-top:solid 1px #96908F;border-bottom:solid 1px #96908F;padding:15px 5px;} #category-search-ttl h1.search{font-weight:normal;font-size:22px;} .search-summary{margin:15px;} .search-summary .data{font-size:16px;font-weight:bold;} .search-summary .company-data{font-size:15px;font-weight:bold;margin-left:30px;} .search-summary .for-company-and-search{margin:0 0 0 15px;} .search-summary .for-company-and-search img{vertical-align:top;padding-top:1px;} .search-summary p{font-size:12px;line-height:1.4;margin-top:10px;} .search-box{width:380px;margin:0 auto;} .for-company-and-search-bottom{width:186px;margin:15px auto 25px auto;} /* ******************************************************************** 記事本文内動画用のCSS（記事ページ） ******************************************************************** */ .article-video-container { position: relative; height: 0; padding-bottom: 56.25%; background-color:#f9f9f9; } .article-video-container .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ******************************************************************** ビデオコンテンツ用のCSS（共通パーツ） ******************************************************************** */ /* ---------------------- ■ビデオコンテンツ用カラーコード #009fe6（水色） #b3b3b3（薄いグレー） #808183 #251e1e（黒） #6c6e70（濃いグレー） #a6a8ab #f3f3f4（背景薄いグレー） ------------------------------ */ #video-contents{background-color:#fff;} #video-contents .inner{width:1000px;margin:0 auto;} #video-contents .inner.wide{width:1106px;} /* 共通イメージ */ .video-bg{background:url(/common/images/v3/video-parts.png?20140926) no-repeat;display:block;} .video-bg a{background:url(/common/images/v3/video-parts.png?20140926) no-repeat;display:block;} /* レイアウト */ #video-contents #main-column{width:660px;float:left;} #video-contents #sub-column{width:300px;float:right;margin-top:53px;} #video-contents #sub-column.ad{margin-top:42px;} /* ヘッダー部分 */ #video-contents #video-header{margin:0 0 25px 0;overflow:hidden;} #video-contents #video-header .header-heading .title a{ width:57px; height:37px; background-image:url(/common/images/v3/video/video-logo-v2.png); background-repeat:no-repeat; background-size:57px 37px; -moz-background-size:57px 37px; -webkit-background-size:57px 37px; background-position:0 0; display:block; float:left; } /* パンくず */ #video-contents #breadcrumb ul li{background-position:-1092px -125px;} /* ページネーション */ .video-pagination{margin:0 auto;} .video-pagination.top{margin-top:3px;} .video-pagination a{border:solid 1px #009fe6;padding:5px 10px;color:#fff;background-color:#009fe6;display:inline-block;} .video-pagination .current a{color:#009fe6;background-color:#fff;} #main-column .video-pagination{padding-top:0;} /* Video一覧共通指定 */ #video-contents ul li a:hover{text-decoration:none;} #video-contents ul li.last{margin-right:0 !important;} /* Videoタイトル指定（サイズ・色） */ #video-contents .title{display:block;font-weight:bold;line-height:1.2;} #video-contents .subtitle,#video-contents .summary,#video-contents .guest,#video-contents .kana{display:block;line-height:1.2;} #video-contents .font33{font-size:33px;} #video-contents .font29{font-size:29px;} #video-contents .font23{font-size:23px;} #video-contents .font20{font-size:20px;} #video-contents .font16{font-size:16px;} #video-contents .font15{font-size:14px;} #video-contents .font14{font-size:14px;} #video-contents .font13{font-size:13px;} #video-contents .font12{font-size:12px;} #video-contents .font10{font-size:10px;} #video-contents .font9{font-size:9px;} #video-contents .blue{color:#009fe6;} #video-contents .black{color:#251e1c;} #video-contents .gray{color:#6c6e70;} #video-contents .light-gray{color:#808183;} #video-contents .thin-gray{color:#a6a8ab;} #video-contents .white{color:#fff;} /* Videoサムネイル共通指定 */ #video-contents .thumb{background-color:#f3f3f4;display:block;position:relative;text-align:center;} #video-contents .wd120{width:120px;overflow:hidden;} #video-contents .wd170{width:170px;overflow:hidden;} #video-contents .wd180{width:180px;overflow:hidden;} #video-contents .wd185{width:185px;overflow:hidden;} #video-contents .wd300{width:300px;overflow:hidden;} /* 共通アイコン、スライダー他 */ #video-contents .time{color:#fff;font-size:12px;background-color:#000;opacity: 0.7;border-radius:3px;padding:1px 3px;position:absolute;left:3px;bottom:3px;} #video-contents .list-table .brandcontent-icon{right:5px;top:75px;} #video-contents .brandcontent-icon{position:absolute;right:10px;bottom:10px;z-index:100;} #video-contents .bx-wrapper{margin:0 auto;} #video-contents .all-videos a{background-position:-861px -420px;width:138px;height:28px;display:block;} #video-contents .all-videos.top a{background-position:-1034px -417px;width:138px;height:31px;display:block;} #video-contents .all-videos.top{margin-top:15px;} #video-contents .more-videos a{background-position:-854px -720px;width:75px;height:28px;display:block;} /* サムネイルoverlay */ .video-overlay{ width: 100%; height: 100%; position: absolute; background-image:url(/common/images/v3/video/overlay.png); background-repeat:no-repeat; background-position:50% 50%; background-color:rgba(0,0,0,0.5); top:0; left:0; opacity: 0; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; filter: alpha(opacity=0); } .video-overlay:hover {opacity: 1;filter: alpha(opacity=100);} .video-overlay.large{background-image:url(/common/images/v3/video/overlay-large.png);} /* -- Video再生ページ ------------------------------------- */ #video-player{width:655px;height:376px;} #video-info{width:300px;border-top:1px solid #808183;padding-top:10px;} #video-info.brandcontent{border-style:none;padding-top:0;} #video-info .heading{height:27px;width:300px;display:block;margin-bottom:18px;} #video-info .heading.brandcontent{background-position:-174px -719px;} #video-info .subtitle{border-bottom:solid 1px #808183;padding-bottom:10px;margin:0 0 10px 0;} #video-info .summary{border-top:solid 1px #808183;padding:10px 0;} #video-info .date{border-bottom:solid 1px #808183;padding-bottom:10px;} #video-info .tools{margin-top:10px;} #video-info .tools div{margin-right:5px;} #video-info .tools div:last-child{margin-right:0;} #video-related-list{margin-top:20px;} #video-related-list .heading.video-bg{width:102px;height:33px;display:block;background-position:-577px -571px;} #video-related-list .list-table{background-color:#f3f3f4;padding:20px 20px 0 20px;} #video-related-list .list-table ul li{margin-bottom:20px;} #video-related-list .list-table ul li.odd{margin-right:20px;} #video-related-list .list-table ul li .txt-box{margin-top:10px;padding-left:5px;display:block;border-left:solid 3px #009fe6;} #other-videos .heading{margin-top:30px;background-position:-174px -674px;margin-bottom:18px;} #other-videos ul li{margin-bottom:25px;} #other-videos ul li .thumb{margin-right:10px;} /* ↓ ここからはBrandContent動画用 ↓ */ #video-brandcontent-list .heading{ width:1000px; height:25px; background:url(/common/images/v3/video/bc-heading.png) no-repeat; background-size:1000px 25px; -webkit-background-size:1000px 25px; -moz-background-size:1000px 25px; } #video-brandcontent-list #video-category-list .video-list .main-title .title{text-align:center;} #video-category-list .video-list{border-bottom:solid 1px #b3b3b3;} #video-category-list .video-list .main-title{width:337px;float:left;padding-top:20px;} #video-category-list .video-list .video-latest{width:663px;float:right;background-color:#f3f3f4;overflow:hidden;height:354px;} #video-info.brandcontent span.about-bc{text-align:right;background-position:-1092px -125px;cursor:pointer;position:absolute;top:5px;right:0;padding-left:10px;} #video-info.brandcontent{position:relative;} #video-info.brandcontent #about-video-bc{background-color:#fff;opacity:0.9;padding:10px;position:absolute;top:23px;left:50px;border:solid 1px #b3b3b3;} #video-info.brandcontent #about-video-bc .close{width:30px;height:22px;display:block;background-position:-1142px -995px;margin-bottom:10px;cursor:pointer;} #video-info.brandcontent #about-video-bc .close span{display:none;} #video-brandcontent-more{margin-top:20px;} #video-brandcontent-more .heading{background-position:-577px -712px;width:145px;height:32px;margin-right:15px;} #brandcontent-more-slide{margin-top:10px;} #brandcontent-more-slide ul li{margin-right:50px;} /* スライドのページャー */ .bx-pager{float:right;margin-right:13px;} .bx-pager a{text-indent:100%;white-space:nowrap;overflow:hidden;float:left;} .bx-pager a{background-image:url(/common/images/v2/video/video-bg.png?20140220);background-repeat:no-repeat;width:10px;height:9px;display:block;background-position:-990px -544px;} .bx-pager a.pager-active{background-position:-990px -534px;} .bx-pager a.pager-link{margin-right:13px;} #video-category-list .video-list .main-title .txt-box{margin:20px 0 20px 0;} #video-category-list .video-list .main-title .txt-box .summary{margin-top:10px;} #video-category-list .video-list .video-latest ul{padding:20px 20px 0 20px;} #video-category-list .video-list .video-latest ul li{margin:0 41px 20px 0;} #video-category-list .video-list .video-latest ul li a{text-decoration:none;} #video-category-list .video-list .video-latest ul li .thumb{margin-bottom:10px;} #video-category-list .video-list .video-latest .video-slide-btn ul{padding:0;float:right;margin-right:20px;height:310px;} #video-category-list .video-list .video-latest .video-slide-btn ul li{margin:0;padding:0 0 0 7px;float:right;width:auto;text-align:center;} #video-category-list .video-list .video-latest .video-slide-btn ul li a{color:#dbdbdb;font-size:16px;display:block;} #video-category-list .video-list .video-latest .video-slide-btn ul li.current a{color:#c1017b;} #video-category-list .video-list .video-latest .more-videos a{width:76px;height:9px;display:block;float:right;background-position:-924px -401px;margin:0 20px 10px 0;} #video-category-list .video-list .video-latest .more-videos span{display:none;} /* Whats Up トップ動画一覧 */ #video-genre-list.whatsup .heading{background-position:-174px -883px;width:1000px;height:58px;} #video-genre-list .video-list-inner{margin:20px 0;clear:both;} #video-genre-list .video-list-inner ul li{margin:0 50px 20px 0;} #video-genre-list .video-list-inner ul li .thumb{margin-bottom:10px;width:300px;height:172px;overflow:hidden;} /* 動画一覧（共通） */ #more-video-list{margin-top:20px;} #more-video-list.startup{background-image:url(/common/images/v3/video/startup-j-bg.png);background-repeat:no-repeat;background-position:right top;} #more-video-list .heading{width:105px;height:26px;background-position:-176px -1042px;margin-bottom:5px;} #more-video-list.startup .heading{width:162px;height:54px;background-position:-174px -1108px;} #more-video-list.startup .video-pagination{padding-top:30px;} #more-video-list .all-video{background-color:#f3f3f4;padding:20px;margin:10px 0 15px;} #more-video-list .all-video ul li{margin-bottom:30px;} #more-video-list .all-video ul li .thumb{margin-right:20px;position:relative;} #more-video-list .all-video ul li .txt-box{background-position:-872px -1085px;padding-top:15px;} #more-video-list .all-video ul li .txt-box .summary{margin-top:10px;} /* 動画検索ボックス */ #video-search{width:565px;float:left;border:solid 1px #b3b3b3;border-radius:20px;margin:5px 0 0 30px;} #video-search input{border-style:none;appearance:none;-webkit-appearance:none;display:inline-block;height:30px;line-height:30px;vertical-align:middle;width:510px;} #video-search input[type="text"]{outline:none;} #video-search input#video-search-fulltext{margin-left:20px;} #video-search input.search-video{background-position:-1004px -92px;width:18px;font-size:0;cursor:pointer;text-indent:150%;overflow:hidden;white-space:nowrap;} /* 動画検索ページ */ #video-search-page{width:800px;margin:0 auto 20px auto;} #video-search-page p{margin:15px 0;} #video-search-page form input{border-style:none;border:0;background-color:transparent;} #video-search-page input[type="text"]{outline:none;} #video-search-page .search-box{width:524px;height:31px;background-position:-174px -989px;margin:0 auto 15px auto;} #video-search-page .search-box .search-txt{margin:6px 0 0 10px;} #video-search-page .search-box .searchbtn{cursor:pointer;font-size:0;text-indent:-1000px;width:30px;height:30px;display:block;margin-right:10px;} /* 広告 */ .ad-space{margin:30px 0 0 0;} .ad-space.top .left{margin-right:50px;} .ad-space.article .left{margin-right:60px;} .ad-space .left:last-child{margin-right:0;} .ad-space.startup .heading{background-image:url(/common/images/v3/video/association-startup-title-s.png);background-repeat:no-repeat;width:200px;height:28px;margin:0 auto 20px auto;} .ad-space.startup{text-align:center;} .ad-space.startup span{display:inline-block;margin-right:10px;} /* welcomeインターステイシャル */ .welcome #wrapper{margin:0 auto;width:auto;} .welcome #header{width:1000px;margin:0 auto 10px auto;} .welcome .logo{width:228px;} #contents.welcome{background-color:#707070;padding:50px 0;} .welcome-bnr{text-align:center;margin:0 auto;} .welcome .header-sub-area{border-bottom:solid 1px #918b8a;margin-top:31px;position:relative;} .welcome .skip-page{float:right;} .welcome .skip-page p{font-size:12px;padding-left:12px;line-height:1.4;} .welcome .skip-page p.business{background-position:-380px -1697px;} .welcome .skip-page p.economy-and-politics{background-position:-380px -1714px;} .welcome .skip-page p.global{background-position:-380px -1731px;} .welcome .skip-page p.tech{background-position:-380px -1748px;} .welcome .skip-page p.career-and-education{background-position:-380px -1765px;} .welcome .skip-page p.market{background-position:-380px -1782px;} .welcome .skip-page p.market-and-search{background-position:-380px -1782px;} .welcome .skip-page p.culture{background-position:-380px -1799px;} .welcome .skip-page p.life{background-position:-380px -1833px;} .welcome .skip-page a{color:#000;} .welcome .article-list{float:left;margin-left:47px;padding:0;border-style:none;} .welcome .article-list a:hover{text-decoration:none;} .welcome .article-list.business{background-position:-752px -1280px;} .welcome .article-list.economy-and-politics{background-position:-752px -1315px;} .welcome .article-list.global{background-position:-752px -1560px;} .welcome .article-list.tech{background-position:-752px -1350px;} .welcome .article-list.career-and-education{background-position:-752px -1385px;} .welcome .article-list.market{background-position:-752px -1420px;} .welcome .article-list.market-and-search{background-position:-752px -1420px;} .welcome .article-list.culture{background-position:-752px -1455px;} .welcome .article-list.health{background-position:-752px -1525px;} .welcome .article-list.life{background-position:-752px -1525px;} .welcome .column-ttl{display:block;font-size:12px;font-weight:bold;line-height:1.4;padding-left:120px;} .welcome .column-main-ttl{display:block;font-size:15px;font-weight:bold;line-height:1.4;padding-left:120px;} .welcome .article-list a .column-main-ttl{color:#000;} .welcome .article-list.business .column-ttl{color:#bf7700;} .welcome .article-list.economy-and-politics .column-ttl{color:#ba555b;} .welcome .article-list.global .column-ttl{color:#b83d79;} .welcome .article-list.tech .column-ttl{color:#835a8c;} .welcome .article-list.career-and-education .column-ttl{color:#586e9e;} .welcome .article-list.market .column-ttl{color:#008dbc;} .welcome .article-list.culture .column-ttl{color:#1c9296;} .welcome .article-list.health .column-ttl{color:#86a303;} .welcome .article-list.life .column-ttl{color:#86a303;} .welcome .skip-page{position:absolute;bottom:2px;right:0;} .welcome .skip-page p a,.welcome .article-list a{background-image:none;}