@charset "UTF-8";
/*
=====================================================================
*
*    Common
*
* ===================================================================
*/


/* カスタムフォームちら見え防止用。*/


input[type=checkbox],input[type=radio],select {
	/*margin-left: -99999px;*/
}

input.native {
	margin-left: auto !important;
}

form.native input[type=checkbox],
form.native input[type=radio],
form.native select {
	margin-left: auto !important;
}

.labels{
	display: block;
	position: absolute;
	text-indent: -9999px;
	text-indent: -9999px;
}

.container{
	width: 980px;
	margin: 0px auto;
}


.mgB10 { margin-bottom: 10px; }
.mgB15 { margin-bottom: 15px; }
.mgB20 { margin-bottom: 20px; }
.mgB25 { margin-bottom: 20px; }
.mgB30 { margin-bottom: 30px; }
.mgB40 { margin-bottom: 40px; }
.mgB50 { margin-bottom: 50px; }
.mgB60 { margin-bottom: 60px; }
.mgB70 { margin-bottom: 70px; }
.mgB80 { margin-bottom: 80px; }
.mgB90 { margin-bottom: 90px; }

.pdT10 { padding-top: 10px; }
.pdT20 { padding-top: 20px; }
.pdT30 { padding-top: 30px; }
.pdT40 { padding-top: 40px; }
.pdT50 { padding-top: 50px; }
.pdT60 { padding-top: 60px; }

.pdB10 { padding-bottom: 10px; }
.pdB20 { padding-bottom: 20px; }
.pdB30 { padding-bottom: 30px; }
.pdB40 { padding-bottom: 40px; }
.pdB50 { padding-bottom: 50px; }
.pdB60 { padding-bottom: 60px; }
.pdB70 { padding-bottom: 70px; }
.pdB80 { padding-bottom: 80px; }

.alC{ text-align: center; }
.alL{ text-align: left; }
.alR{ text-align: right; }

.flL{ float: left; }
.flR{ float: right; }

#FeatureNumber .twitter{
  height:20px;
  overflow: hidden; 
}

/* メイン・サブ幅設定
======================================*/
#Main{
	float: left;
	width: 641px;
}
	/*ニュースとキャンペーンの場合*/
	#Main.news,
	#Main.campaign{
		width: 650px;
	}
	/*マイページの場合*/
	#Main.mypage{
		width: 445px;
		margin-bottom: 50px;
	}
	/*プレゼントの場合　1カラム*/
	#Main.present{
		float: none;
		width: 980px;
		margin-bottom: 50px;
	}

#Sub{
	float: right;
	width: 306px;

}
	

/* ページタイトル
======================================*/
#TopTitle{
	padding-top: 45px;
	margin-bottom: 45px;
	text-align: center;
}

/*
=====================================================================
*
*    TopNavi
*
* ===================================================================
*/
/*
#TopNavi{
	width: 980px;
	padding-top: 5px;
	padding-bottom: 25px;
	margin: 0 auto;
	text-align: left;
	font-size: 90%;
}
#TopNavi.pdB10{
	padding-bottom: 10px;
}

	#TopNavi li{
		display:inline;
	}

		#TopNavi li a{
			color: #247bb0;
			text-decoration: underline;
			padding-right: 12px;
			background: url(/content/images/common/bg/topnavi.png) right center no-repeat;
		}
		#TopNavi li a:hover{
			text-decoration: none;
		}

#TopNaviBottom{
	width: 980px;
	padding-top: 15px;
	padding-bottom: 45px;
	margin: 0 auto;
	text-align: left;
	font-size: 90%;
}

	#TopNaviBottom li{
		display:inline;
	}

		#TopNaviBottom li a{
			color: #247bb0;
			text-decoration: underline;
			padding-right: 12px;
			background: url(/content/images/common/bg/topnavi.png) right center no-repeat;
		}
		#TopNaviBottom li a:hover{
			text-decoration: none;
		}
*/
/*
=====================================================================
*
*    Header
*
* ===================================================================
*/


/*	
=====================================================================
*
*    非ログインヘッダー
*
* ===================================================================
*/



#Header{
	
}
	#HeaderNav{
		
	}
		#HeaderNav #Logo{
			width: 175px;
			float: left;
		}
			#HeaderNav #Logo a,
			#HeaderNav #Logo span{
				width: 175px;
				height: 80px;
				float: left;
				background: url(../images/common/common2019.png) no-repeat -577px -115px;
				text-indent: -9999px;
				background-size: 852px 600px;
			}
		#HeaderNav p{
			float: left;
			padding-top: 30px;
		}
		#HeaderNav ul.noLogin{
			width:385px;
			float: right;	
			padding-top: 20px;
		}
			#HeaderNav ul li{
				float: left;	
			}
				#HeaderNav ul.noLogin li a{
					display: block;
					height: 40px;
					text-indent: -9999px;
					background: url(../images/common/common2019.png) no-repeat;
					background-size: 852px 600px;
				}
				#HeaderNav ul.noLogin li#HnavApp a{
					background-position: 0px -219px;
					width: 165px;
				}
				#HeaderNav ul.noLogin li#HnavApp a:hover{
					background-position: 0px -259px;
				}
				#HeaderNav ul.noLogin li#HnavSignup a{
					background-position: -165px -219px;
					width: 135px;
				}
				#HeaderNav ul.noLogin li#HnavSignup a:hover{
					background-position: -165px -259px;	
				}
				#HeaderNav ul.noLogin li#HnavLogin a,
				#HeaderNav ul.noLogin li#HnavLogin2 a{
					background-position: -300px -219px;
					width: 85px;
				}
				#HeaderNav ul.noLogin li#HnavLogin a:hover,
				#HeaderNav ul.noLogin li#HnavLogin2 a:hover{
					background-position: -300px -259px;
				}


/*
=====================================================================
*
*    ログインヘッダー
*
* ===================================================================
*/

#HeadStatus{
  float: right;
  width: 750px;
  padding-top: 19px;
}
	#HeadStatus > ul > li{
		display: inline;
		float: right;
		margin-left: 20px;
		height: 50px;
		line-height: 44px;
	}
		#HeadStatus > ul > li > a{
			color: #4c4948;
		}

  /*アイコン部分*/
  #HeadStatus li#HeadMyIcon{
  	position: relative;
  	float: right;
  	/*margin-right: 12px;*/
  	display: inline;/*ie*/
  	padding-top: 5px;
  }
  
  	#HeadStatus li#HeadMyIcon span{
  		margin-left: 8px;
  		vertical-align: middle;
  		line-height: 27px;
  	}
  
  	#HeadStatus li#HeadMyIcon a {
  		color: #797776;
  	}
  
  	#HeadStatus li#HeadMyIcon a:hover,
  	#HeadStatus li#HeadMyIcon a:focus {
  		color: #F9107A;
  	}
  
  	#HeadStatus li#HeadMyIcon .tooltip{
  		position: absolute;
  		left: -74px;
  		top: 40px;
  	}
  
  
  /*お知らせ*/
  #HeadMyNews .balloon { display:none; }
  
  #HeadMyNews{
  	position: relative;
  	float: left;
  	text-align: center;
  	padding-top: 2px;
  	margin-top: 6px;
  	margin-right: 0px;
  	margin-left: 10px !important;
  }
  
  	#HeadMyNews .num a{
  		display: block;
  		height: 24px;
  		overflow: hidden;
  		background-image: url(/content/images/common/common2019.png);
  		background-size: 852px 600px;
  	}
  
  	#HeadMyNews .num a span{
  		display: block;
  		font-size: 12px;
  		line-height: 24px;
  		color: #fff;
  		font-family:'Avenir LT W01_55 Roman1475520', sans-serif;
  		vertical-align: -0.075em;
  	}
  	/*なし*/
  	#HeadMyNews .num a{
  		width: 22px;
  		background-position: 0px -0px;
  	}
  	/*1桁*/
  	#HeadMyNews .num a.number1,
  	#HeadMyNews .num span.number1 {
  		width: 22px;
  		background-position: -22px -0px;
  	}
  	/*2桁*/
  	#HeadMyNews .num a.number2,
  	#HeadMyNews .num span.number2 {
  		width: 25px;
  		background-position: -44px -0px;
  	}
  	/*3桁*/
  	#HeadMyNews .num a.number3,
  	#HeadMyNews .num span.number3{
  		width: 30px;
  		background-position: -69px -0px;
  	}
  	/*4桁*/
  	#HeadMyNews .num a.number4,
  	#HeadMyNews .num span.number4{
  		width: 30px;
  		background-position: -99px -0px;
  	}
  
  	#HeadMyNews .balloon{
  		position: absolute;
  		z-index: 100;
  		top: 45px;
  		left: -5px;
  		width: 355px;
  	}
  
  /*お知らせ*/
  #MyNewsBalloon{
  	position: relative;
  	width: 355px;
  }
  
  	#MyNewsBalloon .titleArea{}
  
  	#MyNewsBalloon .scrollOuter{/*スクロール部分　後で消す*/
  		width: 355px !important;
  	}
  
  	#MyNewsBalloon .listArea{
  		padding: 0 3px;
  		background: url(/content/images/mypage/bg/balloon/news-middle.png);
  	}
  
  	#MyNewsBalloon .bgBottom{
  		position: absolute;
  		bottom: -4px;
  		left: 0px;
  		display: block;
  		width: 355px;
  		height: 4px;
  		background: url(/content/images/mypage/bg/balloon/news-bottom.png);
  	}
  	/*ie6*/
  	* html #MyNewsBalloon .bgBottom{
  		font-size: 1px;
  		line-height: 1;
  	}
  
  		#MyNewsBalloon .listArea ul{}
  
  		#MyNewsBalloon .listArea li{
  			background-image: url(/content/images/mypage/bg/balloon/news-line.png);
  			background-position: center bottom;
  			background-repeat: no-repeat;
  			float: none;
  		}
  
  			#MyNewsBalloon .listArea li a{
  				display: block;
  				padding: 10px 15px 8px;
  				overflow: hidden;
  				_zoom: 1;/*ie*/
  			}
  			#MyNewsBalloon .listArea li a:hover{/*hover*/
  				background-color: #EDEDED;
  			}
  			#MyNewsBalloon .listArea li.unread a{/*未読*/
  				background-color: #e1eef5;
  			}
  			#MyNewsBalloon .listArea li.unread a:hover{/*未読*/
  				background-color: #d0e6f2;
  			}
  
  
  			#MyNewsBalloon .listArea li .thumb{
  				display: block;
  				float: left;
  				width: 50px;
  			}
  
  			#MyNewsBalloon .listArea li .detail{
  				text-align: left;
  				display: block;
  				float: right;
  				width: 245px;
  				padding-top: 4px;
  				margin-right: 5px;
  				color: #52504E;
  				font-size: 95%;
  			}
  
  			#MyNewsBalloon .listArea li .detail .text{
  				display: block;
  				line-height: 1.3;
  				padding-bottom: 3px;
  			}
  
  			#MyNewsBalloon .listArea li .detail .stats{
  				display: block;
  				font-size: 85%;
  			}
  
  				#MyNewsBalloon .listArea li .detail .stats img{
  					vertical-align: middle;
  					margin-right: 3px;
  				}
  
  				#MyNewsBalloon .listArea li .detail .stats .get{
  					display: block;
  					float: left;
  				}
  
  				#MyNewsBalloon .listArea li .detail .stats .date{
  					display: block;
  					float: right;
  				}
  
  					#MyNewsBalloon .listArea li .detail .stats .get span,
  					#MyNewsBalloon .listArea li .detail .stats .date span{
  						vertical-align: middle;
  					}
  
  		/*ローディング時*/
  		/*最初*/
  		.loadingAll #MyNewsBalloon .listArea .moreRead,
  		.loadingAll #MyNewsBalloon .listArea .modLoading{
  			text-align: center;
  			padding-top: 210px;
  		}
  		
  		/*リスト伸ばす時*/
  		#MyNewsBalloon .listArea .modLoading{
  			padding: 15px 0;
  		}
  		
  		.modLoading .loadingIcon{
	  		padding-top: 10px;
  		}

		
/*
=====================================================================
*
*    Header上のログインスライド箇所
*
* ===================================================================
*/
#LoginPulldown{
	min-width: 980px;
	width: 100%;
	height: 152px;
	background-color: #333;
	display: none;
}
	
#LoginPulldown .inner{
	width: 980px;
	padding-top: 22px;
	margin: 0 auto;
	position: relative;
}
	
	#LoginPulldown .btnClose{
		width: 30px;
		position: absolute;
		right: 0px;
		top:0px;
	}
		#LoginPulldown .btnClose a{
			display: block;
			width: 30px;
			height: 27px;
			background: url(../images/common/common2019.png) no-repeat -780px 0px;
			background-size: 852px 600px;
		}
	
	

	#LoginPulldown .snsLoginBlock{
		float: left;
		width: 473px;
		height: 105px;
		border-right: 1px solid #666666;
	}

		#LoginPulldown .snsLoginBlock .title{
			margin-bottom: 18px;
			font-size: 14px;
			color: #FFF;
		}

		#LoginPulldown .snsLoginBlock li{
			display: inline;
			float: left;
			width: 142px;
			margin-right: 15px;
		}
			#LoginPulldown .snsLoginBlock li a{
				display: block;
				width:142px;
				height:40px;
				background: url(/content/images/common/common2019.png) no-repeat;
				background-size: 852px 600px;
			}
			#LoginPulldown .snsLoginBlock li#SnsLoginFacebook a			{ background-position: 0px -35px; }
			#LoginPulldown .snsLoginBlock li#SnsLoginFacebook a:hover	{ background-position: -142px -35px; }
			#LoginPulldown .snsLoginBlock li#SnsLoginTwitter a			{ background-position: -284px -35px; }
			#LoginPulldown .snsLoginBlock li#SnsLoginTwitter a:hover	{ background-position: -426px -35px; }
			#LoginPulldown .snsLoginBlock li#SnsLoginMixi a				{ background-position: -568px -35px; }
			#LoginPulldown .snsLoginBlock li#SnsLoginMixi a:hover		{ background-position: -710px -35px; }


	#LoginPulldown .idLoginBlock{
		float: right;
		width: 491px;
		height: 105px;
	}

		#LoginPulldown .idLoginBlock .title{
			margin-bottom: 18px;
			font-size: 14px;
			color: #FFF;
		}

		#LoginPulldown .idLoginBlock li{
			display: inline;
			float: left;
			width: 180px;
			margin: 0 15px 7px 0;
		}
		#LoginPulldown .idLoginBlock li.turn{
			width: 100px;
			margin-right: 0px;
		}

		#LoginPulldown .idLoginBlock li.checkbox{
			padding-left: 5px;
			color: #fff;
			font-size: 95%;
		}
			#LoginPulldown .idLoginBlock li.checkbox input{
				margin-right: 5px;
			}
			#LoginPulldown .idLoginBlock li.checkbox img{
				vertical-align: middle;
			}

		#LoginPulldown .idLoginBlock li.textlink{
			float: right;
			width: 160px;
			text-align: right;
			margin-right: 0px;
		}
			#LoginPulldown .idLoginBlock li.textlink a{
				color: #cccccc;
			}
			#LoginPulldown .idLoginBlock li.textlink a:hover{
				color: #F9107A;
			}

		#LoginPulldown .idLoginBlock .formText{
			width: 180px;
			padding: 12px 0 13px;
			text-indent: 7px;
			font-size: 12px;
			color: #4C4948;
			border: 0px;
			outline: none;
			background-color: #f5f3f3;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		#LoginPulldown .idLoginBlock #IdLoginId input{
			background-image: none;
		}
		#LoginPulldown .idLoginBlock #IdLoginId input.blur{
			background: url(/content/images/common/common2019.png) no-repeat 0px -75px #f5f3f3;
			background-size: 852px 600px;
		}

		#LoginPulldown .idLoginBlock #IdLoginPw input{
			background-image: none;
		}
		#LoginPulldown .idLoginBlock #IdLoginPw input.blur{
			background: url(/content/images/common/common2019.png) no-repeat -180px -75px #f5f3f3;
			background-size: 852px 600px;

		}
		
		#LoginPulldown .idLoginBlock #IdLoginSubmit input{
			background: url(/content/images/common/common2019.png) no-repeat -360px -75px transparent;
			background-size: 852px 600px;
			text-indent: -9999px;
			width: 100px;
			height: 40px;
			border: none;
			padding: 0;
		}
		#LoginPulldown .idLoginBlock #IdLoginSubmit input:hover{
			background-position: -460px -75px;	
		}



