@charset "UTF-8";

/* title
------------------------------------------------*/
#title {
	background: url(img/topimg.jpg) no-repeat right top;
}


/* main
------------------------------------------------*/
#main h3 {
	clear: both;
	margin-bottom: 10px;
}
#main h4 {
	margin-bottom: 0;
}
#main h5 {
	clear: both;
	border-left: 10px solid #a00;
	border-bottom: 1px solid #ddd;
	margin: 20px 5px 5px 0;
	padding-left: 5px;
	letter-spacing: 0.1em;
	font-size: 116%;
	font-weight: bold;
	color: #a00;
}

#main img.photo {
	float: right;
	margin: 0 0 10px 20px;
}

#main ol {
	margin: 0 0 10px 25px;
	list-style: decimal;
}
#main ul {
	margin: 0 0 10px 25px;
	list-style: disc;
}
	#main li {
		margin: 0 0 5px;
		font-size: 108%;
	}

#main dl {
	background: #fcfaf2;
	margin: 0 1em;
	padding: 10px;
}
	#main dl dt {
		font-size: 108%;
		font-weight: bold;
		color: #741010;
	}
	#main dl dd {
		margin-bottom: 10px;
		font-size: 108%;
	}
#main dl.faq {
	background: none;
	margin: -20px 0 0;
	padding: 0;
}
	#main dl.faq dt {
		background: #dde2d8;
		margin: 30px 0 5px;
		padding: 5px;
		letter-spacing: 0.1em;
		color: #323331;
	}
	#main dl.faq dd {
		margin: 0 0 10px;
	}
	#main dl.faq dd ul {
		margin-bottom: 5px;
	}
	#main dl.faq dd ul li {
		margin: 5px 0 0;
	}
	
#main dl.local {
	float: left;
	background: none;
	width: 345px;
	margin: 0;
	margin-right: auto;
	margin-bottom: 30px;
	padding: 0;
}
#main dl.margin {
	margin-right: 20px;
}
	#main dl.local dt {
		border-bottom: 3px solid #417149;
		width: 345px;
		margin: 0 0 5px;
		padding: 0 0 2px;
		font-size: 108%;
		color: #417149;
	}
		#main dl.local dt a:link,
		#main dl.local dt a:visited,
		#main dl.local dt a:hover { color: #417149; }
	#main dl.local dd {
		width: 345px;
		margin: 0;
	}
	#main dl.local dd.link {
		text-align: right;
	}
		#main dl.local dd.link a {
			background: url(../img/ya01.gif) no-repeat left center;
			padding: 0 0 0 15px;
		}


#slider {
	width: 710px;
	margin: 0 auto;
	position: relative;
    overflow: auto;
}

.scroll {
	width: 710px;
	height: 530px;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
	width: 710px;
	height: 530px;
    overflow: auto;
}


#main ul.navigation {
	list-style: none;
	margin: 0 0 10px;
}
	#main ul.navigation { zoom:1; }
	#main ul.navigation:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	#main ul.navigation li {
		float: left;
		margin: 0 9px 10px 0;
	}
	#main ul.navigation li.nomargin {
		margin-right: 0;
	}

.hide {
    display: none;
}
