@charset "UTF-8";

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

　インデックス

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

/* 新スライドショー 20130910 */

div#slideArea-2nd{
	width:700px;
	margin-bottom:20px;
}
	div#slideArea-2nd ul.slideshow li{
		top:0;
		left:0;
		display:none;
	}
	div#slideArea-2nd ul.slideshow li.active{
		display:block;
	}
	div#slideArea-2nd #switch{
		background:#f1f1f1;
		padding:5px 10px;
		margin-top:1px;
		position:relative;
	}
	div#slideArea-2nd #switch-wrap{
		padding-left:30px;
		overflow:hidden;
		width:624px;
		height:80px;
		margin-right:-4px;
	}
	div#slideArea-2nd #switch-wrapin{
	}
	div#slideArea-2nd #switch-wrapin li.thumb{
		border:2px solid #fff;
		margin-right:4px;
		vertical-align:top;
	}
	div#slideArea-2nd #switch-wrapin li.hover{
		border:2px solid #ff3401;
		margin-right:4px;
		vertical-align:top;
	}
	div#slideArea-2nd #switch-wrap a.prev,
	div#slideArea-2nd #switch-wrap a.next{
		background-image:url(img/slide_control.gif);
		background-repeat:no-repeat;
		width:20px;
		height:50px;
		display:block;
		position:absolute;
		top:20px;
	}
	div#slideArea-2nd #switch-wrap a.prev{
		left:10px;
		_left:0;
		background-position:0 0;
	}
	div#slideArea-2nd #switch-wrap a.next{
		right:10px;
		background-position:-20px 0;
	}

	div#slideArea-2nd #switch-wrap a.prev span,
	div#slideArea-2nd #switch-wrap a.next span{
		display:none;
	}

/* 旧スライドショー 2011 */

div#slideArea{
	position:relative;
	width:700px;
	height:330px;
}
	div#slideArea ul.slideshow li{
		position:absolute;
		top:0;
		left:0;
		display:none;
	}

	div#slideArea ul.slideshow li.active{
		display:block;
	}

	div#slideArea ul.switch{
		position:absolute;
		top:300px;
	}

	div#slideArea ul.switch li{
		margin-top:10px;
		margin-right:10px;
		line-height:1em;
	}

	div#slideArea ul.switch li img{
		vertical-align:top;
	}

div#recommend{
	padding-top:19px;
	margin-bottom:20px;
}
	div#recommend h2{
		margin-right:20px;
		margin-bottom:10px;
	}

	div#recommend ul{
		width:533px;
		margin-top:-7px;
	}

	div#recommend ul li{
		margin-top:5px;
	}

div#pickup{
	padding-top:14px;
	margin-bottom:20px;
	background:#faf5eb;
}

div#pickup .fl,
div#pickup .fr{
	width:320px;
}

div#pickup #event{
	margin-right:20px;
}


div#odekakenavi{
	padding-top:14px;
	margin-bottom:20px;
}

div.titleArea{
	margin-bottom:15px;
}

div#event{
	width:310px;
	margin-right:30px;
}
div#hiking{
	width:320px;
}
div#hiking p.state{
	color:#CC1800;
	font-weight:bold;
}
div#exhibition{
	width:320px;
}

p#eventsearch{
	float:left;
	margin-top:3px;
	margin-left:20px;
}

p#allhiking{
	float:left;
	margin-top:3px;
	margin-left:20px;
}

p#allexhibition{
	float:left;
	margin-top:3px;
	margin-left:20px;
}

#spotsearch{
	float:left;
	margin-top:30px;
	/* margin-left:20px; */
}

  #spotsearch ul.boxList{
		margin-right:-15px;
	}

  #spotsearch ul.boxList li{
		width:210px;
		margin-right:15px;
    padding-bottom: 0 !important;
		font-size:85%;
	}

	#spotsearch ul.boxList li ul.btnList li{
		padding-bottom:5px;
		margin-right:0;
	}

	#spotsearch ul.boxList li ul.btnList li img{
		margin-bottom: 0;
	}

div#otherContents{
	margin-top:30px;
	padding:0 5px 20px 20px;
}

	div#otherContents div.strollmap{
		margin-bottom:27px;
	}
		div#otherContents div.strollmap h2{
			margin-bottom:10px;
		}
		div#otherContents div.strollmap p{
			width:660px;
			font-size:77% !important;
			margin-top:-27px !important;
		}

	div#otherContents ul.boxList li{
		width:210px;
		margin-right:15px;
		font-size:85%;
	}

	div#otherContents ul.boxList li ul.btnList li{
		padding-bottom:5px;
		margin-right:0;
	}

	div#otherContents ul.boxList li ul.btnList li img{
		margin-bottom: 0;
	}

	div#otherContents p.otherContentsMenu{
		background:url(img/dot.gif) repeat-x left top;
		margin-top:3px;
		padding-top:4px;
		text-align:right;
		font-size:100%;
	}

	div#otherContents p.otherContentsMenu a{
		margin-right:8px;
	}


	/* ぶらっと酒ナビ */
	div#otherContents div#sakenavi{
		border-bottom: 1px solid #e4e4e4;
		margin-bottom: 45px;
		/*padding-bottom: 10px;*/
		padding-bottom: 20px;
		width: 660px;
	}

	div#otherContents div#sakenavi .fl{
		width: 230px;
	}

	div#otherContents div#sakenavi .fr{
		color: #555;
		/*margin-top: 14px;*/
		/*margin-top: 5px;*/
		width: 400px;
	}

	div#otherContents div#sakenavi .fr h2{
		font-size: 161.5%;
	}

	div#otherContents div#sakenavi .fr p.textM{
		font-size: 107.7%;
		margin-top: 3px;
	}

	div#otherContents div#sakenavi .fr p.textS{
		font-size: 92.3%;
		margin-top: 10px;
	}



div#info{
	float:left;
	width:410px;
	margin-right:30px;
}

	div#info div.titleArea ul li{
		line-height:1em;
	}

	div#info div.titleArea ul li.rss{
		margin-top:3px;
		margin-left:10px;
	}

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

	div#info dl dt{
		background:url(img/dot.gif) repeat-x left top;
		margin-top:5px;
		padding-top:8px;
	}

	div#info dl dt.first{
		background:none;
		margin-top:0;
		padding-top:0;
	}

div#kpress{
	float:right;
	width:180px;
}



/* おでかけナビ */

ul#exhibitionList div.itemLtr,
ul#hikingList div.itemLtr,
ul#eventList div.itemLtr{
	display:block;
}

ul#exhibitionList div.itemLtr .itemImage,
ul#hikingList div.itemLtr .itemImage,
ul#eventList div.itemLtr .itemImage{
	width:88px;
	display:inline-block;
	/display:inline;
	/zoom:1;
  height: auto;
}

ul#eventList div.itemLtr .itemText{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:200px;
}
ul#hikingList div.itemLtr .itemText{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:210px;
}
ul#exhibitionList div.itemLtr .itemText{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:210px;
}
ul#exhibitionList div.itemLtr .itemText p,
ul#eventList div.itemLtr .itemText p,
ul#hikingList div.itemLtr .itemText p{
	font-size:77%;
}