/*
=====================================================================
*
*    Gnav
*
* ===================================================================
*/


	.gnav{
		background: #faf8f8;
		height: 52px;
	}
		.gnav .container{
			position: relative;	
		}
			.gnav ul{
				width: 980px;
				/*margin: 0px auto;*/
			}
				.gnav ul li{
					display: inline;
					float: left;
					width: 100px;
					margin-right: 8px; 
				}
				.gnav ul li.gnavTop{ width: 80px; }
				.gnav ul li.gnavHokuriku,
				.gnav ul li.gnavSetouchi{ margin-right: 17px; }
				.gnav ul li.gnavCampaign{ margin-right: 0px; }
				
				.gnav ul li.gnavPlan{
					float: right;
					width: 295px;
				}
				
					.gnav ul li a{
						display: block;
						height:52px;
						background: no-repeat 0px 0px;
						text-indent: -9999px;
						background-image: url(../images/common/common2019.png);
						background-size: 852px 600px;
						background-repeat: no-repeat;
					}
					.gnav ul li.gnavTop a			{ background-position: -20px -115px; }
					.gnav ul li.gnavTop a:hover,
					.gnav ul li.gnavTop a.selected	{ background-position: -20px -167px; }
					
					.gnav ul li.gnavKansai a			{ background-position: -100px -115px; }
					.gnav ul li.gnavKansai a:hover,
					.gnav ul li.gnavKansai a.selected	{ background-position: -100px -167px; }
					
					.gnav ul li.gnavHokuriku a			{ background-position: -200px -115px; }
					.gnav ul li.gnavHokuriku a:hover,
					.gnav ul li.gnavHokuriku a.selected	{ background-position: -200px -167px; }
					
					.gnav ul li.gnavSetouchi a			{ background-position: -300px -115px; }
					.gnav ul li.gnavSetouchi a:hover,
					.gnav ul li.gnavSetouchi a.selected	{ background-position: -300px -167px; }
					
					.gnav ul li.gnavCampaign a			{ background-position: -400px -115px; }
					.gnav ul li.gnavCampaign a:hover,
					.gnav ul li.gnavCampaign a.selected	{ background-position: -400px -167px; }
					
					.gnav ul li.gnavPlan a			{ background-position: 0px -427px; }
					.gnav ul li.gnavPlan a:hover,
					.gnav ul li.gnavPlan a.selected	{ background-position: 0px -479px; }
					
			
			
			
			.gnav .searchBtn{
				position: absolute;
				right: 3px;
				top: 12px;
				width: 28px;
				z-index: 100;
			}
				.gnav .searchBtn a{
					display: block;
					height: 28px;
					background: url(../images/common/common2019.png) no-repeat -500px -115px;
					background-size: 852px 600px;
					text-indent: -9999px;
				}
				.gnav .searchBtn a:hover,
				.gnav .searchBtn a.selected{
					background-position: -500px -143px;	
				}
			.gnav .searchForm{
				position: absolute;
				right: 0px;
				top: 9px;
				width: 186px;
				z-index: 101;
			}
				.gnav .searchForm .textbox{
					position: absolute;
					overflow: hidden;
					background: #e4e4e4;
					border-radius: 3px;
					height: 34px;
					width: 0px;
					right: 0;
				}
					.gnav .searchForm .textbox input{
						height: 30px;
						line-height: 35px;
						text-indent: 7px;
						width: 150px;
						border: none;
						background-color: transparent;	
						outline: none;
						font-size: 110%;
					}
				.gnav .searchForm .submit{
					position: absolute;
					margin-left: 155px;
					margin-top: 3px;
					z-index: 102;
					width: 28px;
					height: 28px;
					background: url(../images/common/common2019.png) no-repeat -528px -115px;
					background-size: 852px 600px;
					border: none;
					padding: 0;
					text-indent: -9999px;
				}
			
			.gnav .searchBtn.hide{
				display: none;	
			}
			.gnav .searchForm.hide{
				display: none;	
			}


	#Lnav{}
	#Lnav.kansai{
		background: #f5568b;	
	}
		#Lnav.kansai ul{
			width:539px;
			margin: 0px auto;
		}
			#Lnav.kansai ul li{
				display: block;
				float: left;
			}
				#Lnav.kansai ul li a{
					display: block;
					height: 46px;
					background: url(../images/kansai/lnav.png) no-repeat;
					background-size: 740px 92px;
					text-indent: -9999px;
				}
				@media only screen and (-webkit-min-device-pixel-ratio: 2) {
					#Lnav.kansai ul li a{
				    	background-image: url(../images/kansai/lnav@2x.png);
						background-size: 740px 92px;
					}
				}
				#Lnav.kansai ul li.feature a		{ background-position: 0px 0px; width:170px;}
				#Lnav.kansai ul li.feature a.selected,
				#Lnav.kansai ul li.feature a:hover	{ background-position: 0px -46px; }
				#Lnav.kansai ul li.spot a			{ background-position: -170px 0px; width:183px;}
				#Lnav.kansai ul li.spot a.selected,
				#Lnav.kansai ul li.spot a:hover		{ background-position: -170px -46px; }
				#Lnav.kansai ul li.event a			{ background-position: -353px 0px; width: 186px;}
				#Lnav.kansai ul li.event a.selected,
				#Lnav.kansai ul li.event a:hover	{ background-position: -353px -46px; }
				#Lnav.kansai ul li.plan a			{ background-position: -539px 0px; width: 201px;}
				#Lnav.kansai ul li.plan a.selected,
				#Lnav.kansai ul li.plan a:hover		{ background-position: -539px -46px; }
				
	#Lnav.hokuriku{
		background: #ff7700;	
	}
		#Lnav.hokuriku ul{
			width:535px;
			margin: 0px auto;	
		}
			#Lnav.hokuriku ul li{
				display: block;
				float: left;	
			}
				#Lnav.hokuriku ul li a{
					display: block;
					height: 46px;
					background: url(../images/hokuriku/lnav.png) no-repeat;
					background-size: 535px 92px;
					text-indent: -9999px;
				}
				@media only screen and (-webkit-min-device-pixel-ratio: 2) {
					#Lnav.hokuriku ul li a{
				    	background-image: url(../images/hokuriku/lnav@2x.png);
						background-size: 535px 92px;
					}
				}
				#Lnav.hokuriku ul li.feature a			{ background-position: 0px 0px; width:170px;}
				#Lnav.hokuriku ul li.feature a.selected,
				#Lnav.hokuriku ul li.feature a:hover	{ background-position: 0px -46px; }
				#Lnav.hokuriku ul li.spot a				{ background-position: -170px 0px; width:183px;}
				#Lnav.hokuriku ul li.spot a.selected,
				#Lnav.hokuriku ul li.spot a:hover		{ background-position: -170px -46px; }
				#Lnav.hokuriku ul li.event a			{ background-position: -353px 0px; width: 182px;}
				#Lnav.hokuriku ul li.event a.selected,
				#Lnav.hokuriku ul li.event a:hover		{ background-position: -353px -46px; }


	#Lnav.setouchi{
		background: #00ccbe;	
	}
		#Lnav.setouchi ul{
			width:535px;
			margin: 0px auto;	
		}
			#Lnav.setouchi ul li{
				display: block;
				float: left;	
			}
				#Lnav.setouchi ul li a{
					display: block;
					height: 46px;
					background: url(../images/setouchi/lnav.png) no-repeat;
					text-indent: -9999px;
				}
				@media only screen and (-webkit-min-device-pixel-ratio: 2) {
					#Lnav.setouchi ul li a{
				    	background-image: url(../images/setouchi/lnav@2x.png);
						background-size: 535px 92px;
					}
				}
				#Lnav.setouchi ul li.feature a			{ background-position: 0px 0px; width:170px;}
				#Lnav.setouchi ul li.feature a.selected,
				#Lnav.setouchi ul li.feature a:hover	{ background-position: 0px -46px; }
				#Lnav.setouchi ul li.spot a				{ background-position: -170px 0px; width:183px;}
				#Lnav.setouchi ul li.spot a.selected,
				#Lnav.setouchi ul li.spot a:hover		{ background-position: -170px -46px; }
				#Lnav.setouchi ul li.event a			{ background-position: -353px 0px; width: 182px;}
				#Lnav.setouchi ul li.event a.selected,
				#Lnav.setouchi ul li.event a:hover		{ background-position: -353px -46px; }

/*	
=====================================================================
*
*    発地選択
*
* ===================================================================
*/	

#HeadAreaSelect{
	position: absolute;
	right: 0px;
	top: 0;
	width: 130px;
	padding-top: 12px;
	text-align: right;
}
	#HeadAreaSelect select{
		opacity: 100 !important;
		position: relative !important;
		left: auto !important;
		width: 130px;
		-webkit-appearance:none;
		padding: 3px 15px 2px 6px;
		background: url(../images/plan2018/common/icon-open.png) no-repeat right 4px center #FFF;
		color:black;
		background-size: 12px 12px;
		font-size:13px;
		border: 1px solid #DDD;
		border-radius: 3px;
		outline: none;
	}
	#HeadAreaSelect select::-ms-expand {
	    display: none;
	}
	
	#HeadAreaSelect .customSelect{
		display: none;
	}


/*	
=====================================================================
*
*    固定ヘッダー
*
* ===================================================================
*/	
#FixdHeader{
	position: fixed;
	width: 100%;
	height: 58px;
	background: url(../images/common/common2019.png) repeat-x 0px -299px transparent !important;
	background-size: 825px 600px;
	top: -58px;
	left: 0;
	z-index: 500;
	transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) top;
}
#FixdHeader.isHidden {
	top: -58px;
}
#FixdHeader.isShowen {
	top: 0;
}

#FixdHeader.gnav ul{
	width: 560px;
	margin: 0px auto;
}
#FixdHeader.gnav ul li.gnavTop{ width: 100px; }


	#FixdHeader .container{
		height: 52px;
		position: relative;
	}
		#FixdHeader .container #FixdHeaderLogo{
			float: left;	
		}

			#FixdHeader .container #FixdHeaderLogo a{
				display: block;
				width: 100px;
				height: 52px;
				background: url(../images/common/common2019.png) no-repeat -752px -115px;
				text-indent: -9999px;
			}




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


#NoScriptInfo{
	display: block;
	width:980px;
	margin: 0px auto;
	padding: 20px 0px;
}
	#NoScriptInfo div{
		text-align: center;
		border: 3px #FF0000 solid;
		font-size: 16px;
		padding: 10px;
	}
		#NoScriptInfo div a{
			text-decoration: underline;
			color: #ff0000;
		}
		#NoScriptInfo div a:hover{
			text-decoration: none;
		}


/*
=====================================================================
*
*    Footer
*
* ===================================================================
*/

#Footer{
	background: #faf8f8;
	
}
	#Fnav .btns{
		padding-top: 58px;
		width: 305px;
		float: right;
	}
		#Fnav .btns #FnavApp{
			width: 146px;
			float: right;
		}
		#Fnav .btns #FnavPresent{
			width: 146px;
			float: left;
		}	
		
	
	#Fnav .nav{
		width: 645px;
		float: left;
	}
		#Fnav .main{
			padding-top: 52px;
			margin-bottom: 15px;
		}
			#Fnav .main ul li{ float: left;	}
				#Fnav .main ul li a{
					display: block;
					height: 35px;
					background: url(../images/common/common2019.png) no-repeat;
					background-size: 852px 600px;
					text-indent: -9999px;
				}
				#Fnav .main ul li#FnavTop a				{ background-position: 0px -357px; width: 95px; }
				#Fnav .main ul li#FnavTop a:hover		{ background-position: 0px -392px; }
				#Fnav .main ul li#FnavCampaign a		{ background-position: -95px -357px; width: 85px; }
				#Fnav .main ul li#FnavCampaign a:hover	{ background-position: -95px -392px; }
				#Fnav .main ul li#FnavApp a				{ background-position: -190px -357px; width: 175px; }
				#Fnav .main ul li#FnavApp a:hover		{ background-position: -190px -392px; }
				#Fnav .main ul li#FnavSignup a			{ background-position: -365px -357px; width: 135px; }
				#Fnav .main ul li#FnavSignup a:hover	{ background-position: -365px -392px; }
				#Fnav .main ul li#FnavLogin a			{ background-position: -500px -357px; width: 105px; }
				#Fnav .main ul li#FnavLogin a:hover		{ background-position: -500px -392px; }
				#Fnav .main ul li#FnavPlan a			{ background-position: -365px -427px; width: 160px; }
				#Fnav .main ul li#FnavPlan a:hover		{ background-position: -365px -462px; }
			
		
		#Fnav .sub{
		}
			#Fnav .sub .kansai{
				width: 167px;
				float: left;
			}
				#Fnav .sub .kansai h2{
					margin-bottom: 5px;	
				}
					#Fnav .sub .kansai h2 a{
						display: block;
						width: 55px;
						height: 35px;
						background: url(../images/common/common2019.png) no-repeat -605px -357px;
						background-size: 852px 600px;
						text-indent: -9999px;
					}
					#Fnav .sub .kansai h2 a:hover{ background-position: -605px -392px; }		
				#Fnav .sub .kansai ul li{
					color: #f5568b;
					margin-bottom: 3px;
				}
					#Fnav .sub .kansai ul li a{
						color: #f5568b;
						text-decoration: none;	
					}
					#Fnav .sub .kansai ul li a:hover{
						text-decoration: underline	
					}
			#Fnav .sub .hokuriku{
				width: 146px;
				float: left;
			}
				#Fnav .sub .hokuriku h2{
					margin-bottom: 5px;	
				}
					#Fnav .sub .hokuriku h2 a{
						display: block;
						width: 55px;
						height: 35px;
						background: url(../images/common/common2019.png) no-repeat -660px -357px;
						background-size: 852px 600px;
						text-indent: -9999px;
					}
					#Fnav .sub .hokuriku h2 a:hover{ background-position: -660px -392px; }
					
					
				#Fnav .sub .hokuriku ul li{
					color: #ff7900;
					margin-bottom: 3px;
				}
					#Fnav .sub .hokuriku ul li a{
						color: #ff7900;
						text-decoration: none;	
					}
					#Fnav .sub .hokuriku ul li a:hover{
						text-decoration: underline	
					}
				
				
			#Fnav .sub .setouchi{
				width: 150px;
				float: left;
			}
				#Fnav .sub .setouchi h2{
					margin-bottom: 5px;	
				}
					#Fnav .sub .setouchi h2 a{
						display: block;
						width: 75px;
						height: 35px;
						background: url(../images/common/common2019.png) no-repeat -715px -357px;
						background-size: 852px 600px;
						text-indent: -9999px;
					}
					#Fnav .sub .setouchi h2 a:hover{ background-position: -715px -392px; }		
				#Fnav .sub .setouchi ul li{
					color: #00c3b5;
					margin-bottom: 3px;
				}
					#Fnav .sub .setouchi ul li a{
						color: #00c3b5;
						text-decoration: none;	
					}
					#Fnav .sub .setouchi ul li a:hover{
						text-decoration: underline	
					}
			#Fnav .sub .others{
				width: 180px;
				float: left;
				padding-top: 7px;
			}
				#Fnav .sub .others ul li{
					color: #4c4948;
					margin-bottom: 3px;
				}
					#Fnav .sub .others ul li a{
						color: #4c4948;
						text-decoration: none;	
					}
					#Fnav .sub .others ul li a:hover{
						text-decoration: underline	
					}
				



	/*ブロック：バナー*/
	#Footer .bannerBlock{
		width: 980px;
		overflow: hidden;
		padding-top: 40px;
	}

		#Footer .bannerBlock ul{
			width: 1010px;
			margin-bottom: 20px;
			/* notificationBlockがない場合はこの線をつける */
/* 			border-bottom: 1px solid #e5e0e0; */
		}

		#Footer .bannerBlock li{
			float: left;
			width: 306px;
			padding-bottom: 30px;
			margin-right: 30px;
		}

  
	/*ブロック：コピーライト*/
	#Footer .copyrightBlock{
		background-color: #333333;
		padding: 17px 0 13px;
	}

		#Footer .copyrightBlock .logo{
			display: inline;
			margin-right: 15px;
			float: left;
			width: 37px;
			height:29px;
			background: url(/content/images/common/common2019.png) no-repeat right top;
			
			background-size: 852px 600px;
		}

		#Footer .copyrightBlock .copyright{
			font-size: 10px;
			letter-spacing: 1px;
			line-height: 1.4;
			color: #c9c9c9;
		}

			#Footer .copyrightBlock .copyright.left{
				float: left;
				width: 220px;
			}

			#Footer .copyrightBlock .copyright.right{
				float: left;
				width: 350px;
				letter-spacing: 0px;
			}

		#Footer .copyrightBlock .sns{
			width: 350px;
			float: right;
			padding-top: 3px;
		}

			#Footer .copyrightBlock .sns li{
				float: right;
				height:20px;
				overflow: hidden;
			}
			#Footer .copyrightBlock .sns li.twitter{
        width: 87px !important;  			
  		}
  		#Footer .copyrightBlock .sns li.mixi{
    		width: 120px !important;  			
      }

	/*ページトップへ戻るボタン*/
	#Footer #PageTopBtn{
		position: fixed;
		width: 100%;
		bottom: 0px;
		left: 0px;
	}

		#Footer #PageTopBtn .inner{
			width: auto;
			padding: 0 35px;
			text-align: right;
		}


