@charset "UTF-8";

/********************************/
/*　　 　　　　　トップページ用　　　　　　　　*/
/********************************/

#div-gpt-ad-leaderboard{
  transition-property:height;
  transition-duration:1s;
  position: relative;
  z-index: 1;
}

/*トップくるくる*/
#headlines{border-top:solid 5px #061a40;background:#e6f1fb;padding:10px 20px; position:relative; z-index:100;}
#headlines.premium{background:#f2f2f2;}

#headlineCarousel{width:1160px;margin-left:auto;margin-right:auto;height:309px;position:relative;}
#headlineCarousel .control{display:block;position:absolute;width:26px;height:309px;overflow:hidden;text-indent:-1000px;z-index:1000;top:0px;cursor:pointer;}
#headlineCarousel .control.prev{background:url(/images/n/techon/2016/top/headline/prev.png);left:0px;}
#headlineCarousel .control.next{background:url(/images/n/techon/2016/top/headline/next.png);right:0px;}
.premium #headlineCarousel .control.prev{background:url(/images/n/techon/2016/top/headline/prev-premium.png);}
.premium #headlineCarousel .control.next{background:url(/images/n/techon/2016/top/headline/next-premium.png);}
#headlineCarousel a:hover.control{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}

#headlineCarousel .pad{width:1133px;height:309px;margin-left:auto;margin-right:auto;margin:0 0 0 27px;overflow:hidden;position:relative;}
#headlineCarousel ul{width:2478px;position:absolute;left:0px;}
#headlineCarousel ul li{width:413px;height:309px;float:left;position:relative;}
#headlineCarousel ul li .image{text-align:left;height:309px;overflow:hidden;}
#headlineCarousel ul li .image img{border:solid 1px #b3bbc2;width:410px;}
#headlineCarousel ul li .text{width:412px;height:115px;padding-top:194px;position:absolute; left:0px;bottom:0px;background:url(/images/n/techon/2016/top/headline/text_bg.png) left bottom repeat-x;}
#headlineCarousel ul li .text p{color:#fff;padding:0 15px;}
#headlineCarousel ul li .text p.title{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:4px;}
#headlineCarousel ul li .text p.summary{font-size:15px;line-height:20px;margin-top:6px;}
#headlineCarousel ul li a:hover .text p.title{text-decoration:underline;}


