/* ホットトピックス */
#hottopics {margin: 0px;padding: 0px;width: 460px;clear: both;}
#hottopics p {margin: 0px;padding: 0px;font-size:12px;color: #444444;line-height: 120%;}

#hottopics .today {background-image:url(/images/common/top/top_today_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics .today p {margin: 0px;padding: 0px;}
#hottopics .today .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics .today .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics .mon {background-image:url(/images/common/top/top_mon_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics .mon p {margin: 0px;padding: 0px;}
#hottopics .mon .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics .mon .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics .tue {background-image:url(/images/common/top/top_tue_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics .tue p {margin: 0px;padding: 0px;}
#hottopics .tue .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics .tue .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics .wed {background-image:url(/images/common/top/top_wed_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics .wed p {margin: 0px;padding: 0px;}
#hottopics .wed .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics .wed .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics .thu {background-image:url(/images/common/top/top_thu_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics .thu p {margin: 0px;padding: 0px;}
#hottopics .thu .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics .thu .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics .fri {background-image:url(/images/common/top/top_fri_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics .fri p {margin: 0px;padding: 0px;}
#hottopics .fri .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics .fri .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics .sat {background-image:url(/images/common/top/top_sat_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics .sat p {margin: 0px;padding: 0px;}
#hottopics .sat .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics .sat .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics dl {clear: both;margin: 0px 0px 0px 5px;padding: 0px; width: 455px;}
#hottopics dt {margin: 0px;padding: 0px;float: left;width: 55px;}
#hottopics dd {margin: 0px;padding: 0px;float: right;width: 400px;}
#hottopics dd h1 {margin: 0px 0px 2px 0px;padding: 0px;font-size:14px;color:#666666;font-weight:bold;line-height: 120%;}
#hottopics dd h1 a {text-decoration:none;color: #666666;}
#hottopics dd h1 a:hover{text-decoration:none;text-decoration: underline;color: #333366;}
#hottopics dd h2 {margin: 0px 0px 2px 0px;padding: 0px;font-size:14px;font-weight:bold;text-decoration:none;color: #444444;line-height: 120%;}
#hottopics dd h2 a {text-decoration:none;color: #20659E;}
#hottopics dd h2 a:visited{text-decoration:none;color: #800000;}
#hottopics dd h2 a:hover{text-decoration:none;text-decoration: underline;color: #333366;}
#hottopics dd h2 img {margin: 0px 0px 0px 5px;vertical-align: middle;}
#hottopics dd h3 {margin: 0px;padding: 0px 0px 2px 0px;font-size:12px;font-weight:normal;color: #444444;line-height: 120%;}
#hottopics dd h3 a {text-decoration:none;color: #444444;}
#hottopics dd h3 a:hover{text-decoration: underline;color: #333366;}

#hottopics .brclear{margin: 0px;padding: 0px 0px 2px 0px;clear: right;height: 1px;overflow: hidden;}

/* 特集1 */
#hottopics .feature_article {clear: both;margin: 0px 0px 10px 0px;padding: 5px;border: 1px solid #D0ECFF;background: #EEF8FF;}
#hottopics .feature_article dl {margin: 0px;padding: 0px; width: 448px;}
#hottopics .feature_article dt {margin: 0px;padding: 0px;float: left;width: 53px;}
#hottopics .feature_article dd {margin: 0px;padding: 0px;float: right;width: 395px;}
#hottopics .feature_article dd h1 {margin: 0px 0px 2px 0px;padding: 0px;font-size:14px;color:#666666;font-weight:bold;line-height: 120%;}
#hottopics .feature_article dd h1 a {text-decoration:none;color: #666666;}
#hottopics .feature_article dd h1 a:hover{text-decoration: underline;color: #333366;}
#hottopics .feature_article dd h1 b {color:#333333;}
#hottopics .feature_article dd h1 img {margin: 0px 5px 0px 0px;vertical-align: middle;}
#hottopics .feature_article dd h2 {margin: 0px 0px 2px 0px;padding: 0px;font-size:14px;font-weight:bold;text-decoration:none;color: #333366;line-height: 120%;}
#hottopics .feature_article dd h2 a {text-decoration:none;color: #20659E;}
#hottopics .feature_article dd h2 a:visited{text-decoration:none;color: #800000;}
#hottopics .feature_article dd h2 a:hover{text-decoration: underline;color: #333366;}
#hottopics .feature_article dd h3 {margin: 0px;padding: 0px 0px 2px 0px;font-size:12px;font-weight:normal;color: #444444;line-height: 120%;}
#hottopics .feature_article dd h3 a {text-decoration:none;color: #444444;}
#hottopics .feature_article dd h3 a:hover{text-decoration: underline;color: #333366;}

