/* CSS Document */

#Main {
	width:650px;
	float:left;
	line-height:1.4;
	padding-left: 10px;
}

.tit01 {
	margin-top: 10px;
}

#Main h2 {
	margin:30px 0 20px 0;
}

/**/

.txt01 {
	margin: 0 0 15px 5px;
}

/*アンカー*/

.ancArea {
	margin-bottom: 10px;
}

.ancArea dt {
	margin: 30px 0 10px 10px;
}

.ancArea dd {
	width: 158px;
	float: left;
	display: inline;
	margin-right: 2px;
}

.ancArea dd.first {
	margin-left: 5px;
	_margin-left: 0px;
}


.ancArea2 {
	 border: 1px solid #B3CDE3;
	 padding: 5px 20px;
	 margin-bottom: 30px;
}

.ancArea2 ul li {
	float: left;
	display: inline;
	margin-right: 15px;
}

.ancArea2 ul li a {
	background: url(/60years/harmonate/images/introduction/item_arrow02.gif) 0 3px no-repeat;
	padding-left: 10px;
}



/*ボックス*/

.box01 {
	width: 646px;
	border: 1px solid #B3CDE3;
	padding: 1px;
	margin-bottom: 10px;
}

.box01 h3 {
	margin: 0;
	padding: 0;
}

.boxInner {
	padding: 10px 9px 9px
}

.photoArea {
	width: 320px;
	float: left;
	position: relative;
}

.zoom {
/*	position:	absolute;
	right: -3px;
	bottom: -10px;
	_left: 100px;*/
	position: relative;
	height: 20px;
}

.zoom ul {
	position: absolute;
	right: 0;
	top: 5px;
}

.zoom ul li {
	float: left;
	margin-right: 3px;
}

.zoom ul li.zoomMg {
	margin-right: 10px;
}

.zoom ul li.zoomDis {
	display: none;
}

.zoomSide {
	position: relative;
	height: 0px;
}

.zoomSide ul.zoomBtn {
	position: absolute;
	top: -20px;
	right:3px;
}

.zoomSide  ul li.zoomDis {
	display: none;
}


.textArea {
	width: 280px;
	float: right;
	padding-right: 10px
}

.textArea h4 {
	margin: 20px 0 15px;
}

.boxInner h5 {
	clear: both;
	padding-top: 10px;
}

.contentBox {
	_width: 628px;
	border: 5px solid #B3CDE3;
	border-top: none;
	padding: 0 10px 10px;
}

.contentBox table {
	width: 100%;
}

.contentBox table th,
.contentBox table td {
	padding-bottom: 5px;
	font-size: 12px;
}

.contentBox table th {
	width: 180px;
	vertical-align: top;
	padding-right: 10px;
}

.contentBox table td span {
	font-size: 10px;
	color: #444;
	padding-left: 10px;
}

.contentBox table td .noSpace {
	padding-left: 0px;
}

/*pagetop*/

.pagetop {
	text-align: right;
	margin-bottom: 10px;
}

.pagetop a {
	background: url(../images/introduction/icon_arrow.gif) 0 0 no-repeat;
	padding-left: 14px;
}

#Add h3 {
	margin:5px 0 0 0;
	text-align: center;
}





