@charset "utf-8";
/*サーチボックス右側のボタン（ノウハウ、ニュース、質問）*/
#question_button,
#news_button,
#tips_button {
    float: left;
    width: 160px;
}
#question_button a,
#news_button a,
#tips_button a{
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    padding-top: 20px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    display: block;
}
#tips_button a {
     background-image: url(/images/item/tips/button_channel.gif);
}
#news_button a{
    background-image: url(/images/item/news/button_channel.gif);
}
#question_button a{
    background-image: url(/images/item/question/button_channel.gif);
}
#question_button a:hover,
#news_button a:hover,
#tips_button a:hover {
    background-repeat: no-repeat;
    text-decoration: none;
}
#tips_button a:hover {
    background-image: url(/images/item/tips/button_channel_hover.gif);
}
#news_button a:hover {
    background-image: url(/images/item/news/button_channel_hover.gif);
}
#question_button a:hover {
    background-image: url(/images/item/question/button_channel_hover.gif);
}
/*////////////////////////////////////////////////////////////////////////*/
/* タグボックス　左カラム */
/*////////////////////////////////////////////////////////////////////////*/
#tag_box {
    border: 1px solid #666666;
    margin-top: 8px;
    margin-bottom: 8px;
    }
#tag_title {
    background-color: #666666;
    height: 18px;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 10px;
    padding-top: 2px;
}
#tagcloud {
    padding-left: 10px;
    padding-bottom: 5px;
}
.popularity li {
  display:inline;
  text-decoration:none
}
.popularity li a:hover {
  background-color:#0033ff;
  color:#fff;
}
.popularity li a {
  line-height: 90%;
}
.popularity .popular {
  color:#6495ed;
  font-size: 110%;
  font-weight: bold;
}
.popularity .v-popular {
  color:#0033ff;
  font-size: 170%;
  font-weight: bold;
}
.popularity .vv-popular {
  color:#0011ff;
  font-size: 230%;
  font-weight: bold;
  letter-spacing: -0.1em;
}
.popularity .vvv-popular {
  color:#0000ff;
  font-size: 280%;
  font-weight: bold;
  letter-spacing: -0.1em;
}
.popularity .vvvv-popular {
  color:#00008b;
  font-size: 300%;
  font-weight: bold;
  letter-spacing: -0.1em;
}

/*////////////////////////////////////////////////////////////////////////*/
/* 右カラム　ログインボックス下のバックがグレーの部分 */
/*////////////////////////////////////////////////////////////////////////*/

#right_box_bg {
    background-image: url(/images/rightbox/bg.gif);
    background-repeat: repeat-y;
}

#right_box_top {
    background-image: url(/images/rightbox/bg_top.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 10px;
    margin-top: 8px;
}
.right_box_title h3 {
    background-image: url(/images/rightbox/obi.gif);
    height: 17px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 1px;
    margin-right: 12px;
    margin-left: 12px;
    

    }
.right_box_content {
    background-color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 12px 8px 12px;
    width: 275px;
}

.right_box_content .date,
.right_box_content .list {
  padding-left: 5px;
  padding-right: 5px;
}

.right_box_bottom {
    background-image: url(/images/rightbox/bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 10px;
}

/*カテゴリボックス*/
#category_list {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#category_list li {
    background-image: url(/images/category_icon.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px;
}
#category_list li.current {
    background-image: url(/images/category_icon.gif);
    background-repeat: no-repeat;
    background-position: left;
    background-color:#f0f0f0;
    padding-left: 10px;
    font-weight:bold;
}
/*tip_cnページ*/

.parent{
    font-weight: bold;
    background-color:#f0f0f0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tips_category,
.channel_top,
.all_category,
.news_category,
.question_category {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}
.tips_category img,
.channel_top img,
.all_category img,
.news_category img,
.question_category img,
.back_parent img {
  padding-right: 5px;
}
.all_category{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #D2D5D7;
}

.channel_top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D2D5D7;
}
#category_node_list li {
    padding-left: 30px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}
#category_node_list {
    background-color: #FAFAFA;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*tip_clページ*/
.back_parent {padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D2D5D7;
}
.channel_top_cl{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}
#category_node_list_cl {
    background-color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
}
#category_node_list_cl li {
    padding-left: 30px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*////////////////////////////////////////////////////////////////////////*/
/* バッヂ取得者一覧*/
/*////////////////////////////////////////////////////////////////////////*/

