﻿/* ********************************************************
	TOPページCSS
******************************************************** */
.reformPack {
	background-color: #EBE3D6;
	padding: 8px;
}
.pack_chintai {
	width: 332px;
	height: 230px;
	overflow: hidden;
	background: url("../img/top/owner_chintai.jpg") no-repeat center center;
	float: left;
	text-align: center;
}
.pack_bunjo {
	width: 332px;
	height: 230px;
	overflow: hidden;
	background: url("../img/top/owner_bunjo.jpg") no-repeat center center;
	float: right;
	text-align: center;
}
.pack_chintai img, .pack_bunjo img {
	margin-top: 160px;
}

.other_pack {
	width: 690px;
	height: 170px;
	padding-top: 10px;
	overflow: hidden;
	float: left;
}
.other_pack ul {
	width: 690px;
}
.other_pack ul li {
	width: 228px;
	height: 170px;
	float: left;
}

.example {
	width: 690px;
}
.example ul li {
	width: 330px;
	padding: 0 7px 15px;
	float: left;
}
.example h3 {
	width: 330px;
	height: 30px;
	margin-bottom: 8px;
	text-align: left;
	background: url("../img/top/bg_parts_ttl.gif") no-repeat top left;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
.example strong {
	display: block;
	height: 17px;
	padding-left: 16px;
	line-height: 17px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bolder;
	color: #773E17;
}
.example span {
	display: block;
	height: 12px;
	padding-left: 16px;
	line-height: 14px;
	vertical-align: middle;
	color: #BA8074;
	font-size: 80%;
}
.example .partsR {
	width: 125px;
	float: right;
	text-align: center;
}
.example .partsL {
	width: 190px;
	height: 125px;
	overflow: hidden;
	float: left;
}
.example .partsL p {
	width: 190px;
	height: 125px;
	line-height: 18px;
	overflow: auto;
}

p.eightReasons {
	width: 660px;
	margin: 0 auto 15px;
	line-height: 24px;
}
.reasons {
	width: 660px;
	margin: 0 auto;
}
.reasons li {
	width: 165px;
	height: 165px;
	float: left;
}
p.reasonTxt {
	width: 660px;
	margin: 0 auto;
	line-height: 24px;
}


/*h2-h7*/
.pttl_1 span {
	position: relative;
	display: block;
	height: 38px;
	margin-bottom: 10px;
}
.pttl_1 img {
	position: absolute;
	top: 0;
	left: 0;
}
.pttl_2 span {
	position: relative;
	display: block;
	height: 36px;
	margin-bottom: 10px;
}
.pttl_2 img {
	position: absolute;
	top: 0;
	left: 0;
}
.pttl_3 span {
	position: relative;
	display: block;
	height: 92px;
	margin-bottom: 20px;
}
.pttl_3 img {
	position: absolute;
	top: 0;
	left: 0;
}
.pttl_4 span {
	position: relative;
	display: block;
	height: 170px;
	margin-bottom: 10px;
}
.pttl_4 .pttl_4_1 {
	position: absolute;
	top: 0;
	left: 0;
}
.pttl_4 .pttl_4_2 {
	position: absolute;
	top: 84px;
	left: 0;
}

.con_bnrs {
	padding-bottom: 15px;
}








