@charset "UTF-8";


/********************************/
/*　　 　　　　　リセット（HTML5）  　　　　　　*/
/********************************/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,a{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
section,article,aside,nav,header,footer,hgroup,details,figcaption,figure,menu {display:block;}
table {border-collapse:collapse; border-spacing:0;}
li{list-style-type:none;}
a {overflow:hidden;}
em{font-style:normal;}
sup,sub{font-size:60%;line-height:1.1;}



/********************************/
/*　　 　　　　リンク色 基本設定  　　　　　　*/
/********************************/

a:link,
a:active{
	color: #194893;
	text-decoration: none;
}
a:visited{
	color: #727f94;
	text-decoration: none;
}
a:hover,
a:visited:hover{
	text-decoration: underline;
}
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
}


/********************************/
/*　　 　　　　　　　基本設定　 　　　　　　　*/
/********************************/
body {
    color: #333;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","Osaka","ＭＳ Ｐゴシック",sans-serif;
    font-size: 15px;
    line-height: 1.414;
}

#northArea{min-width:1200px;}
#middleArea{min-width:1200px;}
#southArea{min-width:1200px; border-top:solid 1px #061a40; margin-top:30px;}


/* スマホでPC版を見たときに画面上部に出る、スマホ版へのリンクバー */
.top-switch-sp{}
.top-switch-sp p{background:#003559;font-size:58px;padding:0;}
.top-switch-sp p a{display:block;width:1160px;height:160px;padding:0 20px;margin-left:auto;margin-right:auto;color:#fff;text-align:center;overflow:hidden;}
.top-switch-sp p a:before{display:inline-block;content:'';width:80px;height:100px;background:url(/images/n/techon/2016/top-switch-sp.png) left bottom no-repeat;background-size:80px 100px;margin-right:0.3em;position:relative;top:30px;}
.top-switch-sp p a:after{display:inline-block;content:'';width:80px;height:100px;background:url(/images/n/techon/2016/top-switch-sp_arrow.png) right bottom no-repeat;background-size:80px 100px;margin-left:0.5em;float:right;position:relative;top:30px;right:20px;}
.top-switch-sp p a:hover{text-decoration:none;}


/* グローバルナビ配置 */
div.gnav-201601{width:100%;}
div.gnav-201601 ul#bpGlobalNavi {width: 1160px;padding:0 20px;margin:auto;}
div.gnav-201601 #bpGlobalHeaderContent{width:1160px !important;margin:auto;}


/* ヘッダー */
#header{}
#header .head{width:1160px;padding:10px 20px;margin-left:auto;margin-right:auto;overflow:hidden;}
#header .titlebox{width:250px;float:left;padding-right:20px;border-right:solid 1px #dfe3e6;margin-right:20px;}
#header .titlebox .title img{vertical-align:bottom;}
#header .titlebox .login{font-size:13px;margin-top:6px;margin-left:35px;}
#header .titlebox .login a{color:#194893;padding:2px 8px;}
#header .titlebox.premium .login a{color:#502f8b;}

#header .information{width:380px;float:left;color:#2c2c2c;}
#header .information dt{font-size:13px;font-weight:bold;}
#header .information dd{padding-left:12px;margin-top:1px;background:url(/images/n/techon/2016/bullet1.png) left 5px no-repeat;font-size:13px;}
#header .information dd a{color:#2c2c2c;}

#header .media{width:455px;overflow:hidden;}
#header .media li{float:left;padding-left:10px;border-left:solid 1px #dfe3e6;margin-left:10px;margin-bottom:6px;}
#header .media li:first-child,#header .media li:nth-child(5){padding-left:0!important;border-left:none!important;margin-left:0!important;}
#header .media li img{vertical-align:bottom;}
#header .media li:nth-child(5){margin-top:8px!important;}


/* ローカルナビ */
nav[id^="lnav"]{background:#061a40;height:32px;}
nav[id^="lnav"] > ul{width:1160px;padding:0 20px;margin-left:auto;margin-right:auto;}
nav[id^="lnav"] > ul > li{font-size:13px;line-height:16px;font-weight:bold;float:left;position:relative;}
nav[id^="lnav"] > ul > li > a{color:#fff;display:block;text-align:center;padding:8px 0 7px 0;background:#061a40;}
nav[id^="lnav"] > ul > li > a:after{font-size:10px;content:'▼';margin-left:4px;}
nav[id^="lnav"] > ul > li.active > a,
nav[id^="lnav"] > ul > li:hover > a{text-decoration:none;background:#eaecef;color:#061a40;}
nav[id^="lnav"] > ul > li:hover > a:after{content:'▲'}

nav[id^="lnav"] > ul > li.n01{width:58px;}
nav[id^="lnav"] > ul > li.n01 > a:after{content:'';}

nav[id^="lnav"] > ul > li.n02{width:76px;}
nav[id^="lnav"] > ul > li.n02 .close-up{width:420px;left:0px;}

nav[id^="lnav"] > ul > li.n03{width:139px;}
nav[id^="lnav"] > ul > li.n03 .close-up{width:410px;left:0px;}

nav[id^="lnav"] > ul > li.n04{width:105px;}
nav[id^="lnav"] > ul > li.n04 .close-up{width:320px;left:0px;}

nav[id^="lnav"] > ul > li.n05{width:105px;}
nav[id^="lnav"] > ul > li.n05 .close-up{width:450px;left:0px;}

nav[id^="lnav"] > ul > li.n06{width:89px;}
nav[id^="lnav"] > ul > li.n06 .close-up{width:40px;left:0px;}

nav[id^="lnav"] > ul > li.n07{width:116px;}
nav[id^="lnav"] > ul > li.n07 .close-up{width:235px;left:0px;}

nav[id^="lnav"] > ul > li.n08{width:78px;}
nav[id^="lnav"] > ul > li.n08 .close-up{width:350px;left:0px;}

nav[id^="lnav"] > ul > li.n09{width:130px;}
nav[id^="lnav"] > ul > li.n09 .close-up{width:400px;left:-25px;}

nav[id^="lnav"] > ul > li.n10{width:136px;}
nav[id^="lnav"] > ul > li.n10 > a{color:#ddc6ff;}
nav[id^="lnav"] > ul > li.n10:hover > a{color:#502f8b;}
nav[id^="lnav"] > ul > li.n10 .close-up{width:245px;left:-0px;}

nav[id^="lnav"] > ul > li.n11{width:128px;}
nav[id^="lnav"] > ul > li.n11 .close-up{width:620px;left:-511px;}

nav[id^="lnav"] .close-up{display:none;position:absolute;background:#eaecef;filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;padding:7px 10px;}
nav[id^="lnav"] .close-up ul{overflow:hidden;padding:3px 0;}
nav[id^="lnav"] .close-up ul li{float:left;margin-left:5px;}
nav[id^="lnav"] .close-up ul li:before{content:'｜';margin-right:5px;color:#9f9f9f;}
nav[id^="lnav"] .close-up ul li:first-child{border-left:none;margin-left:0;padding-left:0;}
nav[id^="lnav"] .close-up ul li:first-child:before{content:'';}
nav[id^="lnav"] .close-up ul li a{white-space:nowrap;color:#061a40;font-weight:normal;font-size:14px;}
nav[id^="lnav"] .close-up ul li:hover a{color:#245cb6;text-decoration:none;}



/* サブテーマナビ */
nav[id^="subthemeNav"]{width:1160px;margin:10px auto;}
nav[id^="subthemeNav"] ul{display:table;width:100%;border-collapse:collapse;}
nav[id^="subthemeNav"] ul li{display:table-cell;background:#003559;width:144px;height:32px;border:solid 1px #c8d3db;vertical-align:middle;text-align:center;font-size:12px;line-height:13px;font-weight:bold;}
nav[id^="subthemeNav"] ul:first-child li{border-bottom:none;}
nav[id^="subthemeNav"] ul li a{color:#fff;}
nav[id^="subthemeNav"] ul li:hover{background:#004b7e;cursor:pointer;}
nav[id^="subthemeNav"] ul li:hover a{text-decoration:none;}

#subthemeNav.premium{}
#subthemeNav.premium ul li{background:#502f8b;border:solid 1px #d5dde3;}
#subthemeNav.premium ul:first-child li{border-bottom:none;}
#subthemeNav.premium ul li a{color:#fff;}
#subthemeNav.premium ul li:hover{background:#6643a4;}



/* スーパーバナー */
.superbanner{width:1160px;margin-left:auto;margin-right:auto;}
.superbanner > div{margin:10px auto;text-align:center;}
.superbanner > div img{vertical-align:bottom;}
.superbanner > div a:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



/* フッター */
#footer{width:1160px;padding:20px;margin:auto;}
#footer ul{overflow:hidden;margin:4px 0 8px 0;}
#footer ul li{float:left;font-size:14px;height:16px;border-left:solid 1px #333;padding-left:15px;margin-left:5px;}
#footer ul li:first-child{padding-left:0;margin-left:0;border-left:none;}
#footer ul li a{color:#333;padding-right:10px;}

#footer .globalFooter{margin:4px 0 8px 0;padding:0;font-size:14px;max-width:1160px;}
#footer .globalFooter li{}
#footer .globalFooter .globalCopyright {font-size:12px;margin-top:20px;}

#footer .copyright{font-size:12px;padding:0;}

#footer .view-change{margin:20px 0 10px 0;}
#footer .view-change span,
#footer .view-change a{padding:0 4px;}
#footer .view-change a{color:#333;font-weight:bold;}



/* 標準ボディ（3カラム構成）大枠 */
.basic-body{width:1160px;padding:20px;margin-left:auto;margin-right:auto;}
.basic-body:after{content:"";height:0;visibility:hidden;display:block;clear:both;}

.basic-body .west-side{width:130px;float:left;}

.basic-body .main-area{width:1000px;float:right;}
.basic-body .main-area:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.basic-body .main-area .main-content{width:670px;float:left;}
.basic-body .main-area .side-content{width:300px;float:right;}



/* トピックパス（パンくず） */
.topic-path{color:#194893 !important;font-size:12px !important;line-height:18px !important;height:20px;padding:2px 0;width:1160px;margin-left:auto;margin-right:auto;}
.topic-path a{color:#194893 !important;}



/* ページャー */
.pager{clear:both;margin:40px 0;}
.pager .next-title{text-align:center;margin:30px 0 18px 0;font-size:16px;line-height:24px;}
.pager .next-title a{color:#194893;font-weight:bold;}

.pager ul{margin:0 0 11px 0;text-align:center;border-top:solid 1px #dfe3e6;border-bottom:solid 1px #dfe3e6;overflow:hidden;font-size:0px;line-height:1.1;}
.pager ul li{display:inline;}
.pager ul li span,
.pager ul li a{padding:15px 16px 15px;;font-size:16px;font-weight:normal;}
.pager ul li span{display:inline-block;background:#e6eaec;color:#878787;}
.pager ul li a{overflow:visible;display:inline-block;color:#4e4e4e;}
.pager ul li a:hover{text-decoration:none;background:#e6eaec;color:#878787;}
.pager ul li.prev a:before{}
.pager ul li.next a:after{}
.pager ul li.prev a:hover,.pager ul li.next a:hover,.pager ul li.first a:hover,.pager ul li.last a:hover{}

.pager ul.subPager{clear:both;text-align:right;border:none;line-height:1.8;}
.pager ul.subPager li{display:inline;font-size:18px;margin:0 15px;position:relative;}
.pager ul.subPager li a{padding:0;overflow:visible;display:inline-block;color:#4e4e4e;font-size:13px;font-weight:normal;}
.pager ul.subPager li a span{background:none;font-size:20px;position:relative;top:2px;padding:0;}
.pager ul.subPager li a:hover{background:none;text-decoration:underline;}
.pager ul.subPager li.pagerIndex{border:1px solid #dfe3e6;margin:0 0 0 5px;position:relative;top:2px;}
.pager ul.subPager li.pagerIndex a{letter-spacing:1px;position:relative;top:-1px;padding:1px 18px 1px 17px;text-decoration:none;}
.pager ul.subPager li.pagerIndex a:before{content:"\25B6";;color:#194893;font-size:8px;position:relative;top:-1px;left:-3px;}
.pager ul.subPager li.pagerIndex a:hover{color:#878787;}


/* 汎用コンテンツ枠 */
.common-box{margin:20px 0 40px 0;}
.common-box h3{font-size:20px !important;line-height:30px !important;border-left:solid 4px #10418f;padding-left:20px;margin-bottom:20px;}
.common-box .link{text-align:right;font-size:14px;border-top:solid 1px #dfe3e6;padding-top:3px;}
.common-box .link a{font-weight:normal;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:14px;}





/********************************/
/*　　 　左サイド（.west-side内）のツール　　*/
/********************************/

.side-tools{}

/* 左サイド - フィードバック */
.side-tools .feedback{margin-bottom:10px;}
.side-tools .feedback h2{font-size:15px;line-height:18px;color:#fff;padding:6px 0;background:#0c2144;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.side-tools .feedback ul{}
.side-tools .feedback ul li{border-bottom:solid 1px #dfe3e6;}
.side-tools .feedback ul li a{display:block;overflow:hidden;padding:10px 0 8px 0;font-size:12px;color:#333;}
.side-tools .feedback ul li a:hover{text-decoration:none;}
.side-tools .feedback ul li a:visited{color:#333;}
.side-tools .feedback ul li a .icon{float:left;width:40px;text-align:center;}
.side-tools .feedback ul li a .icon img{transform : scale(0.85); transition: 0.22s;z-index:100;vertical-align:bottom;}
.side-tools .feedback ul li a:hover .icon img{transform : scale(1); transition: 0.22s;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.side-tools .feedback ul li a .count{width:83px;float:right;height:20px;padding:2px 0;background:url(/images/n/techon/2016/side-feedback-count.png) left top no-repeat;text-align:center;}
.side-tools .feedback ul li a .text{width:85px;float:right;padding-top:11px;}
.side-tools .feedback ul li a .count + .text{padding-top:0;}

.side-tools .feedback ul li span{display:block;overflow:hidden;padding:10px 0 8px 0;font-size:12px;color:#333;}
.side-tools .feedback ul li span .icon{float:left;width:40px;text-align:center;}
.side-tools .feedback ul li span .icon img{vertical-align:bottom;}
.side-tools .feedback ul li span .count{width:80px;float:right;height:20px;padding:2px 0 2px 3px;background:url(/images/n/techon/2016/side-feedback-count.png) left top no-repeat;text-align:center;}
.side-tools .feedback ul li span .text{width:85px;float:right;padding-top:11px;}
.side-tools .feedback ul li span .count + .text{padding-top:0;}

/* 左サイド - 機能（ウィジェット） */
.side-tools .widget{}
.side-tools .widget > li{}
.side-tools .widget > li > a{display:block;font-size:12px;color:#333;padding:3px 0 3px 45px;height:30px;line-height:30px;}
.side-tools .widget > li > a:hover{color:#333;}
.side-tools .widget > li > a:visited{color:#333;}
.side-tools .widget > li.facebook > a{background:url(/images/n/techon/2016/widget-facebook.png) 3px center no-repeat;} /*Facebook*/
.side-tools .widget > li.twitter > a{background:url(/images/n/techon/2016/widget-twitter.png) 3px center no-repeat;} /*Twitter*/
.side-tools .widget > li.search > a{background:url(/images/n/techon/2016/widget-search.png) 3px center no-repeat;} /*検索する*/
.side-tools .widget > li.searchprem > a{background:url(/images/n/techon/2016/widget-searchprem.png) 3px center no-repeat;} /*有料記事検索*/
.side-tools .widget > li.comment > a{background:url(/images/n/techon/2016/widget-comment.png) 3px center no-repeat;} /*コメント投稿*/
.side-tools .widget > li.subscribe > a{background:url(/images/n/techon/2016/widget-subscribe.png) 3px center no-repeat;} /*定期購読*/
.side-tools .widget > li.mypage > a{background:url(/images/n/techon/2016/widget-mypage.png) 3px center no-repeat;} /*マイページ*/
.side-tools .widget > li.juku > a{background:url(/images/n/techon/2016/widget-juku.png) 3px center no-repeat;} /*技術者塾とは*/
.side-tools .widget > li.program > a{background:url(/images/n/techon/2016/widget-program.png) 3px center no-repeat;} /*プログラム詳細*/
.side-tools .widget > li.print > a{background:url(/images/n/techon/2016/widget-print.png) 3px center no-repeat;} /*印刷*/
.side-tools .widget > li.smart > a{background:url(/images/n/techon/2016/widget-smart.png) 3px center no-repeat;} /*スマホ*/

.side-tools .widget > li.others > a{background:url(/images/n/techon/2016/widget-others.png) 3px center no-repeat;} /*その他*/
.side-tools .widget > li.others > a:after{content:'▼';margin-left:20px;text-decoration:none;}
.side-tools .widget > li.others.active{background:#f2f2f2;}
.side-tools .widget > li.others.active > a:after{content:'▲';}
.side-tools .widget > li.others.active > a{}

.side-tools .widget > li.others ul{display:none;}
.side-tools .widget > li.others ul li{border-top:solid 1px #fff;background:#f2f2f2;font-weight:bold;}
.side-tools .widget > li.others ul li:hover{background:#69899e;}
.side-tools .widget > li.others ul li a{display:block;font-size:12px;line-height:24px;color:#6d92aa;height:24px;padding:8px 0 8px 42px;}
.side-tools .widget > li.others ul li a:visited{color:#6d92aa;}
.side-tools .widget > li.others ul li a:hover{text-decoration:none;}
.side-tools .widget > li.others ul li:hover a{color:#fff;}

.side-tools .widget > li.others ul li.print a{background:url(/images/n/techon/2016/tool-print.png) 7px center no-repeat;} /*その他 - 印刷*/
.side-tools .widget > li.others ul li.print a:hover{background:url(/images/n/techon/2016/tool-print_on.png) 7px center no-repeat;}

.side-tools .widget > li.others ul li.save a{background:url(/images/n/techon/2016/tool-save.png) 7px center no-repeat;} /*その他 - 保存*/
.side-tools .widget > li.others ul li.save a:hover{background:url(/images/n/techon/2016/tool-save_on.png) 7px center no-repeat;}

.side-tools .widget > li.others ul li.bookmark a{background:url(/images/n/techon/2016/tool-bookmark.png) 7px center no-repeat;} /*その他 - ブックマーク*/
.side-tools .widget > li.others ul li.bookmark a:hover{background:url(/images/n/techon/2016/tool-bookmark_on.png) 7px center no-repeat;}

.side-tools .widget > li.others ul li.watch a{background:url(/images/n/techon/2016/tool-watch.png) 7px center no-repeat;} /*その他 - 連載ウォッチ*/
.side-tools .widget > li.others ul li.watch a:hover{background:url(/images/n/techon/2016/tool-watch_on.png) 7px center no-repeat;}

.side-tools .widget > li.others ul li.pdf a{background:url(/images/n/techon/2016/tool-pdf.png) 7px center no-repeat;} /*その他 - 雑誌PDF*/
.side-tools .widget > li.others ul li.pdf a:hover{background:url(/images/n/techon/2016/tool-pdf_on.png) 7px center no-repeat;}

.side-tools .widget > li.others ul li.mypage a{background:url(/images/n/techon/2016/tool-mypage.png) 7px center no-repeat;} /*その他 - マイページ*/
.side-tools .widget > li.others ul li.mypage a:hover{background:url(/images/n/techon/2016/tool-mypage_on.png) 7px center no-repeat;}

/* 左サイド - 広告枠 */
.side-tools .rectangle{margin:30px 0;}
.side-tools .rectangle img{vertical-align:bottom;}
.side-tools .rectangle a:hover img{opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100)";}

/* 左サイド - ナビ（/books/などで使用） */
.side-tools .side-nav{margin:20px 0;}
.side-tools .side-nav h2{font-size:16px;line-height:24px;color:#061a40;}
.side-tools .side-nav ul{margin:8px 0;}
.side-tools .side-nav ul li{margin:0 0 6px 0;}
.side-tools .side-nav ul li a{display:inline;margin:0;padding:0 0 0 13px;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;border:none;font-weight:normal;font-size:14px;color:#28539b;}



/* 記事下の広告ブロック（list-Dタイプ） */
.main-content .ad-block{border-top:solid 5px #061a40;margin-top:50px;}

.main-content .ad-block .to-special{text-align:right;}
.main-content .ad-block .to-special a{background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;font-size:14px;padding-left:12px;}



/********************************/
/*　　　　　 　右サイドのコンテンツ　　　　　　*/
/********************************/

.side-content{}
.side-content .side-section{margin-bottom:20px;border-top:solid 3px #061a40;padding-top:10px;}
.side-content .side-section h2{font-size:20px;font-weight:bold;color:#061a40;margin-bottom:15px;}

.side-content .rectangle{margin-bottom:20px;}
.side-content .rectangle img{vertical-align:bottom;}
.side-content .rectangle a:hover img{opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100)";}


/* 右サイド - おすすめ情報 */
.side-content .recommend{}
.side-content .recommend > ul{}
.side-content .recommend > ul > li{font-size:14px;line-height:20px;color:#333;font-weight:bold;background:url(/images/n/techon/2016/bullet1.png) left 5px no-repeat;padding-left:13px;margin-bottom:8px;}
.side-content .recommend > ul > li > ul{margin-top:3px;padding-left:5px;}
.side-content .recommend > ul > li > ul > li{font-weight:normal;}
.side-content .recommend > ul > li > ul > li a{color:#333;}
.side-content .recommend > ul > li > ul > li a:visited{color:#777;}

/* 右サイド - 総合ランキング */
.side-content .ranking{}
.side-content .ranking h2{overflow:hidden;}
.side-content .ranking h2 .nav{display:block;padding-top:3px;font-size:13px !important;font-weight:normal;float:right;color:#194893;}
.side-content .ranking h2 .nav a{color:#727f94;}
.side-content .ranking h2 .nav a:hover{color:#194893;}
.side-content .ranking h2 .nav a:visited{color:#727f94;}
.side-content .ranking h2 .nav a.active{color:#194893;text-decoration:underline;}

.side-content .rank-list li{font-size:15px !important;line-height:22px !important;width:300px;overflow:hidden;border-top:solid 1px #dfe3e6;margin-top:10px;padding-top:10px;}
.side-content .rank-list li a{color:#333;}
.side-content .rank-list li a:visited{color:#777;}
.side-content .rank-list li:first-child{border-top:none;padding-top:0;}
.side-content .rank-list li.top3{}
.side-content .rank-list li.top3 a{display:block;overflow:hidden;}
.side-content .rank-list li.top3 .image{width:82px;max-height:61px;border-bottom:solid 1px #dfe3e6;overflow:hidden;float:left;position:relative;margin-right:15px;}
.side-content .rank-list li.top3 .image img{border:solid 1px #dfe3e6;border-bottom:none;vertical-align:bottom;}
.side-content .rank-list li.top3 .image .rank{position:absolute;top:1px;left:1px;display:block;width:25px;height:40px;padding-top:1px;padding-right:15px;font-size:16px !important;font-weight:bold;text-align:center;z-index:100;}
.side-content .rank-list li.top3 .title{width:200px;float:right;font-size:15px !important;line-height:22px !important;}
.side-content .rank-list li:not(.top3) .rank{width:25px;margin-right:5px;float:left;font-weight:bold;font-size:18px !important;font-weight:bold;color:#061a40;}
.side-content .rank-list li:not(.top3) .title{width:270px;float:left;font-size:15px !important;line-height:22px !important;}
.side-content .rank-list li:not(.top3) a:hover .title{text-decoration:underline;}

.side-content .ranking .rank-list{display:none;}
.side-content .ranking .rank-list.default{display:block;}
.side-content .ranking .rank-list li.top3 .image .rank{background:url(/images/n/techon/2016/rank-label_y.png) left top no-repeat;color:#2c2c2c;}

/* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) {.side-content .rank-list li.top3 .image{padding-top:1px;}}


.side-content .ranking .to-index{border-top:solid 1px #dfe3e6;padding-top:10px;}

/* 右サイド - 有料記事ランキング */
.side-content .ranking-premium .rank-list li.top3 .image .rank{background:url(/images/n/techon/2016/rank-label_p.png) left top no-repeat;color:#fff;}
.side-content .ranking-premium .rank-list li .title:after{display:inline-block;width:13px;height:14px;content:'';background:url(/images/n/techon/2016/locked.png) 0 bottom no-repeat;margin-left:7px;}

/* 右サイド - 日経電子版ランキング */
.side-content .ranking-nikkei .rank-list li .title .locked{display:inline-block;width:13px;height:16px;vertical-align:-2px;margin-left:5px;background:url(/images/n/techon/2016/locked2.png) left 2px no-repeat;text-indent:-100em;overflow:hidden;}


/* 右サイド - 専門書籍ランキング */
.side-content .ranking-books{}
.side-content .ranking-books ol{}
.side-content .ranking-books ol li{overflow:hidden;border-bottom:solid 1px #dfe3e6;padding:10px 0;}
.side-content .ranking-books ol li:first-child{padding-top:0;}
.side-content .ranking-books ol li span{display:block;font-size:18px;line-height:20px;font-weight:bold;width:30px;float:left;}
.side-content .ranking-books ol li a{display:block;width:260px;font-size:15px;line-height:20px;font-weight:bold;}


/* 右サイド - 専門セミナーランキング */
.side-content .ranking-seminars{}
.side-content .ranking-seminars ol{}
.side-content .ranking-seminars ol li{border-bottom:solid 1px #dfe3e6;padding-bottom:13px;margin-bottom:15px;}
.side-content .ranking-seminars ol li .rank{font-size:18px;line-height:20px;padding-top:2px;font-weight:bold;width:30px;float:left;}
.side-content .ranking-seminars ol li a{display:block;width:260px;font-size:15px;line-height:20px;}
.side-content .ranking-seminars ol li .series{font-size:12px;color:#343434;margin-bottom:6px;}
.side-content .ranking-seminars ol li .series em{display:inline-block;padding:2px 12px 1px 12px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#f0f0f0;font-style:normal;}
.side-content .ranking-seminars ol li .title{font-size:15px;line-height:20px;font-weight:bold;margin-bottom:4px;}
.side-content .ranking-seminars ol li .date{font-size:14px;line-height:19px;color:#333;}


/* 右サイド - 広告欄（.ad-list1…ビジュアルボックス、.ad-list2…テキスト） */
.side-content .side-adbox{margin-bottom:20px;border-top:solid 3px #061a40;padding-top:10px;}

.side-content .side-adbox .ad-list1 li{margin-bottom:10px;}
.side-content .side-adbox .ad-list1 li div{overflow:hidden;}
.side-content .side-adbox .ad-list1 li div > a{display:block;width:55px;float:left;margin-right:10px;}
.side-content .side-adbox .ad-list1 li div > a img{vertical-align:bottom;}
.side-content .side-adbox .ad-list1 li div > p{padding-top:16px;background:url(/images/n/techon/2016/ad.png) right top no-repeat;}
.side-content .side-adbox .ad-list1 li div > p a{float:left;width:235px;font-size:14px !important;line-height:20px !important;color:#333;}
.side-content .side-adbox .ad-list1 li div p a{}

.side-content .side-adbox .ad-list2{margin-top:15px;}
.side-content .side-adbox .ad-list2 li{margin-bottom:10px;}
.side-content .side-adbox .ad-list2 li div p{font-size:14px !important;line-height:18px !important;padding-left:45px;background:url(/images/n/techon/2016/ad.png) left 1px no-repeat;}
.side-content .side-adbox .ad-list2 li div p a{color:#333;}


/* 右サイド - 特集バナー */
.side-content .banners{margin:20px 0;}
.side-content .banners li{margin-top:10px;}
.side-content .banners li:first-child{margin-top:0;}
.side-content .banners li img{vertical-align:bottom;}


/* 右サイド - 関連サイトバナー */
.side-content .related-sites{margin:20px 0;margin-top:30px;border-top:solid 3px #061a40;padding-top:20px;overflow:hidden;}
.side-content .related-sites li{float:left;margin-left:30px;margin-bottom:20px;}
.side-content .related-sites li:nth-child(odd){margin-left:0;}
.side-content .related-sites li img{vertical-align:bottom;}


/* 右サイド - 日経BP社からのおすすめ */
.side-content .bp-recommend{}
.side-content .bp-recommend ul.list{}
.side-content .bp-recommend ul.list li{border-bottom:solid 1px #dfe3e6;padding:20px 0;}
.side-content .bp-recommend ul.list li:first-child{padding-top:0;}
.side-content .bp-recommend ul.list li a{display:block;overflow:hidden;}
.side-content .bp-recommend ul.list li .image{width:82px;margin-right:13px;float:left;}
.side-content .bp-recommend ul.list li .image img{border:solid 1px #b3bbc2;max-width:80px;}
.side-content .bp-recommend ul.list li .text{width:205px;float:left;}
.side-content .bp-recommend ul.list li .text .shoulder{font-size:12px;line-height:18px;margin-bottom:1px;}
.side-content .bp-recommend ul.list li .text .title{color:#194893;font-weight:bold;font-size:14px;line-height:18px;margin-bottom:7px;}
.side-content .bp-recommend ul.list li .text .summary{color:#333;font-size:14px;line-height:18px;}
.side-content .bp-recommend ul.list li a:hover .text .title{text-decoration:underline;}
.side-content .bp-recommend ul.list li a:visited .text .title{color:#727f94;}


/* 右サイド - PR NEWS ページ用 */
.side-content .pr-news{}
.side-content .pr-news ul{}
.side-content .pr-news ul li{border-bottom:solid 1px #dfe3e6;font-size:14px;line-height:20px;color:#333;margin-bottom:10px;padding:0 0 10px 15px;background:url(/images/n/techon/2016/bullet1.png) left 5px no-repeat;}
.side-content .pr-news ul li:first-child{}
.side-content .pr-news ul li a{color:#333;}

.side-content .pr-news ul li p.pubdate{font-size:12px;color:#5b6b79;}


/* 右サイド - サイドのセクション下につけるリンク（１つ） */
.side-content .to-index{text-align:right;margin-top:8px;}
.side-content .to-index a{font-size:14px;background:url(/images/n/techon/2016/bullet1.png) left center no-repeat;padding-left:12px;}

/* 右サイド - サイドのセクション下につけるリンク（複数） */
.side-content ul.to-index{}
.side-content ul.to-index li{display:inline-block;padding-left:20px;border-left:solid 1px #cfd2d4;margin-left:20px;}
.side-content ul.to-index li:first-child{border-left:none;}


/* 右サイド - 行ボックス型リンク（/NE/で使用している） */
.side-content .side-nav{margin:20px 0;}
.side-content .side-nav ul{}
.side-content .side-nav ul li{margin-top:8px;}
.side-content .side-nav ul li:first-child{margin-top:0;}
.side-content .side-nav ul li a{display:block;padding:10px;text-align:center;background:#f9f9f9;border:solid 1px #babcbf;color:#414141;font-size:15px;line-height:20px;font-weight:bold;}
.side-content .side-nav ul li a span{background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:13px;}


/* 右サイド - ボックス枠（「有料会員のメリット」で使用） */
.side-content .side-box{margin:20px 0;padding:20px;background:#f9f9f9;border:solid 2px #babcbf;}
.side-content .side-box h2{text-align:center;font-size:22px;margin-bottom:20px;}
.side-content .side-box .content{font-size:18px;line-height:28px;}
.side-content .side-box .content p{}
.side-content .side-box .content ul{margin:5px 0;}
.side-content .side-box .content ul li{}

.side-content .side-box.premium{background:#f9f6ff;border:solid 2px #c4b7db;height:250px;}
.side-content .side-box.premium h2{color:#502f8b;}
.side-content .side-box.premium .content{color:#414141;}
.side-content .side-box.premium .content em{font-weight:bold;}


/* セミナー右サイド - セミナー/イベント検索 */
article.seminar .side-content .seminar-search{}
article.seminar .side-content .seminar-search h2{overflow:hidden;}
article.seminar .side-content .seminar-search h2 a{display:inline-block;float:right;font-size:13px;font-weight:normal;margin-top:5px;padding-left:13px;background:url(/images/n/techon/2016/bullet1.png) left 5px no-repeat;}

article.seminar .side-content .seminar-search form{margin:20px 0;}
article.seminar .side-content .seminar-search form h3{font-size:14px;font-weight:normal;color:#333;margin-bottom:7px;}
article.seminar .side-content .seminar-search form .input{overflow:hidden;}
article.seminar .side-content .seminar-search form .input .text{display:block;float:left;width:199px;border:solid 1px #a5a5a5;border-right:none;color:#333;background:#fff;line-height:30px;padding:0 10px 0 10px;height:35px;white-space:nowrap;font-size:15px;}
article.seminar .side-content .seminar-search form .input .button{display:block;float:right;width:79px;border:solid 1px #502f8b;border-left:none;background:#194893 url(/images/n/techon/2016/search.png) 13px 10px no-repeat;color:#fff;width:80px;padding-left:22px;line-height:30px;height:37px;cursor:pointer;font-size:15px;}
article.seminar .side-content .seminar-search form .input:hover .button{background:#2657a5 url(/images/n/techon/2016/search.png) 13px 10px no-repeat;}
article.seminar .side-content .seminar-search form .selector{font-size:12px;margin-bottom:5px;}
article.seminar .side-content .seminar-search form .selector *{vertical-align:middle;}
article.seminar .side-content .seminar-search form .selector select{appearance: none;border:0;margin:0;padding:0;background:none;border:solid 1px #ccc;margin-right:2px;padding:6px 2px;}


/* セミナー右サイド - セミナー/イベント・カレンダー */
article.seminar .side-content .seminar-calendar{}
article.seminar .side-content .seminar-calendar h2{margin-bottom:10px;}
article.seminar .side-content .seminar-calendar .month-selector{margin-bottom:20px;text-align:right;}
article.seminar .side-content .seminar-calendar .month-selector li{display:inline-block;margin-right:3px;padding-left:8px;border-left:solid 1px #194893;font-size:16px;line-height:16px;}
article.seminar .side-content .seminar-calendar .month-selector li:first-child{border-left:none;}
article.seminar .side-content .seminar-calendar .month-selector li a{color:#194893;}
article.seminar .side-content .seminar-calendar .month-selector li a:hover{color:#727f94;}
article.seminar .side-content .seminar-calendar .month-selector li.active a{text-decoration:underline;}

article.seminar .side-content .seminar-calendar .seminars{}

article.seminar .side-content .seminar-calendar .seminars li{border-bottom:solid 1px #dfe3e6;padding-bottom:13px;margin-bottom:15px;}
article.seminar .side-content .seminar-calendar .seminars li .series{font-size:12px;color:#343434;margin-bottom:6px;}
article.seminar .side-content .seminar-calendar .seminars li .series em{display:inline-block;padding:2px 12px 1px 12px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#f0f0f0;font-style:normal;}
article.seminar .side-content .seminar-calendar .seminars li .title{font-size:15px;line-height:20px;font-weight:bold;margin-bottom:4px;}
article.seminar .side-content .seminar-calendar .seminars li .hall{font-size:14px;line-height:19px;color:#333;margin-bottom:2px;}
article.seminar .side-content .seminar-calendar .seminars li .date{font-size:14px;line-height:19px;color:#333;}






/********************************/
/*リスト設定（インデックス系、リーフ系共用）*/
/********************************/

/* list-D */
.list-D{overflow:hidden;width:670px;margin-top:20px;}
.list-D li{width:320px;float:left;margin-left:28px;padding-top:20px;border-top:solid 1px #dfe3e6;overflow:hidden;}
.list-D li:nth-child(odd){clear:left;margin-left:0;}
.list-D li a{display:block;color:#194893;}
.list-D li a:visited{color:#727f94;}
.list-D li .image{width:102px;max-height:76px;border-bottom:solid 1px #dfe3e6;overflow:hidden;margin:0 15px 20px 0;float:left;position:relative;}
.list-D li .image .rank{position:absolute;top:1px;left:1px;display:block;background:url(/images/n/techon/2016/rank-label_y.png) left top no-repeat;width:25px;height:37px;padding:3px 15px 0 0;text-align:center;font-size:14px;font-weight:bold;color:#2c2c2c;z-index:100;}
.list-D li .image img{border:solid 1px #dfe3e6;border-bottom:none;vertical-align:bottom;} /* 100 x 75 */
.list-D li .text{margin-bottom:20px;}
.list-D li .text p{font-size:15px !important;line-height:22px !important;}
.list-D li .text .title{font-weight:bold;margin-right:5px;}
.list-D li .text .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}
.list-D li .text .locked{display:inline-block;width:13px !important;height:16px !important;vertical-align:-2px;margin-right:5px;background:url(/images/n/techon/2016/locked.png) left 2px no-repeat;text-indent:-100em;overflow:hidden;}
.list-D li .text .freely-available{padding-left:17px;color:#f14f1d;font-size:13px !important;height:16px !important;font-weight:bold;margin-right:5px;background:url(/images/n/techon/2016/unlocked.png) left 1px no-repeat;white-space:nowrap;}
.list-D li .text .time-limited{}
.list-D li .text .movie{display:inline-block;font-size:13px !important;line-height:20px !important;font-weight:normal;color:#373737;padding-left:23px;margin-right:5px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;white-space:nowrap;}

.list-D li a:hover{text-decoration:none !important;}
.list-D li a:hover .text .title{text-decoration:underline;}

.list-D.ad{margin:0;}
.list-D.ad li .text{background:url(/images/n/techon/2016/ad.png) right top no-repeat;}
.list-D.ad li .text .parent{font-size:12px !important;color:#061a40;margin-bottom:4px;}
.list-D.ad li .text p:not(.parent){padding-top:18px;}
.list-D.ad li .text .parent + p{padding-top:0px;}

.list-D.ad.block{border-top:solid 5px #061a40;}
.list-D.ad.block li:nth-child(1),
.list-D.ad.block li:nth-child(2){border-top:none;}

/* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) {.list-D li .image{padding-top:1px;}}


/* list-ES */
.list-ES{margin:20px 0;overflow:hidden;width:670px;background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;}
.list-ES li{width:320px;float:left;margin-left:28px;padding-top:18px;margin-bottom:18px;border-top:solid 1px #dfe3e6;overflow:hidden;}
.list-ES li:nth-child(odd){clear:left;margin-left:0;}
.list-ES li a{display:block;color:#194893;}
.list-ES li a:visited{color:#727f94;}
.list-ES li p.shoulder{font-size:13px;color:#373737;margin-bottom:2px;}
.list-ES li p.title{font-size:16px;line-height:22px;font-weight:bold;margin-bottom:2px;}
.list-ES li p{font-size:15px;line-height:20px;}
.list-ES li p .subtitle{font-weight:normal;margin-right:5px;}
.list-ES li p .pubdate{color:#5b6b79;font-size:12px;font-weight:normal;margin-right:5px;white-space:nowrap;}
.list-ES li p .locked{display:inline-block;width:13px;height:16px;vertical-align:-2px;margin-right:5px;background:url(/images/n/techon/2016/locked.png) left 2px no-repeat;text-indent:-100em;overflow:hidden;}
.list-ES li p .freely-available{padding-left:17px;color:#f14f1d;font-size:13px !important;height:16px;font-weight:bold;margin-right:5px;background:url(/images/n/techon/2016/unlocked.png) left 1px no-repeat;white-space:nowrap;}
.list-ES li p .time-limited{}
.list-ES li p .movie{display:inline-block;font-size:13px !important;line-height:20px !important;font-weight:normal;color:#373737;padding-left:23px;margin-right:5px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;white-space:nowrap;}

.list-ES li a:hover{text-decoration:none !important;}
.list-ES li a:hover .title{text-decoration:underline;}
.list-ES li a:hover .subtitle{text-decoration:underline;}


/* list-K */
.list-K{overflow:hidden;width:670px;margin:20px 0;background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;}
.list-K li{width:320px;float:left;margin-left:28px;padding-top:20px;border-top:solid 1px #dfe3e6;overflow:hidden;}
.list-K li:nth-child(odd){clear:left;margin-left:0;}
.list-K li a{display:block;}
.list-K li .image{width:102px;margin:0 15px 20px 0;float:left;}
.list-K li .image img{display:block;border:solid 1px #b3bbc2;}
.list-K li .text{margin-bottom:20px;width:203px;float:left;}
.list-K li .text p.title{font-size:18px !important;line-height:22px !important;color:#194893;font-weight:bold;margin-bottom:8px;}
.list-K li .text p.title .subtitle{display:block;font-weight:normal;font-size:90% !important;margin-top:3px;}
.list-K li .text p.summary{font-size:15px !important;line-height:20px !important;color:#333;}
.list-K li a:hover .text .title{text-decoration:underline;}
.list-K li a:visited .text .title{color:#727f94;}