#hottopics .feature_article .brclear{margin: 0px;padding: 0px 0px 2px 0px;clear: right;height: 1px;overflow: hidden;}

/* 特集囲み */
#hottopics .feature_box{margin: 0px 0px 5px 0px;padding: 0px;border: 1px solid #CCCCCC;}
#hottopics .feature_box .feature0803{padding: 5px 0px 3px 60px;background:url(/images/channel/network/200803_feature_top_back.jpg) no-repeat;}
#hottopics .feature_box .feature0802{padding: 5px 0px 3px 60px;background:url(/images/channel/devdoc/200802_feature_top_back.jpg) no-repeat;}
#hottopics .feature_box .feature0801{padding: 5px 0px 3px 60px;background:url(/images/channel/security/200801_feature_top_back.jpg) no-repeat;}
#hottopics .feature_box .feature0712{padding: 5px 0px 3px 60px;background:url(/images/channel/bug/200712_feature_top_back.jpg) no-repeat;}
#hottopics .feature_box .feature0711{padding: 5px 0px 3px 60px;background:url(/images/channel/language/200711_feature_top_back.jpg) no-repeat;}
#hottopics .feature_box p{margin: 0px;padding: 0px 0px 1px 0px;font-size: 14px;font-weight: bold;line-height:110%;}
#hottopics .feature_box ul {clear: left;margin: 0px;padding: 0px;list-style: none;}
#hottopics .feature_box li {margin: 0px 0px 1px 0px;padding:0px 0px 0px 15px;font-size:14px;line-height:110%;background: url(/images/common/feature_list.gif) no-repeat 0px 0px;}
#hottopics .feature_box li a {font-weight:bold;text-decoration: underline;}
#hottopics .feature_box1{margin: 0px 0px 5px 0px;padding: 0px;border: 2px solid #2F962B;}
#hottopics .feature_box2{margin: 0px 0px 5px 0px;padding: 0px;border: 2px solid #666666;}
#hottopics .feature_box1 .feature0804_1{padding: 5px 0px 3px 60px;background:url(/images/channel/modeling/200804_feature_top_back1.jpg) no-repeat;}
#hottopics .feature_box2 .feature0804_2{padding: 5px 0px 3px 60px;background:url(/images/channel/html_css/200804_feature_top_back2.jpg) no-repeat;}
#hottopics .feature_box1 .feature0805_1{padding: 5px 0px 3px 60px;background:url(/images/channel/php/200805_feature_top_back1.jpg) no-repeat;}
#hottopics .feature_box2 .feature0805_2{padding: 5px 0px 3px 60px;background:url(/images/channel/ajax/200805_feature_top_back2.jpg) no-repeat;}
#hottopics .feature_box1 .feature0806_1{padding: 5px 0px 3px 60px;background:url(/images/channel/server_os/200806_feature_top_back1.jpg) no-repeat;}
#hottopics .feature_box2 .feature0806_2{padding: 5px 0px 3px 60px;background:url(/images/channel/flash/200806_feature_top_back2.jpg) no-repeat;}
#hottopics .feature_box1 .feature0807_1{padding: 5px 0px 3px 60px;background:url(/images/channel/0807_db/200807_feature_top_back1.jpg) no-repeat;}
#hottopics .feature_box2 .feature0807_2{padding: 5px 0px 3px 60px;background:url(/images/channel/0807_designappli/200807_feature_top_back2.jpg) no-repeat;}
#hottopics .feature_box1 .feature0808_1{padding: 5px 0px 3px 60px;background:url(/images/channel/0808_webserver/200808_feature_top_back1.jpg) no-repeat;}
#hottopics .feature_box2 .feature0808_2{padding: 5px 0px 3px 60px;background:url(/images/channel/0808_workflow/200808_feature_top_back2.jpg) no-repeat;}
#hottopics .feature_box1 .feature0809_1{padding: 5px 0px 3px 60px;background:url(/images/channel/0809_1/200809_feature_top_back1.jpg) no-repeat;}
#hottopics .feature_box2 .feature0809_2{padding: 5px 0px 3px 60px;background:url(/images/channel/0809_2/200809_feature_top_back2.jpg) no-repeat;}
#hottopics .feature_box1 .feature0810_1{padding: 5px 0px 3px 60px;background:url(/images/channel/0810/200810_feature_top_back1.jpg) no-repeat;}
#hottopics .feature_box2 .feature0810_2{padding: 5px 0px 3px 60px;background:url(/images/channel/0810/200810_feature_top_back2.jpg) no-repeat;}
#hottopics .feature_box1 .feature0811_1{padding: 5px 0px 3px 60px;background:url(/images/channel/0811/200811_feature_top_back1.jpg) center;}
#hottopics .feature_box2 .feature0811_2{padding: 5px 0px 3px 60px;background:url(/images/channel/0811/200811_feature_top_back2.jpg) center bottom;}
#hottopics .feature_box1 p{margin: 0px;padding: 0px 0px 1px 0px;font-size: 14px;font-weight: bold;line-height:110%;}
#hottopics .feature_box1 ul {clear: left;margin: 0px;padding: 0px;list-style: none;}
#hottopics .feature_box1 li {margin: 0px 0px 1px 0px;padding:0px 0px 0px 15px;font-size:14px;line-height:110%;background: url(/images/common/feature_list.gif) no-repeat 0px 0px;}
#hottopics .feature_box1 li a {font-weight:bold;text-decoration: underline;}
#hottopics .feature_box2 p{margin: 0px;padding: 0px 0px 1px 0px;font-size: 14px;font-weight: bold;line-height:110%;}
#hottopics .feature_box2 ul {clear: left;margin: 0px;padding: 0px;list-style: none;}
#hottopics .feature_box2 li {margin: 0px 0px 1px 0px;padding:0px 0px 0px 15px;font-size:14px;line-height:110%;background: url(/images/common/feature_list.gif) no-repeat 0px 0px;}
#hottopics .feature_box2 li a {font-weight:bold;text-decoration: underline;}

