@charset "utf-8";

/* コンテンツ */
#contents {
	float: left;
	min-height: 800px;
	width: 720px;
}
@media screen and (max-width: 640px){
	#contents {
		float: none;
		margin: 0 auto;
		min-height: inherit;
		width: 100%;
	}
}
@media screen and (max-width: 640px){
	#contents header {
		border: none;
		padding: 0 5px;
	}
}

/* ページタイトル */
h1#page-title {
	border-top: #ddd dotted 1px;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}
@media screen and (max-width: 640px){
	h1#page-title {
		font-size: 27px;
		padding: 10px 0 0 0;
	}
}

/* ページ内ナビ */
#content-nav ul {
	margin: -5px 0 20px 0;
}
#content-nav li {
	float: left;
	line-height: 200%;
	margin: 0 30px 0 0;
}
#content-nav li a {
	display: block;
	padding: 0 0 0 25px;
	position: relative;
}
#content-nav li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 0;
	height: 0;
	margin-top: -3px;
	border: 7px solid transparent;
	border-top: 9px solid #388956;
}
@media screen and (max-width: 640px){
	#content-nav ul {
		margin: 0;
	}
	#content-nav li {
		font-size: 14px;
	}
}
/* ヘッダー内の文章 */
#contents p.contents-header {
	line-height: 170%;
	margin: 0 0 20px 0;
}
/* ヘッダー内の文章のマーカー部分 */
#contents p.contents-header span {
	background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fdd789 60%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 0 5px;
}

/* セクション */
.section {
	background: #fff;
	border: #eee solid 3px;
	margin: 10px 0 20px 0;
	padding: 25px 30px 30px;
}
@media screen and (max-width: 640px){
	.section {
		border-left: none;
		border-right: none;
		margin: 20px 0 0 0;
		padding: 20px 5px 30px;
	}
}

/* コンテンツタイトル */
h2.contents-title {
	border-left: #388956 solid 7px;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin: 0 0 30px -33px;
	padding: 0 0 0 15px;
}
@media screen and (max-width: 640px){
	h2.contents-title {
		font-size: 18px;
		margin: 0 0 20px -5px;
		padding: 0 0 0 7px;
	}
}
h3.contents-title {
	border-bottom: #ccc dashed 1px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 140%;
	margin: 30px 0 20px 0;
	padding: 0 0 5px 0.5em;
}
@media screen and (max-width: 640px){
	h3.contents-title {
		font-size: inherit;
		margin: 30px 0 20px 0;
		padding: 0 0 5px 5px;
	}
}

/* セクション内の区切り線 */
.line {
	border-bottom: #eee solid 1px;
	margin: 40px 0;
}
@media screen and (max-width: 640px){
	.line {
		margin: 20px 0 40px;
	}
}

/* 背景色ありボックス */
.highlight {
	background: #ebf7ef;/* 95% */
	padding: 20px;
}
@media screen and (max-width: 640px){
	.highlight {
		padding: 10px;
	}
}

/* 本文 */
#contents p {
	line-height: 170%;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 640px){
	#contents p {
		line-height: 150%;
		margin: 5px 5px 15px;
	}
}
.center {
	text-align: center;
}
p.right {
	text-align: right;
}
/* ピンクのマーカー */
span.marker {
	background: #ffeeed;
	background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffd1d9 60%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 2px 5px;
}
/* 問い合わせ先 */
p.tel,
p.mail {
	font-size: 24px;
}

/* 写真 */
.photo.flC {
	float: none;
	margin: 0 auto 20px;
	text-align: center;
}
.photo.flL {
	float: left;
	margin: 0 15px 20px 0;
}
.photo.flR {
	float: right;
	margin: 0 0 20px 15px;
}
.photo.hor {
	margin: 0 0 10px 0;
}
@media screen and (max-width: 640px){
	.photo.flC ,
	.photo.flL ,
	.photo.flR {
		float: none;
		margin: 5px 10px 15px;
		max-width: 300px;
		text-align: center;
	}
}

/* 箇条書き */
ol.basic ,
ul.basic {
	margin: 10px 0 0 40px;
}
ol.basic li {
	line-height: 160%;
	list-style: decimal;
	margin: 0 0 5px 0;
}
ul.basic li {
	line-height: 160%;
	list-style: disc;
	margin: 0 0 5px 0;
}
@media screen and (max-width: 640px){
	ol.basic ,
	ul.basic {
		margin: 20px 5px 0 30px;
	}
	ol.basic li ,
	ul.basic li {
		margin: 0 0 10px 0;
	}
}
	
/* テーブル */
table {
	border-collapse: collapse;
}
table caption {
	height: 0;
	overflow: hidden;
	text-indent: -10000px;
}

/* PDFリンク */
a.pdf {
	background: #fff;
	border: #bbb solid 1px;
	color: #C00;
	display: inline-block;
	font-weight: bold;
	letter-spacing: normal;
	margin: 0 0 20px 0;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
}
a.pdf:before {
	border-left: #c00 solid 10px;
	border-top: 0;
	border-bottom: solid 10px transparent;
	border-right: solid 10px transparent;
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}
a.pdf span {
	border-left: #ddd dotted 1px;
	color: #444;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	text-decoration: underline;
}
a:hover.pdf {
	border: #c00 solid 1px;
}
@media screen and (max-width: 640px){
	a.pdf {
		border: #ddd solid 1px;
		margin: 0 0 20px 0;
		padding: 7px 10px;
		position: static;
	}
	a.pdf:before {
		display: none;
	}
	a.pdf span {
		border: none;
		padding: 0;
	}
}

/* 外部サイトリンク */
a.new-window {
	background: url(../image/common/new-window.gif) no-repeat left center ;
	background-size: 30px 30px;
	color: #388956;
	padding: 9px 0 3px 37px;
}