@charset "utf-8";
/* ===================================================================
	use second
=================================================================== */

/*---------------------------------------------------------------------------*/

ol.pan {
	margin-bottom:25px;
}

ol.pan li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

ol.pan li a {
	color:#fea700;
}

h2 {
	margin-bottom: 40px;
}

h3 {
	margin-bottom:10px;
}


#case {
	width: 640px;
}

#case .category {
	margin-bottom:30px;
}

#case .category dl {
	padding:10px 0;
}

#case .category dl dt {
	float:left;
	width:80px;
}

#case .category dl dd {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding:0 5px;
}

#case .category dl.middle {
	border-bottom:#c7c7c7 1px solid;
	border-top:#c7c7c7 1px solid;
}

#case ul li {
	border:#d2d2d2 1px solid;
	margin-bottom:25px;
	position:relative;
}

#case ul li .ttl_area {
	border-bottom:#d2d2d2 1px solid;
}

#case ul li .ttl_area .ttl {
	display: table;
	float:left;
	height:45px;
	padding-left:20px;
	vertical-align:bottom;
	width:360px;
}

#case ul li .ttl_area .ttl strong {
	display: table-cell;
	font-weight:normal;
	vertical-align:middle;
}

#case ul li .ttl_area .company {
	border-left:#d2d2d2 1px solid;
	line-height:45px;
	float:right;
	padding-left:10px;
	width:240px;
}

#case ul li .ttl_area .company img {
	vertical-align:middle;
}

#case ul li .text_area {
	padding:20px;
}

#case ul li .text_area .photo {
	float:left;
}

#case ul li .text_area .text {
	float: right;
	padding: 0 0 30px;
	width: 320px;
}

#case ul li .btn {
	position:absolute;
	bottom:15px;
	right:15px;
}


/*--色分け-------------------------------------------------------------------------*/

#case ul li.invest {
	border-top:#8dd7fe 4px solid;
}

#case ul li.purchase {
	border-top:#ff6aa9 4px solid;
}

#case ul li.donation {
	border-top:#24b770 4px solid;
}

#case ul li.invest .company {
	background:url(../images/icon_invest.png) no-repeat 185px center;
}

#case ul li.purchase .company {
	background:url(../images/icon_purchase.png) no-repeat 185px center;
}

#case ul li.donation .company {
	background:url(../images/icon_donation.png) no-repeat 185px center;
}