/*=家づくりプラン例
plan/index.html
---------------------------------------------*/
#appeal_plan_contents_top {
	display: block;
	clear: both;
	width: 600px;
	height: 78px;
	margin: 0;
	padding: 0;
}
#appeal_plan_contents_top h1 {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}
.appeal_graph_row {
	display: block;
	clear: both;
	margin: 0px auto;
	padding: 0;
}
.plan_header_left {
	display: block;
	float: left;
	margin: 10px -40px 25px 0;
	padding: 0;
	width: 310px;
	text-align: left;
}
.plan_header_right {
	display: block;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	width: 294px;
	height: 290px;
}
.plan_header_left h2 {
	display: block;
	clear: both;
	margin: 0 0 25px 0;
	padding: 0;
	color: #2948BB;
	font-size: 1.4em;
}
.plan_header_summary {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	color: #666666;
	font-size: 1.15em;
	line-height: 135%;
	width: 264px;
}
.plan_header_sub_title {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2948BB;
	font-size: 1.0em;
}
.plan_header_left ul {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}
.plan_header_left li {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	color: #666666;
}
.plan_header_left li strong {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.appeal_plan_row {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 580px;
}

.planning_span {
	display: block;
	clear: both;
	width: 563px;
	line-height: 135%;
	font-size: 1.15em;
	margin: 0 0 10px 0;
	padding: 0;
}
.plan_a {
	display: block;
	float: left;
	margin: 20px 0 10px 0;
	padding: 0;
	background: url("../../../common/images/v_underline.gif") top right repeat-y;
	width: 180px;
	height: 450px;
}
.plan_b {
	display: block;
	float: left;
	margin: 20px 0 10px 4px;
	padding: 0;
	background: url("../../../common/images/v_underline.gif") top right repeat-y;
	width: 186px;
	height: 450px;
}
.plan_c {
	display: block;
	float: left;
	margin: 20px 0 10px 10px;
	padding: 0;
	width: 175px;
	height: 450px;
}
.plan_a img, .plan_b img, .plan_c img {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}
.plan_a span {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1.15em;
	line-height: 120%;
	letter-spacing: 0.05em;
	width: 170px;
	height: 145px;
}
.plan_b span {
	display: block;
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 1.15em;
	line-height: 120%;
	letter-spacing: 0.05em;
	width: 170px;
	height: 145px;
}
.plan_c span {
	display: block;
	clear: both;
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 1.15em;
	line-height: 120%;
	letter-spacing: 0.05em;
	width: 172px;
	height: 145px;
}
.plan_box_row {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 175px;
}

.plan_box_left {
	display: block;
	float: left;
	margin: 10px 20px 15px 0;
	padding: 0;
	width: 270px;
	height: 150px;
	border: solid 1px #e7e7e7;
}
.plan_box_right {
	display: block;
	float: left;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 270px;
	height: 150px;
	border: solid 1px #e7e7e7;
}
.plan_box_title {
	display: block;
	clear: both;
	width: 250px;
	height: 25px;
	margin: 5px 10px 10px 10px;
	padding: 0;
	background: url("../../../common/images/underline.gif") bottom left repeat-x;
}
.plan_box_img {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.plan_box_img img {
	display: block;
	clear: both;
	margin: 0 10px 0 10px;
	padding: 0;
}
.plan_box_span {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 150%;
	width: 130px;
}