@charset "UTF-8";

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

　イベント案内

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

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

　一覧

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

/* ///////////////////////////////////////////////////////////////// 注目イベント&注目ハイキング */

div.prWrap{
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:19px;
	border-bottom:1px solid #e4e4e4;
	padding:1px 20px 20px 20px;
}

	div.prWrap div.fl{
		float:left;
		width:320px;
	}
	
	div.prWrap div.fr{
		float:right;
		width:320px;
	}
	

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

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#introWrap div.fr{
	width:340px;
}

	div#introWrap div.fr p{
		width:340px;
		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(img/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#newWrap{
	margin-top:30px;
}

	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#otokuWrap{
	margin-top:30px;
}

	div#otokuWrap ul li{
		border-top:#e4e4e4 1px solid;
		padding-top:11px;
		margin-top:11px;	
		width:660px;
		font-size:100%;
	}
	
	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;*/
	}


p.state{
	color:#cc1800;
	font-weight:bold !important;
}

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

　イベントカレンダー

============================================================================ */
	
#calendarTtl{
	padding:4px;
	border:1px solid #d9d9d9;
	background-color:#f6f6f6;
	text-align:center;
	font-weight:bold;
	font-size:123.1%;
	font-weight:bold;
}

	#calendarTtl span{
		padding-bottom:11px;
		padding-top:10px;
		display:block;
		background-color:#FFFFFF;
	}

div.calendarBtn{
	margin-top:20px;
	position:relative;
}

	p.eventBtn{
		position:absolute;
		left:0;
		top:0;
	}

ul.calSwitch{
	margin:0 auto;
	width:220px;
}
	ul.calSwitch li{
		padding-left:5px;
		padding-right:5px;
	}

ul.iconList{
	margin-top:-36px;
	float:right;
	width:123px;
}


/* スタイル移行 start */

.tableTypeCal {
	color: #999999;
	line-height: 140%;
	border-collapse: collapse;
	margin: 15px 0 0;
	table-layout: fixed;
}

