@charset "utf-8";
/* CSS Document */
#case_list{padding-bottom: 60px;}
#case{
	font-size: 24px; line-height: 48px; margin: 48px 48px 0; color:#ff6300; padding-left: 48px; 
	background:url(../images/case_title.png) 8px 8px no-repeat; 
}
.case_cell{width:33.3%; float: left;}
.case_cell_main{width:70%; margin: 10px auto; padding-bottom: 20px; border:1px solid #f9f9f9; display: block;}
.case_cell_main:hover{border:1px solid #f90; background: rgba(255,255,255,0.4); transition: all 0.2s ease; cursor: pointer;}
.case_cell_main img{
	width:100%; display: block; border:none;
}
.case_cell_main h2{
	font-size: 17px; font-weight: bold; text-align: center; color:#484848; line-height: 36px; margin-top:8px;transition: all 0.2s ease;
}
.case_cell_main p{
	text-align: center; color:#404040; font-size: 16px;transition: all 0.2s ease;
}
.case_cell_main:hover h2,.case_cell_main:hover p{color:#ff6300;}


.case_back{width:30px; height:30px; position: relative; top:-40px; float: right; background:url(../images/caseback.png) right top no-repeat;}
.case_back:hover{background:url(../images/casebackfocus.png) right top no-repeat;}

.case_detail{padding: 60px 100px;}
.case_detail h1{font-size: 24px; color:#ff6300; text-align: center;line-height: 60px;}
.case_detail h2{font-size: 16px; color:#444; font-weight: bold; line-height: 32px; margin-top: 12px;}
.case_detail p{line-height: 26px; text-align: justify; text-indent: 2em; margin-bottom: 12px;}
.case_detail p img{width:60%; margin: 0 auto;}
.case_detail em{font-style: normal; margin-top:8px; display: block;}
.case_detail ul,.case_detail ol{line-height: 26px; margin-bottom: 12px;}
.case_detail ol ul li{text-indent: 3em;}