@charset "UTF-8";

/* =====================================================================
*    
*    cateTop.css : カテゴリ（あそぶ／たべる／くらす）トップ用CSS
*    
*    INDEX
*
*    1. 共通設定
*    2. さらに詳しく検索する
*    3. スポットトップテン
*    4. イベント一覧
*    5. 口コミ一覧
*    6. 右カラムコンテンツ一覧
*
* =================================================================== */

/* ===================================================================
 1. 共通設定
=================================================================== */
div#Content div#EventKuchi				{ width:400px; float:right; padding-bottom:40px; }
	div#Content div#EventKuchi p.more	{ text-align: right; margin-bottom: 10px; }
		div#Content div#EventKuchi p.more a	{
			background: url(/common/images/icon/icon01.gif) no-repeat 0px 2px;
			padding-left: 12px;
		}
div#Content div.categoryTitle			{ margin-bottom:20px; }

/* ===================================================================
 2. さらに詳しく検索する
=================================================================== */
div.moreSearchBtn				{ text-align: right; margin-bottom: 15px; }
	div.moreSearchBtn a		{
		background: url(/common/images/icon/icon01.gif) 0px 1px no-repeat;
		font-size: 95%;
		padding: 0px 0px 0px 12px;
	}
div.moreSearch{
	position: absolute;
	width:600px;
	margin-top: -220px;
}
	div.moreSearch div.body{ background: url(/common/images/moreSearch/bodyBg.png) 0px 0px repeat-y; padding: 0px 43px;}
		div.moreSearch div.body h4{ margin-bottom: 10px; }
		div.moreSearch div.body div#MoreSearchGenre a{
			display: inline;
			width:110px;
			height:50px;
			float: left;
			margin: 10px 8px 0px 8px;
			font-size: 95%;
		}
			div.moreSearch div.body div#MoreSearchGenre a span{
				display: block;
				padding-left: 12px;
				background: url(/common/images/icon/icon01.gif) 0px 1px no-repeat;
			}
		
		
		
/* ===================================================================
 3. 検索結果タブの設定
=================================================================== */
ul.tabFrameTop li,
ul.tabFrameBottom li{
	height:60px;
	width:190px;
	display:inline;
	float:left;
	margin-right:10px;
}

ul.tabFrameTop li.turn,
ul.tabFrameBottom li.turn{ margin-right:0px;}
ul.tabFrameTop a,
ul.tabFrameBottom a{ display:block; height:60px; width:190px;}