.tableTypeCal th {
	/*font-size: 12px;*/
	padding: 6px;
	border: 1px solid #DFDFDF;
	color: #333333;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}

.tableTypeCal td {
	min-height: 110px;
	height: 110px !Important;
	height: 110px;
	padding: 0 6px 6px 0;
	margin: 0;
	border: 1px solid #DFDFDF;
	background: #FFFFFF;
	vertical-align: top;
	text-align: left;
}

.tableTypeCal th.sun {
	background: url(img/bg_calsunname.gif) no-repeat;
}

.tableTypeCal th.sat {
	background: url(img/bg_calsatname.gif) no-repeat;
}

.tableTypeCal th.week {
	background: url(img/bg_calweekname.gif) no-repeat;
	width:82px;
}

.tableTypeCal td.sun,
.tableTypeCal td.holiday {
	background: #F8F0F0 url(img/bg_calsun.gif) repeat-x bottom;
}

.tableTypeCal td.sat {
	background: #F3F8FC url(img/bg_calsat.gif) repeat-x bottom;
}

.tableTypeCal td.week {
	background: #FFFFFF url(img/bg_calweek.gif) repeat-x bottom;
}

.tableTypeCal td.sun div.day,
.tableTypeCal td.holiday div.day {
	background: #DCAFAF;
	text-align: center;
}

.tableTypeCal td.sat div.day {
	background: #A3C1E4;
	text-align: center;
}

.tableTypeCal td.week div.day {
	background: #e3e3e3;
	text-align: center;
}

.tableTypeCal td.sun div.day.today,
.tableTypeCal td.holiday div.day.today {
	background: #990000;
}

.tableTypeCal td.sat div.day.today {
	background: #3366FF;
}

.tableTypeCal td.week div.day.today {
	background: #886C00;
}
.tableTypeCal td div.day {
	display: block;
	width: 26px;
}

.tableTypeCal td div.day span {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 5px;
	_padding: 0px;
}

.tableTypeCal .sun span,
.tableTypeCal .holiday span {
	color: #990000;
}

.tableTypeCal .sat span {
	color: #3366FF;
}

.tableTypeCal .week span {
	/*color: #686339;*/
	color:#333;
}

.tableTypeCal .sun div.day.today span,
.tableTypeCal .holiday div.day.today span,
.tableTypeCal .sat div.day.today span,
.tableTypeCal .week div.day.today span {
	color: #FFFFFF;
}

.tableTypeCal td ul {
	/*font-size: 11px;*/
	margin: 8px 0 2px 6px;
}

ul li.ttlTypeEvent {
	padding-left: 13px;
	/*background: url(img/icon_event.gif) no-repeat 0 3px ;*/
	background: url(img/icon_event.png) no-repeat 0 3px ;
}

ul li.ttlTypeExhi {
	padding-left: 13px;
	background: url(img/icon_exhi.png) no-repeat 0 3px ;
}

ul li.ttlTypeTemple {
	padding-left: 13px;
	background: url(img/icon_temple.png) no-repeat 0 3px ;
}

ul li.ttlTypeHiking {
	padding-left: 13px;
	background: url(img/icon_hiking.png) no-repeat 0 3px ;
}

.tableTypeCal td p.postNum {
	width:4em;
	float: right;
	/*font-size: 12px;
	color: #D1615A;
	text-decoration:underline;*/
	color:#1d3886;
	text-align:right;
	margin-top: 10px;
}

.tableTypeCal td p.postNum:hover {
	text-decoration:underline;
	/*cursor: pointer;*/
}

.tdWrap {
	position:relative;
}

.calWin {
	position: absolute;
	top: 0;
	/*left: 112px;*/
	left: 5px;
	width: 330px;
	/*background: #C0DE7C;*/
	background: #cdb55f;
	z-index: 100;
}

td.winLeft .calWin {
	position: absolute;
	top: 0;
	/*left: -330px;*/
	left: -250px;
	width: 330px;
	/*background: #C0DE7C;*/
	background: #cdb55f;
	zoom:1;
}

.calWin .calWinInner {
	position:relative;
	margin: 4px;
	/*_margin: 1px 4px 4px 4px;*/
	background: #FFFFFF;
}

*:first-child+html .calWin .calWinInner { margin: 1px 4px 4px 4px; } 

.calWin .calWinInner p {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	/*background: url(/navi/common/ttl_calwin.gif) bottom repeat-x;*/
	text-align: left;
	margin: 0 10px 0 10px;
	padding: 10px 0 7px 5px;
	border-bottom:1px solid #e4e4e4;
}

.calWin .calWinInner .calWinList {
	width: 311px;
}

.calWin .calWinInner span.calWinClose {
	position:absolute;
	top: 8px;
	right: 10px;
	cursor: pointer;
}

	* html .calWin .calWinInner span.calWinClose img{ vertical-align:top; }

.tableTypeCal td .calWin .calWinInner ul {
	font-size: 12px;
	margin-left: 12px;
	padding-bottom: 10px;
}

.tableTypeCal td .calWin .calWinInner ul li {
	padding: 2px 12px 5px 5px;
	margin-top: 3px;
	/*background: url(/common/line03.gif) repeat-x bottom;*/
	background:url(/common/css/img/dot.gif) repeat-x left bottom;
}

.tableTypeCal td .calWin .calWinInner .calWinList ul li.ttlTypeEvent span {
	color: #999999;
	font-weight: normal;
	padding-left: 13px;
	background: url(img/icon_event.png) no-repeat 0 50%;
}

.tableTypeCal td .calWin .calWinInner ul li.ttlTypeExhi span {
	color: #999999;
	font-weight: normal;
	padding-left: 13px;
	background: url(img/icon_exhi.png) no-repeat;
}

.tableTypeCal td .calWin .calWinInner ul li.ttlTypeTemple span {
	color: #999999;
	font-weight: normal;
	padding-left: 13px;
	background: url(img/icon_temple.png) no-repeat;
}

.tableTypeCal td .calWin .calWinInner ul li.ttlTypeHiking span {
	color: #999999;
	font-weight: normal;
	padding-left: 13px;
	background: url(img/icon_hiking.png) no-repeat;
}

.tableTypeCal td:hover {
	/*background-color: #C0DE7C;*/
	background-color:#cdb55f;
	background-image: none;
}

.tableTypeCal td.selected {
	/*background-color: #C0DE7C;*/
	background-color:#cdb55f;
	background-image: none;
}

.tableTypeCal td.tdGrey,
.tableTypeCal td.tdGrey:hover,
.tableTypeCal td.selected.tdGrey {
	background-color: #F6F6F6;
	background-image: none;
}

.tableTypeCal td.selected div.tdWrap {
	z-index: 31;
}

/* スタイル移行 end */

.tableTypeCal td ul li{
	font-size:100%;
}