@charset "UTF-8";
@import "/include/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document blog > sub01
--------------------------------------------------------- */

.sub01 {
	margin: 15px 20px 20px;
	text-align: left;
}

.sub01 h2 {
	margin: 0 -20px;
	padding: 10px 20px;
	border-top: solid 2px #065f8d;
	border-bottom: solid 1px #fff;
	background: #eaf3f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaf3f8));
	background: -moz-linear-gradient(top, #ffffff, #eaf3f8);
	background: linear-gradient(to bottom, #ffffff, #eaf3f8);
	background: -ms-linear-gradient(top, #ffffff, #eaf3f8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf3f8', GradientType=0)";
	font-weight: normal;
	font-size: 18px;
	line-height: 1.3;
	position: relative;
}

.sub01 h2:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #dadfe1;
	position: absolute;
	bottom: -2px;
	left: 0;
}

.sub01 p {
	margin-top: 10px;
}

/* ---------------------------------------------------------
	CSS Document blog > sub02
--------------------------------------------------------- */

.sub02 {
	margin: 15px 20px 40px;
	text-align: left;
}

.sub02 h3 {
	margin: 30px 0 20px;
	padding: 6px 15px 6px 26px;
	background: #f4f5f6 url(../images/bk_line.png) repeat-x 0 0;
	background-size: 3px auto;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.3;
	color: #081945;
	position: relative;
}

.sub02 h3:before {
	content: '';
	width: 100%;
	height: 1px;
	background: url(../images/bk_line.png) repeat-x left bottom;
	background-size: 3px auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

.sub02 h3:after {
	content: '';
	width: 21px;
	height: 20px;
	background: url(../images/bk_pin.png) no-repeat 0 0;
	background-size: auto 20px;
	position: absolute;
	top: 6px;
	left: 5px;
}

.sub02 p {
	margin-bottom: 20px;
}

.sub02 table {
	max-width: 100% !important;
	width: 100% !important;
}

.sub02 th {
	width: 25%;
	padding: 10px;
	border: solid 1px #dadfe1;
	background: #f8f9f9;
	text-align: left;
	font-weight: normal;
}

.sub02 td {
	padding: 10px;
	border: solid 1px #dadfe1;
	text-align: left;
}

.sub02 ul li {
	margin-left: 18px;
	list-style: disc;
}

.sub02 ol li {
	margin-left: 18px;
	list-style: decimal;
}

.sub02 iframe {
	vertical-align: top;
	width: 100% !important;
	height: 300px;
	overflow: hidden;
	border: 0;
}

/* ---------------------------------------------------------
	CSS Document blog > pnavi
--------------------------------------------------------- */

#pnavi {
	margin: 0 20px 40px;
	text-align: center;
}

#pnavi li:first-of-type {
	height: 0;
}

#pnavi li.f_left {
	float: left;
}

#pnavi li.f_right {
	float: right;
}

/* ---------------------------------------------------------
	CSS Document blog > target
--------------------------------------------------------- */

.target {
	margin-top: -60px;
	padding-top: 60px;
}