body div.tabView ul.tabFrameTop li,
body div.tabView ul.tabFrameBottom li{ width:190px;display:inline;float:left;margin-right:15px;}
body div.tabView ul.tabFrameTop li.byImg{ margin-right:0px;}
body div.tabView ul.tabFrameBottom li.forDiary{ margin-right:0px;}
body div.tabView ul.tabFrameTop li.turn,
body div.tabView ul.tabFrameBottom li.turn{ margin-right:0px;}
body div.tabView ul.tabFrameTop a,
body div.tabView ul.tabFrameBottom a		{ display:block;height:60px;width:190px;}

	/*背景白の部分*/
	div.tabFrame div.tabContent{ height:445px; overflow: hidden; }
	
	/*パッディング用クラス*/
	div.tabFrame div.padding{ padding:15px; }
	
	
	
	/* スポット一覧 by 一覧 */
	div#Content div.tabFrame div.forSpot.byList div.column					{ width:265px;float:left;	height:54px;}
	div#Content div.tabFrame div.forSpot.byList div.column.turn			{ float:right;}
	div#Content div.tabFrame div.forSpot.byList div.photo						{ width:35px;float:left;}
	div#Content div.tabFrame div.forSpot.byList div.spec						{ width:220px;float:right;}
		div#Content div.tabFrame div.forSpot.byList div.spec .title		{ font-size: 12px;}
		/*CSS for Safari2- */
		html[xmlns*=""] body:last-child div#Content div.tabFrame div.forSpot.byList div.spec .title{ font-size:11px; }
		/*CSS for Safari4 */
		body:first-of-type div#Content div.tabFrame div.forSpot.byList div.spec .title{ font-size:11px; }
	
	
	/* イベント一覧 by 一覧 */
	div#Content div.tabFrame div.forEvent.byList div.column					{ width:265px; float:left; height:61px;}
	div#Content div.tabFrame div.forEvent.byList div.column.turn		{ float:right; }
	div#Content div.tabFrame div.forEvent.byList div.eventDate			{ width:65px;float:left;}
	div#Content div.tabFrame div.forEvent.byList div.spec						{ width:190px;float:right;}
		div#Content div.tabFrame div.forEvent.byList div.spec .title	{ font-size: 12px;}
		/*CSS for Safari2- */
		html[xmlns*=""] body:last-child div#Content div.tabFrame div.forEvent.byList div.spec .title{ font-size:11px; }
		/*CSS for Safari4 */
		body:first-of-type div#Content div.tabFrame div.forEvent.byList div.spec .title{ font-size:11px; }

	
	/* 日記一覧 by 一覧 */
	div#Content div.tabFrame div.forDiary.byList div.column					{ width:265px; float:left; height:62px;}
	div#Content div.tabFrame div.forDiary.byList div.column.turn		{ float:right; }
	div#Content div.tabFrame div.forDiary.byList div.photo					{ width:35px;float:left;}
	div#Content div.tabFrame div.forDiary.byList div.spec						{ width:220px;float:right;}
		div#Content div.tabFrame div.forDiary.byList div.spec .title	{ font-size: 12px;}
		/*CSS for Safari2- */
		html[xmlns*=""] body:last-child div#Content div.tabFrame div.forDiary.byList div.spec .title{ font-size:11px; }
		/*CSS for Safari4 */
		body:first-of-type div#Content div.tabFrame div.forDiary.byList div.spec .title{ font-size:11px; }
	
	div#Content div.tabFrame div.forDiary.byList p.user				{ font-size: 10px; color: #666666; padding-top: 3px; }
		div#Content div.tabFrame div.forDiary.byList p.user a		{ margin-right: 5px; }
	
	
	/* スポット一覧 by 画像 */
	div#Content div.tabFrame div.byImg					{ padding-left:15px;}
	div#Content div.tabFrame div.byImg div.column		{ width:105px; float:left; display:inline; margin-right:30px; height:142px; }
	div#Content div.tabFrame div.byImg div.column.turn	{ margin-right:0px; }
	div#Content div.tabFrame div.byImg div.photo		{ margin-bottom:2px; }
	div#Content div.tabFrame div.byImg p.title			{ font-size: 12px; }

		div#Content div.tabFrame div.byImg p.title{ font-size: 12px; padding-top: 3px;}
		/*CSS for Safari2- */
		html[xmlns*=""] body:last-child div#Content div.tabFrame div.byImg p.title{ font-size:10px; }
		/*CSS for Safari4 */
		body:first-of-type div#Content div.tabFrame div.byImg p.title{ font-size:10px; }
		

/* ===================================================================
 3. スポットトップ10
=================================================================== */
div#Content div.spotTop10	{ width:180px; float:left; padding-bottom:40px; font-size:12px; }
	div#Content div.spotTop10 div.column{
		border-bottom:1px #CCCCCC solid;
		clear:both;
		margin-bottom:10px;
		padding-bottom:5px;
	}	
		div#Content div.spotTop10 div.column div.photo				{ width:70px; float:left; }
			div#Content div.spotTop10 div.first div.photo				{ width:180px; float:none; margin-bottom:5px; }
			
		div#Content div.spotTop10 div.column p.title					{ line-height:1.2; }
		div#Content div.spotTop10 div.column p.title img			{ vertical-align:-2px; margin-right:2px; }
		div#Content div.spotTop10 div.column div.spec					{ width:100px; float:right; }
		div#Content div.spotTop10 p.term											{ color:#666666; font-size:10px; margin-bottom:10px; text-align:right; }
	
		div#Content div.spotTop10 div.column.first						{ margin-bottom:10px; }


/* ===================================================================
 4. イベント一覧
=================================================================== */

div.eventListBasic div.column div.spec	{ width:220px;}

/* ===================================================================
 5. 口コミ一覧
=================================================================== */
div.kuchiListCateTop span.title					{ font-size:12px; }
div.kuchiListCateTop div.spec					{ float:left; width:300px; font-size:12px;}
	div.kuchiListCateTop div.spec p.place		{ float:left; width:210px; }
	div.kuchiListCateTop div.spec p.time		{ float:right; width:80px; }	

/* ===================================================================
 5. ざっくぅ分析
=================================================================== */

div.analyzeList{margin-bottom:20px;}

/* ------------------------------------------------------------------------------------------
 999.3. cleafix
------------------------------------------------------------------------------------------ */

/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}
/* End hide from IE-mac */