@charset "utf-8";

/* contents */
#contents {
	width: 940px;
	margin: auto;
	overflow: visible;
}

/* directory */
#directory {
	margin: 1.5rem 0 1.5rem 0.4rem;
}

#directory p {
	font-size: 0.9rem;
}

#directory p a {
	color: #218b65;
}

#directory p a:hover {
	text-decoration: none;
}

/* side(s-contents) */
#s-contents {
	width: 220px;
	float: left;/*margin-right: 40px;	*/
}

/* side->contact */
#s-contact {
	padding: 10px 10px;
	border: 3px solid #218b65;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

#s-contact h2 {
	display: block;
	width: 162px;
	height: 0px;
	padding-top: 15px;
	overflow: hidden;
	background: url(../images/subpage/side-contact-title.png) no-repeat;
}

#s-contact p:nth-child(2) {
	display: block;
	width: 194px;
	height: 0;
	padding-top: 22px;
	overflow: hidden;
	background: url(../images/subpage/side-contact-tel.png) no-repeat;
	margin-top: 10px;
}

#s-contact p:nth-child(3) {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #218b65;
}

	#s-contact p:nth-child(3) a {
		display: block;
		width: 194px;
		height: 0;
		padding-top: 30px;
		overflow: hidden;
		background: url(../images/subpage/side-contact-btn.png) no-repeat;
	}
	
	#s-contact p:nth-child(3) a:hover {
		background-position: 0 -30px;
	}

/* side->access */
#s-access {
	margin-top: 20px;
	padding: 10px 10px;
	border: 3px solid #218b65;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

	#s-access h2 {
		display: block;
		width: 58px;
		height: 0;
		padding-top: 14px;
		overflow: hidden;
		background: url(../images/subpage/side-access-title.png) no-repeat;
	}

	#s-access iframe {
		margin-top: 10px;
	}

	#s-access p {
		margin-top: 10px;
	}

		#s-access p a {
			display: block;
			width: 194px;
			height: 0;
			padding-top: 30px;
			overflow: hidden;
			background: url(../images/subpage/side-access-btn.png);
		}

		#s-access p a:hover {
			background-position: 0 -30px;
		}

	/** side->access->address **/
	#s-access dl {
		font-size: 1.4em;
	}

		#s-access dt {
			margin-top: 1.0em;
			color: #218b65;
			font-weight: bold;
		}

		#s-access dd:last-child span {
			color: #e60012;
		}

/* m-contents */
#m-contents {
	width: 680px;
	float: right;
}

	/* sec-title */
	#m-contents .sec-title {
		display: block;
		width: 680px;
		height: 0;
		padding-top: 27px;
		overflow: hidden;
		background-repeat: no-repeat;
	}


/* so-link */
#so-link{margin-bottom: 20px;}

#so-link .so-title{
	padding: 0.8rem;
	color: #fff;
	font-size: 1.1rem;
	background-color: #218b65;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;	
}

#so-link ul li {
	font-size: 0.85rem;
	background-color: #f3f4db;
	border-bottom:1px dotted #218b65;
}

#so-link ul li.current {
	color: #218b65;
	font-weight: bold;
	padding: 0.5rem 0.5rem 0.5rem 2.2rem;	
	background-color:#f1f3b7;
	background-image:url(../images/subpage/solink-icon.png);
	background-position:12px center;
	background-repeat:no-repeat;
}

#so-link ul li a {
	display: block;
	padding: 0.5rem 0.5rem 0.5rem 2.2rem;	
	color: #218b65;
	background-image:url(../images/subpage/solink-icon.png);
	background-position:12px center;
	background-repeat:no-repeat;
}

#so-link ul li a:hover {
	text-decoration: none;
	background-color:#f1f3b7;
}