@charset "utf-8";

/* ------------------------------------------------------------
	
	filename:	detail.css
	created:	150711
	update:		150711
		
------------------------------------------------------------ */


/* ベース */


/*寄付事例ページ高さ固定*/



#donationArea .caseCntents{
	margin-top : 23px;
	background : url('images/bg_contents_top.png') no-repeat;
	background-position : top center;
	margin : 2% 4%;
	padding : 10px 0 0 0;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	zoom : 1;
}

#donationArea .caseCntents .mainInner{
	background : url('images/bg_contents_bottom.png') no-repeat,url('../images/bg_contents.png') repeat-y;
	background-position :bottom center,bottom center;
	padding : 4% 4% 5px 4%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	min-height : 1000px;
}

#donationArea .caseCntents .cardHead {
	text-align :left;
	height : 280px;
	border-radius : 5px;
	border : 2px solid #8dceee;
	padding : 0 10px 0px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#donationArea .caseCntents .cardHead p.card{
	width : 200px;
	text-align : center;
	margin : 0 auto;
}
#donationArea .caseCntents .cardHead .cardTitle {

}
#donationArea .caseCntents .cardHead .cardTitle h1{
	line-heihgt : 1em;
	margin : 0 auto;
	max-width : 250px;
	padding-top : 5px;
	text-align : center;
}
#donationArea .caseCntents .cardHead .cardTitle .lead{
	color : #005d9b;
	font-weight : bold;
	font-size : 12px;
	/*padding-left : 10px;
	padding-right : 10px;*/
	margin-top : 5px;
	height : 6em;
	margin-bottom : 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#donationArea .caseCntents .cardHead .cardTitle .lead02{
	color : #005d9b;
	font-weight : bold;
	font-size : 12px;
	/*padding-left : 10px;
	padding-right : 10px;*/
	margin-top : 5px;
	height : 9em;
	margin-bottom : 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#donationArea .caseCntents .cardHead .cardTitle .lead03{
	color : #005d9b;
	font-weight : bold;
	font-size : 12px;
	/*padding-left : 10px;
	padding-right : 10px;*/
	margin-top : 5px;
	height : 7em;
	margin-bottom : 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#donationArea .caseCntents .mb10{
	background : url('images/cardHead_bg.png'),url('images/case_title_bg.png');
	background-repeat : no-repeat,no-repeat;
	background-position : center top,center bottom;
	background-size : auto 7px,100% auto;
	padding-top : 13px;
	text-align : center;

}
#donationArea .caseCntents .cardNews{
	background : #fd68ae;
	margin : 10px 0 15px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align : left;
	position : relative;
	font-size : 12px;
	height : 6em;
	padding : 0 10px;
}
#donationArea .caseCntents .cardNews .date{
	font-size : 12px;
	font-weight : bold;
	color : #ffec84;
	position : absolute;
	top : 6px;
	left : 10px;
	right : 10px;
}
#donationArea .caseCntents .cardNews .news{
	font-size : 12px;
	font-weight : bold;
	position : absolute;
	top : 23px;
	left : 10px;
	color : #fff;
	right : 10px;
}

#donationArea .caseCntents div.case{
	margin : 0px 0 18px 0;
	text-align : left;
	min-height : 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	background : #e8eef4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding : 0 10px;
}
#donationArea .caseCntents div.last{
	margin-bottom : 0px;
}
#donationArea .caseCntents div.case p.photo{
	float : left;
	width : 85px;
	margin-top : 10px;
	margin-right : 10px;
}

#donationArea .caseCntents div.case div{
}

#donationArea .caseCntents div.case div h2{
	margin-left : 95px;
	font-size : 13px;
	font-weight : bold;
	padding : 10px 0 5px 0;
	line-height : 1.3em;
}
#donationArea .caseCntents div.case div p{
	padding : 0 0 0 0;
	font-size : 12px;
}
#donationArea .caseCntents div.case div p.period{
	font-size : 10px;
	text-align : right;
	padding : 0 0 10px 0;
}
#donationArea .caseCntents #more{
	background : #fff;
}
#donationArea .caseCntents .w50{
	width : 50%;
	margin :3% auto;
	background : #fff;
}
/* EOF */