@charset "utf-8";
/* CSS Document */

/*////////////////////////////////////////////////////////////////////////*/
/* 製品トッページ「カテゴリボックス」 */
/*////////////////////////////////////////////////////////////////////////*/

h2.product_category_title {
	color: #FFFFFF;
	background-image: url(/images/product/product_title.gif);
	height: 23px;
	padding-top: 7px;
	font-size: 115%;
	padding-left: 40px;
}

#mainContent .product_bg {
	background-image: url(/images/product/bg.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	width: 675px;
}

#mainContent #product_list_bg {
	background-color: #E3E3FE;
	margin-bottom: 15px;
}


#category_0_box,
#category_1_box,
#category_2_box{
	float: left;
	width: 220px;
	margin-right: 5px;
}

* html #category_0_box,
* html #category_1_box,
* html #category_2_box{
	float: left;
	width: 220px;
	margin-right: 3px;
}


#mainContent .product_products_title {
	clear: left;
}



#mainContent .categorynavi_title a {
	display: block;
	text-decoration: none;
	color: #444444;
	height: 24px;
}

#mainContent .categorynavi_title a:hover {
	display: block;
	text-decoration: none;
	height: 24px;
}

#os_box .categorynavi_title {
	background-image: url(/images/product/os_title.gif);
	background-repeat: no-repeat;
	height: 24px;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}


.categorynavi_title li span {
	font-size: 90%;
	font-weight: normal;
}

#db_box .categorynavi_title {
	background-image: url(/images/product/detabase_title.gif);
	background-repeat: no-repeat;
	height: 24px;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

#developertools_box .categorynavi_title {
	background-image: url(/images/product/development_title.gif);
	background-repeat: no-repeat;
	height: 24px;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.categorynavi .category_bg {
	background-color: #f3f3f3;
	border: 1px solid #dedede;
	padding: 3px;
}

.categorynavi .category_bg ul {
	background-color: #FFFFFF;
	list-style-image: url(/images/product/pro_icon.gif);
	list-style-position: inside;
	padding-left: 20px;
	font-size: 105%;
	padding-top: 7px;
	padding-bottom: 7px;
}


h3.product_products_title  {
	background-image: url(/images/product/ranking_title.gif);
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4f4fba;
	font-size: 115%;
	margin-top: 8px;
	height: 23px;
	width: 667px;
	margin-left: 0px;
	padding-top: 14px;
	padding-left: 13px;
}


/*////////////////////////////////////////////////////////////////////////*/
/* 製品トップページ「製品ランキング」 */
/*////////////////////////////////////////////////////////////////////////*/


.product_list_box .product_list_box_title a {
	font-weight: bold;
	font-size: 115%;
	padding-top: 4px;
	display: block;
}

.product_list_box_title {
	padding-top: 7px;
	background-image: url(/images/product/product_date_title.gif);
	background-repeat: no-repeat;
	height: 27px;
	padding-left: 10px;
}

.product_list_box {
	width: 670px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}

.product_list_box table {
	border: 1px solid #ededed;
	background-color: #FFFFFF;
	padding-top: 2px;
	width: 670px;
}


.rannking_box {
	background-color: #e3e3fe;
	padding-top: 7px;
}


#mainContent .atention {
	margin-top: 10px;
	margin-bottom: 10px;
}

.platform_table {
	border: 1px solid #FFFFFF;
}
#container ul{
	list-style-type: none;
}

/*////////////////////////////////////////////////////////////////////////*/
/* 製品ランキングアイコン */
/*////////////////////////////////////////////////////////////////////////*/