#Footer #CommonNav{
  width:980px;
  margin: 0px auto;
  /* background: url(/content/images/common/footer/text/blank.png) no-repeat 763px 0px; */
  padding-bottom: 8px;
  padding-top: 2px;
}

  #Footer #CommonNav li{
      display: inline;
			margin-bottom: 14px;
			float: left;
			margin-right: 40px
		}

			#Footer #CommonNav li a{
				color: #797776;
			}
			#Footer #CommonNav li a.blank{
				background: url(../images/common/icon/blank.png) no-repeat right 1px;
				padding-right: 16px;
			}
			#Footer #CommonNav li a:hover{
				color: #f5568c;
			}



/*
=====================================================================
*
*    トップ・各エリアトップ用
*
* ===================================================================
*/

#AreaTopPromo{
	padding: 30px 0px 40px;
}

#RecommendEntry{
	width: 980px;
	overflow: hidden;
	padding-bottom: 70px;
}
	#RecommendEntry ul{
		width: 1014px;
	}
		#RecommendEntry ul li{
			display: inline;
			width: 304px;
			float: left;
			margin-right: 34px;
			margin-bottom: 40px;
		}
			#RecommendEntry ul li .data{
				padding-top: 16px;	
			}
				#RecommendEntry ul li .label{
					float: left;
					margin-bottom: 16px;	
				}
				#RecommendEntry ul li .date{
					float: right;
					padding-top: 5px;
					font-size: 12px;
				}
				#RecommendEntry ul li p{
					clear: both;
					font-size: 14px;
					line-height: 1.4;	
				}
				
		#RecommendEntry .imgDisable{
			display: block;
			width: 304px;
			height: 190px;
			position: absolute;
			margin-top: -190px;
			background-color: rgba(0,0,0,0.6);
		}
				
	#RecommendEntry .moreBtn{
		padding-top: 20px;
		text-align: center;
	}


#TopSpotSection{
	background: #faf8f8;
	padding-bottom: 60px;
}
	#TopSpotSection .moreBtn{
		text-align: center;
		padding-top: 20px;	
	}

#TopEventSection{
	padding-bottom: 110px;
}
	#TopEventSection .moreBtn{
		text-align: center;
		padding-top: 20px;	
	}

/* プラン
======================================*/

#TopPlanSection{ margin-bottom: 65px ; }

#TopPlanSection.kansai{
	/*background-color: #faf8f8;*/
	padding-bottom: 45px;
	margin-bottom: 100px;
}

	#TopPlanSection h2			{ margin-bottom: 40px; }
	#TopPlanSection.kansai h2	{ margin-bottom: 0px; }

#PlanThemeBanner{
	width: 980px;
	overflow: hidden;
	padding-bottom: 25px;
	border-bottom: #f2eeee 1px solid;
	margin-bottom: 25px;
}
	#PlanThemeBanner ul{
		width: 2000px;	
	}
		#PlanThemeBanner ul li{
			display: inline;
			float: left;
			width: 317px;
			margin-right: 26px;	
			border-right: #f2eeee 1px solid;
		}
		
#TopPlanSection .moreBtn{
	text-align: center;
	padding-top: 15px;
}



/*
=====================================================================
*
*    全文検索ページ
*
* ===================================================================
*/

#SearchStatus{
	padding: 50px 0px 50px 0px;
}
	#SearchStatus .flL{
		width: 540px;
		float: left;	
	}
		#SearchStatus .flL .searchText{
			width: 400px;
			height: 38px;
			line-height: 39px;
			font-size: 120%;
			text-indent: 4px;
		}
		
		#SearchStatus .flL #SearchSubmitBtn{
			width: 38px;
			height: 38px;
			background: url(../images/search/btn-search.gif) no-repeat 0px 0px;
			background-size: 38px 38px;
			text-indent: -9999px;
			padding: 0px;
			border: none;
			cursor: pointer;
		}
		
		
	#SearchStatus .flR{
		width: 414px;
		float: right;
	}
		#SearchStatus .flR ul li{
			width: 102px;
			float: right;
		}
			#SearchStatus .flR ul li a{
				display: block;
				height: 38px;
				background-image: url(../images/search/nav.gif);
				background-repeat: no-repeat;
				background-size: 408px 114px;
			}
			#SearchStatus .flR ul li.all a			{ background-position: 0px 0px; }
			#SearchStatus .flR ul li.all a:hover	{ background-position: 0px -38px; }
			#SearchStatus .flR ul li.all a.selected	{ background-position: 0px -76px; }
			#SearchStatus .flR ul li.article a			{ background-position: -102px 0px; }
			#SearchStatus .flR ul li.article a:hover	{ background-position: -102px -38px; }
			#SearchStatus .flR ul li.article a.selected	{ background-position: -102px -76px; }
			#SearchStatus .flR ul li.spot a				{ background-position: -204px 0px; }
			#SearchStatus .flR ul li.spot a:hover		{ background-position: -204px -38px; }
			#SearchStatus .flR ul li.spot a.selected	{ background-position: -204px -76px; }
			#SearchStatus .flR ul li.event a			{ background-position: -306px 0px; }
			#SearchStatus .flR ul li.event a:hover		{ background-position: -306px -38px; }
			#SearchStatus .flR ul li.event a.selected	{ background-position: -306px -76px; }

#SearchResultsCnt{
	text-align: center;
	padding: 0px 0px 20px 0px;
	font-size: 110%;
}


#SearchResult{
	border-top: 1px solid #bdbdbd;
	margin-bottom: 90px;
}
	#SearchResult .cell{
		padding: 25px 0px;
		border-bottom: 1px solid #bdbdbd;
	}


		#SearchResult .cell .img{
			float: left;
			width: 140px;
		}
		#SearchResult .cell .spec{
			float: right;
			width: 800px;	
		}	
			#SearchResult .cell .spec .status{
				float: left;
				padding-bottom: 15px;	
			}
			#SearchResult .cell .spec .pref{
				float: right;	
				padding-bottom: 15px;	
			}
		
			#SearchResult .cell .spec .pageTitle{
				font-size: 20px;
				font-weight: bold;
				-webkit-font-smoothing: antialiased;
				margin-bottom: 25px;
			}
	
				#SearchResult .cell .spec .pageTutle a{
					color: #247bb0;
					text-decoration: underline;	
				}
				#SearchResult .cell .spec .pageTutle a:hover{
					text-decoration: none;	
				}
			
			#SearchResult .cell p.disc{
				font-size: 13px;
				color: #706d6d;
				line-height: 1.7;
			}


#SearchResult .paging{
	width: 980px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center;
}

	#SearchResult .paging li{
		margin: 0 4px 0;
		display: inline;
	}
	#SearchResult .paging li.selected{
  	
		border-radius: 3px;
  }
    	#SearchResult .paging li a{
      	padding: 10px 12px;
      	background-color: #F5F3F3;
    		text-align: center;
    		line-height: 1;
    		border-radius: 3px;
      }
      #SearchResult .paging li a:hover,
      #SearchResult .paging li strong{
	  	padding: 10px 12px;
    	text-align: center;
		line-height: 1;
    	border-radius: 3px;
    	color: #F5F3F3;
        background-color: #4c4948;
      }
  
	#SearchResult .paging .prev,
	#SearchResult .paging .next{
		margin: 0 8px 0;
		color: #1A6580;
		background-color: #ffffff;
	}

	#SearchResult .paging .prev a,
	#SearchResult .paging .next a{
		text-decoration: underline;
		background: transparent;
	}


	#SearchResult .paging li.prev a:hover,
	#SearchResult .paging li.next a:hover{
		color: #1A6580;
		background: transparent;
		text-decoration: none;
	}



/*
=====================================================================
*
*    Coin
*
* ===================================================================
*/
.coinTooltip{
	position: absolute;
	top:0;
	left:50%;
	margin-left: 340px;
	margin-top: 40px;
	width: 170px;
	height:115px;
	color: #FFF;
	text-align: center;
	padding-top: 80px;
	z-index: 600;

}
.coinTooltip.hide{
	top:-9999px;
	left:-9999px;

}


#CoinSignup		{ background: url(/content/images/mypage/tooltip/signup-down.png) no-repeat 0px 0px; }
#CoinInviteFriend{ background: url(/content/images/mypage/tooltip/invite-friend-down.png) no-repeat 0px 0px; }
#CoinInviteMy	{ background: url(/content/images/mypage/tooltip/invite-my-down.png) no-repeat 0px 0px; }
#CoinLogin		{ background: url(/content/images/mypage/tooltip/login-down.png) no-repeat 0px 0px; }
#CoinMailmag	{ background: url(/content/images/mypage/tooltip/mailmag-down.png) no-repeat 0px 0px; }
#CoinMyarea		{ background: url(/content/images/mypage/tooltip/myarea-down.png) no-repeat 0px 0px; }
#CoinProfile	{ background: url(/content/images/mypage/tooltip/profile-down.png) no-repeat 0px 0px; }
.coinTicket		{ background: url(/content/images/mypage/tooltip/ticket-down.png) no-repeat 0px 0px; }





/*
=====================================================================
*
*    Sub（右カラム）
*
* ===================================================================
*/

/*サブ：アプリの紹介*/
#SubAppInfoSection{
	position: relative;
	width: 306px;
	height: 210px;
	margin-bottom: 20px;
}

	#SubAppInfoSection .btnAppstore{
		position: absolute;
		top: 77px;
		left: 177px;
		width: 130px;
	}

	#SubAppInfoSection .btnGoogleplay{
		position: absolute;
		top: 117px;
		left: 177px;
		width: 130px;
	}

	#SubAppInfoSection .btnDetail{
		position: absolute;
		top: 157px;
		left: 177px;
		width: 130px;
	}


/* サブ：バナー
======================================*/
#SubBannerSection{
	margin-bottom: 20px;
}

	#SubBannerSection li{
		margin-bottom: 15px;
	}


/* サブ：今月の特集　※ニュースで使用　不要なら後ほど削除
======================================*/
#SubMonthFeatureSection{
	padding-top: 10px;
	background: url(/content/images/common/bg/sub_2.png) center top no-repeat;
	margin-bottom: 15px;
}

	#SubMonthFeatureSection .innerBottom{
		padding-bottom: 10px;
		background: url(/content/images/common/bg/sub_2.png) center bottom no-repeat;
	}
	#SubMonthFeatureSection .innerMiddle{
		padding: 0 10px;
		background: url(/content/images/common/bg/sub_2.png) center center no-repeat;
	}

	#SubMonthFeatureSection .title{
		margin-bottom: 6px;
	}

	#SubMonthFeatureSection .pct{
		margin-bottom: 8px;
	}

	#SubMonthFeatureSection p{
		font-size: 90%;
		line-height: 1.5;
		margin-bottom: 10px;
	}

		#SubMonthFeatureSection p .date{
			display: block;
			font-size: 95%;
			margin-bottom: 2px;
		}


/* サブ：特集　※キャンペーンで使用
======================================*/
#SubFeatureSection{}

	#SubFeatureSection .pct{
		margin-bottom: 8px;
	}

	#SubFeatureSection p{
		font-size: 90%;
		line-height: 1.5;
	}

		#SubFeatureSection p .date{
			display: block;
			font-size: 95%;
			margin-bottom: 2px;
		}

	#SubFeatureSection .link{
		font-size: 90%;
		line-height: 1.1;
		text-align: right;
	}

		#SubFeatureSection .link img{
			vertical-align: middle;
			margin-right: 5px;
		}

		#SubFeatureSection .link a{
			color: #797776;
			vertical-align: middle;
		}


/*
=====================================================================
*
*    カテゴリページ
*
* ===================================================================
*/


#BackTopPage{
	padding-top: 30px;
	font-size: 110%;	
}
	#BackTopPage a			{ text-decoration: underline; }
	#BackTopPage a:hover	{ text-decoration: none; }



/* タイトル */

#CatPageTitle{
	padding-top: 50px;
	padding-bottom: 15px
}
	#CatPageTitle h1{
		font-size: 19px;
		min-height: 35px;
		padding-left: 30px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	#CatPageTitle.kansai h1			{ color: #f5568b; }
	#CatPageTitle.kansai h1.spot	{ background: url(../images/spot/title/title-bg-kansai.gif) no-repeat 0px 0px; background-size: 980px 35px; }
	#CatPageTitle.kansai h1.event	{ background: url(../images/event/title/title-bg-kansai.gif) no-repeat 0px 0px; background-size: 980px 35px; }
	#CatPageTitle.kansai h1.feature	{ background: url(../images/feature/title/title-bg-kansai.gif) no-repeat 0px 0px; background-size: 980px 35px; padding-left: 35px; }
	
	#CatPageTitle.hokuriku h1		{ color: #ff7900; }
	#CatPageTitle.hokuriku h1.spot	{ background: url(../images/spot/title/title-bg-hokuriku.gif) no-repeat 0px 0px; background-size: 980px 35px; }
	#CatPageTitle.hokuriku h1.event	{ background: url(../images/event/title/title-bg-hokuriku.gif) no-repeat 0px 0px; background-size: 980px 35px; }
	#CatPageTitle.hokuriku h1.feature{ background: url(../images/feature/title/title-bg-hokuriku.gif) no-repeat 0px 0px; background-size: 980px 35px; padding-left: 35px; }
	
	#CatPageTitle.setouchi h1		{ color: #00bfb1; }
	#CatPageTitle.setouchi h1.spot	{ background: url(../images/spot/title/title-bg-setouchi.gif) no-repeat 0px 0px; background-size: 980px 35px; }
	#CatPageTitle.setouchi h1.event	{ background: url(../images/event/title/title-bg-setouchi.gif) no-repeat 0px 0px; background-size: 980px 35px; }
	#CatPageTitle.setouchi h1.feature	{ background: url(../images/feature/title/title-bg-setouchi.gif) no-repeat 0px 0px; background-size: 980px 35px; padding-left: 35px; }

/* キーワードリスト */

#KeyWordList{
	padding-top: 0px;
	margin-bottom: 50px;
}
	#KeyWordList h2{
		font-size: 15px;
		color: #4c4948;
		padding-bottom: 25px;
	}
		#KeyWordList li{
			display: inline;
			float: left;
			margin-right: 15px;
			margin-bottom: 23px;
		}
		#KeyWordList.search li{
			margin-bottom: 32px;	
		}
			#KeyWordList li a{
				border-radius: 3px;
				padding: 8px 8px 8px 18px;
				color: #4c4948;
				text-decoration: none;
				font-size: 14px;
			}
			
			#KeyWordList.kansai li a	{ background: url(../images/spot/icon/keyword-list-kansai.gif) no-repeat left center #f8f6f6; background-size: 18px 30px; }
			#KeyWordList.hokuriku li a	{ background: url(../images/spot/icon/keyword-list-hokuriku.gif) no-repeat left center #f8f6f6; background-size: 18px 30px; }
			#KeyWordList.setouchi li a	{ background: url(../images/spot/icon/keyword-list-setouchi.gif) no-repeat left center #f8f6f6; background-size: 18px 30px; }
			#KeyWordList.search li a	{ background: #f8f6f6; padding: 12px; }
			
			#KeyWordList.kansai li a:hover,
			#KeyWordList.hokuriku li a:hover,
			#KeyWordList.setouchi li a:hover,
			#KeyWordList.search li a:hover{
				background-color: #e6e4e4;
			}
			
			


/* ページング */

#CatPage .paging{
	width: 980px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 40px;
	text-align: center;
}

	#CatPage .paging li{
		margin: 0 4px 0;
		display: inline;
	}
	#CatPage .paging li.selected{
  	
		border-radius: 3px;
  }
    	#CatPage .paging li a{
      	padding: 10px 12px;
      	background-color: #F5F3F3;
    		text-align: center;
    		line-height: 1;
    		border-radius: 3px;
      }
      #CatPage .paging li a:hover,
      #CatPage .paging li strong{
	  	padding: 10px 12px;
    	text-align: center;
		line-height: 1;
    	border-radius: 3px;
    	color: #F5F3F3;
        background-color: #4c4948;
      }
  
	#CatPage .paging .prev,
	#CatPage .paging .next{
		margin: 0 8px 0;
		color: #1A6580;
		background-color: #ffffff;
	}

	#CatPage .paging .prev a,
	#CatPage .paging .next a{
		text-decoration: underline;
		background: transparent;
	}


	#CatPage .paging li.prev a:hover,
	#CatPage .paging li.next a:hover{
		color: #1A6580;
		background: transparent;
		text-decoration: none;
	}

/*
=====================================================================
*
*    公式SNSボタン 大（特集など）
*
* ===================================================================
*/

#OfficialSNS{
	width: 980px;
	margin: 0px auto 90px auto;
}


/*
=====================================================================
*
*    Breadcrumb
*
* ===================================================================
*/