/* ブロック基本設定 */
.index-block{width:1000px;border-top:solid 5px #061a40;margin-top:20px;padding-top:20px;}
.index-block:after{content:"";height:0;visibility:hidden;display:block;clear:both;}


/* セクション基本設定 */
.index-section{margin-top:50px;padding-top:2px;border-top:solid 5px #061a40;}
.index-section:first-child{margin-top:0px;padding-top:0px;}
.index-section h2{font-size:28px;line-height:1.3;font-weight:bold;color:#061a40;padding-top:10px;overflow:hidden;}
.index-section h2 .fwn{font-size:22px;font-weight:normal;}
.index-section h2 .small{font-size:18px;margin-left:5px;}
.index-section h2 span.to-index{display:block;float:right;margin-top:3px;font-size:14px;font-weight:normal;color:#bec1c4;}
.index-section h2 span.to-index a{background:url(/images/n/techon/2016/bullet1.png) left center no-repeat;padding-left:12px;margin:0 20px;}
.index-section h2 span.to-index a:last-child{margin-right:0;}

.index-section p.to-index,
.index-section ul.to-index{text-align:right;margin:20px 0 20px 0;}
.index-section p.to-index a,
.index-section ul.to-index a{font-size:14px;background:url(/images/n/techon/2016/bullet1.png) left center no-repeat;padding-left:12px;}

.index-section ul.to-index{}
.index-section ul.to-index li{display:inline-block;padding-left:20px;border-left:solid 1px #cfd2d4;margin-left:20px;}
.index-section ul.to-index li:first-child{border-left:none;}




/********************************/
/*　　　　 　ニュース・コラムのブロック　　　　　*/
/********************************/

#news_column{border-top:none;margin-top:0;padding-top:0;}

#news_column #recommend{background-color:#f4f4f4;padding:0 20px;}

#news_column #news{border-top:none;margin-top:0;}

#news_column #news h2{border-bottom:solid 1px #dfe3e6;padding-top:0;padding-bottom:10px;}

#news_column #news.index-section { border-top: 5px solid #061a40; padding-top: 2px; margin-top:50px; }
#news_column #news.index-section h2{ padding-top:10px; border-bottom:none; }

#news_column #news .list-D{}
#news_column #news .list-D:not(.ad) li:nth-child(1),
#news_column #news .list-D:not(.ad) li:nth-child(2){border-top:none;padding-top:0;}

#news_column #news .list-E{margin-top:0;}

#news_column #news .list-D.ad{background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;}
#news_column #news .list-D.ad li:nth-child(1),
#news_column #news .list-D.ad li:nth-child(2){border-top:none;}

#news_column #column .list-H{margin-top:15px;}

#news_column #news-ranking{border-top:solid 5px #061a40;margin-top:30px;}
#news_column #news-ranking .list-C{margin:15px 0 5px 0;}
#news_column #news-ranking .list-C li{margin-bottom:10px;}
#news_column #news-ranking .list-D{margin-top:0;background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;}
#news_column #news-ranking .list-D li:nth-child(1),
#news_column #news-ranking .list-D li:nth-child(2){}
#news_column #news-ranking .to-index{margin-top:10px;margin-right:3px;}

#news_column .list-L{margin:30px 0;}



/********************************/
/*　　　　 　雑誌・書籍のブロック　　　　　　*/
/********************************/

#publishing{}
#publishing #magazine{border-top:none;margin-top:0;}
#publishing #magazine h2{padding-top:0;margin-top:-10px;margin-bottom:20px;}
#publishing #magazine .list-K{margin:0;}
#publishing #magazine .list-K li:nth-child(1),
#publishing #magazine .list-K li:nth-child(2){border-top:none;}
#publishing #magazine .to-index{margin-top:15px;}
#publishing #magazine .to-index li{margin-bottom:7px;}

#magazineCarousel{width:670px;height:390px;background:#f8f8f8;position:relative;overflow:hidden;}
#magazineCarousel:before{content:'';width:50px;height:390px;background:url(/images/n/techon/2016/top/magazine/right-shadow.png);position:absolute;right:35px;z-index:500;}
#magazineCarousel .control{display:block;position:absolute;width:30px;height:70px;overflow:hidden;text-indent:-1000px;z-index:1000;top:140px;cursor:pointer;}
#magazineCarousel .control.prev{background:url(/images/n/techon/2016/top/magazine/prev.png);left:0px;}
#magazineCarousel .control.next{background:url(/images/n/techon/2016/top/magazine/next.png);right:0px;}
#magazineCarousel a:hover.control{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#magazineCarousel .pad{width:600px;height:350px;margin-left:auto;margin-right:auto;padding:20px 0;overflow:hidden;position:relative;}
#magazineCarousel ul{width:9000px;position:absolute;left:0px;}
#magazineCarousel ul li{width:250px;height:350px;float:left;}
#magazineCarousel ul li .image{text-align:left;padding:0 10px;margin-bottom:5px;}
#magazineCarousel ul li .image img{border:solid 1px #c1c0c0;box-shadow: 0 0 12px 0 #535353;}
#magazineCarousel ul li .text{font-size:18px;font-weight:bold;padding:0 13px 0 10px;}
#magazineCarousel ul li .text .number{display:block;font-size:16px;font-weight:normal;}

#publishing #book{border-top:solid 5px #061a40;margin-top:25px;}
#publishing #book .list-K{margin:0;}
#publishing #book .list-K li:nth-child(1),
#publishing #book .list-K li:nth-child(2){border-top:none;}



/********************************/
/*　　　　 　　　テーマブロック　　　　　　　　　*/
/********************************/

.index-block.theme{margin-top:50px;}
.index-block.theme .index-section{border-top:none;margin-top:0;}
.index-block.theme .index-section h2{padding-top:0;margin-top:-7px;}
.index-block.theme .list-B{margin-top:15px;}
.index-block.theme .list-D:not(.ad) li:nth-child(1),
.index-block.theme .list-D:not(.ad) li:nth-child(2){border-top:0;padding-top:10px;}
.index-block.theme .list-D.ad{background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;}


#ad{border-top:none;margin-top:40px;}
#ad .main-content{}
#ad .main-content .ad-block{margin-top:0;}




/********************************/
/*　　　　　　有料会員向けサービス　　　　　*/
/********************************/

#premium-service{margin-top:0;margin-bottom:40px;border-top:none;}
#premium-service h2{padding-top:0;}

#premium-service .toc{background:#f7f5fc;border-top:solid 5px #502f8b;padding:0 30px 3px 30px;}

#premium-service .toc section{border-top:solid 1px #e3dfea;padding:14px 0 8px 0;}
#premium-service .toc section:first-child{border-top:none;}
#premium-service .toc section h3{color:#502f8b;font-size:20px;line-height:24px;cursor:pointer;}
#premium-service .toc section h3:after{content:'▲';margin-left:10px;text-decoration:none;font-size:10px;position:relative;top:-4px;}
#premium-service .toc section.close h3:after{content:'▼';}
#premium-service .toc section .content{}

#premium-service .toc .links{overflow:hidden;padding-bottom:10px;}
#premium-service .toc .links li{float:left;border-right:solid 1px #a5a5a5;}
#premium-service .toc .links li:first-child{border-left:solid 1px #a5a5a5;}
#premium-service .toc .links li a{display:block;margin:0 5px;text-align:center;padding:8px 0;font-size:13px;line-height:16px;color:#414141;}
#premium-service .toc .links li a:hover{background:#e4dff1;text-decoration:none;color:#878787;}

#premium-service .toc .theme .links li{width:151px;margin-top:10px;}
#premium-service .toc .theme .links li:nth-child(5){border-left:solid 1px #a5a5a5;}

#premium-service .toc .magazine .links li{width:202px;margin-top:10px;}
#premium-service .toc .magazine .to-pdf{text-align:right;margin-top:15px;}
#premium-service .toc .magazine .to-pdf a{color:#194893;font-size:14px;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:13px;}

#premium-service .toc .ranking .links li{width:202px;margin-top:10px;}
#premium-service .toc .ranking .links li a{text-align:left;padding-left:30px;overflow:hidden;}
#premium-service .toc .ranking .links li a img{float:left;margin-right:13px;}

#premium-service .toc .service .links li{width:202px;margin-top:10px;}

#premium-service .toc .premium-ranking .links li{width:120px;margin-top:10px;}
#premium-service .toc .premium-ranking .links li:nth-child(6){border-left:solid 1px #a5a5a5;}

/********************************/
/*　　　　　　有料記事ランキング　　　　　　*/
/********************************/

#premium-ranking{margin-bottom:30px;}