.product_list_box_title span.product_rank_gold {
	background-image: url(/images/product/ranking_gold.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	display: block;
	float: left;
	width: 26px;
	height: 27px;
	margin-right: 5px;
}

.product_list_box_title span.product_rank_silver {
	background-image: url(/images/product/ranking_silver.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	display: block;
	float: left;
	width: 26px;
	height: 27px;
	margin-right: 5px;
}

.product_list_box_title span.product_rank_bronze {
	background-image: url(/images/product/ranking_bronze.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	display: block;
	float: left;
	width: 26px;
	height: 27px;
	margin-right: 5px;
}

.product_list_box_title span.product_rank_others {
	background-image: url(/images/product/ranking_others.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 26px;
	height: 21px;
	margin-right: 5px;
	font-weight: bold;
	font-size: 100%;
	padding-top: 6px;
	color: #666666;
	text-align: center;
}


/*////////////////////////////////////////////////////////////////////////*/
/* 製品情報ページ */
/*////////////////////////////////////////////////////////////////////////*/

.date_title {
	font-size: 105%;
	color: #ffffff;
	font-weight: bold;
	background-image: url(/images/product/product_date.gif);
	height: 22px;
	width: 670px;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
}

#mainContent table .product_info_details th {
	width: 145px;
	background-color: #f0f0f0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}



#mainContent table .product_info_details td {
	background-color: #f7f7f7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 10px;
}

#mainContent table .product_info_details td pre {
   width: 535px;
}

#rightbox {
	float: left;
	width: 295px;
	margin-right: 5px;
}
.product_list_box th  {
	width: 70px;
	padding-left: 10px;
	font-weight: normal;
}
.product_list_box td {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 10px;
}


.product_title_di,
.company_product {
	background-image: url(/images/product/product_title_di.gif);
	height: 32px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 113%;
	font-weight: bold;
	padding-left: 20px;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 5px;

}

.company_product a,
.product_title_di a {
	color: #FFFFFF;
	text-decoration: none;
}



/*ここまで*/



.item_line {
	border-top: dotted 1px #aeb3b7;
	line-height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}


.product_item_news_head a {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	float: left;
	width: 545px;
	display: block;
	padding-top: 7px;
	padding-left: 15px;
	text-decoration: none;
	height: 28px;
}
.product_item_question_head strong a {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	float: left;
	width: 545px;
	padding-top: 7px;
	padding-left: 15px;
	display: block;
	text-decoration: none;
	height: 28px;
}
.product_item_tips_head a {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	float: left;
	width: 545px;
	padding-top: 7px;
	padding-left: 15px;
	display: block;
	text-decoration: none;
	height: 28px;
}

.no_list{
	margin: 6px 2px;
}

#mainContent .pagetop {
	text-align: right;
	font-size: 11px;
	margin-bottom: 10px;
}
#mainContent .pagetop a {
	text-decoration: underline;
}
/*記事タイトル*/
product_item_news_content .new {
	font-weight: bold;
}

.product_item_tips_head_box {
	height: 28px;
}
.product_item_news_head_box {
	border-bottom: solid 1px #aeb3b7;
	height: 28px;
}


.product_item_question_head_box {
	height: 35px;
	background-image: url(/images/item/question/items_title.gif);
	background-repeat: no-repeat;
	width: 680px;
	margin-top: 8px;
}

.product_item_news_head_box {
	height: 35px;
	background-image: url(/images/item/news/items_title.gif);
	background-repeat: no-repeat;
	width: 680px;
	margin-top: 8px;
}

.product_item_tips_head_box {
	height: 35px;
	background-image: url(/images/item/tips/items_title.gif);
	background-repeat: no-repeat;
	width: 680px;
	margin-top: 8px;
}


/*記事ボタン*/
.product_item_tips_content_head .question_button,
.product_item_tips_content_head .news_button,
.product_item_tips_content_head .tips_button {
	float: right;
	width: 110px;
}

.product_item_tips_head_box .tips_button a:hover,
.product_item_news_head_box .news_button a:hover,
.product_item_question_head_box .question_button a:hover {
	text-decoration: none;	

}

