@charset "UTF-8";


/*  共通  */
h2 {
}
h3 {
}
h4 {
	font-size: 100%;
	margin: 5px 10px 8px;
}
p {
	font-size: 123.1%;
	line-height: 125%;
	margin: 12px 10px 10px;
	letter-spacing: normal;
}
th, td {
	font-size: 108%;
	line-height: 125%;
	padding: 10px;
}

.clear-b {
	clear: both;
}


span.small-step2 {
	font-size: 85%;

}
span.color01 {
	color: #d86907;
	font-weight: bold;
}
span.color02 {
	color: #bf0707;
}

table {
	line-height: 125%;
	margin: 0 10px 10px;
}




/* pattern-one02
--------------------------------------------------------------- */
.pattern-one02 {
	text-align: justify;
}
.pattern-one02 h2 {
	margin-top: 30px;
}
.pattern-one02 h3 {
}
.pattern-one02 p {
	text-align: justify;
}
.pattern-one02 .photo {
	float: right;
	padding: 10px;
}

.pattern-one02 .box {
	display: inline; /* ie6 double margin */
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
}

/* clearfixハック */
.pattern-one02:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.pattern-one02 {display: inline-table;}
.pattern-one02 {height: 1%;}
.pattern-one02 {display: block;}
.pattern-one02 {zoom:1;}




/* pattern-a01
--------------------------------------------------------------- */
.pattern-a01 {
	clear: both;
}
.pattern-a01 h2 {
	font-size: 108%;
	margin-top: 30px;
}
.pattern-a01 p {
	text-align: justify;
}
.pattern-a01 h3 {
}
.pattern-a01 .info {
	float: right;
	width: 350px;
	padding-bottom: 10px;
}
.pattern-a01 .sentence {
	float: left;
	width: 350px;
	padding-bottom: 10px;
}
.pattern-a01 .photo {
	float: right;
	width: 300px;
	padding-bottom: 10px;
	background: #ccc;
}

.pattern-a01 .info dl {
	margin-left: 50px;
	clear: both;
}
.pattern-a01 .info dl dt {
	display: block;
	clear: both;
	float: left;
	width: 120px;
	font-weight: bold;
}
.pattern-a01 .info dl dd {
	display: block;
	float: left;
	width: 350px;
}

/* table */
.pattern-a01 table {
	border-collapse: separate;
	empty-cells: show;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
}
.pattern-a01 table th {
	background: #ddd;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	white-space: nowrap;
}
.pattern-a01 table td {
	background: #f3f3f3;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
}


/* frame */

.frame .bdy p {
	margin: 0;
}

.pattern-a01 .frame {
	width: 700px;
}
.pattern-a01 .frame .hdr {
	height: 28px;
	background: url(../images/index/frame_hdr.gif) no-repeat left top;
}
.pattern-a01 .frame .bdy {
	padding: 0 30px;
	background: url(../images/index/frame_bdy.gif) repeat-y left top;
}
.pattern-a01 .frame .ftr {
	height: 28px;
	background: url(../images/index/frame_ftr.gif) no-repeat left top;
}

/* table対応 */
table.layout {
	margin: 0;
	padding: 0;
	border: none;
}
table.layout th,
table.layout td {
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
	vertical-align: top;
}

.pattern-a01 .info .frame,
.pattern-a01 .sentence .frame {
	width: 350px;
}
.pattern-a01 .info .frame .hdr,
.pattern-a01 .sentence .frame .hdr {
	height: 25px;
	background: url(../images/pig/frame2_hdr.gif) no-repeat left top;
}
.pattern-a01 .info .frame .bdy,
.pattern-a01 .sentence .frame .bdy {
	padding: 0 30px;
	background: url(../images/pig/frame2_bdy.gif) repeat-y left top;
}
.pattern-a01 .info .frame .ftr,
.pattern-a01 .sentence .frame .ftr {
	height: 28px;
	background: url(../images/pig/frame2_ftr.gif) no-repeat left top;
}

.pattern-a01 .info .frame .bdy h3,
.pattern-a01 .sentence .frame .bdy  h3{
	margin-bottom: 15px;
	text-align: center;
}



	.pattern-a01 ol li {
		padding: 5px 0 5px 60px;
		background-position: left top;
		background-repeat: no-repeat;
	}
	.pattern-a01 ol li.icon01 {
		background-image: url(../images/pig/icon01.gif);
	}
	.pattern-a01 ol li.icon02 {
		background-image: url(../images/pig/icon02.gif);
	}
	.pattern-a01 ol li.icon03 {
		background-image: url(../images/pig/icon03.gif);
	}

	/* ボタン ひとつ */
	div.button a {
		display: block;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		text-indent: -999em;
	}
	div.button a:hover {
		background-position: right top;
	}
	
	
	/* ボタン 複数 */
	.pattern-a01 ul.button li {
		display: inline;
	}
	.pattern-a01 ul.button a {
		display: block;
		float: left;
		margin-left: 10px;
		overflow: hidden;
		text-indent: -999em;
	}
	.pattern-a01 ul.button a.first {
		margin-left: 0;
	}
	.pattern-a01 ul.button a:hover {
		background-position: right top;
	}
	/* clearfixハック */
	.pattern-a01 ul.button:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.pattern-a01 ul.button {display: inline-table;}
	.pattern-a01 ul.button {height: 1%;}
	.pattern-a01 ul.button {display: block;}
	.pattern-a01 ul.button {zoom:1;}



/* clearfixハック */
.pattern-a01:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.pattern-a01 {display: inline-table;}
.pattern-a01 {height: 1%;}
.pattern-a01 {display: block;}
.pattern-a01 {zoom:1;}