#Breadcrumb{
	width: 980px;
	padding-bottom: 20px;
	margin: 0 auto;
	text-align: right;
	font-size: 90%;
}

	#Breadcrumb li{
		display:inline;
	}

		#Breadcrumb li a{
			color: #247bb0;
			text-decoration: underline !important;
			padding-right: 15px;
			padding-left: 5px;
			background: url(/content/images/common/bg/breadcrumb.png) right center no-repeat;
		}
		#Breadcrumb li a:hover{
			text-decoration: none;
		}
		
		#Breadcrumb a		{ text-decoration: underline !important; }
		#Breadcrumb a:hover	{ text-decoration: none !important; }
		


.pager{}
	.pager .prev{
		float: left;
		width: 70px;
	}
	.pager .next{
		float: right;
		width: 70px;
	}


/*
=====================================================================
*
*   並び替えボタン
*
* ===================================================================
*/

#SearchSection{
	padding-top: 40px;
	margin-bottom: 50px;
}

/*ボックス：ソート*/
.sortBox{
	float: right;
	width: 270px;
	background: url(../images/spot/bg/sort.png) no-repeat 0px 0px;
	background-size: 70px 20px;
}
.sortBox.event{
	width: 390px;
	margin-top: 12px;
}
	.sortBox li {
		float: right;
	}

		.sortBox li a{
			display: block;
			background: url(../images/kansai/btn-sort.png);
			background-repeat: no-repeat;
			height: 20px;
			width: 92px;
			text-indent: -9999em;
			background-size: 304px 40px;
		}
		.kansai .sortBox li a	{ background: url(../images/kansai/btn-sort.png); background-size: 304px 40px;}
		.hokuriku .sortBox li a	{ background: url(../images/hokuriku/btn-sort.png); background-size: 304px 40px;}
		.setouchi .sortBox li a	{ background: url(../images/setouchi/btn-sort.png); background-size: 304px 40px;}
	
		.sortBox li.new a { background-position: 0px 0px; width: 92px; }
		.sortBox li.date a { background-position: -92px 0px; width: 120px; }
		.sortBox li.popular a { background-position: -212px 0px; width: 92px; }
		
		.sortBox li.current.new a { background-position: 0px -20px; }
		.sortBox li.current.date a { background-position: -92px -20px; }
		.sortBox li.current.popular a { background-position: -212px -20px; }
/*
=====================================================================
*
*   マップ関係
*
* ===================================================================
*/
.mapController {
    width: 18px;
    position: absolute;
    margin: 12px 0px 0px 12px;
    z-index: 200;
}
	.mapController a{
		display: block;
		margin-bottom: 7px;
	}

.balloon .popupWrapper {
	width: 304px;
	height: 72px;
}

.balloon .bg {
	z-index: 1;
	position: absolute;
	top: 4px;
	left: 0;
	width: 300px;
	height: 68px;
}

.balloon .balloonClose {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
}

.balloon .popup{
	position: absolute;
	z-index: 5;
	top: 12px;
	left: 12px;
	width:272px;
	height:44px;
}

.balloon .popup a{
    display: table;
    text-decoration: none;
    color:#38BC80;
}

.balloon .popup a .photo{
    display: table-cell;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    background: #f7f7f7;
}

.balloon .popup a .photo img{
    width:44px;
    height:44px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.balloon .popup a .text{
    display: table-cell;
    overflow: hidden;
    width:216px;
    height:42px;
    margin:0;
    padding:2px 0 0 8px;
    font-size:14px;
    line-height: 1.3em;
    letter-spacing: -0.025em;
    vertical-align: middle;
}

/*
=====================================================================
*
*   SNSボタン
*
* ===================================================================
*/

.sns li{
	display: inline;
	float: left;
}

.sns li.mixi{
	width: 110px;
	background: url(/content/images/common/sns/mixi-bg0.gif) no-repeat 73px 0px;
}
.sns li.twitter{
	width: 93px;
}
.sns li.facebook{
	width: 115px;
}

/*for IE6 */
*html .sns li{ display: none; }


.sns li.myfav{
	position: relative;
	width: 110px;
}


	/*フキダシ：インフォメーション*/
	.sns li.myfav .balloonInfo{
		display: block;
		position: absolute;
		left: -88px;
		top: -190px;
		width: 240px;
		height: 175px;
	}

	/*フキダシ：ログイン*/
	.sns li.myfav .balloonLogin{
		display: block;
		position: absolute;
		left: -206px;
		top: -450px;
		width: 480px;
		height: 436px;
		background: url(/content/images/common/balloon/login/bg.png);
	}

		.sns li.myfav .balloonLogin .snsLogin{
			display: block;
			position: absolute;
			left: 40px;
			top: 195px;
		}

			.sns li.myfav .balloonLogin .snsLogin li{
				float: none !important;
				margin-bottom: 10px;
			}
				.sns li.myfav .balloonLogin .snsLogin li img{
					display: block;
				}

		.sns li.myfav .balloonLogin .formBlock{
			display: block;
			position: absolute;
			left: 260px;
			top: 195px;
		}

			.sns li.myfav .balloonLogin .formBlock li{
				float: none !important;
				margin-bottom: 10px;
			}
				.sns li.myfav .balloonLogin .formBlock li img{
					display: block;
				}

				/*チェックボックス部分*/
				.sns li.myfav .balloonLogin .formBlock li .cboxwidth{
					display: block;
					float: left;
					width: 20px;
				}
				.sns li.myfav .balloonLogin .formBlock li span{
					display: block;
					float: left;
				}

			.sns li.myfav .balloonLogin .formBlock .formBox{
				width: 180px;
				height: 40px;
				line-height: 40px;
				text-indent: 5px;
				border: 0;
				outline: none;
				color: #797776;
				font-size: 90%;
				background-color: #f8f7f7;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}

		.sns li.myfav .balloonLogin .linkBlock{
			position: absolute;
			left: 210px;
			top: 395px;
		}

			.sns li.myfav .balloonLogin .linkBlock li{
				margin-right: 20px !important;
			}

			.sns li.myfav .balloonLogin .linkBlock li img{
				display: block;
			}

	/*フキダシ：投稿*/
	.sns li.myfav .balloonPost{
		display: block;
		position: absolute;
		left: -206px;
		top: -375px;
		width: 480px;
		height: 361px;
		background: url(/content/images/common/balloon/post/bg.png);
	}

		.sns li.myfav .balloonPost .commentBlock{
			display: block;
			position: absolute;
			top: 127px;
			left: 20px;
			width: 440px;
		}

			.sns li.myfav .balloonPost .commentBlock .titleBox{
				margin-bottom: 3px;
			}

				.sns li.myfav .balloonPost .commentBlock .titleBox .title{
					display: block;
					float: left;
					width: 100px;
				}

				.sns li.myfav .balloonPost .commentBlock .titleBox .num{
					display: block;
					float: right;
					width: 100px;
					text-align: right;
					color: #fff;
					font-family:'Avenir LT W01_65 Medium1475532', sans-serif;
					vertical-align: -0.075em;
					font-size: 9px;
				}

				.sns li.myfav .balloonPost .commentBlock .formBox{
					width: 420px;
					height: 60px;
					padding: 10px;
					border: 0;
					outline: none;
					resize: none;
					color: #797776;
					font-size: 90%;
					background-color: #f5f3f4;
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				}

		.sns li.myfav .balloonPost .btnBlock{
			position: absolute;
			left: 20px;
			top: 245px;
		}

			.sns li.myfav .balloonPost .btnBlock li.switch{
				margin-right: 20px !important;
			}

		.sns li.myfav .balloonPost .linkBlock{
			position: absolute;
			left: 218px;
			top: 320px;
		}


/*
=====================================================================
*
*    Module
*
* ===================================================================
*/


/* カスタムフォーム */
.customSelect,
.customCheckbox,
.customRadio {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.customSelect.disabled,
.customCheckbox.disabled,
.customRadio.disabled {
	opacity:0.5;
}


/* セレクトボックス */
.customSelect a.button {
	display:block;
	background: url(/content/images/common/bg/formbox.png) right no-repeat;
	background-color: #F0EEEE;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.customSelect.open a.button {
	background-color: #efeded;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
}

.customSelect a.button:hover {
	background-color: #efeded;
}

.customSelect.disabled a.button:hover {
	background-color: #F0EEEE;
}


.customSelect.open a.button:hover {
	background-color: #efeded;
}

.customSelect.error {
	background: url(/content/images/common/bg/formbox-error.png) right no-repeat #fee0e0;
}

.customSelect div.popupWrapper {
	position: absolute;
	z-index: 330;
}
.customSelect ul.popup {
	position: absolute;
	z-index: 10;
	height: 220px;
	margin: 0px;
	padding: 0px;
	background-color: #efeded;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	outline: none;
}

/* リストのリンク */
.customSelect ul.popup li a {
	display: block;
	text-decoration: none;
	color: #333333;
	padding: 5px;
	outline: none;
}
.customSelect ul.popup li a:hover,
.customSelect ul.popup li a:focus {
	background-color: #e3e0e0;
	outline: none;
}
.customSelect ul.popup li a.selected {
	background-color: #d3d0d0;
}
.customSelect ul.popup li a.selected:hover {
	background-color: #c3c0c0;
}


.customSelect a.button {
	display: block;
	height: 45px;
	line-height: 45px;
	text-indent: 15px;
	font-size: 14px;
	color: #757374;
	outline: none;
}


/* アイコンを●くマスク */

.iconMask30:before {
	content: " ";
	width:30px;
	height:30px;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL9JREFUeNrkl9ENhSAMRWsnYQMZgRHehqzAJsYJnptoSUpCjKLPSO/HO0kTfuCgJOUyrALdY5FKUrOOa5zUKPXR8TXrNVHK39xcXs/rnCYt8SQV6CF5rq7xkzjSS5x9PfWUtuTUW3omr8UTdaY+81ocDMRhL45kRPnlRewNxb6Iv2RMdrK2QWsSa++1ZuaDhm/BwgTiP8UO4HWsycGaEdZAoC0TeknArkVoEIBFH2jYg8ZbaKDv/oQZUI+2TYABANuavNn7T3PWAAAAAElFTkSuQmCC);
}
.iconMask30gray:before {
	content: " ";
	width:30px;
	height:30px;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQpJREFUeNrkl8ENgzAMRU2uLJENSDdghI5AJ0BMgpigjMAI3aAwQVmCM/2RHCmHUCgiplKfZMEB+eEAxkmmaZppGyOiQwx87qMRGeLK56skG8QtoknTtN+SEPkMDiWi2Cu2ogrCB+0AeXMcaoT5RtxCeKMDQP57qHoVU2rhXO2a+FDpJ7m/1D0uuFBE4Hq6Z+5XXFF8Kv8uZn4BRLAu63QVNyRH4+7gRcJYp+I2KE2nuPdKM6hAw5dgVHQS/ynWJ3i14slBmuzUBqJ5XJGSGrfUxDOSFKX/d5p5Ropdbe58/udUC1Rbh75jE/O/zLnNUgMpYshDk2aocx0qXxpvf26gP3ULE3XT9hZgAOTip51/lzj7AAAAAElFTkSuQmCC);
}

.iconMask60:before {
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAalJREFUeNrsm42NgzAMhZ1OkBHYgIzABtwIjMAIrNAJboQ7NrgNChPQEdigZ0sgRQgkuCYc+PEkK1JVpf7kNL+2ebEonp5sDVs7tP3C9yybY0uHNonlkIkA/M1Ws/0YY55/6YBdEuCMLWf7COrdK4w6tpLNho6I9Dn03YVwlAKAFrST5LfeBX8HuIoR0ZURr/YEfrA5+meJD4MvUYE/6WASn2IBF3RQDf/toMCHhd0KTRpgt0CTFti10HSmCSrERLYE/KCTa2nJWgJ2CoDdWuCKlGhuR0Yze2OrCNhO99509ll566ztA3ekVH6Ub97nd9Kr+9wFgFUcYTsd0l+kXMLoD+ma9Kv2h3QCEOFkHNIdgUhYZUg3hKNGgFsg4BYywj0QcH8jMF3AF/AFfH5gC8RrBdgBATsBToGAU7jDA9zxcJylM4AAZ/6ylAMA52OooS7x/I1HoTi6hU8PdREP/dQC8Zg2PTzIelwqCnBJ00TV60EcNOUBLqkFMm0JMjENMvUQMrkUMn0YMkEcsgQAtsjjlGU8cIVaMYB9CfBcKZ60/mjYrRTvV4ABABTY0EgdDRxbAAAAAElFTkSuQmCC);
}


.idListBlock li a:hover .iconMask60:before{
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlxJREFUeNrsm92NgkAQx1eeLvHF68CrQOjADrwS2Aq0A48OtAIsQTuwA7CCo4PjxeTevBlvuGwIcCALsjtMMsFEdOeX/+7sB8Pk+3q9ie4sAY/BL3RNS+6bgbvgC7rOuwpo0gHwEfwEfn6ZTpNH/gBiQuAl+Ar8fYjACLYHPwBkqjNAiA/V98HXOpRvC4ygAUAeRA8GsSL4tg2406L9ANzrCxaN2vKo7d4UxuQjofFYPNEgbkxuISW5zoBxjEoxIIP4Qxrj2ru0HBosdXOMSeoGln2O1QfHttQFPGjYptCODbBNoJ1/EpQxsDnoQ9MsHcMPPWGwAVdUNGWVKSyF+Sbrdung2YsKTV07LlqROQVr452wx3bEVAoc6N7tPFnlNK+ymrQSuOFNWGjA+JntsFSF98Je2xcp/GpTdy44RPhSFT7aCquM5aMKfBL220kFPjMAPqsZjIUhKyocCz4WI/CFEfCFpcIpI+DUEcxsBB6BR2DzgWeMeGcI7DICdhF4wQh4wU5h3EHcqKbC9p3SHFmzLL1koO5SnZZWDIDvjGwP8dB8i9X1i1Zaa4uB10XAc6qDsq07I9PfLJR/PpyI39qr1KKxG6nA+c0DfrGxSOCNyFXtlVUAeKY/I6bCtaju9jC0QN2wyX7YpQo3U9UtLUmsOgDwTczaFLNfdQBQ2S1MgqZYK3tmnSMeI6DrwNYFHjx0XdgmwBl0OEDYsMmswq5A/JFj2vuEDg1+0NKt9+Uitk2LisbHU23OpbcE7vc8ViNq+yEbX+PRYCxe1KpSvuxVPPyc5YDeXsX7EWAA2bgp0MUC87kAAAAASUVORK5CYII=);
}

.idListBlock li a:hover.disable .iconMask60:before{
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNrsm+FtgzAQhc+ZwCOwAR6BDdIRPAIjsElHaLpBN0iYgIzABumdaiQrwhIkNsV+POmJ/EDOfbrgGPtOPViUTnf2jd276xi4T7MNu3bXKlVAKgHwhf3N/lFK3V8ZgEMS4IZ9Zn9Eje4RRwO7ZevYGZEx3dhDjEApAqiljSTf9S74O8BdiowuzHi3JfCVbeifJTG4WJICf9LOJDGlAra0U7lnOyrwbmHXQlMJsGugqRTYpdCU0wQVYyILAV8pc4X+skLApgBgsxS4o0I0tyKjmbWxLghYP6+9KfdZee2s7QMPVKj8LPvAbcHA7RywLhhYPwN/UeESRh/YAgBbH7gCAK4m4IFAJKwn+tsvRtFNgHsg4B4ywyMQ8HgiMB3AB/ABnD+wBuLVAmyAgI0A10DANdzLA9zr4TRLNwAJbiZyyC0emE08f+FhC06w9elhN+LhjlogD9PgjkshD8QhSx7gilogy5YgC9MgSw8hi0shy4chC8QhWwBgmzyybOOBa9RKAexLgEOtePJ5+kVs1or3K8AA5igns3dLWh0AAAAASUVORK5CYII=);
}


.iconMask60over:before{
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjlJREFUeNrsm91xwjAMx00eyivdIBsQNmADOkI8QdmgZYMygTMCbMAGhAlgg+aVvrQSp3A+moCdL2IrutOFOyDR7/6xrCj26Od8/hXt2Qk8BT/QMSv53QQ8Ap/SMWwroFELwBvwLfjuZTw+VTkBxITAc/AF+FsfgRFsDZ4AZNZkgBAfqh+DvzehfF1gBF0BZCI6MIgVwT/qgNcBXoF/Na2ooeJLAu8EGJOPBNBUPNEgbkxuipJca8A4RqXokUH8isa4kQUW55Z9g0WjmGTTwLKrxFQROjGFDlyHtYUOfIC1gQ4eJChnYG+gE9ssncIfZ8JhA6590ZRVprAU7ps0vaVXzy4qGrq1U6oG797SWBvPui4XWy5D93rtHRSo6wUsqZz9UxkVJj8KTw3Zck5d4bXw19ZFY/jVp9u5YCx/62N44yusNpY3OvBW+G9bHXjHAHh3zWCCiSErKpwKPpYi8IER8IGlwhkj4CwQzGwAHoAHYPeBJ4x4JwgcMQKOEHjKCHjKTuG8pxUyeFIK9Z7WnIG6c31aWjAAvjCybeKhxR6rG+v0bBvxIa2D8g0Wma6zEPuXafjF0iOBl+Jm1V7ZCoCZ6++IaeHa3vTxUHmgrrJ5Ho5ohZur6pYuSbzXAIhdzNoUc1y146FcgqZY1aOOh/AB2gTWFLj30KawNsA5tOohrLKZVdgtEK/Spr1M6HDBTyrdOi8X8dpUVFi3p4ZNHjXAWWzjKTIWG7XuKV+2FQ8/5zmgs614fwIMAE/tXlb4hzMlAAAAAElFTkSuQmCC);
}

