@charset 'utf-8';

/*-----------------------------*/
/*■■■開発事例■■■*/
/*-----------------------------*/

/*■■■ホームページ■■■*/

#case p.txt{

	font-size:90%;
	line-height:160%;
	padding:0;
	margin:0;
	margin-bottom:18px;

}

#casenum{
	background:#F3A70D;
	margin-bottom:15px;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	padding:0 5px;
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, Sans-serif;
}

#case #pick{
	background:#f4f4f4;
	height:128px;
}

#case #pick img{
	float:left;
	padding:10px;
	padding-bottom:0px;
}

#case #pick p{

	font-size:10px;
	line-height:160%;
	padding:10px;
	padding-top:20px;
	padding-bottom:0px;
	margin:0;
	margin-bottom:18px;
}

#case #right p{
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, Sans-serif;
	font-size:85%;
	line-height:160%;
	padding:0;
	margin:0;
	margin-bottom:18px;

}


#case #left p{

	font-size:85%;
	line-height:160%;
	padding:0;
	margin:0;
	color:#888;
}

#case h3{
	width:550px;
	height:26px;
	background:url(../images/case/midashi.gif) no-repeat;
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, Sans-serif;
	font-size:12px;
	padding:0;
	margin:0px;
	padding:4px 0;
	padding-left:11px;
	border:none;
	margin-bottom:10px;

	}

#case h4{
	color:#f6a300;
	font-size:10px;
	padding:0;
	margin:0px;
	margin-bottom:7px;
	margin-top:0px;
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, Sans-serif;

	}

#case_web #left{
	width:220px;
	float:left;
	padding-left:5px;
	padding-top:0;
}
#case_web #left img{

	padding-bottom:10px;
}


#case_web #right{
	width:310px;
	float:left;
	padding-left:20px;

}

#case #right{
	padding-left:10px;
}




#case #topmain{

	width:560px;
	height:241px;
	margin:20px 0;
	margin-bottom:5px;
	background:url(../images/case/case-study/main_img.gif) no-repeat;
}

#case #bt_area{
	width:560px;
	margin-bottom:15px;
	overflow:auto;
}

#bt_area  ul{
margin:0;
padding:0;
}
#bt_area  ul li{
margin:0;
padding:0;
	list-style: none;
	float:left;
	padding-top:15px;

}

#bt_area li.case001 a{
	padding-left:16px;
	display:block;
	width:272px;
	height:71px;
	background:url(../images/case/case-study/case001.gif) no-repeat;
}

#bt_area li.case001 a:hover{
	display:block;
	width:272px;
	height:71px;
	background:url(../images/case/case-study/case001_ov.gif) no-repeat;
}

#bt_area li.case002 a{

	display:block;
	width:272px;
	height:71px;
	background:url(../images/case/case-study/case002.gif) no-repeat;
}

#bt_area li.case002 a:hover{
	display:block;
	width:272px;
	height:71px;
	background:url(../images/case/case-study/case002_ov.gif) no-repeat;
}

#bt_area li.case003 a{

	display:block;
	width:272px;
	height:71px;
	background:url(../images/case/case-study/case003.gif) no-repeat;
}

#bt_area li.case003 a:hover{
	display:block;
	width:272px;
	height:71px;
	background:url(../images/case/case-study/case003_ov.gif) no-repeat;
}