@charset "utf-8";
@import url(global.css);

/* ------------------------------
 Common
------------------------------ */

#case h2{
	background:url(../case/images/top.jpg) no-repeat left top;
}

/* ------------------------------
 Idx
------------------------------ */

h3#h3_1{
	width:686px;
	height:34px;
	text-indent:-9999px;
	display:block;
	background:url(../case/images/h3_1.jpg) no-repeat left top;
	margin-bottom:30px;
}
ul.caselist{
	width:676px;
	margin:0 auto 20px;
}
ul.caselist li{
	width:676px;
	height:130px;
	margin-bottom:25px;
}
ul.caselist li p.casenum{
	width:90px;
	height:25px;
	line-height:25px;
	background-color:#99CC66;
	color:#FFFFFF;
  font-family: 'FelipaRegular';
	font-size:26px;
	text-align:center;
}
ul.caselist li .listarea{
	width:550px;
	height:109px;
	padding:12px 7px 7px 117px;
	border:1px solid #99CC66;
	background:url(../case/images/listbg.png) no-repeat 12px bottom;
	position:relative;
}
ul.caselist li .listarea h4.casename{
	height:32px;
	line-height:32px;
	background:url(../case/images/icon.gif) no-repeat left top;
	padding:0 0 0 35px;
	font-size:20px;
	font-weight:normal;
}
ul.caselist li .listarea .casedtl{
	width:504px;
	height:46px;
	background:url(../case/images/dtlbg.png) no-repeat left top;
	padding:10px 10px 10px 35px;
	position:absolute;
	left:117px;
	bottom:7px;
}
ul.caselist li .listarea p.btmore{
	width:90px;
	height:26px;
	position:absolute;
	top:17px;
	right:13px;
}
ul.caselist li .listarea p.btmore a{
	width:90px;
	height:26px;
	background:url(../case/images/btmore.jpg) no-repeat left top;
	text-indent:-9999px;
	display:block;
}
ul.caselist li .listarea p.btmore a:hover{
	background-position:right bottom;
}



/* ------------------------------
 Entry
------------------------------ */

.entrytitle{
	width:635px;
	height:34px;
	line-height:34px;
	background:url(../topics/images/h3_entry.jpg) no-repeat left top;
	padding:0 10px 0 41px;
	margin:0;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
.casearea{
	width:660px;
	margin:20px auto;
	background:url(../case/images/casetop.jpg) no-repeat left top;
	padding-top:45px;
}
.casebody{
	width:490px;
	background:url(../case/images/casebg.jpg) repeat-y left top;
	padding:0 50px 0 120px;
	line-height:2.0;
	text-align:justify;
	text-justify:distribute;
}
.casebottom{
	width:660px;
	height:66px;
	background:url(../case/images/casebottom.jpg) no-repeat left top;
	padding-top:160px;
	position:relative;
}
.casebody h4.name{
	color:#99CC67;
	margin:0 0 10px;
	height:32px;
	line-height:32px;
	background:url(../case/images/icon.gif) no-repeat left top;
	padding:0 0 0 35px;
	font-size:20px;
	font-weight:normal;
 }
.casebody p{
	padding-bottom:10px;
}
.casebottom .caseend{
	width:440px;
	height:95px;
	overflow:hidden;
	position:absolute;
	top:24px;
	right:38px;
}
.casebottom ul.page_navi {
	width:480px;
	margin: 0 0 0 180px;
}
.casebottom ul.page_navi li {
	width: 160px;
	height: 66px;
	line-height:66px;
	float: left;
	display: inline;
}
.casebottom ul.page_navi li a{
	width: 160px;
	height: 66px;
	display:block;
}
.casebottom ul.page_navi li.next {
	text-align: center;
}
.casebottom ul.page_navi li.back {
	text-align: center;
}
.casebottom ul.page_navi li.prev {
	text-align: center;
}
.casebottom ul.page_navi li.prev a:hover {
	background: url(../case/images/next.jpg) no-repeat right top;
}