/*=================================================================*/
/* 全デバイス共通                                                  */
/*=================================================================*/
	/*	reset
	---------------------------------------------------------------*/
	* { padding: 0px; margin: 0px; }
		
	/*	img
	---------------------------------------------------------------*/
	img { border: none; }
		
	/*	cf
	---------------------------------------------------------------*/
	.cf:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.cf { display: inline-block; }
	/* Hides from IE-mac \*/ 
	* html .cf { height: 1%; }
	.cf { display: block; }
	/* End hide from IE-mac */
	
	/*	link
	---------------------------------------------------------------*/
	a:link,
	a:visited,
	a:active {
		color: #5F4633;
		}
		
	a:hover {
		color: #A28CB9;
		text-decoration: none;
		}
		
	/*	color
	---------------------------------------------------------------*/
	#wrap .red { color: #E80B74; }
		
	/*	font size
	---------------------------------------------------------------*/
	.medium { font-size: 80%; }
	.large { font-size: 125%; }
		
	/*	align
	---------------------------------------------------------------*/
	#contents .center { text-align: center; }
	#contents .left { text-align: left; }
	#contents .right { text-align: right; }
		
	/*	space
	---------------------------------------------------------------*/
	#content .mb20 { margin-bottom: 20px; }
	#content .mb30 { margin-bottom: 30px; }
	#content .mb40 { margin-bottom: 40px; }
	
	/*	ul
	---------------------------------------------------------------*/
	li { list-style-type: none; }
	
	/*	p
	---------------------------------------------------------------*/
	p { color: #333333; }
	
/*=================================================================*/
body {
	line-height: 160%;
	margin: 0 auto;
	text-align: center;
	font-family:'\30E1\30A4\30EA\30AA',Meiryo,'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\36','\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\33','\48\69\72\61\67\69\6e\6f\20\4b\61\6b\75\20\47\6f\74\68\69\63\20\50\72\6f','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF',Verdana,Osaka,sans-serif !important;
	word-break: break-all;
	/*
	font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
	*/
	background: #fff;
	color: #52525F;
	font-size: 80%;
	margin-bottom: 0px !important;
	}
	
/*	header
---------------------------------------------------------------*/
header {
	height: 105px;
	background: url(/common/img/union/bg_header.jpg) repeat-x 0 0;
	width: 100%;
	text-align: left;
	}
	
	header .inner {
		width: 1000px;
		margin: 0 auto;
		}
		
		header .lBox {
			float: left;
			width: 541px;
			margin: 0 0 0 10px;
			}
			
			header h1 ,
			header #logo {
				width: 226px;
				height: 45px;
				float: left;
				margin: 30px 0 0 0;
				}
				
			header .subTitle {
				width: 298px;
				height: 13px;
				float: right;
				margin: 59px 0 0 0;
				}
				
		header .rBox {
			float: right;
			width: 146px;
			margin: 0 10px 0 0;
			}
			
		header ul.font {
			width: 148px;
			margin: 17px 0 17px 0;
			}
			
			header ul.font li {
				float: left;
				}
				
				/*文字サイズ*/
				header .font .ttl {
					background: url(/common/img/union/ttl_fontsize.gif) no-repeat 0 0;
					text-indent: -9999px;
					width: 65px;
					margin: 0 12px 0 0;
					}
					
				/*標準*/
				header .font .medium a {
					background: url(/common/img/union/medium.gif) no-repeat 0 -19px;
					text-indent: -9999px;
					width: 31px;
					margin: 0 7px 0 0;
					height: 19px;
					display: block;
					}
					
					header .font .medium a:hover ,
					header .font .medium a:active {
						background: url(/common/img/union/medium.gif) no-repeat 0 0;
						}
					
				/*拡大*/
				header .font .large a {
					background: url(/common/img/union/large.gif) no-repeat 0 0;
					text-indent: -9999px;
					width: 31px;
					height: 19px;
					display: block;
					}
					
					header .font .large a:hover ,
					header .font .large a:active {
						background: url(/common/img/union/large.gif) no-repeat 0 -19px;
						}

		header ul.sns {
			width: 145px;
			}
			
		/*facebook復活させる際に消します
		header ul.sns {
			width: 90px;
			float: right;
			}*/
			
			header ul.sns li {
				float: left;
				}
				
				/*マウスオーバー*/
				header ul.sns li a:hover {
					filter: alpha(opacity=60);
					-ms-filter: "alpha( opacity=60 )";
					-moz-opacity:0.6;
					opacity:0.6;
					}
					
				/*facebook*/
				header ul.sns .facebook a {
					background: url(/common/img/union/icon_facebook.gif) no-repeat 0 0;
					text-indent: -9999px;
					width: 35px;
					height: 35px;
					margin: 0 20px 0 0;
					display: block;
					}
					
				/*youtube*/
				header ul.sns .youtube a {
					background: url(/common/img/union/icon_youtube.gif) no-repeat 0 0;
					text-indent: -9999px;
					width: 35px;
					height: 35px;
					margin: 0 20px 0 0;
					display: block;
					}
					
				/*mail*/
				header ul.sns .mail a {
					background: url(/common/img/union/icon_mail.gif) no-repeat 0 0;
					text-indent: -9999px;
					width: 35px;
					height: 35px;
					display: block;
					}
					
