@charset "UTF-8";

/* =====================================================================
*    
*    common.css :web検索結果画面用CSS
*    
*    INDEX

*    1. Main
*    2. Content
*    3. SubContent
*
* =================================================================== */

/* ===================================================================
 1. Main
=================================================================== */

body div#MainBg{ background-image:none; }

div#Main{ width: 970px; margin: 0 auto;	}

/*パンくず*/
div#Main p#Pan 						{ padding-top:18px; margin-bottom:20px; }
	div#Main p#Pan a				{ text-decoration:none; }
	div#Main p#Pan a:hover			{ text-decoration:underline; }
	
p.searchResult{margin-bottom:10px;}


/*検索エリア*/
div#SearchMainArea div#SearchBox{ border: solid 1px #B3B3B3; }
div#SearchMainArea input.keyword{
	display: block;
	margin:0px;
	padding:0px;
	font-size:20px;
	height:45px;
	line-height:45px;
	float:left;
	width:442px;
	border:none;
	background:#FFFFFF url(http://image.excite.co.jp/jp/zaq/200911/images/searchWay/keywordArea.gif) no-repeat right 0px;
}
div#SearchMainArea input.submit{
	display: block;
	margin:0px;
	padding:0px;
}

div#SearchMainArea{ background-color:#F2F2F2; margin-top:15px; margin-bottom:30px; padding:10px 20px 25px; }
	div#SearchMainArea div.web,
	div#SearchMainArea div.spot,
	div#SearchMainArea div.event,
	div#SearchMainArea div.diary					{ float:left; width:490px; margin-top:18px; }
	div#SearchMainArea div#IchioshiKeyword			{ float:right; width:430px; }
		div#SearchMainArea div#IchioshiKeyword p		{ margin-left:10px; }
		div#SearchMainArea div#IchioshiKeyword p	a	{ text-decoration: none; }
	
	/*検索方法選択時の背景画像変更*/
	div#SearchMainArea div.web input.keyword   { background-position:right 0px; }
	div#SearchMainArea div.spot input.keyword  { background-position:right -45px; }
	div#SearchMainArea div.event input.keyword { background-position:right -90px; }
	div#SearchMainArea div.diary input.keyword { background-position:right -135px; }
	
	
	div#SearchMainArea input.submit		{ float:right; width:45px; }
	
/*検索エリア*/
div.searchWayMain{ display:none; width:230px; position:absolute; margin-top:-50px; margin-left:424px; }

div.searchWayMain div.body{
	background:url(http://image.excite.co.jp/jp/zaq/200911/images/searchWay/waySelectBody.png) repeat-y left top;
	padding-left:15px;
}

div.searchWayMain div.body a								{ display: block; width:190px; height:48px; }
div.searchWayMain div.body a.searchWayMainCategory,
div.searchWayMain div.body a.searchWayMainImage				{ height:38px; }

div.web div.searchWayMain div.body a.searchWayMainWeb,
div.category div.searchWayMain div.body a.searchWayMainCategory,
div.image div.searchWayMain div.body a.searchWayMainImage,
div.spot div.searchWayMain div.body a.searchWayMainSpot,
div.event div.searchWayMain div.body a.searchWayMainEvent,
div.diary div.searchWayMain div.body a.searchWayMainDiary	{ background: url(http://image.excite.co.jp/jp/zaq/200911/images/searchWay/selected.png) no-repeat 0px 0px; }

div#searchWayMain div.body img{ display:block; }


/*ページング*/
p.paging{ color:#333333; font-weight:bold; padding-bottom:15px; clear:both; text-align:left; }
	p.paging a						{ font-weight:normal; padding:0px; }
		p.paging a.pagingBtnLeft	{ margin-right:10px; }
		p.paging a.pagingBtnRight	{ margin-left:10px; }
	p.paging span					{ padding: 0px 5px; }
	p.paging img					{ vertical-align:-3px; margin:0px;}

p.paging.top						{ border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:20px; }

p.category{ font-size:95%; color:#666666; margin-bottom:10px;}

/* ===================================================================
 2. Content
=================================================================== */
div#Content { width:680px; }
	
/*---------------------------------------
web検索結果
---------------------------------------*/
div#SponsoredSearch 	{ padding-bottom:30px; }
div#ZaqSearch 			{ padding-bottom:30px; }

div#Content p.webTitle{ font-size:140%; margin-bottom:10px; }
	div#Content p.webDescription{ margin-bottom:6px; }
	div#Content p.webUrl{ color:#42A408; margin-bottom:35px; }
		p.webUrl a{ text-decoration: none; }

div#RelatedWord		{ margin-bottom:40px; }
	div#RelatedWord p   { font-weight:bold; font-size:110%; margin-bottom:5px; line-height:25px; }
		div#RelatedWord p img{ vertical-align:-6px; margin-right:5px;}
		div#RelatedWord p span{ margin-right:20px; font-weight:normal; }
	


/* ===================================================================
 3. SubContent
=================================================================== */
div#SubContent { width:260px; padding-top:18px;}
	div#PopularKeyword ul{ margin-top:8px; }
	div#PopularKeyword ul li{
		font-size:12px;
		padding-top:8px;
		padding-bottom:8px;
		border-bottom:1px solid #CCCCCC;
		text-indent:5px;
	}
	
		div#PopularKeyword ul li a{ text-decoration: none; }
	
/* ------------------------------------------------------------------------------------------
 999.4. cleafix
------------------------------------------------------------------------------------------ */

/* clearfix */
div#SearchMainArea:after,
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#SearchMainArea,
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html div#SearchMainArea,
*html .clearfix {
	height:1%;
}
div#SearchMainArea,
.clearfix {
	display:block;
}
/* End hide from IE-mac */