/* バックナンバーページ カテゴリー */
#category_bn {margin: 0px;padding: 0px;width: 460px;}
#category_bn p {margin: 0px;padding: 0px;}
#category_bn .category_name {margin: 0px;padding: 0px;clear: both;}
#category_bn .category_name .menu_title1 {float: left;margin: 0px 2px 5px 2px;padding: 0px 0px 2px 0px;border-bottom: 1px solid #666666;font-weight: bold;width: 148px;font-size: 14px;}
#category_bn .category_name .menu_title1 a {text-decoration:none;color: #20659E;}
#category_bn .category_name .menu_title1 a:hover{text-decoration: underline;color: #333366;}
#category_bn .category_name .menu_box {clear: both;margin: 0px;padding: 0px;font-size: 12px;}
#category_bn .category_name .menu_box .menu_list {float: left;margin: 0px 2px 10px 2px;padding: 0px;width: 148px;}
#category_bn .category_name .menu_box .menu_list ul {list-style: none;margin: 0px;padding: 0px 0px 0px 5px;}
#category_bn .category_name .menu_box .menu_list ul li {margin: 0px;padding: 0px 0px 5px 0px;}
#category_bn .category_name .menu_box .menu_list ul li a {color: #333333;}
#category_bn .category_name .menu_box .menu_list ul li a:hover{color: #FF9900;}