.category_badge_users {
	padding: 8px 7px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

.category_badge_title {
	font-size:109%;
	margin-top: 8px;
	background-image: url(/images/user/badge_list_title.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 292px;
	padding-left: 8px;
	padding-top: 4px;
	font-weight: bold;

}

.category_badge_users img {
	height: 44px;
	width: 44px;
}



/*////////////////////////////////////////////////////////////////////////*/
/* ランキングのメダルボックスとやじるし 　レイアウトは各チャンネルＣＳＳファイルにあり*/
/*////////////////////////////////////////////////////////////////////////*/
.ranking_bronze,
.ranking_silver,
.ranking_gold {
    background-repeat: no-repeat;
    height: 18px;
    width: 25px;
    font-size: 85%;
    font-weight: bold;
    letter-spacing: -0.1em;
    padding-left: 17px;
}
.ranking_gold {
    background-image: url(/images/ranking/rank1.gif);
    }
.ranking_silver {
    background-image: url(/images/ranking/rank2.gif);
    }
.ranking_bronze {
    background-image: url(/images/ranking/rank3.gif);
    }
.stay_point,    
.down_point,    
.up_point {
    background-repeat: no-repeat;
    height: 17px;
    width: 15px;
    }
.stay_point{
    background-image: url(/images/ranking/stay_point_icon.gif);
    }    
.up_point {
    background-image: url(/images/ranking/up_point_icon.gif);
    }
.down_point {
    background-image: url(/images/ranking/down_point_icon.gif);
    }
/*////////////////////////////////////////////////////////////////////////*/
/* 右カラムのコンテンツのライン */
/*////////////////////////////////////////////////////////////////////////*/
.line {
    height: 1px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #aeb3b7;
    width: 267px;
    margin: 3px;
}
/*////////////////////////////////////////////////////////////////////////*/
/*itemページおすすめブログ、パートナーコンテンツ*/
/*////////////////////////////////////////////////////////////////////////*/

.recoment_blog h2 {
    background-image: url(/images/recoment_blog_obi.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 647px;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0  10px 0;
    padding: 4px 0 0 33px;
}

/*////////////////////////////////////////////////////////////////////////*/
/* external_item */
/*////////////////////////////////////////////////////////////////////////*/
.main_head_external_item {
  background-image: url(/images/partner-contents_obi.gif);
  height: 25px;
  margin-top: 16px;
	background-repeat: no-repeat;
}
.external_item_h2 {
  padding: 5px 0  5px 28px;
  color:#333333;
}
.external_item_logo {
  float: left;
  width: 65px;
  margin: 0px;
  height: 50px;
  border: 1px solid #CCCCCC;
  display: block;
  padding: 0px;
}
.content_external_item {
	padding:7px;
	margin:0 0 13px 0;
	line-height:100%;
}
.content_external_item .box {
  border-bottom: solid 1px #CCCCCC;
  float: left;
  margin: 10px 0;
  padding: 0 0 15px 0;
  width:666px
}
.content_external_item .box .cont {
  display: block;
  float: right;
  font-size: small;
  width: 525px;
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
}

.content_external_item .box .cont span {
  font-size: medium;
  color: #b40503;
  font-weight: bold;
}

.external_item{
  border-bottom: solid 1px #cccccc;
  width: 600px;
  margin: 0 0 5px 0;
  padding: 0 0 10px 0;

}
.external_item a {
  color: #b40503;
}

/*カタログタイトル*/
.content_relation .catalog_head {
	height:33px;
	background-image: url(/images/catalog_big_title_obi.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-width: 1px;
	border-style: solid solid none solid;
	border-color: #cccccc;
    margin-top: 16px;
	margin-bottom:7px 

}

.content_relation .catalog_title {
	height:20px;
	background-image: url(/images/catalog_obi.gif);
	background-repeat: no-repeat;
	width: 657px;
	clear: both;
	padding-top: 5px;
	padding-left: 23px;
	font-size: 14px;
	font-weight: bold;
}

/*////////////////////////////////////////////////////////////////////////*/
/*右カラムの「スペシャル記事」誘導枠*/
/*////////////////////////////////////////////////////////////////////////*/
.article img {
  float: left;
  width: 80px;
  height: 80px;
  border-width: 1px;
  border-style: solid;
  border-color: #DBDBDB #CCCCCC #CCCCCC #DBDBDB;
  padding: 4px;
  display: block;
  background-color: #FFFFFF;
  margin: 4px 6px;
}
.article  {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
.article a span.notation {
  color: #555555;
  margin-bottom: 3px;
  text-decoration: none;
}

.article a:hover span.notation {
  text-decoration: none;
}

.article a {
  display: block;
  width: 275px;
  text-decoration: none;
}

.article a:hover {
  background-color: #DBDBDB;
  text-decoration: none;
  cursor:pointer;
}
.article a:hover span strong{
  text-decoration: underline;
}

.article span {
  display: block;
  float: left;
  width: 161px;
  margin-top: 3px;
  margin-right: 3px;
}

.right_box_article_content h3 {
  font-size: 14px;
  width: 255px;
  margin-right: 7px;
  margin-left: 13px;
  color: #666666;
  background-image: url(/images/special/line_special.gif);
  background-repeat: no-repeat;
}

.right_box_article_content {
    background-color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 12px 8px 12px;
    width: 275px;
}


/*////////////////////////////////////////////////////////////////////////*/
/*人気のカテゴリ*/
/*////////////////////////////////////////////////////////////////////////*/

.popular_category {
	width: 720px;
	margin-left: 10px;

}

* html .popular_category {
    width: 670px;
}



h2.popular_category_title {
	border-bottom:1px solid #CCCCCC;
	padding-left: 12px;	
	font-size:130%;
}

.popular_category .style_1,
.popular_category .style_2,
.popular_category .style_3,
.popular_category .style_4,
.popular_category .style_5,
.popular_category .style_6,
.popular_category .style_7,
.popular_category .style_8 {
	width: 149px;
	float: left;
	height: 51px;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #FFFFFF;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	padding: 3px 3px 0px 3px;
}

.popular_category .style_1  {
	border-color: #e6e6e6 #d4d4d4 #99CCFF #e6e6e6;
}
.popular_category .style_1 a strong {
	background-color: #F0F8FF;	
}
.popular_category  a:hover {
	background-image: url(/images/item/category_bg.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}


.popular_category .style_2 {
    border-color: #e6e6e6 #d4d4d4 #BC0303 #e6e6e6;
}
.popular_category .style_2 a strong {
	background-color: #FFF7F7;
}
.popular_category .style_2 a:hover strong {
	
}


.popular_category .style_3 {
    border-color: #e6e6e6 #d4d4d4 #6a9e2e #e6e6e6;
}
.popular_category .style_3 a strong {
	background-color: #F2FAEB;
} 

.popular_category .style_4 {
    border-color: #e6e6e6 #d4d4d4 #f5a625 #e6e6e6;
}
.popular_category .style_4 a strong {
	background-color: #FEF7E9;
}   
  
.popular_category .style_5 {
    border-color: #e6e6e6 #d4d4d4 #7686a8 #e6e6e6;
}
.popular_category .style_5 a strong {
	background-color: #F1F2F5;
}

.popular_category .style_6 {
    border-color: #e6e6e6 #d4d4d4 #9F8065 #e6e6e6;
}
.popular_category .style_6 a strong {
	background-color: #F7F3F0;
}

.popular_category .style_7 {
    border-color: #e6e6e6 #d4d4d4 #DCCD52 #e6e6e6;
}
.popular_category .style_7 a strong {
	background-color: #FAF8E4;
}

.popular_category .style_8 {
    border-color: #e6e6e6 #d4d4d4 #683B74 #e6e6e6;
}
.popular_category .style_8 a strong {
	background-color: #F8F3FA;
}            
   





.popular_category a strong {
	font-size: 125%;
	padding-left: 19px;
	background-repeat: no-repeat;
	display: block;
}

.popular_category a span {
	display: block;
	color: #666666;
	padding-top: 3px;		
}

.popular_category .programming a strong {
	background-image: url(/images/category/programming.gif);
}
.popular_category .internet a strong {
	background-image: url(/images/category/internet.gif);
}
.popular_category .db a strong {
	background-image: url(/images/category/db.gif);
}
.popular_category .hardware a strong {
	background-image: url(/images/category/hardware.gif);
}
.popular_category .itmanagement a strong {
	background-image: url(/images/category/itmanagement.gif);
}
.popular_category .lifehack a strong {
	background-image: url(/images/category/lifehack.gif);
}
.popular_category .mobile a strong {
	background-image: url(/images/category/mobile.gif);
}
.popular_category .networking a strong {
	background-image: url(/images/category/networking.gif);
}
.popular_category .okyuu a strong {
	background-image: url(/images/category/okyuu.gif);
}
.popular_category .os a strong {
	background-image: url(/images/category/os.gif);
}
.popular_category .others a strong {
	background-image: url(/images/category/others.gif);
}
.popular_category .projectmanagement a strong {
	background-image: url(/images/category/projectmanagement.gif);
}
.popular_category .security a strong {
	background-image: url(/images/category/security.gif);
}
.popular_category .server_storage a strong {
	background-image: url(/images/category/server_storage.gif);
}


.popular_category a {
	height: 50px;
	width: 149px;
	display: block;
	text-decoration: none;
}