@charset "utf-8";
@import url("common.css");
@import url("subcontents.css");

a:hover{
	color: #FF6600;
}

/************************
main-top
************************/
#main-top{
	margin-top: 0px;
	clear: both;
}

*html #main-top{
}

#page-menu{
	float: left;
	width: 295px;
}

	div#categories,
	div#install{
		position: relative;
		width: 100%;
		height: 1%;
	}

		div#categories:after,
		div#install:after{
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
		}

		div#categories ul,
		div#install ul{
		}

		div#categories li,
		div#install li{
			margin-right: 5px;
			width: auto;
			display: inline;
			line-height: 1.4;
		}
		
	div#categories{
		margin-bottom: 10px;
	}

		div#categories li{
		}
		
	div#install{
		margin-bottom: 5px;
	}

#information{
	margin-bottom: 5px;
	float: right;
	width: 420px;
}

*html #information{
	margin-bottom: 10px;
	width: 410px;
}

	#information div.information-box{
		border: 1px solid #808080;
		border-bottom-width: 2px;
		position: relative;
		width: auto;
		height: 9.5em;
		overflow: auto;
	}
	
	#information ul{
		margin: 8px 10px 10px 10px;
	}
	
	#information li{
		background: url('../images/arrow.gif') no-repeat;
		margin: 2px 0;
		padding-left: 18px;
	}

	#information li.comment{
		font-size: 90%;
		margin-bottom: 4px;
	}

		#information li div.title{
			font-size: 90%;
			font-weight: normal;
			line-height: 1.3;
		}

		#information li div.comment{
			font-size: 80%;
			margin-top: 1px;
			margin-bottom: 3px;
		}
		
/************************
ranking
************************/
#ranking{
	clear: both;
}

#ranking h2{
	margin-bottom: 3px;
}

#ranking p.description{
	width: 425px;
}

.results-count{
	text-align: right;
	float: right;
	width: auto;
}

	.results-count .page-navi{
		font-size: 130%;
	}

	.results-count .page-navi-now{
	}

#results-count-top{
	margin: 0px 0px 0px 10px;
	margin-top: -1.5em;
}

#results-count-bottom{
	margin: 3px 0px 10px 0px;
}

#results{
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	position: relative;
	clear: both;
}

	#results th{
		color: #ffffff;
		border-bottom: 1px solid #808080;
		background-color: #6EA536;
		background-image: url('../images/columnback.png');
		height: 2.5em;
	}

	/* ニュース非表示時のレコード行 */
	#results tr.record-news-off{
	}
	
		#results tr.record-news-off td{
			padding: 10px 3px;
			border-bottom: 1px solid #808080;
		}

	/* ニュース表示時のレコード行 */
	#results tr.record-news-on{
		background-color: #FFECD2;
	}
	
		#results tr.record-news-on td{
			padding: 10px 3px;
			border-bottom: 1px dotted #808080;
		}

	#results tr td.name, #results tr td.category{
		border-bottom: 0px;
	}

	/* ニュース行 */
	#results tr.news-row{
		display: none;
	}
	
		#results tr.news-row td{
			padding: 0;
			border-bottom: 1px solid #808080;
		}
		
		#results tr.news-row a.toplink{
			font-size: 80%;
		}

	/* 検索結果 */
	#results .no{
		width: 2.4em;
	}

	#results .name{
		width: 130px;
	}

	#results .banner{
	}

	#results .category{
		width: 7em;
	}

	#results .comment{
	}

	#results .navi{
		width: 8em;
	}

	#results .install{
		width: 5.5em;
	}

	#results .company{
