@charset "UTF-8";

/* ****************************************************************************

　スポット検索

------------------------------------------------------------------------------- */

/* ============================================================================

　インデックス

============================================================================ */
ul.contentsList{
	margin-left:-15px;
	width:675px;
	overflow:hidden;
}
ul.contentsList li{
	margin-left:15px;
}

/* ///////////////////////////////////////////////////////////////// 新着スポット */							

	div#newWrap ul{
		margin:0 -7px 0 -8px;	
		width:675px;
	}
	div#newWrap li{
		margin:0 7px 0 8px;	
		width:210px;
		font-size:100%;
	}
	
	div#newWrap p.pict{
		float:left;
	}
	
	div#newWrap div.txt{
		float:right;
		width:130px;
	}
	
	div#newWrap div.txt a.arrow02{
		padding-left:11px;
		background-position:left 0.5em;	
		font-weight:bold;
	}	
	
	div#newWrap div.txt span{
		padding-left:11px;
		display:block;
		font-size:77%;
		font-weight:normal;
	}
	
	div#newWrap h4{ 
		margin-bottom:5px;	
		padding:3px 4px 1px;
		color:#FFFFFF;
		text-align:center;
	}		
	
	/* 神社・仏閣 */
	div#newWrap h4.cat1{ background:#939393; }
	/* 美術館・博物館・科学館 */
	div#newWrap h4.cat2{ background:#000000; }		
	/* 名所・旧跡 */
	div#newWrap h4.cat3{ background:#000000; }	
	/* 公園 */
	div#newWrap h4.cat4{ background:#000000; }
	/* 遊び */
	div#newWrap h4.cat5{ background:#ff0040; }	
	/* グルメ */
	div#newWrap h4.cat6{ background:#ff9400; }	
	/* ショッピング */
	div#newWrap h4.cat7{ background:#000000; }							
	
	


/* ============================================================================

　一覧

============================================================================ */

/* ///////////////////////////////////////////////////////////////// リスト */

div#listWrap{
	margin-top:20px;	
}

	div#listWrap .searchList{
		margin-bottom:30px;	
	}

	div#listWrap h2{
		background:#eeeeee;
		margin:0 -20px 15px;
		padding:10px 20px;
		font-size:108%;
		width:660px;
		position:relative;
	}
	
		div#listWrap h2 a{
			font-weight:bold;	
		}	
	
		div#listWrap h2 span{
			padding-left:10px;
			color:#333333;
			font-size:77%;
		}
		
		div#listWrap div.fl{
			width:150px;
		}
		
		div#listWrap div.fr{
			width:490px;
		}
		
			div#listWrap div.fr p{
				margin-bottom:15px;
			}
			
			div#listWrap div.staff{
				background:url(img/dot.gif) repeat-x left top;
				margin-bottom:15px;
			}
			
			div#listWrap div.inner{
				background:url(img/dot_lr.gif) repeat-y left top;
			}
			
				div#listWrap div.staff dl{
					background:url(img/dot.gif) repeat-x left bottom;
					padding:11px;
				}
				
				div#listWrap div.staff dl dt{
					font-weight:bold;
				}																
			
			div#listWrap dl.icons dt,
			div#listWrap dl.icons dd{
				display:table-cell;  
				*display:inline;  
				*zoom:1; 
				vertical-align: middle; 
			}
			
			div#listWrap dl.icons dt{
				padding-right:5px;
			}
			
			div#listWrap dl.icons dd{
				padding-right:10px;
			}													


/* ============================================================================

　詳細

============================================================================ */
	
div#detailWrap div#ekiTtl{
	width:660px;
	position:relative;
}

div#detailWrap p#ekiBtn{
	position:absolute;
	top:5px;
	right:0px;
}

div#detailWrap h2 span{
	padding-left:10px;
	color:#333333;
	font-size:60%;
	font-weight:normal;
}

/* ///////////////////////////////////////////////////////////////// スポット情報 */

div#introWrap div.fr{
	width:340px;
}

	div#introWrap div.fr p{
		width:320px;
		word-wrap: break-word;
	}

	div#introWrap div.fr dl{
		margin-top: 10px;
		border-bottom:#e4e4e4 1px solid;
	}
		div#introWrap div.fr dl dt{
			border-top:#e4e4e4 1px solid;
			padding: 7px 280px 7px 0;
		}
		
		div#introWrap div.fr dl dt.none{
			border-top:none;
		}	
	
		div#introWrap div.fr dl dd{
			padding:8px 0 6px 9px;
			margin: -32px 0 0 60px;
			width: 274px;
			word-wrap: break-word;
		}
		
		div#introWrap div.fr .notes{
			color:#333333;
			text-align:right;
			margin-top:10px;
		}	

div#introWrap div.fl{
	width:300px;
}

div#introWrap div.fl .pict{
	margin-bottom:11px;
}
div#introWrap div.fl dl.icons dt,
div#introWrap div.fl dl.icons dd{
	display:table-cell;  
	*display:inline;  
	*zoom:1; 
	vertical-align: middle; 
}