.unread .iconMask60over:before{
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAilJREFUeNrsm9FtwjAQhg9e+0K7QNMJSDZgAxiBTBA2qLIBmSBs0LIBGxAmaLpAm5c+07vKrqzIhgBOiH35pVNAROg+/bZjx+fR59fPEdpTiVFgHMS1Mtw3wQgxpuIatJXQqAXgd4wtxu756aG85g8wJwKeYcwxFn0EJrAMY4OQlc0EMT9yf4mR2HD+VmACTRFyAx0IcyXw11vAbwFOMda2HW3o+EqAdwJMg0+MoAXcUZg3DW65GORaA6Y+GkOPhPnnoo9bB4676qtX9u3cJnBvYS+FbgLce9hLoM8BOwPbFPoUcO8GKBsDmQm4QNgIHBZy7XWPrLGpKYP70jLogNN7TypsSDCk54BpbrwGf7QWTEbgtOu5ccsuV3WX1UGrxBtewEMh44dcYakOZ+CvMp3Djz41Z82S8lt+OWK8geciRmKVTXoL/mur9uEdA+CdOoKxELGSwwXwUUHAB0bAB5YOV4yAqzEw0wA8AA/A7gNPGPFOCDhkBBwS8JQR8JTd4kG+AAgYwAbqC4AZA4Nn6mNpzgD4j5HdSzx14rH02N2lbqaVeAyc6IADsZnsW3Mmpv+nUH1/uMSIfOnLou/uVeD64oF+WHlk8ApqVXumCoDI9T1iUbi2b7o8zD1wN79kPRyKwhBX3TWWJA5lSy5D2yhMcwbaZulh76HbKC6VYlU+LMWqQFwVmyMAUJt7sznkUQdncYxHJxYHtU45bzqKR5/lrkdnR/F+BRgA2gdhQnQSy4YAAAAASUVORK5CYII=);
}


.listArea li a:hover .iconMask60over:before{
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlxJREFUeNrsm4ttgzAQhh0mSJUF6ASBDbJBOwKeINkgYoNkAhgh2SAbQCYoC0Rlg/auPSrLAso72MdJp0QKxPfpt88PjtXj8fgS41kGnoLf6TOvuG4N7oFv6dMdK6DVCMAX8Cv4bbPZZF3+AGJC4B34G/j7HIER7AweA2Q+ZIAQH6ofgO+HUL4vMIKGABmLCQxiRfBjH3CnR/shuD8VLBq15VPbkymMyUdC46l4okHcmNwiSnKjAeMYlWJGBvFHNMYH79JybrDUzTEmOTSwnHKsdhzbcijgWcO2hXZsgG0D7fyToIyB1aDjtlk6hRt9YbABV1I2ZVUpLIX5Jpt26fDZi4qBunZatiJzStbGJ2GPnYipEjgcerfzZJVzXWU1aWVwwauw0IDxo9hhqQqfhb12LuvSscXAsQ58sWnsVozliwp8FfbbVQW+MQC+qRmMhSErKpwKPpYi8J0R8J2lwjkj4NwRzGwBXoAXYPOB14x41wjsMQL2EHjLCHjLUmGXaips3ykho1tk6R0DdXfqtPTGAPiHUT2mfbH1XIsqgT71hUdgsbpB2UprbzHwvgzYpToo27ozMv3NQvrz4Uz81l7lFo3dRAXWNw/4w8EigQ9Cq9qrqgDwTX9GTIVrSdPtYWSBulGb/bBHFW6mqltZklh3ABCYmLUp5qDuAKC2W5gETbHW9swmRzxGQDeBbQo8e+imsG2AC+hohrBRm1llKRBvYVgOdJp6GUrLRVxBHbvc3+dcGhtMphzb1FbSFbavwkLbdLB4jafMWLyoVad81at4+L146jHZq3jfAgwACVYUBP/rzpoAAAAASUVORK5CYII=);
}

li.unread a:hover .iconMask60over:before{
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAl9JREFUeNrsm91tgzAQxy8MUKWvfaITBDbIBu0IeIJkg4gNkglghGSDbACZoDz1tagLtHftUVkWUL6DbU46JVIgvp/+9vmDY5W+f37BeJahp+g3/swrrluje+gb/nTHCmg1AvAZ/YJ+9Z4esi5/gDER8Bb9Bf11jsAEdkKPETIfMkCMj9QP0HdDKN8XmEBDhIxhAsNYCfzQB9zp0X6I7k8FS8Zt+dz2ZApT8hHYeAp3NIybklvESW40YBqjAmZkGH/EY3zwLi3mBsvdnGISQwOLKcdqx7EthgKeNWxbaMcE2DbQzj8JShtYBTpum6VTvNEHjQ25krIpq0phAfqbaNqlw3svKgbq2mnZiswpWRsfwRw7MlMlcDj0bufOKueqynLSyvCCZzDQkPGt2GHJCp/AXDuVdenYYOBYBT6bNHYrxvJZBr6A+XaRga8WAF/lDGaFESspnII9lhLwzSLgm5UK5xYB5w5YZgvwArwA6w+8toh3TcCeRcAeAW8sAt5YqbDLNRWm75SI0S2y9NYCdbfytPRiAfAPo3xM+2jquRZXAn2oC4/AYHWDspXWzmDgXRmwy3VQpnVnYvqbhdTnwxn81l7lBo3dRAZWNw/0w94ggfegVO1VVQD4uj8j5sK1pOn2MDJA3ajNftjjCjdd1a0sSaw7AAh0zNocc1B3AFDbLXSC5lhre2aTIx4toJvANgWePXRT2DbABXQ0Q9iozayyFIi3MCoHOk69DOXlIq2gDl3u73MuTQ0mU45tbivpCttXYVA2HVa8xlNmVryoVad81at49L146jHZq3jfAgwAB3wR1ryZTtcAAAAASUVORK5CYII=);
}

.iconMask60Gray:before {
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnVJREFUeNrsm91xgzAMxx2u17ymG7BBYAM2aEeACZINUjZIJoARkg2yAWSCZoPymr60UipyPgoUg/mwje50PLSJ9cvflmxjL75ut2/Wn13BU/ALPbOK/1uBO+Bretp9BfTUw3cewU/g5+fl8ir4ubuBCAjsgb+Cv8kMbiFJYQQ7gMcAmckMEOJD9X3wjQzluwIjaAiQMRvAIFYE33UBtzq0H4K7Q8GiUVsutT2Ywph8Amg8ZSMaxI3JLaIk15vCOEbdsWFJ7RRjwZj6AkZVAzYxo5gC2cDBkGO15dgOZAFPGlYU2tIBVgTa+idBKQNbgI5Fy1KeAZU14ErKSlaVwgFT34KmXTqcQp2VUafLZmRWydx4z/SxPTFVAoeyVzsjq5z9URmTFvkH09SQLefkFT4wfe1Q1qVjjYHjIvBRp7FbMZaPPPCJ6W8nHvhsAPD5kcGYIYasqHDKzLEUgS8GAV+MVDgzCDizmGE2A8/AM7D6wCuDeFcI7BgE7CDw2iDgtZEK23SmQveVEjLaeZb2DFDX48vSqwHAd0b+3dKLrvtadBLoszjx8DVW1y+baW00Bt6UAdt0Dkq37oxMjypUfD98Zb9nrzKNxm7CAxcXD/iHrUYCb1nh1F7VCQBX9XfEdHAtabo8jDRQNxJZDzvwC0UKq1t5JLFuA8BXMWtTzH7dBkBtt1AJmmKt7ZlNtniUgG4C2xR48tBNYUWAc+hogrCRSFUR3bXERJZQjRu9ztJpO6Ge12ab9l7QobF3mroNPl3EtmlSIfzDd9mX3hG4P/BYTajtVjZf45FgbS9q8ZAI5rEJX9SqU77sKh4++fE/2FW8HwEGAMtVJcwdaeE2AAAAAElFTkSuQmCC);
}

#TimelineSection .cell .thingsBlock.over .iconMask60Gray:before{
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkFJREFUeNrsm9FtwjAQhk1eKyS6QToBYQM2aEeIJ4ANqmwAEyQjwAZsQJig2aCRUJ/bu+pSWVaS2pCE2JdfOoFEiO7Tb19sx559Xa/foj8VEDnEhT7LhusWEBHEkj7DvhKa9QB8gDhCnJ7m8+KWG0BOCLyGeIV4GyMwgu0hMoAsu0wQ8kP3Y4hNF87fC4ygCUBmYgBBrgj+fg/4PcAJxK5rRw0d3xL4IMBYfCSA5uKBgryxuKVU5HoDxj4qxYgE+afUx40UWNxbjg0WRTnJroHlUIXpRujMFDpwHdYWOvAB1gY6+KdAOQOrQWe2VTqHP66EwwKuc90jq8lhKdyXNG3SyaMHFR017ZxGg63AODbeCX+0I6ZG4GTosXHPLpe6y2rRKuCCF+GhgPGjmmGpDu+Fv9rXOfzsU3OumVJ+qg4ffIVV+vJBBT4K/3VUgU8MgE9qBWMhZEWHc8FHOQJfGAFfWDpcMgIuA8FME/AEPAG7D7xgxLtA4IgRcITAS0bAS5YOh7SnwveZEjKGVZVeM3B3rT6WXhkA/zKyXcRDxR67G9eNtDYeA2/qgEPaB+Vbc0amv6eQ/n64gFj50pep755VYH3ygD9sPTJ4K7Rde007AFauvyOmjWtn0+lh6oG7qc18OKIdbq6627glsW0BIHaxalPOcdsCQGuzcAmacm1tmSZLPE5Am8CaAo8e2hTWBriCTkcIm9o8VaYN4hZicwRAaGNvNoc8dHAWx3jqxOKgVpvzTUfx8Hv11mOwo3g/AgwA0+Mktx0urCEAAAAASUVORK5CYII=);
}

#ModalFriendRequest .titleBlock .iconMask70P{
    width: 70px;
    margin-left: auto;
    margin-right: auto;
}
#ModalFriendRequest .titleBlock .iconMask70P:before {
	content: " ";
	width:70px;
	height:70px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAqtJREFUeNrsnE9ygjAUxiPTXRdegSPgDTiCq26REzjOdK/uO+N4AmDblUfgBuUIXMFF1+1L56GpQoDwLyTvm4mykryfX5KXQLL4fvv4YeMqhZJBueK1TD6UJRQPr0fTywj34BASDuH18z1TgHgT/IkFoABhDabFQI7JoZyhXABGPkTFod4ufK2hbKG4uoPh/3ACMOIxbQ8xbNBFvm5guCt2AOTCJhTEwh106sNBfYA5ApAD00gQE6/PvstvOB071ZVuULiwTius46iOieHmIZuBIL4IvjZjOCacCxR0D69rODSYcOwRpyc4cVs4julQVOE4NkBRgePYAqUtnDowsUlQHuDEqmCyOY0+iqNVpgLGWChNYnQkaX5mOhWM8dgUTK5jmj/w9CFvAmbH7NOuDkw69dLBRK7hMacyMAmzV0kVmNzEnKVlbpOXgTkz0rkMzIW43Bk4Qpab204FGWQimITM8r8TLsCkxOOesvx9TvCIVntxJg65pdw1DuvwiMFgZRzMlTg86UpNSdKUSCUiMASGwBAYAkNg9ALjE4Yn+RzMkjg8acnBeMThSR41JUlTKt64JgksilGJXCO4RQQTEI+bAhGMh+/m296M3GIwEhO8NZnlzkAEsyUudwYiGBd3cdjajHjsbtVcyeZOOJBNIn3c2mKbW9aPKUvZ7PpkoVtOTZYdXNzvY4tbDqxk41fVeszehmkCxli64Uu2UBVZYJjKGGVgPNwEZapbIiZZcqlb2tyYmNtgTNK4mqz5RibBwVhqW0LTxXAj4DSF0gbM7OG0gdIWzGzhtIWiAqaAE80ISqSSenTZqc/fxAp13b6DyZt0SO7bMbc8B8qXjtMHrNMX6/BoiA69GBhMoZTRMSm1DqKDdRp00qpHMZV1qD6b8VFMdc1N+8O7fgUYAPj/ExLbcUQ1AAAAAElFTkSuQmCC);
}

.iconMask80:before{
	content: " ";
	width:80px;
	height:80px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzxJREFUeNrsnY1t4kAQhZ0TBbgEd4BTAU4HoYKzK0CpIEcFERUAFeAODBVgKgglUABSbiYaRz6fjXfXC/57T1opUSK8++nN/nt4ul6vX067OlNJqZyoXOTnW/KpuFSmVDz5vTU9tQCQgcVUDlT2k8nk0uTDqP4MM6Ayo/IqUAcHkKFtqWwI2PmeD6L2MMCQyu9HwLw3wD2VFUGL2wgvahs7ciEO7RVABrckcHunA6I2MsD3e4C0DZAHgLeugKsA+WFz4PllsX7suOeuwmNx3biOXNcuOZBdF1HFUqdHonazC9dN3dgUII+qkdNjUfvXMmo/PISjvsOTsOY2RI8EyBPfOT144wxE0pa5tO2uIcwPeOlbf6fZLyayVLTuwEHDEydy2150nKgDMBoyvALEyDbAqK3lWEsQY1WIKgA3QxowNAeW2nbXDSKpzNxHK+JzvDXZrnNg5ECRaQgvxzBoKA4qS90QHn3oqoZylQPfgEyRCTuwUBKwqnRhUuRV5sAlUFWPC3UOhPs0XVh04AqIarWqcuAn2Ci78LPMgVugUda2zIEeuCg70Mu4OQjfZmGchXAMJNqK8yuRA3ho65DvA13w0A5hN+sD0f816Ac5hFOgMFbKAE/gYKwTA7yAg7EuCGELIQw1EAACIAACIABCANgmQA8YjOUDYDO5DHAKDsaaYjurgb7ZYUPVGJ6bPxMJgERbQX4aMwMPbc0yK+JY07D/y58L42BdD55XdrUjBBplhXmauFxkGL5FB3qSYwC6De+fzCDFzYQFENVqUSRavCONOWG1+wKVO9LvQFWp/9iUAQzgwnL3la3YqjZUP4BMjUkVQJ+I/wGzH/cxi9IXDuve1nwe+/tykgbgWPX3ujORNfx3m0EdQF/yqozVfbWJeVRO5UL6oHCE8EKV/QGdtCfzseRNkOXaTuV/dQAOPu1JbtBQzh2jc7DOH5jIAwDPAGAe4utAw1YLngnADOJuSAOLtGWnC88U4M/8aAhTHGmDcTuQgLFhAkYbt7O+lzp9WjtLXY+OhVyqSELbULbvB/oySidd2lOUneRERlmr0zAk4u44wExnB6ngrcLElxFYBmr6dRi+0/IN278CDAC1fWDpSBrChQAAAABJRU5ErkJggg==);
}

.iconMask80w:before{
	content: " ";
	width:80px;
	height:80px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmVJREFUeNrsneGRgkAMhcNVQAl0IB1ICXRwlGInnh3YAWcFaAXaAXTgJQ7MMI4cu1nWBXlvJjPqD10+kyVgEqM7i8LqxnZmu7A17eP/lLLFbBu2pH0eTFEAgALsyHZi+42iqHF5M16+wMzYtmx5C/XjAAq0A9sPA7v5/CA+HAFYsH2/Bebdr0q2PFR4yWe3a/Am8gguo5lI1uIL5NQAqzmBGwBZzRXgjhYiWeucAMo3mtLCJGuewhtdAe5p4ZJjCAWwoA+RHMs7AdYhUxPPKU/tG2C9xP3Ocl+sfQH8aHhaiDYAc1qJ2nCeFGBBK5PpiYXWkKr4THHGAFa0co0l22MAUwB8nFRUAHcEjV47E0LXLZSHAGZA9vJWmBHAErgGIZYmAOF9Fl5I8D43L6S1Xq5NdZnXB3gFHmOI1w7aV+/1A9AY69Cn2SkBF2MPTJ5DGOGrDOMuhI9AYq0Hsw7gCTysdervgTF4WIdw3O2B2P8c9kEJ4TNQqHUWgBdwUOsiABtwUKtBCE8QwpCDABAAARAAARACwJAAE2BQKwVAN8UCcAMOam1wO8tBD3a4oaqGF/d/E8mAxFpZP43Zgoe1tp0r4mdN5f73XNqBdMYcXvKqtKMAGmMVfZooLlKGL8rbdPByFFi6ASxR4quHl6HIfELvQ5uDo/eh0cYOYIVWLz28HZoN9fBStLt6CF00XJvB26PlXw9vspZ/DJ3A2BPrk4aXsScYvIPRT6Nh6330E4aPYfydfaqCAYzD+13wAYwYAYohtBiDbApuEWOQVzeIG6PgHYU/I1ggwFdAtX+HkVLgCts/AQYAGmrdcRyk6jMAAAAASUVORK5CYII=);
}