/*		width: 7em;*/
	}

	#results .infourl{
		width: 5%;
	}

	#results td{
	}

		#results td.no{
			font-size: 110%;
		}

		#results td.name{
		}

		#results td.banner{
		}

		#results td.category{
			line-height: 130%;
			text-align: center;
		}

		#results td.comment{
			font-size: 95%;
			line-height: 140%;
			padding-bottom: 0px;
		}

			#results td.comment img{
				margin-left: 25px;
				margin-right: 20px;
				margin-bottom: 1px;
				float: right;
				width: auto;
			}
		
			*html #results td.comment img{
				margin-right: 10px;
			}
		
			#results td.comment div.item_link{
				font-size: 105%;
				text-align: right;
				margin-top: 5px;
				padding: 5px 3px 5px 0px;
			}

		#results td.navi{
			font-size: 85%;
			line-height: 130%;
			padding-left: 15px;
			padding-right: 15px;
		}

			#results td.navi div.preview{
				text-align: center;
				margin-top: 10px;
			}
			
			#results td.navi a.previewlink,
			#results td.navi a.previewlink:link,
			#results td.navi a.previewlink:visited,
			#results td.navi a.previewlink:active,
			#results td.navi a.previewlink:hover{
				color: #000000;
			}
			
			#results td.navi ul{
				margin-left: 10px;
				margin-right: 5px;
			}
			
			#results td.navi li.navi{
				margin-top: -20px;
				margin-bottom: 10px;
				height: 5em;
				overflow: hidden;
			}

		#results td.install{
			text-align: center;
		}

		#results td.company{
			font-size: 90%;
			line-height: 130%;
		}

		#results td.infourl{
			font-size: 90%;
			text-align: center;
		}

		/* ニュース検索結果メニュー */
		#results tr.news-menu-off td{
			background-color: #FFFFFF;
			border-bottom: 1px solid #808080;
		}

		#results tr.news-menu-on td{
			background-color: #FFECD2;
			border-bottom: 1px dotted #808080;
		}

		#results tr.news-menu-off td,
		#results tr.news-menu-on td{
			padding: 5px 0px 2px 0px;
		}

			/* ニュース非表示時 */
			#results tr.news-menu-off a,
			#results tr.news-menu-on a{
				font-size: 85%;
				margin-right: 1px;
				padding: 0px;
			}

				#results tr.news-menu-off a.news-link,
				#results tr.news-menu-on a.news-link{
					background: url("../images/news.gif") no-repeat;
					padding-left: 15px;
				}

				#results tr.news-menu-off a.blog-link,
				#results tr.news-menu-on a.blog-link{
					background: url("../images/blog.gif") no-repeat;
					padding-left: 17px;
				}

				#results tr.news-menu-off a.close-link,
				#results tr.news-menu-on a.close-link{
					background: url("../images/cross.png") no-repeat;
					margin-left: 15px;
					padding-left: 14px;
				}

				#results tr.news-menu-off a img,
				#results tr.news-menu-on a img{
				}
				
		/* ニュース検索結果 */
		#results div.news{
			font-size: 95%;
			padding: 5px 14px 0px 0px;
			border-top: 0px dotted #808080;
			border-left: 0px dotted #808080;
			border-right: 1px solid #808080;
			border-bottom: 0px solid #808080;
			width: auto;
		}

			#results div.news img.loading{
				margin-right: 10px;
			}
			
			#results div.news ul{
			}
			
				#results div.news ul.news-list{
				}

				#results div.news ul.blog-list{
					display: none;
				}

			#results div.news li{
				line-height: 1.3em;
				border-bottom: 1px dotted #808080;
				margin-top: 3px;
			}
				
				#results div.news li a.news-title{
					background: url("../images/news.gif") no-repeat;
					padding-left: 14px;
				}
				
				#results div.news li a.blog-title{
					background: url("../images/blog.gif") no-repeat;
					padding-left: 18px;
				}
				
				#results div.news li .news-date{
					font-size: 95%;
					margin-left: 10px;
				}

				#results div.news li .news-content{
					font-size: 90%;
					line-height: 1.1em;
					margin-left: 3px;
					margin-bottom: 3px;
				}

				#results div.news li.last-list{
					border-bottom: 1px solid #808080;
				}
				
		#results div.corner{
			background: #FFFFFF url("../images/corner.gif") no-repeat right bottom;
			position: relative;
			float: right;
			top: -16px;
			right: 0;
			width: 15px;
			height: 15px;
		}

div.toplink{
	text-align: right;
	clear: both;
	width: auto;
}

.google-text-link{
	margin: 15px 15px 0px 0px;
	position: relative;
	clear: both;
	float: left;
	width: 728px;
}