div#introWrap div.fl dl.icons dt{
	padding-right:5px;
}

div#introWrap div.fl dl.icons dd{
	padding-right:10px;
}													

/* ///////////////////////////////////////////////////////////////// 周辺情報 */

div#mapWrap{
	margin-top:30px;
}

	div#mapWrap div.fr{
		width:270px;
	}
	
	div#mapWrap div.fr .fBox{
		background:url(dot.gif) repeat-x left bottom;
		padding-bottom:11px;
		margin-bottom:11px;
	}
	
	div#mapWrap div.fr .pict{
		float:left;
		padding-right:10px;
	}
	
	div#mapWrap .marker li{
		float:left;
		padding-right:5px;	
	}
	
	div#mapWrap div.fr dl{
		float:left;
		width:165px;
	}
	
	div#mapWrap div.fr dl dt a{
		font-size:108%;
		font-weight:bold;
	}

	div#mapWrap div.fl{
		width:360px;
	}
		
	div#mapWrap div.fl ul li{
		margin-right:13px;
	}	
	
/* ///////////////////////////////////////////////////////////////// 周辺の京阪グループおトク情報 */

div#otokuWrap{
	margin-top:30px;
}

	div#otokuWrap ul li{
		border-top:#e4e4e4 1px solid;
		padding-top:11px;
		margin-top:11px;	
		width:660px;
		font-size:108%;
	}
	
	div#otokuWrap ul li.none{
		border-top:none;
		padding-top:0;
		margin-top:0;
	}	
	
	div#otokuWrap p.pict{
		float:left;
	}
	
	div#otokuWrap dl{
		float:right;
		width:560px;
		overflow:hidden;
	}

	div#otokuWrap dl dt{
		margin-top:4px;
	}

	div#otokuWrap dl dd{
		margin-top:2px;
	}

	div#otokuWrap dl dt{
		clear:left;
		float:left;
		width:105px;
		/*line-height:1em;*/
	}
	
	div#otokuWrap dl dd{
		float:left;
		width:425px;
		font-size:108%;
		/*line-height:1em;*/
	}


/* ============================================================================

　カテゴリから探す

============================================================================ */
div#categoryWrap{
}

	div#categoryWrap ul{
		margin-left:-15px;
		margin-top:-15px;
		width:675px;
		overflow:hidden;
	}

	div#categoryWrap ul li{
		width:210px;
		margin-left:15px;
		margin-top:15px;
		font-size:100%;
	}

	div#categoryWrap ul li p.txt{
		margin:0 5px;
	}


/* ============================================================================

　駅から探す

============================================================================ */
div#detailWrap p#stationLead{
	margin-bottom: 4px;
	font-size:123.1%;
	font-weight:bold;
}

	div#detailWrap div#introWrap.stationIntro div.fr{
		width:320px;
	}
	div#detailWrap div#introWrap.stationIntro div.fl{
		width:320px;
		margin-right:20px;
	}

div#stationnameWrap{
	margin-top:30px;
}
	div#stationnameWrap h3{
		margin-bottom: 15px;
	}

	div#stationnameWrap ul#stationList li.kana{
		position:relative;
		background:url(img/dot.gif) repeat-x left bottom;
		padding-left:3.8em;
		padding-bottom:6px;
		margin-bottom:15px;
		zoom:1;
		font-size:100%;
		white-space:nowrap;
	}

	div#stationnameWrap ul#stationList li.kana span{
		position:absolute;
		padding-left:10px;
		padding-right:20px;
		left:0;
	}

	div#stationnameWrap ul#stationList li.kana ul li{
		line-height:1.3em;
		border-right:1px solid #c2c2c2;
		padding:0 10px;
		margin-bottom:10px;
	}

	div#stationnameWrap ul#stationList li.kana ul li.last{
		border-right:none;
	}

	div#stationnameWrap p.txt{
		text-align:right;
		font-size:77% !important;
	}


/* ============================================================================

　周辺のイベント案内

============================================================================ */
div#aroundEventWrap{
	margin:30px 0 20px 0;
	width:660px;
}

* html div#aroundEventWrap{ overflow:hidden; }

	div#aroundEventTab .current-info,
	div#aroundEventTab .accessibletabsanchor,
	div#aroundEventTab .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
		position:absolute;
		left:-999em;
	}

	div#aroundEventTab ul.tabs-list{
		padding-left:10px;
	}
	div#aroundEventTab ul.tabs-list li{
		float: left;
		margin-top:0;
		padding-bottom:0;
	}
	* html div#aroundEventTab ul.tabs-list li{
		display:inline !important;
	}

	div#aroundEventTab .content{
		clear:both;
		margin-top:-1px;
		border-top:1px solid #c9c9c9;
		padding-top:20px;
	}

	div#aroundEventTab .tabbody{
		overflow:auto;
		height:246px;
		background-color:#ffffff;
	}

	div#aroundEventTab .itemLtr{
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px solid #c9c9c9;
	}

	div#aroundEventTab .itemLtr .eventTitle{
		margin-top:3px;
		font-size:108%;
		font-weight:bold;
	}