@charset "Shift_JIS";

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

 Common style of navi

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

/* カテゴリごとの設定 */

div#odekakeContents a:link{ color:#4d9309; }
div#odekakeContents a:visited{ color:#4d9309; }

div#odekakeContents ul.arrow01 li,
a.arrow01,
span.arrow01,
div#eventList div.eventTxt h3.arrow01,
div.areaListIn div.areaTxt dt.arrow01,
div.resultList h4,
h4.arrow01{
	margin-top:6px;
	padding-left:9px;
	background:url(img/icon_arrow01.gif) no-repeat left 0.45em;
	line-height:1.5;
}

a.arrow01{
	margin-top:0;
	background:url(img/icon_arrow01.gif) no-repeat left 0.35em !important;
}

h4.arrow01{
	background:url(img/icon_arrow01.gif) no-repeat left 0.5em !important;
}
div.resultList h4{
	background:url(img/icon_arrow01.gif) no-repeat left 0.65em !important;
}
div#eventList div.eventTxt h3.arrow01{
	margin-top:0;
	background:url(img/icon_arrow01.gif) no-repeat left 0.5em !important;
}
/* タイトル */

/*
.ttlstyle01{
	padding-bottom:4px;
	background:url(img/ttl_style01.gif) repeat-x left bottom;
}
*/

.ttlstyle02 span{
	padding-left:14px;
	background:url(img/icon_style02.gif) no-repeat left 0.45em;
}

.ttlstyle03{
	margin-top:20px;
	margin-bottom:15px;
	padding:6px 10px 6px;
	background:#e3eccf url(img/ttl_style03.gif) repeat-x left top;
	font-size:108%;
	font-weight:bold;
	border:1px solid #c9d4af;
	color:#1a1a1a;
	zoom:1;
}

	.ttlstyle03 span{
		padding-left:14px;
		background:url(img/icon_style02.gif) no-repeat left center;
	}

/* ==

　下層共通スタイル

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

h2#eventTtl{
	padding:12px 0 13px 16px;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	background:url(img/eventttl_bg.gif) repeat-x left bottom;
	font-size:167%;
	font-weight:bold;
	color:#1a1a1a;
}

div#eventBody{
	margin:0 auto;
	width:730px;
}


/* ==

　index.html

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


/* サイドナビ */

div#sideOtoku{
	margin-top:5px;
	margin-bottom:15px;
	padding:7px 10px 11px;
	background-color:#f2f2e6;
	border:1px solid #e6e6e6;
}

	div#odekakeContents div#sideOtoku ul.arrow01 li{
		margin-top:5px;
	}

div#sidePamph{
	margin-bottom:15px;
	padding:7px 10px 11px;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

div.sideEvent{
	margin-bottom:15px;
	padding:7px 10px 11px;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

	div.sideEvent p.txtBold{
		line-height:1.1 !important;
	}

	div.sideEvent p.dottop{
		margin-top:10px;
		padding-top:10px;
		text-align:center;
	}

div.sideSearch{
	margin-top:5px;
	margin-bottom:0px;
	padding:7px 10px 11px;
	border:1px solid #e6e6e6;
}


/*関連情報*/

div#btmRelated {
	background:url("img/btm_related_top.gif") no-repeat scroll left top #FFFFFF;
	margin-top:20px;
	padding-top:12px;
}

	div#btmRelated div#btmRelatedIn{
		background:url("img/btm_related_mdl.gif") repeat-y scroll left top transparent;
	}

div#btmRelated ul {
	margin-right:-10px;
	background:url("img/btm_related_btm.gif") no-repeat scroll left bottom transparent;
	width:860px;
	padding:0 60px 2px;
}
div#btmRelated ul li {
	padding-bottom:10px;
	margin-right:10px;
	float:left;
	display:inline;
}
	/*div#btmRelated ul li.right {
		padding-right:0px;
	}*/



/* ページ下部 関連情報エリア */

#sec_bnr div.conend {
	height:3px;
}

#sec_bnr div.conend img {
	vertical-align:top;
}

#bnr_tieup {
	width:740px;
	margin:10px 10px 20px;
	padding-bottom:15px;
	text-align:center;
	overflow:hidden;
	background:url(/navi/data/tieup/img/tieup_bg.jpg) bottom left;

}
#bnr_tieup_ttl {
	margin-bottom:10px;
}

#bnr_tieup ul li {
	margin-top:5px;
	display:inline;
}




/* ///////////////////////////////// ローカルナビ */

div#mainSearch{
	margin-top:8px;
}

div.tokutokuPlace{
	margin-bottom:5px;
}

dl.tokutokuPlace{
	margin-top:5px;
}
dl.tokutokuPlace dt{
	margin-bottom:3px;
	height:10px;
}

	dl.tokutokuPlace dt img{
		vertical-align:top;
	}
	dl.tokutokuPlace dd label{
		margin-left:5px;
	}

label img,
label{
	vertical-align:middle !important;
}
select#depArea,
select#arrArea{
	width:125px;
	vertical-align:middle !important;
}

#sttlDay{
	display:block;
	margin-bottom:4px;
}

