@charset "utf-8";
/* --------------------------------------------
   Individual Styles (Category:cost)
   -------------------------------------------- */
   
/* ======== Page (costtop) ======== */


/* ---- .nineBSection01 ---- */

.nineBSection01 .primary {
	float: left;
	width: 284px;
}

.nineBSection01 .secondary {
	float: right;
	width: 343px;
}

/* ---- .nineBSection02 ---- */

.nineBSection02 .text {
	float: right;
	width: 343px;
}

.nineBSection02 .image {
	float: left;
	width: 284px;
	margin-top: 0;
}

/* ---- .nineBSection03 ---- */

.nineBSection03 {
	margin-top: 40px;
}

.nineBSection03 .text {
	float: right;
	width: 343px;
}

.nineBSection03 .image {
	float: left;
	width: 284px;
	margin-top: 0;
}

/* ---- .nineBList ---- */

.nineBList {
	clear: both;
	width: auto;
	margin-top: 40px;
}

.nineBList .primary {
	float: left;
	margin-right: 6px;
}

.nineBList .secondary {
	float: left;
}

.nineBList ul li img {
	vertical-align: top;
}

.nineBSection01 .primary2 {
	float: left;
	width: 400px;
}
.nineBSection01 .secondary2 {
	float: right;
	width: 467px;
}

/* ---- .costSectionA01 ---- */

.costSectionA01 {
	margin-top: 28px;
}

.costSectionA01 h2 {
	font-size: 133%;
	font-weight: bold;
}

.costSectionA01 p {
	margin-top: 20px;
	line-height: 1.5;
}

/* ---- .costSectionA02 ---- */

.costSectionA02 {
	margin-top: 28px;
}

.costSectionA02 h3 {
	font-size: 100%;
	font-weight: bold;
}

.costSectionA02 p {
	margin-top: 12px;
	line-height: 1.5;
}

/* ---- .costBannerA01 ---- */

.costBannerA01 {
	margin-top: 20px;
}

/* ---- .costSectionB01 ---- */

.costSectionB01 {
	width: 665px;
	/zoom: 1;
}

.costSectionB01:after {
	content: "";
	clear: both;
	display: block;
}

.costSectionB01 .costSectionB01Unit {
	float: right;
	width: 325px;
	text-align: center;
}

.costSectionB01 .costSectionB01Unit.pseudoFirst {
	float: left;
	width: 320px;
	text-align: left;
}

/* ---- .costSectionB02 (image:text) ---- */

.costSectionB02 {
	width: 665px;
	/zoom: 1;
}

.costSectionB02:after {
	content: "";
	clear: both;
	display: block;
}

.costSectionB02 .image {
	display: inline;
	float: left;
	margin: 0 20px 6px 0;
	/*width: 248px;*/
}

.costSectionB02 .text {
}

.costSectionB02 .pseudoFirst {
	margin-top: 0;
}

/* ======== Page (costtop) ======== */

#costTop {
	padding-bottom: 32px;
	border-bottom: 1px solid #aaa;
}