.product_item .tips_button a {
	background-image: url(/images/product/tips_button.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 110px;
	padding-top: 7px;
	background-position: bottom;
	color: #FFFFFF;
	float: right;
	text-align: center;
	font-weight: bold;
	margin-top: 2px;
	font-size: 97%;
	margin-right: 3px;
	letter-spacing: -0.1em;
}
.product_item .news_button a {
	background-image: url(/images/product/news_button.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 110px;
	padding-top: 7px;
	background-position: bottom;
	color: #FFFFFF;
	float: right;
	text-align: center;
	font-weight: bold;
	margin-top: 2px;
	font-size: 97%;
	margin-right: 3px;
	letter-spacing: -0.1em;
}
.product_item .question_button a {
	background-image: url(/images/product/question_button.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 110px;
	padding-top: 7px;
	background-position: bottom;
	color: #FFFFFF;
	float: right;
	text-align: center;
	font-weight: bold;
	margin-top: 2px;
	font-size: 97%;
	margin-right: 3px;
	letter-spacing: -0.1em;
}




/*////////////////////////////////////////////////////////////////////////*/
/*会社情報ページ*/
/*////////////////////////////////////////////////////////////////////////*/

#company_box_all {
	margin-bottom: 20px;
}


#company_box_all th {
	background-color: #F0F0F0;
	width: 120px;
}

#company_box_all td {
	background-color: #F3F3F3;
	padding-left: 10px;
	width: 560px;
	}

h2.company_title,
h2.product_info {
	background-image: url(/images/product/company_title.gif);
	background-repeat: no-repeat;
	height: 27px;
	padding-top: 3px;
	padding-left: 20px;
	margin-bottom: 10px;
}

h2.company_title a,
h2.product_info a {
	color: #444444;
	text-decoration: none;
}




/*////////////////////////////////////////////////////////////////////////*/
/*右カラムの「スペシャル記事」誘導枠*/
/*////////////////////////////////////////////////////////////////////////*/
.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;
}
/*////////////////////////////////////////////////////////////////////////*/
/* 右カラム　ログインボックス下のバックがグレーの部分 */
/*////////////////////////////////////////////////////////////////////////*/

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

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


#category_list li {
	background-image: url(/images/category_icon.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 7px;
}

.right_box_content a {
	padding-left: 10px;
}



/*「もっと見る」*/

.dynamic_paginate a {
	text-align: center;
	background-image: url(/images/product/look_more.gif);
	background-repeat: no-repeat;
	height: 26px;
	font-weight: bold;
	padding-top: 8px;
	display: block;
	width: 680px;
	font-size: 113%;
}

.dynamic_paginate .next_button_after_product {
	text-align: center;
	height: 26px;
	font-weight: bold;
	padding-top: 8px;
	display: block;
	width: 680px;
	font-size: 113%;
	background-color: #D8D8D8;
	color: #999999;
	margin-bottom: 8px;
}



#user_box_info #guide_link {
	font-weight: bold;
	font-size: 102%;
}


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

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

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


.product_item .more_item {
	text-align: right;
	margin-top: 8px;
	margin-bottom: 8px;
}


/*////////////////////////////////////////////////////////////////////////*/
/* 企業一覧ページ */
/*////////////////////////////////////////////////////////////////////////*/

#company_list_box .company_line {
	background-image: url(/images/product/list_obi.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 670px;
	padding-top: 6px;
	padding-left: 10px;
	margin-top: 20px;
}

#company_list_box .offer_list {
	
	
	
}

#company_list_box td.offer_list {
	
}

#company_list_box .offer_list a {
	background-image: url(/images/product/list_button.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333333;
	padding: 7px 12px 5px 16px;
}

#company_list_box .offer_list a:hover {
	text-decoration: none;
	color: #a70503;
}

#company_list_box .company_name {
	width: 260px;
}

#company_list_box .company_url {
    width: 290px;
}

#company_list_box table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	padding-bottom: 13px;
	padding-top: 13px;
	padding-right: 5px;
	padding-left: 5px;
}

#company_list_box h3 {
	font-size: 115%;
}

#mainContent .company_list_title {
	background-image: url(/images/product/company_list_title.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:3px;
	height: 27px;
}

#mainContent .company_list_title a.company_list_main_title {
  text-decoration:none;
  color:black;
}

.company_list_title span {
	font-size: 75%;
	padding-left: 80px;
}

a.company_info ,
a.company_info:hover {
  color:black;
  text-decoration:none;
}