select.yearSelect,
select.daySelect{
	width:45px;
	margin-right:1px;
	margin-left:1px;
	vertical-align:middle !important;
}

#searchDetail{
	margin:16px 0 11px -9px;
	position:relative;
}

div.lnavBtn{
	margin-top:5px;
	padding-right:4px;
	text-align:right;
}

.input164{
	margin-top:3px;
}
.input146{
	display:inline;
}

div.pamphMenu{
	margin-top:6px;
	margin-bottom:20px;
}

	div.pamphMenu label.block{
		margin-bottom:6px;
	}

div.pamphMenu p.discription{
	line-height:1.5 !important;
	color:#4c4c4c !important;
}





/* ==

　jr-odekake-event（画像のパスがあるのでこちらに記述）

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

div#ttlCategory{
	background:url(/common/css/style/img/ttl_style02.gif) repeat-x left bottom;
}


/* ==

　2011　春バージョン用スタイル

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

/* ///////////////////////////////// common */

div#indexMain{
	float:left;
	width:630px;
}

div#indexSide{
	float:right;
	width:310px;
}

div#index_2column{
	padding:0 10px 12px;
	background:url(img/bg_wrap_btm.jpg) no-repeat left bottom;
}

p#ganba {
position:absolute;
top:7px;
right:0;
z-index:9999;
}

body#navi div#odekakeContents{
	margin:0 auto;
	padding-top:41px;
	width:972px;
	position:relative;
	top:0;
	left:0;
}

ul#bnr_4column{
	margin-right:-10px;
	width:640px;
}

	ul#bnr_4column li{
		margin-right:10px;
		background-color:#FFF;
	}


/*パターンA-おでかけナビゲーターメイン*/
div#naviService{
	padding:16px 17px 11px 23px;
	background-color:#FFF;
}

	div#serviceL{
		float:left;
		width:257px;
	}

		div#serviceL h2{
			margin-left:2px;
			margin-bottom:16px;
		}

	div#serviceR{
		float:right;
		width:313px;
	}

		div#serviceR ul{
			margin-right:-36px;
			width:349px;
		}

			div#serviceR ul li{
				margin-right:14px;
				margin-bottom:5px;
			}

/*パターンB-すべてテキスト*/
div#naviService2{
	padding:20px 0 20px 20px;
	background-color:#FFF;
}

	div#serviceBox {
		width:610px;
	}

		div#serviceBox h2{
			float:left;
			width:120px;
		}

		div#serviceBox ul.left{
			width:313px;
			float:left;
		}

			div#serviceBox ul li{
				float:left;
			}


/* 日帰りプラン */

div#naviPlan{
	margin-top:11px;
	background-position:left top;
	background-repeat:no-repeat;
}

/* @end */

/* おでかけガイド */

#guideWrap .sideBox {
	padding: 3px !important;
	background-color: #f4f4f4;
}

	#guideWrap ul {
		background-color: #fff;
	}

		#guideWrap ul li {
			width: 92px;
			margin-left: 8px;
			float: left;
		}

/* おトクなきっぷ */

div#ticketWrap{
	padding-bottom:20px;
	padding-top:12px;
}

	div#ticketWrap ul,
	div#ticketWrap p{
		margin:0 auto;
		width:271px;
	}

		div#ticketWrap ul li{
			margin-top:2px !important;
			line-height:1.33 !important;
			font-size:108% !important;
			margin-bottom:5px;
		}
			div#ticketWrap ul li a{
				font-weight:bold;
			}

			div#ticketWrap ul li span{
				font-size:85.7%;
			}

	div#ticketWrap p{
		margin-top:5px;
	}

/* @end */


/* パンフレット情報 */

div#eventTicketWrap{
	padding:14px 20px 15px 19px;
	background-color:#FFF;
}

	div#eventTicketWrap h2{
		margin-bottom:5px;
	}



/* @end */


/* パンフレット情報 */

div#pamphletWrap{
	padding:14px 20px 15px 19px;
	background:#FFF url(img/bg_pamphlet.jpg) no-repeat right top;
}

	div#pamphletWrap h2{
		margin-bottom:8px;
	}

	div#pamphletWrap select{
		width:217px;
	}

/* @end */

/* イベント情報　観光スポット */

div#infoWrap{
	padding:15px 10px 16px 19px;
	background-color:#FFF;
}

	div#infoWrap select{
		width:217px;
	}

/* @end */

/* バナーエリア */

#btmRelated{
	margin:0 auto;
	width:970px;
}


/* ///////////////////////////////// 2016summer */

body#navi div#odekakeWrap{
background:url(img/2020/spring/bg_wrap.jpg) no-repeat center top;
}

/* START カニ仕様2014

div#navihead h1{
	position:absolute;
	left:9px;
	top:-35px !important;
}

#kaniBtn {
	position:absolute;
	z-index:9997;
	top:510px;
	left:-131px;
}

#kaniBtn02 {
	position:absolute;
	z-index:9997;
	top:440px;
	left:985px;
}

body {
min-width:972px;
overflow:hidden;
}

END カニ仕様2014 */

/* メイントップ */


div#navihead{
	position:relative;
	background-color:#fff9da;
}

