@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .title_block_lead {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.l-content .innerBox {
	width: 920px;
	margin: 0 auto 50px;
}
.l-content .h3box {
	width: 890px;
	margin: 0 auto;
}

.l-content .title_block_tabLink {
	width: 950px;
	margin: 0 auto 25px;
}
.l-content .title_block_tabLink > li {
	float: left;
	width: 316px;
	margin-left: 1px;
}
.l-content .title_block_tabLink > li.tab01 {
	margin-left: 0;
}
.l-content .title_block_tabLink > li.tab03 {
	float: right;
}
.l-content .title_block_tabLink > li a,
.l-content .title_block_tabLink > li .active {
	display: block;
	width: 316px;
	height: 54px;
	background: url(/pr/vona/mech/compressor/service/diymodel/img/tab_btn.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .title_block_tabLink > li.tab01 a {
	background-position: 0 0;
}
.l-content .title_block_tabLink > li.tab02 a {
	background-position: -316px 0;
}
.l-content .title_block_tabLink > li.tab03 a {
	background-position: -632px 0;
}
.l-content .title_block_tabLink > li.tab01 .active {
	background-position: 0 -54px;
}
.l-content .title_block_tabLink > li.tab02 .active {
	background-position: -316px -54px;
}
.l-content .title_block_tabLink > li.tab03 .active {
	background-position: -632px -54px;
}

/* .infoBox */
.l-content .infoBox .info {
	width: 800px;
	height: 408px;
	margin: 0 auto 50px;
	padding: 0;
	border: none;
	background: url(/pr/vona/mech/compressor/service/diymodel/img/info_bg.gif) no-repeat 0 0;
}
.l-content .infoBox .info * {
	height: 0;
	overflow: hidden;
}

/* .stepBox */
.l-content .stepBox {
	margin: 0 0 30px;
}
.l-content .stepBox .ancLink {
	margin: 20px 20px 40px;
}
.l-content .stepBox .ancLink > li {
	position: relative;
	float: left;
	width: 207px;
	height: 108px;
	margin: 0 15px 15px 0;
	background: no-repeat 0 0;
}
.l-content .stepBox .ancLink > li.anc01 {
	background-image: url(/pr/vona/mech/compressor/service/diymodel/img/step_anc01.gif);
}
.l-content .stepBox .ancLink > li.anc02 {
	background-image: url(/pr/vona/mech/compressor/service/diymodel/img/step_anc02.gif);
}
.l-content .stepBox .ancLink > li dt,
.l-content .stepBox .ancLink > li dd.desc {
	height: 0;
	overflow: hidden;
}
.l-content .stepBox .ancLink > li dd.btn a {
	position: absolute;
	top: 73px;
	left: 22px;
}
.l-content .stepBox .ancLink > li a.m-btnSize--m {
	width: 123px !important;
	height: auto;
	padding: 2px 5px 1px 0;
}
.l-content .stepBox .ancLink > li a.m-btnLink--default {
	background: #f2f2f2 url(data:image/gif;base64,R0lGODlhCwAIAKIHAHie0R1fudTd6nac0dXe6h5guQBLsf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyNWE1YTc5LTgyYmItYzU0OC1hZGYzLWQ1YTc1Yzk2ZjZlMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQTMzMkI2QTQ0MTgxMUU3ODFBMkEwRjNDOTg1RDQ4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQTMzMkI2OTQ0MTgxMUU3ODFBMkEwRjNDOTg1RDQ4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MTgxNjAwLTNlZTUtMjY0OS05ZTlmLWNhZWRjOTk3YjBkMyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmU1YTQ5YjcwLTQ0MTUtMTFlNy04ODBhLWJjNzFlMTQwMjZhNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAcALAAAAAALAAgAAAMeCLfMYKqtYQKUtAg7WCaHUBjdx4jGWIANobKSCx8JADs=) no-repeat 100px center;
}
.l-content .stepBox .bar {
	width: 950px;
	margin: 0 0 25px;
	padding: 0;
	border-bottom: 3px solid #617bbd;
	background: #e4f0f7;
}
.l-content .stepBox .bar dt {
	float: left;
	width: 88px;
	height: 73px;
	margin: 0 20px 0 0;
	background: #617bbd no-repeat center center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .stepBox #step1 dt {
	background-image: url(/pr/vona/mech/compressor/service/diymodel/img/step_num01.gif);
}
.l-content .stepBox #step2 dt {
	background-image: url(/pr/vona/mech/compressor/service/diymodel/img/step_num02.gif);
}
.l-content .stepBox .bar dd {
	float: left;
	width: 815px;
	line-height: 1.2em;
}
.l-content .stepBox .bar dd.ttl {
	margin: 0 0 6px;
	padding: 7px 0 5px 4px;
	border-bottom: 1px solid #617bbd;
	font-size: 24px;
}
.l-content .stepBox .bar dd.desc {
	padding: 0 0 0 6px;
	font-size: 16px;
}
.l-content .stepBox .txt {
	font-size: 14px;
}
.l-content .stepBox .btnList a.m-btnSize--m {
	width: 226px;
	height: auto;
	margin: 0 auto 30px;
	padding: 10px 0 8px;
	font-size: 16px;
}
.l-content .stepBox .image {
	width: 870px;
	margin: 0 auto 30px;
	padding: 24px;
	border: 1px solid #bfbfbf;
}
.l-content .stepBox .image > img {
	display: block;
	margin: 0 auto;
}


.l-content .lead {
	margin: 0 auto 20px;
	text-align:center;
}
.l-content .lead img {
	display: block;
	margin: 0 auto;
}