#LoginedHeader .menuBlock .myStatus li.thumb:before {
	content: " ";
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnVJREFUeNrsm91xgzAMxx2u17ymG7BBYAM2aEeACZINUjZIJoARkg2yAWSCZoPymr60UipyPgoUg/mwje50PLSJ9cvflmxjL75ut2/Wn13BU/ALPbOK/1uBO+Bretp9BfTUw3cewU/g5+fl8ir4ubuBCAjsgb+Cv8kMbiFJYQQ7gMcAmckMEOJD9X3wjQzluwIjaAiQMRvAIFYE33UBtzq0H4K7Q8GiUVsutT2Ywph8Amg8ZSMaxI3JLaIk15vCOEbdsWFJ7RRjwZj6AkZVAzYxo5gC2cDBkGO15dgOZAFPGlYU2tIBVgTa+idBKQNbgI5Fy1KeAZU14ErKSlaVwgFT34KmXTqcQp2VUafLZmRWydx4z/SxPTFVAoeyVzsjq5z9URmTFvkH09SQLefkFT4wfe1Q1qVjjYHjIvBRp7FbMZaPPPCJ6W8nHvhsAPD5kcGYIYasqHDKzLEUgS8GAV+MVDgzCDizmGE2A8/AM7D6wCuDeFcI7BgE7CDw2iDgtZEK23SmQveVEjLaeZb2DFDX48vSqwHAd0b+3dKLrvtadBLoszjx8DVW1y+baW00Bt6UAdt0Dkq37oxMjypUfD98Zb9nrzKNxm7CAxcXD/iHrUYCb1nh1F7VCQBX9XfEdHAtabo8jDRQNxJZDzvwC0UKq1t5JLFuA8BXMWtTzH7dBkBtt1AJmmKt7ZlNtniUgG4C2xR48tBNYUWAc+hogrCRSFUR3bXERJZQjRu9ztJpO6Ge12ab9l7QobF3mroNPl3EtmlSIfzDd9mX3hG4P/BYTajtVjZf45FgbS9q8ZAI5rEJX9SqU77sKh4++fE/2FW8HwEGAMtVJcwdaeE2AAAAAElFTkSuQmCC);
}


.iconMask140:before {
	content: " ";
	width:140px;
	height:140px;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiJJREFUeNrsnY2R2jwQhs1V4BKcCjAVnNNBUkGggpAKQiq4SQVcKuA6gKsAU8HRAXRwn3Sz/sYhgCX/S3reGQ+QuSRk9WR3X1mWJu9KUTg6qyuX14P8WvHZRLG6Unk/LX2OQwngxGNgjgKDBmOn308mk3MXf5EKYQFOJiDp9wnAjD97vKjrVQOi4DgO+WVUWBMB6FFdX3zJQq4DcxRI/ihA8jF/URVmnXW+CTwJwPSfSX6PHZIKeL67mHlcAiYXSJ596glU+OcCTwow7ajIJjuf3YcahqyUdQCmhnQm+TV08zpQs/xTXXOAMZPOJD9c7U9a7nOexGkBzA3Hs/C99NQsVeuxOKsxAHOWHmUFHnfBWUmPE4cMzE6yyhEkjPub9aBl6n0YndS1BIHaY7aUGPauITJMLlklZ+gbN8U62/Q6f9M3MM8KlAXD3So46z4teJ/ALHybpR0RNHPJNl4Ao13QZ0pQLyVq27WL6hoYDclXXFCvLmrTZV/TJTC5ZJYzQ9krNLFkmtQlYIDFU2i6AAZYPIambWCAxXNo2gQGWAKApi1ggCUQaNoARkMywzo7Ybn3UcN5mjaAmTEp5ww0qUDT6A9pojnD4Bw08yYD3gSYNeF3Fpp138sb9GOnM0LvNDT7Wk1wzcVPKSF3v5+pswirDjCslPMHmmXXwGwJs3fQbLsC5iReHnk2P2NTmmyAWRFeb6FZte2SjsoVfSK0XkPzFpk8LGcIVkZIvQcma6sk0ejSAFsBw5xLWHMzjYBh+j88aNZNgMFGh2mzawGzIXzBQrOpAwzOCMdkDMyesAUPzd4GmDkhCx6YuSkwJ8KFBJp/7jE9XPm5F0KFbrLARB26k2HSqpL0RpjQBTRv90oS5QjdL0uUI2RTliLcEbJxSxE3GpEBMOtrPcwroUE39Hqth0mIC7qRYZLLkoSdRkb2uihJ7L6AqvTBSAHMgXigCh3KPUxGPFBFScrKPUxMSFAFMHEBDBN2yBSaU8RzR8gCmK1uetn5Epnq/IBDQjZO6YEYIBtpYJi0Q6bK6WGQdQ+DkFVJQghgUHfA0MMgK2C4j4QoSQhgEMAggEE0vQiJYg0Mj8ciU6WUJGRdkqaEARlqSg+DrHoYFoEjYxWLwHnMBJnAEpefS8oICaoAJis/Ww0wqEpZ4ZIinBIycUhFqmG7D2RSkt4utyxLCAu6AUtybcsy+hh0t38p9zBaj8QF3dBjOd2w7SqqKkmnW1vHc+caXcKS3jtr4IkQoQtgnjicAlnb6XsHbFGW0NVydAsYtpBHBTBrjvBDtdwRh4SiKljmHEOMbIDZc9A5MoXF+qBzrQ2hCxaYTR1guIMdJizJPSCqgMFiY6WtgGEiLyxY0ioYTIBha/lwgNm2AQyOKXBnVNbkg5pqHSeTySfC6jUw+sZzYvKDploRVm9hWZlCYAPMCZvtrY0+dQEMDXCgjW4TYLSWhNkbWJa2g18HmBNzM97MuZxsB9/UJV0qV65pRtidBkavSEjr/Ma64raBu7Cs6w56E2BYaOUmLPMmA163JJU1U+WJU90c6VvUS6PFcW0AcxZojgzJuOdbBJZ4aGA+mmB1fVbQcJTOOGHRkGyjFvZkbgsYoAkAlraBARrPYekCGKDxGJaugAEaT2HpEhig8RCWroEpoPmK5e7VOm+iDk+o6RoYrbNkGib3uoUllczS6a7ufRx/o/8Be24jdAqLju0+6uGgkT4yTFnPKtMsGOJWYdE3gXv7z9g3MEVfs6BEtVKC1lHfJ+q9D6MTK/cajdmyzuKnNjREhilrJ9kGF2XugnRWyYb6DkMDU7io3wqaFUjchUXH53s08Al6YwCm0FGyzQ48/gIlk6ySjOH7jAmYcpn6EXpTLE3tUzSyMyDGCMz/Flxdv0Lrb6RP+dmnVfYFmEIv0uPsPAclkx7ly5i/pwvAFMoFnGfPQJkLKE486+USMGVXVWSd3FFI0lI2cepEXxeBuXRWGp4/Y4dHIPkmkCSuBtx1YK5lnlfttIZulqV51X3Jo4uZJARgrmUfnXUOYtXzrhZzyaKlVACZyvvEx6D6DMytLJTL66HUTJ+v/Ny1jBCXmtNp6XMcSgD/E2AAmDthDF2UuywAAAAASUVORK5CYII=);
}


