.list-A{margin:20px 0;}
.list-A li{border-bottom:solid 1px #dfe3e6;margin-top:20px;padding-bottom:20px;}
.list-A li:first-child{margin-top:0;}
.list-A li a{display:block;overflow:hidden;}
.list-A li .title{font-size:23px !important;line-height:30px !important;margin-bottom:8px;}
.list-A li .pad{overflow:hidden;}
.list-A li .image{width:202px;max-height:152px;border-bottom:solid 1px #dfe3e6;overflow:hidden;float:left;margin-right:18px;}
.list-A li .image img{border:solid 1px #dfe3e6;border-bottom:none;vertical-align:bottom;} /*202 x 151*/
.list-A li .text{width:448px;float:left;}
.list-A li .text .shoulder{}
.list-A li .text p{font-size:16px !important;line-height:26px !important;}
.list-A li .text .summary{color:#333;margin-right:5px;}
.list-A li .text .pubdate{color:#5b6b79;font-size:12px !important;margin-right:5px;white-space:nowrap;}
.list-A li .text .locked{display:inline-block;width:13px;height:16px;vertical-align:-2px;margin-right:5px;background:url(/images/n/techon/2016/locked2.png) left 2px no-repeat;text-indent:-100em;overflow:hidden;}
.list-A li .text .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-A li .text .time-limited{}
.list-A li .text .movie{display:inline-block;font-size:13px !important;font-weight:normal;line-height:20px !important;padding-left:23px;margin-right:5px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;color:#373737;white-space:nowrap;}

.list-A li a:hover{text-decoration:none;}
.list-A li a:hover .title{text-decoration:underline;}


.list-B{overflow:hidden;width:670px;margin:20px 0;}
.list-B li{position:relative;width:322px;float:left;margin-left:26px;margin-top:30px;}
.list-B li:nth-child(1),
.list-B li:nth-child(2){margin-top:0;}
.list-B li:nth-child(odd){clear:left;margin-left:0;}
.list-B li a{display:block;color:#fff;}
.list-B li .image{width:318px;height:238px;overflow:hidden;border:solid 1px #b3bbc2;background:#fff;}
.list-B li .image img{vertical-align:bottom;} /* 318 x 238 */
.list-B li .property{position:absolute;top:1px;left:1px;background:#fff;padding:1px 10px 1px 2px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;z-index:200;white-space:nowrap;}
.list-B li .property .freely-available{padding-left:17px;color:#f14f1d;font-size:13px !important;height:16px;font-weight:bold;margin-left:7px;background:url(/images/n/techon/2016/unlocked.png) left 1px no-repeat;white-space:nowrap;}
.list-B li .property .time-limited{}
.list-B li .property .movie{padding-left:23px;margin-left:7px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;font-size:13px !important;font-weight:normal;color:#373737;white-space:nowrap;}
.list-B li .text{position:absolute;bottom:0px;left:0px;width:320px;height:67px;background:#000;background:rgba(0,0,0, 0.7);z-index:100;}
.list-B li .text p{padding:12px;font-size:17px !important;line-height:22px !important;}
.list-B li .text .title{font-weight:bold;margin-right:5px;}
.list-B li .text .pubdate{font-size:12px !important;font-weight:normal;margin-right:5px;vertical-align:middle;}
.list-B li .text .locked{display:inline-block;width:13px;height:16px;vertical-align:-2px;margin-right:5px;background:url(/images/n/techon/2016/locked3.png) left 2px no-repeat;text-indent:-100em;overflow:hidden;}
.list-B li a:hover .text .title{text-decoration:underline;}



.list-C{overflow:hidden;width:670px;margin:20px 0;}
.list-C li{position:relative;width:204px;float:left;margin:0 0 20px 28px;}
.list-C li:nth-child(3n+1){clear:left;margin-left:0;}
.list-C li a{display:block;}
.list-C li a:hover{text-decoration:underline;}
.list-C li .image{width:202px;height:151px;border:solid 1px #b3bbc2;overflow:hidden;margin-bottom:8px;position:relative;}
.list-C li .image .rank{position:absolute;display:block;background:url(/images/n/techon/2016/rank-label2_y.png) left top no-repeat;width:50px;height:56px;padding:6px 0 0 12px;font-size:20px;font-weight:bold;color:#2c2c2c;z-index:100;}
.list-C li .image img{vertical-align:bottom;} /*202 x 151*/
.list-C li .text{}
.list-C li .text p{font-size:15px !important;line-height:22px !important;}
.list-C li .text .title{font-weight:bold;margin-right:5px;}
.list-C li .text .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}
.list-C li .text .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-C li .text .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-C li .text .time-limited{}
.list-C 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-C li a:hover{text-decoration:none !important;}
.list-C li a:hover .text .title{text-decoration:underline;}

.list-C.premium li .image .rank{background:url(/images/n/techon/2016/rank-label2_p.png) left top no-repeat;color:#fff;}



.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;}

.ad-block .list-D.ad li:nth-child(1),
.ad-block .list-D.ad li:nth-child(2){border-top:none;}

.list-D.premium li .image .rank{background:url(/images/n/techon/2016/rank-label_p.png) left top no-repeat;color:#fff;}

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



.list-E{overflow:hidden;width:670px;background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;margin-top:20px;}
.list-E li{width:320px;float:left;padding:20px 0;margin-left:28px;margin-bottom:20px;border-top:solid 1px #dfe3e6;overflow:hidden;}
.list-E li:nth-child(odd){clear:left;margin-left:0;}
.list-E li a{display:block;color:#194893;}
.list-E li a:visited{color:#727f94;}
.list-E li p{font-size:15px !important;line-height:22px !important;}
.list-E li .title{font-weight:bold;margin-right:5px;}
.list-E li .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}
.list-E li .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-E li .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-E li .time-limited{}
.list-E li .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-E li a:hover{text-decoration:none !important;}
.list-E li a:hover .title{text-decoration:underline;}

.list-E.ad{margin:0;}
.list-E.ad li a{background:url(/images/n/techon/2016/ad.png) right top no-repeat;}
.list-E.ad li .title{padding-top:20px;}



.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-F{overflow:hidden;width:670px;}
.list-F li{padding-top:20px;border-bottom:solid 1px #dfe3e6;overflow:hidden;}
.list-F li a{display:block;color:#194893;}
.list-F li a:visited{color:#727f94;}
.list-F li .image{width:82px;max-height:54px;border-bottom:solid 1px #dfe3e6;overflow:hidden;margin:0 20px 20px 0;float:left;}
.list-F li .image img{border:solid 1px #dfe3e6;border-bottom:none;vertical-align:bottom;}
.list-F li .text{margin-bottom:20px;}
.list-F li .text p.title{font-size:16px !important;line-height:22px !important;font-weight:bold;margin-bottom:2px;}
.list-F li .text p{font-size:15px !important;line-height:20px !important;}
.list-F li .text p .subtitle{font-weight:normal;margin-right:5px;}
.list-F li .text p .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}
.list-F li .text 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-F li .text 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-F li .text p .time-limited{}
.list-F li .text 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-F li a:hover{text-decoration:none !important;}
.list-F li a:hover .text .title{text-decoration:underline;}
.list-F li a:hover .text .subtitle{text-decoration:underline;}

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



.list-G{overflow:hidden;width:670px;}
.list-G li{padding-top:20px;border-bottom:solid 1px #dfe3e6;overflow:hidden;}
.list-G li a{display:block;color:#194893;}
.list-G li a:visited{color:#727f94;}
.list-G li p.image{width:82px;max-height:54px;border-bottom:solid 1px #dfe3e6;overflow:hidden;margin:0 0 20px 20px;float:right;}
.list-G li p.image img{border:solid 1px #dfe3e6;border-bottom:none;vertical-align:bottom;}
.list-G li .text{margin-bottom:20px;}
.list-G li .text p.title{font-size:16px !important;line-height:22px !important;font-weight:bold;margin-bottom:2px;}
.list-G li .text p{font-size:15px !important;line-height:20px !important;}
.list-G li .text p .subtitle{font-weight:normal;margin-right:5px;}
.list-G li .text p .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}
.list-G li .text 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-G li .text p .freely-available{padding-left:17px;margin-right:5px;background:url(/images/n/techon/2016/unlocked.png) left 1px no-repeat;color:#f14f1d;font-size:13px;height:16px;font-weight:bold;white-space:nowrap;}
.list-G li .text p .time-limited{}
.list-G li .text 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-G li a:hover{text-decoration:none !important;}
.list-G li a:hover .text .title{text-decoration:underline;}
.list-G li a:hover .text .subtitle{text-decoration:underline;}

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




.list-H{overflow:hidden;width:670px;margin:30px 0;}
.list-H li{position:relative;width:320px;float:left;margin:0 0 20px 30px;}
.list-H li:nth-child(odd){clear:left;margin-left:0;}
.list-H li a{display:block;}
.list-H li .image{width:316px;border:solid 2px #b3bbc2;border-bottom:none;text-align:center;padding:18px 0;}
.list-H li .image span{display:block;width:240px;height:120px;overflow:hidden;margin-left:auto;margin-right:auto;text-align:center;}
.list-H li .image span img{vertical-align:bottom;}
.list-H li .text{background:#003559;padding:10px 15px;height:44px;}
.list-H li .text p{font-size:17px !important;line-height:22px !important;}
.list-H li .text .title{color:#fff;font-weight:bold;mr>:5px;}
.list-H li .text .pubdate{color:#fff;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}

.list-H li a:hover{text-decoration:none;}
.list-H li a:hover .text .title{text-decoration:underline;}




.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;}



.list-L{margin:20px 0;}
.list-L li{font-size:15px !important;line-height:22px !important;margin-bottom:6px;}
.list-L li a{color:#333;}
.list-L:not(.ad) li a{background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:13px;margin-left:8px;}
.list-L.ad li a{background:url(/images/n/techon/2016/ad.png) left 3px no-repeat;padding-left:43px;}



.list-M{overflow:hidden;width:670px;}
.list-M li{padding-top:20px;border-bottom:solid 1px #dfe3e6;overflow:hidden;}
.list-M li a{display:block;color:#194893;}
.list-M li a:visited{color:#727f94;}
.list-M li .image{width:82px;max-height:54px;border-bottom:solid 1px #dfe3e6;overflow:hidden;margin:0 0 20px 20px;float:right;}
.list-M li .image img{border:solid 1px #dfe3e6;border-bottom:none;vertical-align:bottom;}
.list-M li .text{margin-bottom:20px;}

.list-M li .text p.property{margin-bottom:4px;}
.list-M li .text p.property .freely-available{padding-left:17px;margin-right:5px;background:url(/images/n/techon/2016/unlocked.png) left 1px no-repeat;color:#f14f1d;font-size:13px !important;height:16px;font-weight:bold;white-space:nowrap;}
.list-M li .text p.property .category{color:#333;font-size:14px !important;}
.list-M li .text p.property .category{font-size:12px !important;line-height:16px !important;color:#343434;margin-right:5px;background:#f0f0f0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding:0 12px;}
.list-M li .text p.property .parent{font-size:12px !important;line-height:16px !important;color:#343434;margin-right:5px;}
.list-M li .text p.property .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-M li .text p.property .movie{padding-left:23px;margin-right:5px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;font-size:13px !important;font-weight:normal;color:#373737;white-space:nowrap;}

.list-M li .text p.title{font-size:16px !important;line-height:22px !important;font-weight:bold;margin-bottom:2px;}
.list-M li .text p .subtitle{font-size:15px !important;line-height:20px !important;font-weight:normal;margin-right:5px;}
.list-M li .text p .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}

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

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




.bn-A{margin:20px 0;}
.bn-A li{border-top:solid 1px #dfe3e6;padding:16px 0;}
section > .bn-A{margin-top:0;}
section > .bn-A li:first-child{border-top:none;}
.bn-A li a{}
.bn-A li a:visited{color:#727f94;}
.bn-A li p.property{margin-bottom:4px;}
.bn-A li p.property *{vertical-align:middle;}
.bn-A li p.property em{margin-right:5px;}
.bn-A li p.property .freely-available{padding-left:17px;color:#f14f1d;font-size:13px !important;height:16px;font-weight:bold;background:url(/images/n/techon/2016/unlocked.png) left 1px no-repeat;white-space:nowrap;}
.bn-A li p.property .time-limited{}
.bn-A li p.property .movie{display:inline-block;line-height:20px !important;padding-left:23px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;font-size:13px;font-weight:normal;color:#373737;white-space:nowrap;}
.bn-A li p.property .category{font-size:12px !important;line-height:16px !important;color:#343434;background:#f0f0f0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding:0 12px;}
.bn-A li p.property .parent{font-size:12px !important;line-height:16px !important;color:#343434;}
.bn-A li p.property .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;}
.bn-A li p.title{font-size:16px !important;line-height:22px !important;font-weight:bold;margin-bottom:1px;}
.bn-A li p .subtitle{font-size:15px !important;line-height:20px !important;margin-right:5px;}
.bn-A li p .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}

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



.bn-B{}
.bn-B li{border-top:solid 1px #dfe3e6;padding:16px 0 16px 0;overflow:hidden;}
section > .bn-B{margin-top:0;}
section > .bn-B li:first-child{border-top:none;}
.bn-B li a{}
.bn-B li a:visited{color:#727f94;}
.bn-B li .image{width:102px;max-height:76px;overflow:hidden;border-bottom:solid 1px #dfe3e6;margin:0 0 0 20px;float:right;overflow:hidden;}
.bn-B li .image img{border:solid 1px #dfe3e6;border-bottom:none;vertical-align:bottom;}
.bn-B li p.property{margin-bottom:4px;}
.bn-B li p.property *{vertical-align:middle;}
.bn-B li p.property em{margin-right:7px;}
.bn-B li p.property .freely-available{padding-left:17px;color:#f14f1d;font-size:13px !important;height:16px;font-weight:bold;background:url(/images/n/techon/2016/unlocked.png) left 1px no-repeat;white-space:nowrap;}
.bn-B li p.property .time-limited{}
.bn-B li p.property .movie{display:inline-block;font-size:13px !important;line-height:20px !important;font-weight:normal;color:#373737;padding-left:23px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;white-space:nowrap;}
.bn-B li p.property .category{font-size:12px !important;line-height:16px !important;color:#343434;background:#f0f0f0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding:1px 12px;}
.bn-B li p.property .parent{font-size:12px !important;line-height:16px !important;color:#343434;}
.bn-B li p.property .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;}
.bn-B li p.title{font-size:16px !important;line-height:22px !important;font-weight:bold;margin-bottom:1px;}
.bn-B li p{font-size:15px !important;line-height:20px !important;}
.bn-B li p .subtitle{margin-right:5px;}
.bn-B li p .pubdate{color:#5b6b79;font-size:12px !important;font-weight:normal;margin-right:5px;white-space:nowrap;}

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

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





.index-section{margin-top:50px;padding-top:2px;border-top:solid 5px #061a40;}
.index-section h2{font-size:28px;line-height:1.3;font-weight:bold;color:#061a40;padding-top:10px;padding-left:2px;overflow:hidden;margin-bottom:20px;}
.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 6px 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;}

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

.index-section.book .list-P{margin:0;}
.index-section.book .list-P li:nth-child(1),
.index-section.book .list-P li:nth-child(2){border-top:none;}

.index-section .keyword-links{margin:15px 0;overflow:hidden;}
.index-section .keyword-links li{width:222px;float:left;border-right:solid 1px #a5a5a5;margin:10px 0;}
.index-section .keyword-links li:nth-child(3n+1){border-left:solid 1px #a5a5a5;}
.index-section .keyword-links li a{display:block;margin:0 5px;text-align:center;padding:8px 0;font-size:14px;line-height:18px;color:#194893;font-weight:bold;}
.index-section .keyword-links li a:hover{background:#e6eaec;text-decoration:none;color:#878787;}

.index-section .keyword-links.premium li a{color:#502f8b;}
.index-section .keyword-links.premium li a:hover{background:#502f8b;color:#fff;}




article.theme{}
article.theme > header{width:100%;background:#061a40;color:#fff;margin-bottom:10px;}
article.theme > header .pad{overflow:hidden;width:1160px;margin-left:auto;margin-right:auto;padding:10px 0;}
article.theme > header nav{float:right;overflow:hidden;padding-top:3px;}
article.theme > header nav li{float:left;font-size:13px;line-height:14px;padding:0 10px;border-left:solid 1px #95bcd6;}
article.theme > header nav li:first-child{border-left:none;}
article.theme > header nav li a{color:#fff;}
article.theme > header h1{float:left;font-size:28px;font-weight:bold;padding:3px 0;}
article.theme > header h1 .child{font-size:18px;margin-left:18px;}



article.theme #news{margin-top:0;padding-top:0;border-top:none;}
article.theme #news h2{padding-top:0;margin-bottom:0;}
article.theme #news .list-A{border-top:solid 1px #dfe3e6;margin-top:10px;padding-top:20px;}
article.theme #news .list-D:not(.ad) li:nth-child(1),
article.theme #news .list-D:not(.ad) li:nth-child(2){border-top:none;padding-top:0;}
article.theme #news .list-E{margin-top:0;background:none;}
article.theme #news .list-D.ad{background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;}


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


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





article.theme .main-content{font-size:18px;line-height:28px;}
article.theme .main-content p{}

article.theme #real_introduction{margin-top:0;}
article.theme #real_introduction p{}

article.theme #real_introduction section{margin-top:20px;padding-top:15px;}
article.theme #real_introduction section h3{font-size:20px;line-height:32px;color:#003559;margin-bottom:13px;background:url(/images/n/techon/2016/real/head.png) left top no-repeat;padding-left:34px;}
article.theme #real_introduction section p{}
article.theme #real_introduction section .links{margin-top:30px;}
article.theme #real_introduction section .links li{display:inline-block;margin-right:25px;font-size:14px;}
article.theme #real_introduction section .links li a{background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:13px;}

article.theme #real_introduction section.bizlabo{}
article.theme #real_introduction section.bizlabo .pad{overflow:hidden;}
article.theme #real_introduction section.bizlabo .image{width:150px;float:left;margin-right:20px;}
article.theme #real_introduction section.bizlabo .image p{margin-bottom:8px;}
article.theme #real_introduction section.bizlabo .image p img{vertical-align:bottom;}
article.theme #real_introduction section.bizlabo .image p.caption{font-size:14px;line-height:18px;}
article.theme #real_introduction section.bizlabo .text{}
article.theme #real_introduction section.bizlabo .text p{font-size:15px;line-height:24px;}

article.theme .list-real{overflow:hidden;}
article.theme .list-real li{width:204px;float:left;margin-left:28px;margin-top:18px;}
article.theme .list-real li:nth-child(1),
article.theme .list-real li:nth-child(2),
article.theme .list-real li:nth-child(3){margin-top:0;}
article.theme .list-real li:nth-child(3n+1){margin-left:0;clear:left;}
article.theme .list-real li a{}
article.theme .list-real li .image{margin-bottom:5px;}
article.theme .list-real li .image img{border:solid 1px #b3bbc2;vertical-align:bottom;}
article.theme .list-real li .title{font-size:15px !important;line-height:20px !important;}



article.theme #real_introduction + #news{margin-top:50px;padding-top:2px;border-top:solid 5px #061a40;}
article.theme #real_introduction + #news h2{padding-top:10px;margin-bottom:0;}




article.theme #real_magazine{}
article.theme #real_magazine .magazine{overflow:hidden;}
article.theme #real_magazine .magazine .image{width:204px;float:left;margin-right:25px;}
article.theme #real_magazine .magazine .image img{border:solid 1px #b3bbc2;vertical-align:bottom;}
article.theme #real_magazine .magazine .image .request{margin-top:17px;}
article.theme #real_magazine .magazine .image .request a{display:block;background:#194893;font-size:15px;font-weight:bold;color:#fff;text-align:center;padding:7px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
article.theme #real_magazine .magazine .image .request a:hover{background:#5e7fb3;text-decoration:none;}
article.theme #real_magazine .magazine .text{float:left;width:435px;}
article.theme #real_magazine .magazine .text h3{font-size:20px;line-height:26px;margin-bottom:10px;}
article.theme #real_magazine .magazine .text h3 .number{display:block;font-size:20px;line-height:24px;font-weight:normal;margin-top:3px;}
article.theme #real_magazine .magazine .text ul{}
article.theme #real_magazine .magazine .text ul li{border-bottom:solid 1px #dfe3e6;padding-bottom:15px;margin-bottom:15px;}
article.theme #real_magazine .magazine .text ul li .shoulder{font-size:14px;color:#f14f1d;margin-bottom:3px;}
article.theme #real_magazine .magazine .text ul li .title{font-size:15px;line-height:23px;font-weight:bold;}


article.theme #real_commentary{}
article.theme #real_commentary .list-G li:first-child{padding-top:15px;}



article.news{}
article.news > header{width:1160px;margin-left:auto;margin-right:auto;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;margin-bottom:10px;}
article.news > header h1{font-size:24px;line-height:30px;padding:20px 0;}



article.word{}
article.word > header{width:1160px;margin-left:auto;margin-right:auto;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;margin-bottom:10px;}
article.word > header h1{font-size:24px;line-height:30px;padding:20px 0;}







article.word .search-form{}
article.word .search-form .text-search{}
article.word .search-form .text-search .input{overflow:hidden;}
article.word .search-form .text-search .input .text{display:block;float:left;border:solid 1px #a5a5a5;border-right:none;color:#333;background:#fff;width:565px;margin-bottom:8px;line-height:40px;padding:0 12px;height:42px;white-space:nowrap;font-size:15px;}
article.word .search-form .text-search .input .button{display:block;float:right;border:solid 1px #502f8b;border-left:none;background:#194893 url(/images/n/techon/2016/search.png) 13px 13px no-repeat;color:#fff;width:80px;padding-left:22px;line-height:36px;height:44px;cursor:pointer;font-size:15px;}
article.word .search-form .text-search .input:hover .button{background:#2657a5 url(/images/n/techon/2016/search.png) 13px 13px no-repeat;}

article.word .index-box{margin:15px 0;border:solid 1px #dfe3e6;}
article.word .index-box .pad{background:#f5f5f5;padding:30px 30px 20px 30px;}

article.word .index-box ul li{width:36px;margin-left:2px;float:left;margin-bottom:10px;}
article.word .index-box ul li a{display:block;width:34px;height:34px;font-size:14px;line-height:34px;background:#fff;border:solid 1px #dfe3e6;text-align:center;}
article.word .index-box ul li a:hover{text-decoration:none;background:#5a677c;color:#fff;}

article.word .index-box .kana{overflow:hidden;}
article.word .index-box .kana ul{width:188px;margin-left:22px;float:left;}
article.word .index-box .kana ul:nth-child(3n+1){margin-left:0;}
article.word .index-box .kana ul li:first-child{margin-left:0;}

article.word .index-box .alphabet{overflow:hidden;margin-top:20px;}
article.word .index-box .alphabet ul li:nth-child(1){margin-left:0;}
article.word .index-box .alphabet ul li:nth-child(17){margin-left:0;}
article.word .index-box .alphabet ul li:nth-child(27),
article.word .index-box .alphabet ul li:nth-child(28){width:74px;}
article.word .index-box .alphabet ul li:nth-child(27) a,
article.word .index-box .alphabet ul li:nth-child(28) a{width:72px;}

article.word .index-box .handle{background:#e6eaec;}
article.word .index-box .handle p{}
article.word .index-box .handle p a{text-align:center;font-size:14px;line-height:18px;display:block;padding:10px;color:#333;}
article.word .index-box .handle p a:hover{text-decoration:none;}
article.word .index-box .handle .open{display:none;}
article.word .index-box .handle .close{display:block;}
article.word .index-box.close .handle .open{display:block;}
article.word .index-box.close .handle .close{display:none;}


article.word .search-result{margin-top:30px;}
article.word .search-result h2{color:#003559;font-size:18px;}
article.word .search-result h2 *{vertical-align:middle;}
article.word .search-result h2 .word{font-size:26px;}

article.word .search-result .waiting{margin:20px auto;background:url(/images/n/techon/2016/waiting.gif) center top no-repeat;padding-top:35px;}
article.word .search-result .waiting p{text-align:center;}

article.word .list-word{}





article.word .list-word li{border-bottom:solid 1px #dfe3e6;padding:15px 0;}
article.word .list-word li a{display:block;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:13px;}
article.word .list-word li p{}
article.word .list-word li p.dictionary{color:#194893;font-size:15px;line-height:22px;}
article.word .list-word li p.word{font-size:16px;line-height:24px;font-weight:bold;color:#194893;}
article.word .list-word li p.kana{color:#333;font-size:15px;line-height:22px;}



article.word .dictionaries{margin:60px 0;background:#f5f5f5;border:solid 1px #dfe3e6;padding:15px 25px 20px 25px;}
article.word .dictionaries h2{color:#061a40;font-size:14px;line-height:22px;}
article.word .dictionaries ul{overflow:hidden;}
article.word .dictionaries ul li{font-size:14px;line-height:18px;width:200px;float:left;margin-top:10px;}
article.word .dictionaries ul li a{color:#194893;white-space:nowrap;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:13px;}



article.statistics{}
article.statistics > header{width:1160px;margin-left:auto;margin-right:auto;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;margin-bottom:10px;}
article.statistics > header h1{font-size:24px;line-height:30px;padding:20px 0;}



article.statistics .index-section:first-child{margin-top:0;}

article.statistics .companies{overflow:hidden;margin:30px 0;padding-bottom:30px;border-bottom:solid 1px #dfe3e6;}
article.statistics .companies li{font-size:14px;line-height:22px;width:190px;float:left;margin-left:30px;margin-bottom:10px;padding-left:13px;background:url(/images/n/techon/2016/bullet1.png) left 7px no-repeat;}
article.statistics .companies li:nth-child(3n+1){margin-left:0;clear:left;}
article.statistics .companies li a{}


article.tokusetsu{}
article.tokusetsu > header{width:1160px;margin-left:auto;margin-right:auto;margin-bottom:10px;}
article.tokusetsu > header h1{}
article.tokusetsu > header h1 img{vertical-align:bottom;}
article.tokusetsu > header h1 .text{display:block;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;font-size:24px;line-height:30px;padding:20px 0;}



article.tokusetsu .description{margin-bottom:50px;}
article.tokusetsu .description h2{font-size:20px;line-height:30px;margin-bottom:12px;}
article.tokusetsu .description p{font-size:18px;line-height:28px;margin-bottom:12px;}

article.tokusetsu .index-section:first-child{margin-top:0;}


article.search{}
article.search > header{width:1160px;margin-left:auto;margin-right:auto;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;margin-bottom:10px;}
article.search > header h1{font-size:24px;line-height:30px;padding:20px 0;}


article.search .search-form{}
article.search .search-form .text-search{}
article.search .search-form .text-search .input{overflow:hidden;}
article.search .search-form .text-search .input .text{display:block;float:left;border:solid 1px #a5a5a5;border-right:none;color:#333;background:#fff;width:565px;margin-bottom:8px;line-height:40px;padding:0 12px;height:42px;white-space:nowrap;font-size:15px;}
article.search .search-form .text-search .input .button{display:block;float:right;border:solid 1px #502f8b;border-left:none;background:#194893 url(/images/n/techon/2016/search.png) 13px 13px no-repeat;color:#fff;width:80px;padding-left:22px;line-height:36px;height:44px;cursor:pointer;font-size:15px;}
article.search .search-form .text-search .input:hover .button{background:#2657a5 url(/images/n/techon/2016/search.png) 13px 13px no-repeat;}

article.search .search-form .text-search .option{overflow:hidden;margin-top:3px;}
article.search .search-form .text-search .option .bp-search{float:left;}
article.search .search-form .text-search .option .bp-search img{vertical-align:bottom;}
article.search .search-form .text-search .option .target{width:300px;float:right;text-align:right;font-size:14px;}
article.search .search-form .text-search .option .target *{vertical-align:top;}
article.search .search-form .text-search .option .target label{margin-left:12px;}
article.search .search-form .text-search .option .target label input{margin-right:7px;}

article.search .search-form .option-box{border:solid 1px #dfe3e6;margin-top:13px;}
article.search .search-form .option-box .pad{display:none;padding:25px 28px;border-bottom:solid 1px #dfe3e6;}
article.search .search-form .option-box section{}
article.search .search-form .option-box section h3{font-size:18px;color:#061a40;margin-bottom:12px;}

article.search .search-form .option-box .target-checker{overflow:hidden;border-bottom:solid 1px #dfe3e6;margin-bottom:15px;padding-bottom:5px;}
article.search .search-form .option-box .target-checker .category{width:300px;float:left;}
article.search .search-form .option-box .target-checker .theme{width:300px;float:left;}
article.search .search-form .option-box .target-checker label{font-size:14px;}
article.search .search-form .option-box .target-checker label *{vertical-align:top;}
article.search .search-form .option-box .target-checker label input{margin-right:12px;}
article.search .search-form .option-box .target-checker .all{margin-bottom:10px;}
article.search .search-form .option-box .target-checker .sub{overflow:hidden;}
article.search .search-form .option-box .target-checker .sub ul{width:150px;float:left;}
article.search .search-form .option-box .target-checker .sub ul li{margin-bottom:10px;}

article.search .search-form .option-box .pubdate{border-bottom:solid 1px #dfe3e6;margin-bottom:15px;padding-bottom:5px;}
article.search .search-form .option-box .pubdate p{margin-bottom:10px;}
article.search .search-form .option-box .pubdate p input{width:40px;border:solid 1px #a5a5a5;padding:7px 7px;margin-right:6px;text-align:right;}
article.search .search-form .option-box .pubdate p input.year{width:60px;}
article.search .search-form .option-box .pubdate p.note{font-size:12px;}

article.search .search-form .option-box .sort{}
article.search .search-form .option-box .sort label{margin-right:20px;}
article.search .search-form .option-box .sort label *{vertical-align:top;}
article.search .search-form .option-box .sort input{margin-right:8px;}

article.search .search-form .option-box .handle{background:#e6eaec;}
article.search .search-form .option-box .handle p{}
article.search .search-form .option-box .handle p a{text-align:center;font-size:14px;line-height:18px;display:block;padding:10px;color:#333;}
article.search .search-form .option-box .handle p a:hover{text-decoration:none;}
article.search .search-form .option-box .handle .open{display:block;}
article.search .search-form .option-box .handle .close{display:none;}
article.search .search-form .option-box.open .handle .open{display:none;}
article.search .search-form .option-box.open .handle .close{display:block;}

article.search .search-form .submit{font-size:18px;margin-top:20px;}
article.search .search-form .submit input{display:block;background:#194893 url(/images/n/techon/2016/search.png) 65px 16px no-repeat;border:none;color:#fff;font-size:18px;line-height:22px;width:200px;padding-left:20px;height:48px;margin-left:auto;margin-right:auto;cursor:pointer;}
article.search .search-form .submit input:hover{background:#2657a5 url(/images/n/techon/2016/search.png) 65px 16px no-repeat;}

article.search .search-form .to-premium{text-align:center;margin-top:13px;}
article.search .search-form .to-premium a{font-size:14px;color:#502f8b;background:url(/images/n/techon/2016/bullet1-premium.png) right center no-repeat;padding-right:13px;}
article.search .search-form .to-premium a:hover{text-decoration:underline;}



article.search .search-result{margin-top:40px;margin-bottom:60px;}
article.search .search-result h3{font-size:26px;line-height:36px;color:#003559;padding-bottom:0;}
article.search .search-result .waiting{margin:20px auto;background:url(/images/n/techon/2016/waiting.gif) center top no-repeat;padding-top:35px;}
article.search .search-result .waiting p{text-align:center;}
article.search .search-result .indicator{text-align:right;font-size:13px;margin-top:-5px;}

article.search .search-result .bn-A{border-bottom:solid 1px #dfe3e6;}
article.search .search-result .bn-A li{}
article.search .search-result .bn-A li:first-child{padding-top:0;border-top:none;}
article.search .search-result .bn-A p{padding-left:15px;}
article.search .search-result .bn-A p.title{background:url(/images/n/techon/2016/bullet1.png) left 5px no-repeat;}


article.search.premium{}
article.search.premium > header{border-top:solid 5px #502f8b;}



article.search.premium .search-form{}
article.search.premium .search-form .text-search .input .button{background:#502f8b url(/images/n/techon/2016/search.png) 13px 13px no-repeat;}
article.search.premium .search-form .text-search .input:hover .button{background:#6643a4 url(/images/n/techon/2016/search.png) 13px 13px no-repeat;}
article.search.premium .search-form .option-box{background:#f7f5fc;}



article.search.premium .search-form .option-box .target-checker .magazine{width:300px;float:left;}
article.search.premium .search-form .option-box .target-checker .magazine ul{}
article.search.premium .search-form .option-box .target-checker .magazine ul li{margin-bottom:10px;}
article.search.premium .search-form .option-box .target-checker .magazine .to-pdf{margin:25px 0 10px 5px;}
article.search.premium .search-form .option-box .target-checker .magazine .to-pdf a{font-size:14px;font-weight:bold;color:#502f8b;background:url(/images/n/techon/2016/bullet1-premium.png) right center no-repeat;padding-right:15px;}
article.search.premium .search-form .handle{background:#dad6e5;}

article.search.premium .search-form .submit input{display:block;background:#502f8b url(/images/n/techon/2016/search.png) 65px 16px no-repeat;}
article.search.premium .search-form .submit input:hover{background:#6643a4 url(/images/n/techon/2016/search.png) 65px 16px no-repeat;}
article.search.premium .search-form .to-search{text-align:center;margin-top:13px;}
article.search.premium .search-form .to-search a{color:#194893;background:url(/images/n/techon/2016/bullet1.png) right center no-repeat;padding-right:13px;}
article.search.premium .search-form .to-search a:hover{text-decoration:underline;}




article.bn{}
article.bn > header{width:1160px;margin-left:auto;margin-right:auto;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;margin-bottom:10px;}
article.bn > header h1{font-size:24px;line-height:30px;padding:20px 0;}


.bn-section{margin:20px 0;}
.bn-section:first-child{margin-top:0;}
.bn-section h2{background:url(/images/n/techon/2016/dotbg.png);font-size:15px;line-height:20px;color:#061a40;padding:5px 10px;}

article.bn .main-content > .bn-B li:first-child{border-top:none;padding-top:0;}


article.bn .list-D.ad.bn{border-top:solid 1px #dfe3e6;}
article.bn .list-D.ad.bn li{width:100%;float:none;margin-left:0;padding-top:17px;}
article.bn .list-D.ad.bn li a{display:block;}
article.bn .list-D.ad.bn li .image{float:right;margin-right:0;margin:0 0 17px 20px;}
article.bn .list-D.ad.bn li .text{background:url(/images/n/techon/2016/ad.png) left 1px no-repeat;}
article.bn .list-D.ad.bn li .text p.parent{padding-left:40px;}
article.bn .list-D.ad.bn li .text p:not(.parent){padding-top:20px;}
article.bn .list-D.ad.bn li .text p.parent + p{padding-top:0px;}

article.bn .ad-block .list-D.ad{background:none;}

article.bn .list-L.ad{padding-top:30px;border-top:solid 1px #dfe3e6;}



article.bn.premium .bn-B{}
article.bn.premium .bn-B li:first-child{border-top:none;}
article.bn.premium .list-D.ad.bn{margin-bottom:17px;/*border-top:solid 2px #dfe3e6;border-bottom:solid 3px #dfe3e6;*/}



article.magazine{}

article.magazine > header{width:1160px;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:20px 0;border-top:solid 6px #061a40;border-bottom:solid 1px #dfe3e6;}
article.magazine > header h1{}
article.magazine > header h1 img{vertical-align:bottom;}





article.magazine .index-section:first-child{margin:0;padding:0;border-top:none;}
article.magazine .index-section:first-child h2{padding-top:0;}

article.magazine .magazine-outline{width:670px;overflow:hidden;}
article.magazine .magazine-outline .image{width:240px;float:left;}
article.magazine .magazine-outline .text{width:390px;float:right;}

article.magazine .magazine-outline .cover{padding-bottom:10px;background:url(/images/n/techon/2016/shadow1.png) center bottom no-repeat;margin-bottom:10px;}
article.magazine .magazine-outline .cover img{vertical-align:bottom;border:solid 1px #b3bbc2;}
article.magazine .magazine-outline .buttons{}
article.magazine .magazine-outline .buttons li{margin-top:6px;}
article.magazine .magazine-outline .buttons li:first-child{margin-top:0;}
article.magazine .magazine-outline .buttons li a{display:block;background:#194893;color:#fff;text-align:center;font-size:16px;line-height:22px;font-weight:bold;padding:8px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
article.magazine .magazine-outline .buttons li a:hover{background:#5e7fb3;text-decoration:none;}

article.magazine .magazine-outline .pickups{}
article.magazine .magazine-outline .pickups li{border-top:solid 1px #dfe3e6;padding-top:12px;padding-bottom:12px;}
article.magazine .magazine-outline .pickups li:first-child{border-top:none;padding-top:0;}
article.magazine .magazine-outline .pickups li:last-child{padding-bottom:6px;}
article.magazine .magazine-outline .pickups li a{display:block;color:#333;}
article.magazine .magazine-outline .pickups li a:hover{}
article.magazine .magazine-outline .pickups li .shoulder{font-size:14px;color:#333;margin-bottom:3px;font-weight:bold;}
article.magazine .magazine-outline .pickups li .topTitle{font-size:14px;margin-bottom:3px;color:#f14f1d;font-weight:bold;}
article.magazine .magazine-outline .pickups li .title{font-size:18px;line-height:22px;margin-bottom:3px;font-weight:bold;color:#194893;}
article.magazine .magazine-outline .pickups li .titleL{font-size:20px;line-height:24px;margin-bottom:3px;font-weight:bold;color:#194893;}
article.magazine .magazine-outline .pickups li .pubDate{font-size:14px;color:#333;font-weight:normal;white-space:nowrap;}
article.magazine .magazine-outline .pickups li .subTitle{font-size:16px;font-weight:bold;margin-top:4px;}

article.magazine .current-number h2{margin-bottom:30px;}
article.magazine .current-number .links{margin:20px 0;padding-top:20px;overflow:hidden;border-top:solid 1px #dfe3e6;}
article.magazine .current-number .links li{width:222px;float:left;border-right:solid 1px #a5a5a5;}
article.magazine .current-number .links li:first-child{border-left:solid 1px #a5a5a5;}
article.magazine .current-number .links li a{display:block;margin:0 5px;text-align:center;padding:14px 0;font-size:14px;line-height:18px;color:#414141;}
article.magazine .current-number .links li a:hover{background:#e6eaec;text-decoration:none;color:#878787;}







article.magazine .list-ES{margin-top:0px;}
article.magazine .list-ES li:nth-child(1),
article.magazine .list-ES li:nth-child(2){border-top:none;padding-top:10px;}








article.magazine .list-K li:nth-child(1),
article.magazine .list-K li:nth-child(2){border-top:none;padding-top:10px;}

article.magazine section.backnumber{margin-top:30px;border-bottom:solid 1px #dfe3e6;padding-bottom:20px;}
article.magazine section.backnumber h3{color:#003559;font-size:20px;line-height:28px;font-weight:bold;border-left:solid 4px #10418f;padding:2px 0 2px 20px;margin-bottom:20px;}
article.magazine section.backnumber h3 a{display:block;float:right;font-size:14px;line-height:25px;font-weight:normal;background:url(/images/n/techon/2016/bullet1.png) left 9px no-repeat;padding-left:12px;}

article.magazine section.backnumber + .to-index{margin-top:10px;}
article.magazine section.backnumber + .to-index a{background-position:left 6px;}



article.magazine #NEkouza{}
article.magazine #NEkouza h2{margin-bottom:20px;}
article.magazine #NEkouza .description{border:dotted 1px #333;padding:20px;}
article.magazine #NEkouza .description p{font-size:18px;line-height:28px;}
article.magazine #NEkouza .index-section{}
article.magazine #NEkouza .index-section h3{font-size:22px;padding:6px;}
article.magazine #NEkouza .list-L{margin-top:15px;}
article.magazine #NEkouza .seminar{border-top:solid 1px #ccc;padding-top:10px;padding-left:5px;margin-top:20px;}
article.magazine #NEkouza .seminar img{vertical-align:middle;margin-right:8px;}
article.magazine #NEkouza .seminar a{font-weight:bold;}



article.magazine #NEpickup{}
article.magazine #NEpickup .description{margin:20px 0;}
article.magazine #NEpickup .description p{font-size:18px;line-height:28px;}
article.magazine #NEpickup .list-A{}
article.magazine #NEpickup .list-A li{}
article.magazine #NEpickup .list-A li h3{border-left:solid 8px #f4692c;padding:3px 0 2px 12px;margin-bottom:12px;font-size:20px;line-height:26px;}
article.magazine #NEpickup .list-A li .text .to-article{display:inline-block;font-size:14px;line-height:22px;margin-top:6px;white-space:nowrap;float:right;padding-left:13px;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;}
article.magazine #NEpickup .list-A li a:hover .text .to-article{text-decoration:underline;}

article.magazine #NEpickup .induction{margin:30px 0;}
article.magazine #NEpickup .induction .banner{text-align:center;margin:20px;}
article.magazine #NEpickup .induction .subscribe{text-align:center;margin:20px;}




article.magazine.energy .main-content{font-size:18px;line-height:28px;}
article.magazine.energy .main-content p{}
article.magazine.energy .main-content p.link,
article.magazine.energy .main-content ul.links{margin-top:15px;}
article.magazine.energy .main-content p.link,
article.magazine.energy .main-content ul.links li{font-size:14px;line-height:20px;text-indent:-14px;padding-left:14px;}
article.magazine.energy .main-content p.link a,
article.magazine.energy .main-content ul.links li a{background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:12px;}
article.magazine.energy .main-content ul.links{margin-top:15px;}
article.magazine.energy .main-content ul.links li{margin-bottom:3px;line-height:1.5;}




article.magazine.energy #backnumber{overflow:hidden;}
article.magazine.energy #backnumber .image{width:180px;float:right;padding-right:5px;}
article.magazine.energy #backnumber .text{width:480px;float:left;font-size:18px;line-height:28px;}



article.magazine.energy #about{}
article.magazine.energy #about p{}
article.magazine.energy #about .feature{margin:25px 0 15px 0;padding:25px 40px;border:solid 1px #dfe3e6;}
article.magazine.energy #about .feature h3{font-size:20px;line-height:28px;margin-bottom:10px;}
article.magazine.energy #about .feature ol{}
article.magazine.energy #about .feature ol li{font-size:16px;line-height:22px;margin-top:4px;}
article.magazine.energy #about .feature p{margin-top:20px;font-size:16px;line-height:24px;}



article.magazine.robo .main-content{font-size:18px;line-height:28px;}
article.magazine.robo .main-content p{}
article.magazine.robo .main-content p.link,
article.magazine.robo .main-content ul.links li{font-size:14px;line-height:20px;text-indent:-14px;padding-left:14px;}
article.magazine.robo .main-content p.link a,
article.magazine.robo .main-content ul.links li a{background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:12px;}
article.magazine.robo .main-content ul.links{margin-top:15px;}
article.magazine.robo .main-content ul.links li{margin-bottom:3px;line-height:1.5;}

article.magazine.robo .main-content #introduction p.link{margin-top:20px;}

article.magazine.robo #backnumber{}

article.magazine.robo #about{}
article.magazine.robo #about p{margin-bottom:1.5em;}
article.magazine.robo #about .feature{margin:25px 0 15px 0;padding:25px 40px;border:solid 1px #dfe3e6;}
article.magazine.robo #about .feature h3{font-size:20px;line-height:28px;margin-bottom:10px;}
article.magazine.robo #about .feature ol{}
article.magazine.robo #about .feature ol li{font-size:16px;line-height:22px;margin-top:4px;}
article.magazine.robo #about .feature p{margin-top:20px;font-size:16px;line-height:24px;}




article.mypage{}
article.mypage > header{width:1160px;margin-left:auto;margin-right:auto;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;margin-bottom:10px;}
article.mypage > header h1{font-size:24px;line-height:30px;padding:20px 0;}

article.mypage .hello{font-size:18px;color:#061a40;font-weight:bold;overflow:hidden;}
article.mypage .hello a{float:right;background:url(/images/n/techon/2016/help.png) left center no-repeat;padding-left:24px;font-size:14px;line-height:18px;color:#194893;font-weight:normal;}
article.mypage .hello + .index-section{margin-top:30px;}

article.mypage .mylist-bookmark{}
article.mypage .mylist-bookmark li{overflow:hidden;border-bottom:solid 1px #dfe3e6;padding:10px 0;}
article.mypage .mylist-bookmark li a{display:block;width:620px;float:left;padding:3px 0;}
article.mypage .mylist-bookmark li a .shoulder{font-size:12px;color:#333;margin-bottom:2px;}
article.mypage .mylist-bookmark li a .title{font-weight:bold;padding-top:5px;}
article.mypage .mylist-bookmark li a .shoulder + .title{padding-top:0;}
article.mypage .mylist-bookmark li a.delete{display:block;background:#fff;width:16px;font-size:18px;line-height:24px;padding:6px 10px;float:right;text-align:center;color:#646464;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer;}
article.mypage .mylist-bookmark li a.delete:hover{text-decoration:none;color:#878787;background:#e6eaec;}

article.mypage .mylist-keyword{margin-bottom:40px;}
article.mypage .mylist-keyword h3{background:#f5f5f5;border:solid 1px #dfe3e6;padding:5px;overflow:hidden;font-size:18px;line-height:26px;color:#061a40;margin-bottom:5px;}
article.mypage .mylist-keyword h3 span{width:590px;display:block;float:left;padding:6px 12px;}
article.mypage .mylist-keyword h3 a.delete{display:block;background:#none;width:16px;font-size:18px;line-height:24px;padding:6px 10px;float:right;text-align:center;color:#646464;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer;font-weight:normal;}
article.mypage .mylist-keyword h3 a.delete:hover{text-decoration:none;color:#878787;background:#fff;}
article.mypage .mylist-keyword ul{}
article.mypage .mylist-keyword ul li{border-bottom:solid 1px #dfe3e6;padding:17px 0;font-weight:bold;}
article.mypage .mylist-keyword ul li a{}

article.mypage .mylist-watchlist{margin-bottom:40px;}
article.mypage .mylist-watchlist h3{border-bottom:solid 1px #dfe3e6;padding:5px 0;overflow:hidden;font-size:18px;line-height:26px;color:#061a40;margin-bottom:5px;}
article.mypage .mylist-watchlist h3 span{width:590px;display:block;float:left;padding:6px 0;}
article.mypage .mylist-watchlist h3 a.delete{display:block;background:#fff;width:16px;font-size:18px;line-height:24px;padding:6px 10px;float:right;text-align:center;color:#646464;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer;font-weight:normal;}
article.mypage .mylist-watchlist h3 a.delete:hover{text-decoration:none;color:#878787;background:#e6eaec;}
article.mypage .mylist-watchlist ul{}
article.mypage .mylist-watchlist ul li{border-bottom:solid 1px #dfe3e6;padding:17px 0;font-weight:bold;}
article.mypage .mylist-watchlist ul li a{}



article.mypage .operation-box{margin:30px 0;}
article.mypage .operation-box p{line-height:1.8;margin-top:1em;}
article.mypage .operation-box h2{color:#003559;font-size:20px;line-height:28px;border-left:solid 4px #10418f;padding:2px 0 1px 20px;margin-bottom:25px;}
article.mypage .operation-box .article-item{}
article.mypage .operation-box .article-item p{margin:0;line-height:1.618;}
article.mypage .operation-box .article-item p.parent{font-size:16px;}
article.mypage .operation-box .article-item p.title{font-size:18px;font-weight:bold;}
article.mypage .operation-box .article-item p.url{font-size:14px;margin:2px;}
article.mypage .operation-box .operation{margin-top:40px;}
article.mypage .operation-box .operation .commit{text-align:center;margin-bottom:10px;}
article.mypage .operation-box .operation .commit a{display:inline-block;background:#194893;font-size:18px;line-height:28px;color:#fff;padding:10px 35px 10px 35px;}
article.mypage .operation-box .operation .commit a:hover{background:#2657a5;text-decoration:none;}
article.mypage .operation-box .operation .cancel{font-size:14px;text-align:center;margin-top:0;line-height:1.4;}
article.mypage .operation-box .operation .cancel a{background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:13px;}


article.mypage .keyword-register{overflow:hidden;padding-top:5px;}
article.mypage .keyword-register .note{overflow:hidden;font-size:12px;line-height:18px;width:200px;float:left;padding-top:4px;}
article.mypage .keyword-register .input{width:400px;float:right;overflow:hidden;}
article.mypage .keyword-register .input .text{display:block;float:left;border:solid 1px #a5a5a5;border-right:none;color:#333;background:#fff;width:295px;height:40px;margin-bottom:8px;line-height:36px;padding:0 12px;font-size:14px;white-space:nowrap;}
article.mypage .keyword-register .input .button{display:block;float:right;border:solid 1px #502f8b;background:#194893;border-left:none;color:#fff;width:80px;height:42px;line-height:36px;cursor:pointer;font-size:14px;text-align:center;}
article.mypage .keyword-register .input:hover .button{background:#2657a5;}

article.mypage .registered-keywords{background:#f5f5f5;border:solid 1px #dfe3e6;padding:15px 20px;margin-top:23px;}
article.mypage .registered-keywords h3{font-size:15px;color:#061a40;margin-bottom:10px;}
article.mypage .registered-keywords ul{}
article.mypage .registered-keywords ul li{display:inline-block;margin-right:30px;font-weight:bold;white-space:nowrap;margin-top:6px;}
article.mypage .registered-keywords ul li:first-child{margin-left:0;}



article.mypage .notlogin{}
article.mypage .notlogin p{font-size:18px;line-height:28px;color:#333;margin-bottom:1.5em;}
article.mypage .notlogin p.lead{font-weight:bold;}

article.mypage .notlogin .login{width:360px;margin-left:auto;margin-right:auto;overflow:hidden;margin-bottom:50px;}
article.mypage .notlogin .login li{width:170px;text-align:center;margin-left:20px;float:left;}
article.mypage .notlogin .login li:first-child{margin-left:0;}
article.mypage .notlogin .login li a{display:block;background:#194893;font-size:18px;line-height:28px;color:#fff;padding:10px 0;}
article.mypage .notlogin .login li a:hover{background:#2657a5;text-decoration:none;}


article.error{}
article.error > header{width:1160px;margin-left:auto;margin-right:auto;border-top:solid 5px #061a40;border-bottom:solid 1px #dfe3e6;margin-bottom:10px;}
article.error > header h1{font-size:24px;line-height:30px;padding:20px 0;}


article.error .error-section{}
article.error .error-section h2{font-size:26px;color:#003559;margin-bottom:20px;}
article.error .error-section p{font-size:18px;line-height:26px;color:#333;}
article.error .error-section p.to-home{text-align:center;margin-top:40px;}
article.error .error-section p.to-home a{display:inline-block;background:#194893;font-size:18px;line-height:28px;color:#fff;padding:10px 35px 10px 35px;}
article.error .error-section p.to-home a:hover{background:#2657a5;text-decoration:none;}



body.popup{padding:20px;min-width:340px;}

body.popup .close{margin:20px 0;}
body.popup .close a{display:block;width:90px;margin-left:auto;margin-right:auto;padding:8px 0;text-align:center;color:#fff;background:#194893;font-size:14px;line-height:16px;}
body.popup .close a:hover{text-decoration:none;background:#2657a5;}

body.popup #footer{width:auto;padding:10px 0 30px 0;margin-top:30px;border-top:solid 1px #061a40;}
body.popup #footer p{font-size:12px;color:#333;margin-bottom:10px;}



article.leaf-popup h1{color:#003559;font-size:26px;line-height:36px;}

article.leaf-popup .waiting{margin:30px auto;background:url(/images/n/techon/2016/waiting.gif) center top no-repeat;padding-top:35px;}
article.leaf-popup .waiting p{text-align:center;}
article.leaf-popup .result{}

article.leaf-popup .bn-A{border-bottom:solid 1px #dfe3e6;}
article.leaf-popup .bn-A li{}
article.leaf-popup .bn-A li:first-child{padding-top:0;border-top:none;}
article.leaf-popup .bn-A p{padding-left:15px;}
article.leaf-popup .bn-A p.title{background:url(/images/n/techon/2016/bullet1.png) left 5px no-repeat;}