div#navihead h1{
	position:absolute;
	left:9px;
	top:-22px;
}

div#navihead p#copy{
	position:absolute;
	left:9px;
	top:137px;
}

div#navihead p#image{
	position:absolute;
	left:0;
	top:0;
}


/* @end */

/* 日帰りプラン */

div#naviPlan {
/*	background-image:url(img/2014/spring/bg_plan.jpg);*/
	width:710px;
	height:380px;
	margin-top:0;
	position:relative;
}

	div#naviPlan h2{
		position:absolute;
		top:0;
		left: 0;
	}

	div#naviPlan li{ position:absolute; }
	div#naviPlan li#ekiplan01{
		top: 0;
		left:114px;
	}
	div#naviPlan li#ekiplan02,
	div#naviPlan li#ekiplan02:hover{
		top:281px;
		left:114px;
	}

/* @end */

/* ロールオーバー用の背景指定 */

.bg{
	background-color:#FFF;
}


/* ==

　2012　js用スタイル

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

div#navihead{
	float:left;
	width:630px;
}
ul#navBnr{
	float:right;
	width:310px;
}
	ul#navBnr li.first{
		padding-bottom:10px;
	}

div#navSlide{
	margin:0 auto;
	padding-top:10px;
	width:950px;
	position:relative;
}
	div#navSlideIn{
		margin:0 auto;
		position:relative;
		width:894px;
		overflow:hidden;
		zoom:1;
	}

	ul.slideBnr{
		margin:0 auto;
		/*width:895px;*/
		width:10000px;
		/*height:170px;*/
		position:relative;
		z-index:2;
	}

	ul.scripton{
		display:none;
	}

		ul.slideBnr li{
			margin-left:4px;
			margin-right:4px;
			background-color:#FFFFFF;
		}

		ul.slideBnr li.split{
			background:transparent;
		}

	ul#slideArrow{
		position:absolute;
		left:0;
		top:10px;
		width:950px;
		display:none;
	}
	ul#slideArrow li{ cursor:pointer; }
	ul#slideArrow li#slideL{ float:left; }
	ul#slideArrow li#slideR{ float:right; }

/* ///////////////////////////////// レイアウト上書き */

div#indexMain{
	float:left;
	width:710px;
}

div#indexSide{
	float:right;
	width:250px;
}

div#index_2column{
	margin-bottom:9px;
	padding:0 10px 12px;
	background:none;
}

div#ticketWrap{
	padding-bottom:10px;
}
div#ticketWrap h2,
div#ticketWrap ul,
div#ticketWrap p{
	margin:0 auto;
	width:230px;
}

div#ticketWrap ul li{
	font-size:93% !important;
}

div#eventTicketWrap,
div#pamphletWrap{
	padding:0;
}

div#pamphletWrap select,
div#infoWrap select{
	width:175px;
}

/* @end */

/* 日帰りプラン */

div.winter2011{
	margin-top:0 !important;
	background-image:url(img/2012/spring/bg_plan.jpg);
	width:710px;
	height:380px;
	position:relative;
	zoom:1;
}

	div#naviPlan.winter2011 h2{
		position:absolute;
		top:24px;
		left:20px;
	}

	div#naviPlan.winter2011 li{ position:absolute; }
	div#naviPlan.winter2011 li#ekiplan01{
		top:14px;
		left:130px;
	}
	div#naviPlan.winter2011 li#ekiplan02,
	div#naviPlan.winter2011 li#ekiplan02:hover{
		top:266px;
		left:130px;
		z-index:5;
	}

/* おすすめのきっぷ・サービス */

div#naviService3{
	padding:13px 0 9px 9px;
	border:1px solid #e6e6e6;
}

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

/* パンフレット情報 */

div#pamphletWrap p.text10{
	padding-right:60px;
}

	div#pamphletWrap form{ margin-bottom:7px; }

/* イベント券〜観光スポット　共通指定 */

div#indexSide div.sideBox{
	padding:9px 9px 11px;
	border:1px solid #e6e6e6;
}
div#indexSide div#infoWrap{
	padding:9px 5px 11px 9px;
}

/* 2014.12.02追加 /////////////////////////////////  */

/* おでかけ関連情報その2 */

#relatedBox {
width:950px;
margin:33px auto 0; !important;
}

#relatedBoxIn {
background:url(img/bg_relatedbox.gif) repeat-y;
}

#relatedBox h3 {
margin-bottom:10px;
}

#related01,
#related02,
#related03{
float:left;
}

#related01,
#related02{
float:left;
margin-right:4px;
}

#related01 ul {
padding-left:20px;
padding-bottom:15px;
background:#f7f7f7;
}

#related02 ul,
#related03 ul {
padding-left:20px;
padding-bottom:15px;
background:#f7f7f7;
}

#related04 {
margin-right:0 !important;
}

#related01,
#related03{
width:370px;
}

#related02{
width:202px;
}

#related01 li,
#related02 li,
#related03 li {
margin-right:5px;
padding-top:5px;
}

.ln-top {
border-top:4px solid #fff;
}

.b2 {
padding-bottom:120px;
}