@charset "utf-8";
/* -----------------------------------------
リセット・設定用css

＜class名ルール＞
このファイルで使用するclassには以下の接頭語を付加する。
（他のcssファイルでは不要）
・汎用クラス：「.c_xxx」（common）
・モジュール：「.m_xxx」（module）
・モジュール内のパーツ：「.p_xxx」（parts）
・モジュールの状態：「.s_xxx」（state）
※JSのみで使用：「.js_xxx」
----------------------------------------- */

/* flame
----------------------------------------- */

.outerContent02 {
	float: left;
	width: 100%;
	margin-left: -200px;
}

@media screen and (max-width: 800px) {
	.outerContent02 {
		margin: 0 -10px 0 -8px;
		width: inherit;
		float: none;
	}
}

.sec01 {
	margin: 0 auto 80px;
	overflow: hidden;	
}

.sec02 {
	margin: 0 auto 80px 18px;
	overflow: hidden;
}

.sec03 {
	margin-bottom: 10px;
}


@media screen and (max-width: 1099px) {
	.sec01 {
		max-width: 900px;
	}
}

/* content
----------------------------------------- */

.outerBreadcrumbs {
	overflow: hidden;
}

.breadcrumbs {
	float: left;
}

.print {
	float: right;
}

.breadcrumbs a {
	display: block;
	padding: 8px 0 18px 18px;
	font-size: 78.6%;
}

.breadcrumbs a:before {
	content: "<";
	padding: 0 0 0 0;
}

@media screen and (max-width:800px) {
	.breadcrumbs a:before {
		display: none;
	}
	.print {
		display: none;
	}
}
@media screen and (max-width:680px) {
	.breadcrumbs a {
		padding: 8px 0 18px 0;
	}
}

.ttl02 {
	position: relative;
	font-weight: bold;
	font-size: 107.1%;
	padding: 7px 0 7px 12px;
}

.ttl02:before {
	position: absolute;
	content: "";
	width: 5px;
	height: 31px;
	background: #0e8213;
	top: 0;
	left: 0;
}

.ttl03 {
	font-size: 85.7%;
	font-weight: bold;
	padding: 16px 0 8px 15px;
}

@media screen and (max-width: 680px) {
	.ttl01 {
	margin: 0 2px 15px 2px;
	}
}

.list01 {
	font-size: 85.7%;
	overflow: hidden;
}

.list01 li {
	float: left;
	width: 25%;
}

.list01 a {
	position: relative;
	display: block;
	border-bottom: 1px dotted #b3b3b3;
	padding: 10px 0 10px 20px;
	margin-right: 20px;
}

.list01 a:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 13px;
	border-left: 3px solid #0e8213;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}

@media screen and (max-width: 1099px) {
	.list01 li {
		width: 33.3%;
	}
}
@media screen and (max-width: 899px) {
	.list01 li {
		width: 50%;
	}
}
@media screen and (max-width: 680px) {
	.list01 li {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.printArea > .m_box:nth-child(even) .jsHeightFix {
		margin-left: 0;
	}
}

/* 
----------------------------------------- */