/*	nav
---------------------------------------------------------------*/
nav {
	background: url(/common/img/union/bg_nav.jpg) repeat-x 0 0;
	text-align: left;
	height: 69px;
	}
	
	nav .inner {
		width: 1000px;
		margin: 0 auto;
		}
		
		nav ul li {
			float: left;
			height: 69px;
			overflow: hidden;
			}
			
			nav ul a {
				display: block;
				}
				
				/*高原町とは*/
				nav li.takaharu {
					width: 200px;
					}
					
				/*見る*/
				nav li.look {
					width: 200px;
					}
					
				/*遊ぶ&泊まる*/
				nav li.play {
					width: 200px;
					}
					
				/*買う&食べる*/
				nav li.buy {
					width: 200px;
					}
					
				/*協会情報*/
				nav li.society {
					width: 200px;
					}
					
	#content {
		background: #FDFCF9;
		}
		
/*	footer
---------------------------------------------------------------*/
footer {
	background: url(/common/img/union/bg_footer.gif) repeat 0 0;
	text-align: left;
	}
	
	/*	fTop
	-----------------------------------------------------------*/
	footer .fTop {
		height: 32px;
		text-indent: -9999px;
		padding: 17px 0 0  20px;
		border-bottom: 1px solid #331C44;
		}
		
		footer .fTop .inner {
			width: 1000px;
			margin: 0 auto;
			}
			
			footer .fTop a {
				background: url(/common/img/union/f_home.png) no-repeat 0 0;
				width: 65px;
				height: 16px;
				display: block;
				}
				
			footer .fTop a:hover {
				background-position: 0 -16px;
				}
				
	/*	fBottom
	-----------------------------------------------------------*/
	footer .fBottom {
		padding: 15px 0 0 0;
		border-top: 1px solid #6B3C8E;
		}
		
		footer .fBottom .inner {
			width: 990px;
			margin: 0 auto;
			padding: 0 0 0 10px;
			}
			
			/*フッターリンク全体*/
			footer .fBottom ul {
				margin: 0 -45px 0 10px;
				overflow: hidden;
				zoom: 1;
				}
				
				footer .fBottom ul li {
					margin: 0 37px 0 0;
					}
				
				/*左側のline*/
				footer .fBottom ul li.line {
					background: url(/common/img/union/line_footer.gif) repeat-y 0 0;
					float: left;
					min-height: 352px;
					}
					
					/*lineと1行との余白*/
					footer .fBottom ul li ul {
						margin: 0 0 0 10px;
						overflow: auto;
						}
						
						/******/
						footer .fBottom ul li ul li {
							margin: 0 0 25px 0;
							}
							
							/*大項目*/
							footer .fBottom ul li ul li a {
								background: url(/common/img/union/icon_footer.gif) no-repeat 0 5px;
								color: #fff;
								font-size: 110%;
								text-decoration: none;
								font-weight: bold;
								padding: 0 0 0 15px;
								}
								
								footer .fBottom ul li ul li a:hover {
									text-decoration: underline;
									color: #E4A1EB;
									}
									
							/*小項目の外枠*/
							footer .fBottom ul li ul li ul {
								margin: 0 0 0 15px;
								}
								
								/*小項目*/
								footer .fBottom ul li ul li ul li {
									list-style-type: disc;
									color: #E1CEE4;
									margin: 0 0 0 17px;
									line-height: 180%;
									font-size: 90%;
									}
									
									/*小項目*/
									footer .fBottom ul li ul li ul li a {
										background: none;
										color: #E1CEE4;
										font-size: 100%;
										font-weight: normal;
										padding: 0;
										}
										
/*	copyright
-----------------------------------------------------------*/
#copyright {
	background: url(/common/img/union/bg_copyright.jpg) repeat-x 0 0;
	height: 35px;
	text-align: center;
	text-indent: -9999px;
	padding: 15px 0 0 0;
	}
	
	#copyright small {
		background: url(/common/img/union/c_takaharu.png) no-repeat 0 0;
		width: 122px;
		height: 12px;
		display: block;
		margin: 0 auto;
		}
		