#hottopics #bn_box1 {background-image:url(/images/backnumber/bn_feature_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics #bn_box1 p {margin: 0px;padding: 0px;}
#hottopics #bn_box1 .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics #bn_box1 .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics #bn_box2 {background-image:url(/images/backnumber/bn_calendar_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics #bn_box2 p {margin: 0px;padding: 0px;}
#hottopics #bn_box2 .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics #bn_box2 .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#hottopics #bn_box3 {background-image:url(/images/backnumber/bn_category_bar.gif) ;background-repeat: no-repeat;margin: 0px 0px 6px 0px;padding: 0px;height: 35px;}
#hottopics #bn_box3 p {margin: 0px;padding: 0px;}
#hottopics #bn_box3 .main {float: left;vertical-align: bottom;font-size:13px;font-weight:normal;color: #FFFFFF;padding: 15px 0px 0px 70px;font-weight: bold;}
#hottopics #bn_box3 .sub {float: right;vertical-align: bottom;font-size:12px;font-weight:normal;color: #333333;padding: 17px 10px 0px 0px;}

#bn_menu {clear: both; margin: 0px 0px 10px 0px;padding: 5px;color: #363636;border: 1px solid #2F962B;font-size: 14px;background:url("/images/backnumber/bn_menu_bk.gif") left top;}
#bn_menu ul {margin: 0px;padding: 0px;list-style: none;}
#bn_menu li {display: inline;margin: 0px;padding: 0px 6px 0px 15px;white-space: nowrap;background: url("/images/backnumber/bn_menu.gif") no-repeat 0px 1px;}

#hottopics #feature1 {margin: 0px 0px 10px 0px;padding: 4px;border: 1px solid #2F962B;}
#hottopics #feature1 .article_top {clear: both;margin: 0px 0px 5px 0px;padding: 0px;}
#hottopics #feature1 .article_top .icon {float: left;margin: 0px;padding: 0px 5px 7px 0px;}
#hottopics #feature1 .article_top .icon img{border: 0px;}
#hottopics #feature1 .article_top .main_title {margin: 0px;padding: 0px;font-size:15px;font-weight:bold; line-height: 110%;}
#hottopics #feature1 .article_top .main_title a {text-decoration:none;color: #444444;font-weight:bold;}
#hottopics #feature1 .article_top .main_title a:hover{text-decoration:none;text-decoration: underline;color: #333366;}
#hottopics #feature1 .article_top .sub_title {margin: 0px;padding: 0px;font-size:24px;font-weight:bold; line-height: 105%;}
#hottopics #feature1 .article_top .sub_title a {text-decoration:none;color: #20659E;font-weight:bold;}
#hottopics #feature1 .article_top .sub_title a:visited{text-decoration:none;color: #800000;}
#hottopics #feature1 .article_top .sub_title a:hover{text-decoration:none;text-decoration: underline;color: #333366;}
#hottopics #feature1 .article_top p {margin: 0px;padding: 0px;line-height: 120%;font-size: 13px;}

#hottopics #feature2 {margin: 0px 0px 10px 0px;padding: 4px;border: 1px solid #666666;}
#hottopics #feature2 .article_top {clear: both;margin: 0px 0px 5px 0px;padding: 0px;}
#hottopics #feature2 .article_top .icon {float: left;margin: 0px;padding: 0px 5px 7px 0px;}
#hottopics #feature2 .article_top .icon img{border: 0px;}
#hottopics #feature2 .article_top .main_title {margin: 0px;padding: 0px;font-size:15px;font-weight:bold; line-height: 110%;}
#hottopics #feature2 .article_top .main_title a {text-decoration:none;color: #444444;font-weight:bold;}
#hottopics #feature2 .article_top .main_title a:hover{text-decoration:none;text-decoration: underline;color: #333366;}
#hottopics #feature2 .article_top .sub_title {margin: 0px;padding: 0px;font-size:24px;font-weight:bold; line-height: 105%;}
#hottopics #feature2 .article_top .sub_title a {text-decoration:none;color: #20659E;font-weight:bold;}
#hottopics #feature2 .article_top .sub_title a:visited{text-decoration:none;color: #800000;}
#hottopics #feature2 .article_top .sub_title a:hover{text-decoration:none;text-decoration: underline;color: #333366;}
#hottopics #feature2 .article_top p {margin: 0px;padding: 0px;line-height: 120%;font-size: 13px;}