/*モジュール：1行に4サムネール*/
.modThumbnail4List{}

	.modThumbnail4List .title,
	.modThumbnail4List .sectionTitle {
		margin-bottom: 20px;
	}

	.modThumbnail4List .moreBtn {
	    margin-bottom: 23px;
	    text-align: center;
	}

	.modThumbnail4List li{
		float: left;
		width: 241px;
		padding-bottom: 25px;
		margin-right: 5px;
	}
	.modThumbnail4List li.turn{
		margin-right: 0px;
	}

		.modThumbnail4List li .pct{
			width: 239px;
			/*
			height: 180px;
			overflow: hidden;
			*/
			border: 1px solid #E5E0E0;
		}

		.modThumbnail4List li .stats{
			font-size: 11px;
			line-height: 1.1;
			color: #797776;
			border-bottom: 1px solid #e4e0e1;
			padding: 7px 5px 6px 0px;
			margin-bottom: 6px;
		}

			.modThumbnail4List li .stats .place{
				float: left;
				font-size: 10px;
				max-width: 170px;
				height: 16px;
				overflow: hidden;
			}
				.modThumbnail4List li .stats .place span.eventStatus{
					display: block;
					float: left;
				}
				.modThumbnail4List li .stats .place span.pref{
					display: block;
					float: left;
				}
				.modThumbnail4List li .stats .place span.area{
					display: inline;
					float: left;
					margin-left: 5px;
					padding-top: 3px;
				}
          
			.modThumbnail4List li .stats .check{
				float: right;
				padding-top: 1px;
				padding-left: 16px;
				padding-right: 2px;
				font-family:'Avenir LT W01_45 Book1475508', sans-serif;
				font-size: 110%;
				background: url(/content/images/common/icon/check.png) 3px 4px no-repeat;
			}
				.modThumbnail4List li .stats .check span {
					font-size: 75%;
				}

			.modThumbnail4List li .stats .fav{
				float: right;
				padding-top: 1px;
				padding-left: 16px;
				font-family:'Avenir LT W01_45 Book1475508', sans-serif;
				font-size: 110%;
				background: url(/content/images/common/icon/favorite.png) 3px 4px no-repeat;
			}
				.modThumbnail4List li .stats .fav span {
					font-size: 75%;
				}
			.modThumbnail4List li .stats .fav.favorited{
				color: #f26161 !important;
				background-image: url(/content/images/common/icon/favorited.png) !important;
			}
			
			.modThumbnail4List li .splace{
				float: right;
				padding-top: 1px;
				padding-left: 16px;
				padding-right: 2px;
				font-size: 11px;
			}



		/*記事タイトル*/
		.modThumbnail4List li .title{
			font-size: 15px;
			line-height: 1.4;
			padding-bottom: 1px;
			margin-bottom: 0;/*reset*/
		}
			/*スポット：緑*/
			.modThumbnail4List.spotList li .title a{
				display: block;
				text-decoration: none;
			}
			
			/*イベント：赤*/
			.modThumbnail4List.eventList li .title a{
				display: block;
				color: #F26161;
				text-decoration: none;
			}
			/*プラン：紺*/
			.modThumbnail4List.planList li .title a{
  			display: block;
				color: #797776;
				text-decoration: none;
				font-size: 14px;
				line-height: 1.4;
				padding-bottom: 6px;
  			}

			/*関西*/
			.modThumbnail4List.kansai li .title a{ color: #f5568b; }
			/*北陸*/
			.modThumbnail4List.hokuriku li .title a{ color: #ff7900; }
			/*せとうち*/
			.modThumbnail4List.setouchi li .title a{ color: #00bfb1; }			


			
			/* ロールオーバー */
			.modThumbnail4List li .title a:focus,
			.modThumbnail4List li .title a:hover{
				text-decoration: underline;
			}

			.modThumbnail4List li .title img{
				vertical-align: -2px;
				margin-right: 5px;
			}

		.modThumbnail4List li p{
			font-size: 85%;
			line-height: 1.6;
		}

		/*下部アイコン*/
		.modThumbnail4List li .icons{
			padding-top: 3px;
			display:block;
		}
			.modThumbnail4List li .icons img{
				vertical-align: baseline;
			}

		/*日付*/
		.modThumbnail4List li .date{
			width: 39px;
			min-height: 70px;
			float: left;
			text-align: center;
			line-height: 1.1;
			color: #4c4948;
		}

			.modThumbnail4List li .date .month{
				padding-top: 5px;
				padding-bottom: 1px;
				font-family:'Avenir LT W01_65 Medium1475532', sans-serif;
				vertical-align: -0.075em;
				font-size: 12px;
			}
				.modThumbnail4List li .date .month span{
					padding-left: 2px;
				}
			.modThumbnail4List li .date .day{
				font-family:'Avenir LT W01_45 Book1475508', sans-serif;
				vertical-align: -0.075em;
				font-size: 28px;
				line-height: 1em;
			}
			.modThumbnail4List li .date .period{
				padding-top: 13px;
				background: url(/content/images/common/bg/period.png) center top no-repeat;
				font-family:'Avenir LT W01_65 Medium1475532', sans-serif;
				vertical-align: -0.075em;
				font-size: 12px;
			}
				.modThumbnail4List li .date .period span{
					padding-left: 2px;
					padding-right: 1px;
				}


		/*日付がある場合のテキスト部分*/
		.modThumbnail4List.eventList li .detail{
			width: 198px;
			min-height: 70px;
			float: right;
			border-left: 1px solid #e5dfdf;
		}
		.modThumbnail4List.eventList li .detail .inner{
			padding-top: 2px;
			padding-left: 10px;
			padding-right: 5px;
		}

		/*スポットの場合のテキスト部分*/
		.modThumbnail4List.spotList li .detail{
			padding-left: 5px;
			padding-right: 5px;
		}
		/*プランの場合のテキスト部分*/
		.modThumbnail4List.planList li .detail{
			padding-left: 5px;
			padding-right: 5px;
		}
		
		  .modThumbnail4List.planList li .detail p{
  		  font-weight: bold;
        font-size: 13px;
        padding-bottom: 6px;
        color: #F5568B;
  		}

/*モジュール：ランキングリスト*/
.modRankingList{
}

	.modRankingList li{
			float: left;
			width: 475px;
			margin-right: 30px;
		}
		.modRankingList li.turn{
			margin-right: 0px;
		}

			.modRankingList li .pct{
				float: left;
				width: 98px;
				overflow: hidden;
				border: 1px solid #E5E0E0;
			}

			.modRankingList li .icon{
				float: left;
				width: 63px;
				height: 64px;
				padding-top: 10px;
				margin-right: 8px;
				text-align: center;
				border-right: 1px solid #e2e0e1;
			}

			.modRankingList li .detail{
				float: left;
				width: 300px;
				height: 85px;
			}

			.modRankingList li .stats{
				font-size: 11px;
				line-height: 1.1;
				color: #797776;
				border-bottom: 1px solid #e4e0e1;
				padding: 1px 3px 7px 0;
				margin-bottom: 8px;
			}

				.modRankingList li .stats .place{
					float: left;
				}
				.modRankingList li .stats .place .pref{
					display: block;
					float: left;
				}
				.modRankingList li .stats .place .area{
					display: inline;
					float: left;
					margin-left: 5px;
					padding-top: 2px;
				}


				.modRankingList li .stats .check{
					float: right;
					padding-left: 16px;
					font-family:'Avenir LT W01_45 Book1475508', sans-serif;
					font-size: 110%;
					background: url(/content/images/common/icon/check.png) 4px 3px no-repeat;
				}

				.modRankingList li .stats .fav{
					float: right;
					padding-left: 16px;
					font-family:'Avenir LT W01_45 Book1475508', sans-serif;
					font-size: 110%;
					background: url(/content/images/common/icon/favorite.png) 4px 3px no-repeat;
				}
				.modRankingList li .stats .favorited{
					color: #f26161 !important;
					background-image: url(/content/images/common/icon/favorited.png) !important;
				}


			.modRankingList li .title{
				width: 300px;
				font-size: 115%;
				line-height: 1.4;
			}
				/*スポット：緑*/
				.modRankingList.spotList li .title a{
					display: block;
					color: #38BC80;
					text-decoration: none;
				}
				/*イベント：赤*/
				.modRankingList.eventList li .title a{
					display: block;
					color: #F26161;
					text-decoration: none;
				}
				/* ロールオーバー */
				.modRankingList li .title a:focus,
				.modRankingList li .title a:hover{
					text-decoration: underline;
				}

			/*イベント期間*/
			.modRankingList li .title .period{
				font-size: 80%;
				font-family: 'Avenir LT W01_55 Roman1475520', sans-serif;
				vertical-align: -0.075em;
			}


/*モジュール：プルダウン（カレンダー箇所）*/
.modPulldown{
	height: 45px;
	background: url(/content/images/common/bg/formbox-kansai.png) right center no-repeat #FFF;
	border: #d2d1d1 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.kansai .modPulldown	{ background-image: url(/content/images/common/bg/formbox-kansai.png) ; }
.hokuriku .modPulldown	{ background-image: url(/content/images/common/bg/formbox-hokuriku.png) ; }
.setouchi .modPulldown	{ background-image: url(/content/images/common/bg/formbox-setouchi.png) ; }


/*
.modPulldown.open{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
    background-color: #efeded;
}

div.modPulldown:hover{
    background-color: #efeded;
}
div.modPulldown.open:hover{
    background-color: #efeded;
}
*/

	.modPulldown span{
		display: block;
		height: 45px;
		line-height: 47px;
		padding: 0 0 0 15px;
		margin: 0 18px 0 0;
		font-size: 14px;
		color: #757374;
		cursor: pointer;
	}



	/*選べない状態では文字色変える*/
	.modPulldown.noselect span{
		color: #b3b1b2;
	}

	/*親がspotの場合*/
	.spot .modPulldown span{
		background: url(/content/images/common/icon/arrow/spot-down.png) right center no-repeat;
	}
	/*親がplanの場合*/
	.plan .modPulldown span{
		background: url(/content/images/common/icon/arrow/plan-down.png) right center no-repeat;
	}
	/*親がeventの場合*/
	.event .modPulldown span{
		background: url(/content/images/common/icon/arrow/event-down.png) right center no-repeat;
	}
	/*親がareaの場合*/
	.area .modPulldown span{
		background: url(/content/images/common/icon/arrow/area-down.png) right center no-repeat;
	}
	/*親がmemberの場合*/
	.member .modPulldown span,
	.member.modPulldown span{
		background: url(/content/images/common/icon/arrow/member-down.png) right center no-repeat;
	}
	/*数字部分は大きく＋ウェブフォントで*/
	.modPulldown strong{
		font-size: 140%;
		font-weight: normal;
		font-family:'stats LT W01 55 Roman', sans-serif;
		vertical-align: -0.075em;
		letter-spacing: 2px;
		margin: 0 2px;
	}


/*モジュール：テキスト検索　※幅は個別指定*/
.modTextSearch{
	position: relative;
	height: 45px;
	background: url(/content/images/common/bg/formbox-other.png) right no-repeat #f5f3f3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div.modTextSearch:hover{
    background-color: #efeded;
}
	.modTextSearch .formText{
		/*height: 45px;*/
		padding: 14px 0;
		text-indent: 13px;

		border: 0px;
		outline: none;
		background-color: transparent;

		font-size: 14px;
		color: #757374;
	}
	/*ie7*/
	*:first-child+html .modTextSearch .formText{
		text-indent: 0;
	}
	/*ie6*/
	* html .modTextSearch .formText{
		text-indent: 0;
	}

	.modTextSearch .formBtn{
		float: right;
		width: 45px;
	}
	/*ie7*/
	*:first-child+html .modTextSearch .formBtn{
		position: absolute;
		right: 0px;
		top: 0px;
	}
	/*ie6*/
	* html .modTextSearch .formBtn{
		position: absolute;
		right: 0px;
		top: 0px;
	}


/*モジュール：フォームのテキスト*/
.modFormText{
	/*height: 45px;
	line-height: 45px;*/
	padding: 14px 0;
	text-indent: 13px;
	font-size: 16px;
	color: #4C4948;
	border: 0px;
	outline: none;
	background-color: #f5f3f3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/*ie7*/
*:first-child+html .modFormText{
	text-indent: 0;
}
/*ie6*/
* html .modFormText{
	text-indent: 0;
}

.modFormText.blur{
	color: #BCBABA;
}

.modFormText.error{
	background-color: #fee0e0 !important;
}


/*モジュール：フォームのテキストエリア（幅と高さは別指定）*/
.modFormTextArea{
	padding: 10px;
	font-size: 13px;
	color: #797776;
	border: 0px;
	resize: none;
	outline: none;
	background-color: #f5f3f3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


/*モジュール：チェックボックス*/
.modCheckbox{
	cursor: pointer;
	padding-left: 27px;
	/*基本オフ表示*/
	background: url(/content/images/common/icon/circle/off.png) left center no-repeat;
}
	/*オン時　カテゴリからの各色*/
	.modCheckbox.on.event{ background: url(/content/images/common/icon/circle/event.png) left center no-repeat; }
	.modCheckbox.on.member{ background: url(/content/images/common/icon/circle/member.png) left center no-repeat; }
	.modCheckbox.on.spot{ background: url(/content/images/common/icon/circle/spot.png) left center no-repeat; }
	/*エラー時*/
	.modCheckbox.error{ padding-left: 0; background: url(/content/images/mypage/bg/error-checkbox.png) left center no-repeat; }
	.modCheckbox.error span{ display: block; padding-left: 27px; background: url(/content/images/common/icon/circle/off.png) 3px center no-repeat;}


/*モジュール：ローディング*/
.modLoading{
	display:none;
}

/*モジュール：背景がグレーのボタン（aタグに付与）*/
.modBtnBGGray{
	display: block;
	padding: 14px 0;
	text-align: center;
	background-color: #f8f7f7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	/*hover
	.modBtnBGGray:hover{
		background-color: #eee;
	}*/

.

/*モジュール：検索タイプ選択*/

.modPulldown.open .modTypeSelect {
    background-color: #efeded;
}

	.modTypeSelect{
		padding: 20px 0;
		margin: 0 15px;
		border-top: 1px solid #e4e0e1;
	}

		.modTypeSelect li{
			float: left;
			display: inline-block;
			width: 153px;
		}

		.modTypeSelect .last{
			width: 135px;
		}

			.modTypeSelect li a{
				display: block;
				width: 135px;
				padding: 60px 0;
				background: #ffffff;
				color: #37bb7f;
				font-size: 15px;
				line-height: 1;
				font-weight: bold;
				text-align: center;
			}

/*モジュール：エリア選択*/
.modPulldown.open .modAreaSearch {
    background-color: #efeded;
}

	.modAreaSearch {
		padding: 20px 0;
		margin: 0 15px;
		border-top: 1px solid #e4e0e1;
	}

	.modAreaSearch .innerLeft{
		float: left;
		width: 80px;
		border-right: 1px solid #e4e0e1;
	}

	.modAreaSearch .innerLeft ul{
		padding-top: 10px;
	}

	.modAreaSearch .innerLeft li{
		display: block;
		height: 28px;
		margin-bottom: 4px;
	}

	.modAreaSearch .innerLeft .last{
		margin-bottom: 0;
	}

	.modAreaSearch .innerLeft li a{
		display: inline-block;
		border-radius: 14px;
		padding: 2px 8px;
		color: #656565;
		font-size: 16px;
	}

	.modAreaSearch .innerLeft .current a{
		background: #3fb680;
		color: #ffffff;
	}

	.modAreaSearch .innerRight{
		float: right;
		width: 360px;
		height: 100%;
		background: #ffffff;
	}

		.modAreaSearch .innerRight ul{
			overflow: scroll;
			height: 245px;
			padding: 16px 14px;
		}

			.modAreaSearch .innerRight ul li{
				margin-bottom: 12px;
			}

				.modAreaSearch .innerRight ul li a{
					color: #656565;
				}

					.modAreaSearch .innerRight ul li a span{
						display: block;
						height: auto;
						padding: 0;
						background: none;
						line-height: 1;
						font-size: 16px;
					}
					.modAreaSearch .innerRight ul li a small{
						display: block;
						line-height: 1;
						font-size: 10px;
					}



/*モジュール：頭文字選択*/
.modPulldown.open .modKanaSearch {
    background-color: #efeded;
}

	.modKanaSearch {
		padding: 20px 0;
		margin: 0 15px;
		border-top: 1px solid #e4e0e1;
	}

	.modKanaSearch .innerLeft{
		float: left;
		width: 173px;
		border-right: 1px solid #e4e0e1;
	}

	.modKanaSearch .innerLeft table{
		width: 140px;
		margin-left: 13px;
	}

	.modKanaSearch .innerRight{
		float: right;
		width: 250px;
		padding: 15px 0;
		background-color: #fff;
	}

		.modKanaSearch .innerRight ul{
			margin: 0 5px 0 18px;
			height: 275px;
			overflow-y: scroll;
		}

		.modKanaSearch .innerRight li{
			font-size: 125%;
			line-height: 1.7;
		}

			.modKanaSearch .innerRight li a{
				display: block;
				color: #797776;
			}


/*モジュール：気になるボタン*/
.modFavBtn{
	height: 20px;
	overflow: hidden;
}

    .modFavBtn a{
        float: left;
        width: 70px;
        margin-right: 2px;
    }

	.modFavBtn .count{
		float: left;
		height: 20px;
		padding-left: 9px;
		background: url(/content/images/common/btn/fav/bg-num.png) left center no-repeat;
	}

		.modFavBtn .count span{
			font-size: 9px;
			/* letter-spacing: 1px; */
			color: #666;
			display: block;
			height: 20px;
			line-height: 23px;
			padding-right: 5px;
			background: url(/content/images/common/btn/fav/bg-num.png) right center no-repeat;
		}
		/*ie7*/
		*:first-child+html div#hoge{}.modFavBtn .count span{
			line-height: 20px;
		}



/*ふきだし：入力エラー時*/
.inputErrorBalloon{
	width: 475px;
	padding-top: 13px;
	background: url(/content/images/mypage/bg/balloon/error-l-top.png) center top no-repeat;
	margin: 0 auto 15px;
	color: #fff;
}
	.inputErrorBalloon .bg{
		padding-bottom: 30px;
		background: url(/content/images/mypage/bg/balloon/error-l-bottom.png) center bottom no-repeat;
	}
	.inputErrorBalloon .wrap{
		padding: 0 20px;
		background-color: #f02424;
	}

		.inputErrorBalloon .errorTitle{
			text-align: center;
			padding-bottom: 12px;
			border-bottom: 1px solid #f89192;
			margin-bottom: 17px;
		}

		.inputErrorBalloon p{
			font-size: 90%;
		}

	/*幅が狭い場合*/
	.inputErrorBalloon.narrow{
		width: 435px;
		padding-top: 13px;
		background: url(/content/images/mypage/bg/balloon/error-s-top.png) center top no-repeat;
		margin: 0 auto 15px;
		color: #fff;
	}
		.inputErrorBalloon.narrow .bg{
			padding-bottom: 30px;
			background: url(/content/images/mypage/bg/balloon/error-s-bottom.png) center bottom no-repeat;
		}

/*画像のロールオーバー*/
a.imgRollOver {
	-webkit-transition-duration:0.25s;
	-moz-transition-duration:0.25s;
	-ms-transition-duration:0.25s;
	transition-duration:0.25s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}

a.imgRollOver:hover {
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	transition-duration:0s;
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
}

/*モーダルでのエラー表示*/
#ModalErrorBalloon{
	width: 475px;
	background: url(/content/images/common/bg/balloon/error-l-top.png) center top no-repeat;
}

	#ModalErrorBalloon .topTitle{
		display: block;
		width: 475px;
		height: 56px;
		background: url(/content/images/common/balloon/error/top.png) no-repeat;
	}

	#ModalErrorBalloon .middleText{
		padding: 20px 20px 17px 20px;
		line-height: 1.4;
		color: #fff;
		background-color: #F5568B;
	}

	#ModalErrorBalloon .bgBottom{
		display: block;
		width: 475px;
		height: 3px;
		background: url(/content/images/common/balloon/error/bottom.png) no-repeat;
	}


/*定番観光エリア一覧・ホテルエリア一覧・詳細　地図選択箇所*/

#MapWrapper {
   	min-width: 980px;
	width: 100%;
	height: 420px;
	overflow: hidden;
	text-align: center;
	margin-top: 50px;
}

#MapWrapper .loading {
	text-align: center;
	padding-top: 160px;
}

#MapWrapper .carouselWrapper {
	width: 780px;
	overflow: visible;
	margin: auto;
}
	#MapContainer {
		display: none;
	}

	#MapWrapper #MapKobe,
	#MapWrapper #MapOsaka,
	#MapWrapper #MapKyoto{
		position: relative;
		float: left;
		width: 780px;
		margin-right:15px;
		height: 400px;
	}

	#MapWrapper #MapKobe{ background: url(/content/images/common/map/area/bg/kobe.png) no-repeat; }
	#MapWrapper #MapOsaka{ background: url(/content/images/common/map/area/bg/osaka.png) no-repeat; }
	#MapWrapper #MapKyoto{ background: url(/content/images/common/map/area/bg/kyoto.png) no-repeat; }

	/*各位置*/
	#MapWrapper #MapOsaka #Area102,
	#MapWrapper #MapOsaka #Area103,
	#MapWrapper #MapOsaka #Area104,
	#MapWrapper #MapOsaka #Area105,
	#MapWrapper #MapOsaka #Area107,
	#MapWrapper #MapOsaka #Area108,
	#MapWrapper #MapKyoto #Area201,
	#MapWrapper #MapKyoto #Area202,
	#MapWrapper #MapKyoto #Area203,
	#MapWrapper #MapKyoto #Area204,
	#MapWrapper #MapKyoto #Area205,
	#MapWrapper #MapKyoto #Area206,
	#MapWrapper #MapKyoto #Area207,
	#MapWrapper #MapKobe #Area301,
	#MapWrapper #MapKobe #Area302,
	#MapWrapper #MapKobe #Area303,
	#MapWrapper #MapKobe #Area304,
	#MapWrapper #MapKobe #Area306{
		position: absolute;
	}
	#MapWrapper #MapOsaka #Area102{ width: 97px; top: 72px; left: 315px; }
	#MapWrapper #MapOsaka #Area103{ width: 124px; top: 187px; left: 278px; }
	#MapWrapper #MapOsaka #Area104{ width: 163px; top: 164px; left: 538px; }
	#MapWrapper #MapOsaka #Area105{ width: 175px; top: 269px; left: 219px; }
	#MapWrapper #MapOsaka #Area107{ width: 191px; top: 322px; left: 506px; }
	#MapWrapper #MapOsaka #Area108{ width: 164px; top: 315px; left: 30px; }

	#MapWrapper #MapKyoto #Area201{ width: 163px; top: 176px; left: 182px; }
	#MapWrapper #MapKyoto #Area202{ width: 124px; top: 122px; left: 441px; }
	#MapWrapper #MapKyoto #Area203{ width: 136px; top: 70px; left: 90px; }
	#MapWrapper #MapKyoto #Area204{ width: 200px; top: 39px; left: 468px; }
	#MapWrapper #MapKyoto #Area205{ width: 181px; top: 304px; left: 499px; }
	#MapWrapper #MapKyoto #Area206{ width: 164px; top: 31px; left: 235px; }
	#MapWrapper #MapKyoto #Area207{ width: 153px; top: 191px; left: 441px; }

	#MapWrapper #MapKobe #Area301{ width: 163px; top: 266px; left: 547px; }
	#MapWrapper #MapKobe #Area302{ width: 165px; top: 128px; left: 438px; }
	#MapWrapper #MapKobe #Area303{ width: 201px; top: 290px; left: 315px; }
	#MapWrapper #MapKobe #Area304{ width: 194px; top: 72px; left: 547px; }
	#MapWrapper #MapKobe #Area306{ width: 146px; top: 146px; left: 99px; }

	/*マップ移動ボタン*/
	#MapWrapper .pager{
		position: relative;
		top: -400px;
		left: 0px;
		width: 100%;
		display: none;
	}

		#MapWrapper .pager .inner{
			position: relative;
			width: 980px;
			margin: 0 auto;
			height: 1px;
		}

			#MapWrapper .pager .inner .btnPrev{
				position: absolute;
				top: 140px;
				left: 20px;
				width: 110px;
				height: 125px;
			}

			#MapWrapper .pager .inner .btnNext{
				position: absolute;
				top: 140px;
				right: 20px;
				width: 110px;
				height: 125px;
			}