/*	pagetop
-----------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 100px;
	right: 0;
	}
	
#page-top a {
	background: url(/common/img/union/pagetop.png) no-repeat 0 0;
	text-decoration: none;
	width: 33px;
	height: 106px;
	display: block;
	z-index: 1;
	text-indent: -9999px;
	}
	
	#page-top a:hover {
		background: url(/common/img/union/pagetop.png) no-repeat 0 -106px;
		width: 38px;
		}
		
/*=================================================================*/
/*	サイドバーeventcalender調整用*/
/*=================================================================*/

#sidebar .event_calendar_widget {
	width: 230px;
	background: #D2C8AB;
	margin: 0 0 20px; 0;
	padding: 1px;
	}
	
	#sidebar .event_calendar_widget .bg {
		background: #FDFCF9;
		}
		
		#sidebar .event_calendar_widget .border {
			background: url(/common/img/top/bg_weather.gif) no-repeat 18px 0;
			}
			
			#sidebar .event_calendar_widget #tribe-events-calendar-widget-3 {
				padding: 11px 14px 13px 14px;
				}
				
				#sidebar .event_calendar_widget h3 {
					text-indent: -9999px;
					background: url(/common/img/top/ttl_eventcalender.png) no-repeat 0 0;
					margin: 0 0 0 10px;
					width: 208px;
					padding: 0 0 20px 0 !important;
					}
					
				#sidebar .event_calendar_widget .eventcalender {
					background: #D2C8AB;
					padding: 1px;
					}
					
					#sidebar .event_calendar_widget .eventcalenderbg {
						background: #fff;
						padding: 4px 5px;
						}
						
.events-calendar-nav {
	background: #B0943C;
	padding: 1px;
	text-align: center;
	}
	
	.events-calendar-nav a {
		color: #fff!important;
		background: #B0943C;
		display: block;
		text-decoration: none;
		font-size: 120%;
		padding: 3px 0 2px 0;
		}
		
		.events-calendar-nav a:hover {
			background: #fff;
			color: #B0943C !important;
			}
			
.event-calendar {
	margin: 10px auto 0 auto;
	border: 1px solid #D2C8AC;
	background: #fff;
	border-collapse: collapse;
	width: 199px;
	text-align: center;
	}
	
	/*土曜日*/
	#events-calendar-saturday {
		background: #9DC5FF;
		color: #5185FF;
		}
		
	.event-calendar-col-saturday {
		background: #C0CEFE;
		color: #5185FF;
		}
		
	/*日曜日*/
	#events-calendar-sunday {
		background: #9DC5FF;
		color: #FF5151;
		}
		
	.event-calendar-col-sunday {
		background: #FFC0CB;
		color: #FF5151;
		}
		
	.event-calendar th {
		background: #DCD3BE;
		color: #8E7D4D;
		border: 1px solid #D2C8AC;
		}
		
	.event-calendar td {
		border: 1px solid #D2C8AC;
		}
		
		.event-calendar td a {
			background: #D3C0E2;
			color: #925FB8;
			display: block;
			}
			
		.event-calendar td a:hover {
			color: #fff;
			background: #925FB8;
			text-decoration: none;
			}
			

/*	高原町の天気
---------------------------------------------------------------*/
	#sidebar .weatherBox {
		width: 230px;
		background: #D2C8AB;
		margin: 0 0 20px; 0;
		padding: 1px;
		}
		
		#sidebar .weatherBox .border {
			background: #FDFCF9;
			}
			
			#sidebar .weatherBox .bg {
				background: url(/common/img/top/bg_weather.gif) no-repeat 18px 0;
				}
				
				#sidebar .weatherBox .space {
					padding: 11px 14px 13px 14px;
					}
					
					#sidebar .weatherBox .ttl {
						text-indent: -9999px;
						background: url(/common/img/top/ttl_weather.png) no-repeat 0 0;
						margin: 0 0 10px 10px;
						height: 32px;
						}
						
					#sidebar .weatherBox .weather {
						background: #D2C8AB;
						padding: 1px;
						}
						
						#sidebar .weatherBox .weatherbg {
							background: #fff;
							padding: 4px 5px;
							}
							
							#sidebar .weatherBox table {
								width: 100%;
								text-align: center;
								}
								
							#sidebar .weatherBox table td { width: 33.3%; }
								
								#sidebar .weatherBox table td strong {
									font-size: 90%;
									color: #592C00;
									}
								
								#sidebar .weatherBox table td img {
									width: 40%;
									margin: 5px 0 0 0;
									}
								
								#sidebar .weatherBox table td p { font-size: 90%; }