/* レイアウト */
/* http://www.lucky-bag.com/archives/2005/04/footer.html */
html, body {  
	height : 100% ;
}
body {
	background : #fff ;
	color : #333 ;
}
div#wallpaper {
	position : relative;
	width : 100%;
	height : auto !important ;
	height : 100% ;
	min-height : 100% ;
}
div#container {
	text-align : center ;
	padding-bottom : 30px ;
}
div#header {
	text-align : left ;
	width : 100% ;
	height : 30px ;
	line-height : 30px ;
	background : #eee ;
	border-bottom : 1px solid #ccc ;
}
div#contents {
	text-align : left ;
	margin : 0 auto ;
	margin-bottom : 20px ;
	width : 950px ;
}
div#footer {
	text-align : right ;
	position : absolute ;
	bottom : 0 ;
	width : 100% ;
	height : 30px ;
	line-height : 30px ;
	background : #eee ;
	border-top : 1px solid #ccc ;
}

/* リンク */
a {
	color : #339 ;
	text-decoration : none ;
}
a:hover {
	color : #666 ;
	text-decoration : underline ;
}

/* ヘッダ・フッタ */
#header ul, #footer ul {
	width : 90% ;
	margin : 0 auto ;
	font-size : 85% ;
}
#header ul li, #footer ul li {
	display : inline ;
	margin : 0 5px ;
}
#header a, #footer a {
	color : #666 ;
}
#header a:hover, #footer a:hover {
	color : #333 ;
}
#header .active a {
	color : #333 ;
	font-weight : bold ;
}

/* ロゴ（トップ以外） */
#logo {
	float : left ;
	width : 173px ;
	height : 60px ;
	margin-top : 5px ;
}

/* 検索フォーム */
#search {
	float : right ;
	width : 750px ;
	margin : 10px 0 ;
}
#search-form input {
	vertical-align : middle ;
	padding : 4px ;
	font-size : 120% ;
}
#search-text {
	padding-right : 0 ;
	width : 450px ;
}
#search-engines {
	margin-top : 5px ;
}
#search-engines label {
	margin-right : 5px ;
}

/* 検索結果 */
#status {
	clear : both ;
	margin-bottom : 10px ;
	padding : 5px ;
	border : 1px solid #ccc ;
	font-size : 80% ;
}

#information {
	float : right ;
	width : 300px ;
	margin : 0 0 20px 20px ;
	/*padding : 5px 0 5px 10px ;
	border-left : 1px solid #ccc ;*/
}
#information h2 {
	padding : 3px 5px ;
	border-left : 5px solid #ccc ;
}
#information h3 {
	margin : 5px ;
}
#information ul {
	font-size : 85% ;
	margin : 5px ;
}
#information li {
	margin-top : 5px ;
}
#information .powered {
	color : #080 ;
	font-size : 80% ;
	text-align : right ;
}
#information .powered a {
	color : #080 ;
}

#result li {
	margin-bottom : 15px ;
}
#result h3 {
	margin-bottom : 5px ;
}
#result h3 a {
	text-decoration : underline ;
}
#result h3 img {
	vertical-align : middle ;
}
#result .description, #result .information {
	margin : 2px 5px ;
	font-size : 80% ;
}
#result .information {
	color : #666 ;
}
#result .fqdn {
	color : #080 ;
}
#result .extension {
	margin-right : 5px ;
	font-weight : bold ;
	color : #d44 ;
}

.highlight {
	font-weight : bold ;
	background-color : #ffb ; 
}
.favicon {
	width : 16px ;
	height : 16px ;
	margin-right : 5px ;
	vertical-align : middle ;
}

/* タグ */
h1 {
	clear : both ;
	margin-bottom : 10px ;
	padding : 5px ;
	border-left : 10px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	font-size : 150% ;
}
h2 {
	clear : both ;
	margin : 10px 0 ;
	padding : 5px ;
	border-bottom : 1px solid #ccc ;
	font-size : 130% ;
}
p {
	margin : 10px ;
}

/* ページング */
#pager {
	margin : 30px ;
	text-align : center ;
}
#pager a, #pager span, #pager strong {
	padding : 5px ;
	border : 1px solid #ccc ;
}
#pager strong {
	font-weight : bold ;
}

/* モーダル */
#basic-modal-content {
	display:none;
}
/* Overlay */
#simplemodal-overlay {
	background-color:#000;
}
/* Container */
#simplemodal-container {
	height:580px;
	width:700px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:10px;
	font-size : 80% ;
}
#simplemodal-container .simplemodal-data {
	padding:5px;
}
#simplemodal-container a.modalCloseImg {background:url(modal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

#simplemodal-container table {
	margin : 0 auto ;
	border-collapse : collapse ;
	border : 1px #CCC solid ;
}
#simplemodal-container td, #simplemodal-container th {
	padding : 5px ;
	border : 1px #CCC solid ;
}
#simplemodal-container th {
	text-align : center ;
	background-color : #ddd ;
	font-weight : bold ;
}
#simplemodal-container strong {
	font-weight : bold ;
}