/*jQuery UI カレンダー*/
/*パネル全体*/
.ui-widget-content {
	position: absolute;
	z-index: 320;
	border: 0px;
	width: 330px;
	/*background: url(/content/images/common/bg/calendar/line.png) center 5px no-repeat;*/
  background-color: #efeded;
	text-align: center;
	color: #797776;
	line-height: 1.1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*テーマプラン　狭い場合*/
.calendarNarrow .ui-widget-content {
	width: 330px;
}

.ui-datepicker{
	padding-bottom: 15px;
}

.ui-widget-content a {
	color: #797776;
}

.ui-datepicker table{
	width: 300px;
	margin:auto;
}
/*テーマプラン　狭い場合*/
.calendarNarrow .ui-datepicker table{
	width: 300px;
}


/*ヘッダ*/
.ui-widget-header {
	margin-top: 20px;
	padding-bottom: 10px;
	background: transparent;
	border: 0px;
	font-family:'Avenir Next Cyr W00 Thin', sans-serif;
 	-webkit-font-smoothing: antialiased;
	font-size: 26px;
	letter-spacing: 0.1em;
	color: #797776;
}
.ui-widget-header a {
	color: #797776;
}
/*テーマプラン時（狭い場合）*/
.calendarNarrow .ui-widget-header {
	margin-top: 16px;
	padding-bottom: 7px;
	font-size: 24px;
}

/*曜日*/
.ui-datepicker-calendar th{
	font-family:'Avenir LT W01_35 Light1475496', sans-serif;
	font-size: 8px;
}
.ui-datepicker-calendar th.ui-datepicker-week-end span[title=Saturday]{
	color: #67cbce;
}
.ui-datepicker-calendar th.ui-datepicker-week-end span[title=Sunday]{
	color: #f5568b;
}
/*テーマプラン時（狭い場合）*/
.calendarNarrow .ui-datepicker-calendar th{
	font-family:'Avenir LT W01_35 Light1475496', sans-serif;
	font-size: 6px;
}

/*カレンダーの日*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px;
    background-color: #efeded;
	font-weight: normal;
	font-family:'Avenir LT W01_45 Book1475508', sans-serif;
 	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	color: #797776;
	text-align: center;
	padding: 8px 0;
}
/*テーマプラン時（狭い場合）*/
.calendarNarrow .ui-state-default,
.calendarNarrow .ui-widget-content .ui-state-default,
.calendarNarrow .ui-widget-header .ui-state-default {
	font-size: 18px;
	padding: 11px 0;
}

/*カレンダーの日　カーソルが乗った時*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 0px;
    background-color: #efeded;
	font-weight: normal;
	color: #797776;
	background: url(/content/images/common/bg/calendar/hover.png) center center no-repeat;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #797776;
	text-decoration: none;
}

/*カレンダーの日　最後にクリックされた日*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 0px;
    background-color: #efeded;
	font-weight: normal;
	color: #fff;
	background: url(/content/images/common/bg/calendar/current.png) center center no-repeat;
}
/*プランの場合　カレント画像変更*/
.departuredayBox .ui-state-active,
.departuredayBox .ui-widget-content .ui-state-active,
.departuredayBox .ui-widget-header .ui-state-active {
	background: url(/content/images/common/bg/calendar/current-plan.png) center center no-repeat;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none;
}

/*前 次 アイコン*/
.ui-widget-header .ui-icon {}
.ui-datepicker .ui-datepicker-prev{
	left: 25px;
	background: url(/content/images/common/icon/arrow/event-left.png) center center no-repeat;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next{
	right: 25px;
	background: url(/content/images/common/icon/arrow/event-right.png) center center no-repeat;
	cursor: pointer;
}
/*プランの場合　カレント画像変更*/
.departuredayBox .ui-widget-header .ui-icon {}
.departuredayBox .ui-datepicker .ui-datepicker-prev{
	background: url(/content/images/common/icon/arrow/plan-left.png) center center no-repeat;
}
.departuredayBox .ui-datepicker .ui-datepicker-next{
	background: url(/content/images/common/icon/arrow/plan-right.png) center center no-repeat;
}

/*前 次 アイコン　カーソルが乗った時*/
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {}
.ui-datepicker .ui-datepicker-prev-hover{
	top: 2px;
	left: 25px;
	background: url(/content/images/common/icon/arrow/event-left.png) center center no-repeat;
}
.ui-datepicker .ui-datepicker-next-hover{
	top: 2px;
	right: 25px;
	background: url(/content/images/common/icon/arrow/event-right.png) center center no-repeat;
}
/*プランの場合　カレント画像変更*/
.departuredayBox .ui-state-hover .ui-icon,
.departuredayBox .ui-state-focus .ui-icon {}
.departuredayBox .ui-datepicker .ui-datepicker-prev-hover{
	background: url(/content/images/common/icon/arrow/plan-left.png) center center no-repeat;
}
.departuredayBox .ui-datepicker .ui-datepicker-next-hover{
	background: url(/content/images/common/icon/arrow/plan-right.png) center center no-repeat;
}

/*角丸*/
.ui-corner-all {
	border-radius: 0;
}

/*月の左　調整*/
.ui-datepicker-month {
	margin-left: -0.40em;
}

/*
=====================================================================
*
*    フォーム　エラーのフキダシ
*
* ===================================================================
*/

.errorBalloon{
	width: 475px;
	padding-bottom: 15px;
	background: url(/content/images/mypage/bg/balloon/attention.png) center bottom no-repeat;
	margin: -10px auto 30px auto;
}
.errorBalloon.mgB15{
	margin-bottom: 15px !important;
}

	.errorBalloon .inner{
		padding-top: 20px;
		padding-bottom: 5px;
		background: url(/content/images/mypage/bg/balloon/attention-top.png) center top no-repeat;
	}

	.errorBalloon .title{
		width: 435px;
		text-align: center;
		padding-bottom: 15px;
		border-bottom: 1px solid #faaac5;
		margin: 0 auto 12px;
	}

	.errorBalloon p{
		width: 435px;
		color: #fff;
		margin: 0 auto;
	}

/*
=====================================================================
*
*    駅選択UI
*
* ===================================================================
*/

#StationSelect {
	position: relative;
	padding-top: 36px;
}
#StationSelectSearch{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 36px;
}
	#StationSelectSearch .modFormText{
		background-color: #FFFFFF;
		border: 1px solid #D2D1D1;
		border-radius: 3px;
		padding: 8px 0 !important;
	}

	#StationSelectSearch .text{
		float: left;
		font-size: 98%;
	}

	#StationSelectBtn{
		display: inline;
		float: left;
		margin-left: 10px;
		width: 70px;
		height: 36px;
		line-height: 38px;
		background: #B3B1B1;
		text-align: center;
		color: #FFF;
		
	}

#StationSelectList{
	display: none;
	position: absolute;
	height:180px;
	overflow-y: scroll;
	z-index: 400;
	border: 1px solid #D2D1D1;
	background: #FFF;
}
	#StationSelectList ul{
		padding: 10px;
		background: url(../images/common/station-select/caption.png) center bottom #FFF no-repeat;
		padding-bottom: 50px;

	}
		#StationSelectList ul li{
			border-bottom: 1px #CCC solid;	
		}
			#StationSelectList ul li a{
				padding: 8px 5px 8px 5px;
				display: block;
				color: #797776;
			}
			#StationSelectList ul li a:hover{
				background: #F2EFEF;	
			}

#StationSelectResult{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 36px;
}
	#StationSelectResult p{
		display: inline;
		margin-right: 30px;
		float: left;
		font-size: 14px;
	}
	#StationSelectResult #StationSelectReset{
		float: left;
		font-size: 10px;
	}
		#StationSelectResult #StationSelectReset a{
			text-decoration: underline;	
		}
		#StationSelectResult #StationSelectReset a:hover{
			text-decoration: none;	
		}



/*
=====================================================================
*
*    レコメンドエンジン
*
* ===================================================================
*/
#RecommendEngine{
	width: 980px;
	overflow: hidden;
	margin: 0px auto 60px auto;
	padding-top: 20px;
}
	#RecommendEngine h2{
		color: #4c4948;
		font-size: 20px;
		padding-bottom: 8px;
		border-bottom: 1px solid #4c4948;
		margin-bottom: 35px;
	}
	

	#RecommendEngine ul{
		width: 1050px;	
	}
		#RecommendEngine ul li{
			display: inline;
			float: left;
			width: 470px;
			margin-right: 40px;
			margin-bottom: 35px;
		}
			#RecommendEngine ul li a.img{
				float: left;
				width: 100px;	
			}
			#RecommendEngine ul li span.spec{
				float: right;
				width: 355px;	
			}
				#RecommendEngine ul li span.spec .title{
					display: block;
					margin-bottom: 10px;	
				}
					#RecommendEngine ul li span.spec .title a{
						font-size: 17px;
						text-decoration: underline;
						font-weight: bold;
						-webkit-font-smoothing: antialiased;
					}
					#RecommendEngine ul li span.spec .title a:hover{
						text-decoration: none;
					}
				#RecommendEngine ul li span.spec .disc{
					color: #706d6d;
					font-size: 13px;
				}




/*
=====================================================================
*
*    汎用モーダル
*
* ===================================================================
*/

.commonModal{
	display: none;
	position: fixed;
	background: rgba(0,0,0,0.85);
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	z-index: 900;
}

	.commonModal .modalContainer{
		position: absolute;
		left:50%;
		top:50%;
	}







/* アプリ紹介
======================================*/

#IndexAppSection{
	background: url(../images/top/app-bg.jpg) no-repeat center top;
	height: 260px;
	margin-bottom: 70px;
}
#SignupAppSection{
	background: url(../images/member/bg/app-bg.jpg) no-repeat center top;
	height: 260px;
}

	#IndexAppSection .container,
	#SignupAppSection .container{
		position: relative;	
	}
		#IndexAppSection .appstore,
		#SignupAppSection .appstore{
			position: absolute;	
			top:160px;
			left: 485px;	
		}
		#IndexAppSection .googleplay,
		#SignupAppSection .googleplay{
			position: absolute;	
			top:160px;
			left: 700px;	
		}



/*
=====================================================================
*
*    Retina対応
*
* ===================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#HeaderNav #Logo a,
	#HeaderNav #Logo span,
	.gnav .searchForm .submit,
	.gnav ul li a,
	.gnav .searchBtn a,
	#FixdHeader .container #FixdHeaderLogo a,
	#FixdHeader,
  	#HeaderNav ul.noLogin li a,
  	#HeadMyNews .num a,
  	#LoginPulldown .btnClose a,
	#LoginPulldown .snsLoginBlock li a,
	#LoginPulldown .idLoginBlock #IdLoginId input.blur,
	#LoginPulldown .idLoginBlock #IdLoginPw input.blur,
	#Footer .copyrightBlock .logo,
	#Fnav .sub .kansai h2 a,
	#Fnav .sub .hokuriku h2 a,
	#Fnav .sub .setouchi h2 a,
	#Fnav .main ul li a{
    	background-image: url(../images/common/common2019@2x.png);
		background-size: 852px 600px;
  }
}



/*
=====================================================================
*
*    プラン表示
*
* ===================================================================
*/



#PickupPlan{
	margin: 0px auto 80px auto;
}
	#PickupPlan .pickupPlanTitle{
		position: relative;
		color: #00B7CE;
		text-align: center;
		font-size: 20px;
		padding: 15px;
		margin-bottom: 30px;
		font-weight: bold;
		letter-spacing: 0.3px;
		line-height: 1.5;
		-webkit-font-smoothing: antialiased;
	}
	#PickupPlan ul{
		width:920px;
		margin:0 auto;
	}
		#PickupPlan ul li{
			border-top: 3px solid #FFE600;
			padding-top: 40px;
			display: inline;
			width: 430px;
			float: left;
			margin-right: 60px;
			margin-bottom: 40px;
		}
		#PickupPlan ul li:nth-child(2n){
			margin-right: 0px;
		}
			#PickupPlan ul li .label{
				float: left;
				width: 420px;
				margin-bottom: 20px;
			}
				#PickupPlan ul li .label span{
					display: inline;
					float: left;
					background: #808080;
					color: #FFF;
					padding: 1px 5px 1px 6px;
					margin-right: 6px;
					margin-bottom: 6px;
					border-radius: 2px;
					font-size: 12px;
				}

			#PickupPlan ul li .spec{
				width: 250px;
				float: left;
			}
				#PickupPlan ul li .spec .area{
					font-size: 13px;
					margin-bottom: 6px;
				}
				#PickupPlan ul li .spec .hotelName{
					display: block;
					font-weight: bold;
					font-size: 18px;
					-webkit-font-smoothing: antialiased;
					margin-bottom: 10px;
					color: #4C4948;
					font-weight: bold;
				}
				#PickupPlan ul li .spec p{
					margin-bottom: 8px;
				}
					#PickupPlan ul li .spec p a{
						text-decoration: underline;
					}
					#PickupPlan ul li .spec p a:hover{
						text-decoration: none;
					}
				#PickupPlan ul li .hotelLink{
					text-align: right;
				}
					#PickupPlan ul li .hotelLink a{
						background: url(../images/plan2018/common/arrow-gray.png) no-repeat right center;
						background-size: 6px 11px;
						font-size: 12px;
						padding: 4px 12px 4px 4px;
						color: #808080;
						text-decoration: none;
					}

			#PickupPlan ul li .img{
				width: 160px;
				float: right;
			}

			#PickupPlan ul li .price{
				float: left;
				width: 200px;
				text-align: left;
				padding-top: 5px;
			}
				#PickupPlan ul li .price p{
					padding: 5px 0px 5px 0px;
					color: #F5598B;
					font-size: 12px;
				}
				#PickupPlan ul li .price div{
				}
					#PickupPlan ul li .price div strong{
						color: #F5598B;
						font-weight: bold;
						font-size: 16px;
					}
					#PickupPlan ul li .price div span{
						color: #808080;
						font-size: 11px;
					}

			#PickupPlan ul li .agent{
				width: 160px;
				float: right;
				text-align: right;
				padding-top: 38px;
			}
				#PickupPlan ul li .agent div{
					position: relative;
				}
					#PickupPlan ul li .agent img{
						position: absolute;
						bottom: -20px;
						right: 0px;
					}

	#PickupPlan .planMoreBtn{
		width: 440px;
		margin: 0px auto;
		padding-top: 15px;
	}
		.planMoreBtn a{
			-webkit-appearance: none;
			text-align: center;
			display: block;
			padding: 18px;
			border: none;
			color: #FFF;
			background: #00B7CE;
			border-radius: 4px;
			text-decoration: none;
			font-size: 16px;
		}
		.planMoreBtn a:hover{
			background: #00B0C7;
			cursor:pointer;
		}


#ThemePlanList{
	padding-top: 20px;
	margin-bottom: 50px;
}
	#ThemePlanList li{
		display: inline;
		width: 300px;
		float: left;
		margin-right: 40px;
		margin-bottom: 40px;
	}
	#ThemePlanList li:nth-child(3n){
		margin-right: 0px;
	}
		#ThemePlanList li .img{
			margin-bottom: 10px;
		}
		#ThemePlanList li strong a{
			display: block;
			padding-top: 10px;
			text-decoration: none;
			line-height: 1.5;
			text-decoration: underline;
			font-weight: bold;
			font-size: 105%;
			font-weight: normal;
			color: #4C4948;
			text-decoration: none;
		}
		#ThemePlanList li strong a:hover{
			
		}


#ThemePlanListTop{
	padding-top: 20px;
	margin-bottom: 50px;
}
	#ThemePlanListTop li{
		display: inline;
		width: 230px;
		float: left;
		margin-right: 20px;
		margin-bottom: 40px;
	}
	#ThemePlanListTop li:nth-child(4n){
		margin-right: 0px;
	}
		#ThemePlanListTop li .img{
			margin-bottom: 10px;
		}
		#ThemePlanListTop li strong a{
			display: block;
			padding-top: 10px;
			text-decoration: none;
			line-height: 1.5;
			text-decoration: underline;
			font-weight: bold;
			font-size: 100%;
			font-weight: normal;
			color: #4C4948;
			text-decoration: none;
		}
		#ThemePlanListTop li strong a:hover{
			
		}



/*
=====================================================================
*
*    プランモーダル
*
* ===================================================================
*/
html.planModal body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#ModalOverlay,
#AreaSettingModal{
	display: none;
}

html.planModal body #ModalOverlay{
	display: block;
	position: fixed;
	width: 100%;
	height: 120%;
	background: white;
	opacity: 0.8;
	z-index: 600;
	top: 0;
	left: 0;
}

html.planModal body #AreaSettingModal{
	display: block;
	background: url(../images/plan2018/common/modal-bg.png) no-repeat center top;
	background-size: 836px 460px;
	width: 836px;
	height: 460px;
	position: fixed;
	z-index: 601;
	top: 50%;
	left: 50%;
	margin-top: -230px;
	margin-left: -418px;
}

	html.planModal body #AreaSettingModal .list{
		position: relative;
		text-align: center;
		padding-top: 265px;
	}
		html.planModal body #AreaSettingModal .list ul li{
			padding: 0px 2px;	
			width: 154px;
			display: inline;
		}
	
	html.planModal body #AreaSettingModal .closeBtn{
		text-align: center;
		padding-top: 26px;
	}



/*
=====================================================================
*
*    JRページ
*
* ===================================================================
*/

body#JrPage{
}
	body#JrPage #JrHeader{
		border-bottom: #c9caca 1px solid;
		padding: 15px 0px;
	}
		body#JrPage #Logo{
			float: left;	
		}
		body#JrPage #JrLogo{
			float: right;
			padding-top: 2px;	
		}
	body#JrPage #JrFooter{
		border-top: #c9caca 1px solid;
		padding: 15px 0px;
		text-align: center;
		font-size: 11px;
	}