@charset "UTF-8";

/*===============================================================================
導入事例
===============================================================================*/

/*--------------------------------------------- メインイメージ開始 */

#main_img{
	background: url( "../img/casestudy/casestudy_mainimg.gif") no-repeat left top;
}
/*--------------------------------------------- メインイメージ終了 */

/*--------------------------------------------- INDEXコンテンツ開始 */

#casestudy_main{
	width: 650px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	}

/* h1タイトル */	
#casestudy_main h1{
	width: 630px;
	height: 30px;
	padding: 0 0 5px 0;
	margin: 0 auto;
	text-indent: -9999px;
	font-size: 0;
	background: url( "../img/casestudy/title.gif") no-repeat left top;
	}

/* h2タイトル */		
#casestudy_main h2{
	background: url( "../img/casestudy/title_sub.gif") no-repeat center;
	width: 595px;
	height: 25px;
	padding: 5px 0 5px 35px;
	margin:10px auto 5px auto;
	text-align:left;
	font-size:12px;
	line-height:30px;
	clear:both;
	}


/*---------------------------------------------  製品案内メニュー開始*/

#sample{
	clear:both;
	width: 630px;
	padding: 10px 0;
	margin: 0 auto;
	}

#sample .img{
	float:left;
	width: 250px;
	padding: 0;
	margin: 0 10px 10px 15px;
	border:5px solid #ccc;
	}
#sample .txt{
	float:left;
	width: 330px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align:left;
	}
	
#f_txt{
	width: 600px;
	padding: 10px 0 20px 0;
	margin: 0 auto;
	text-align:left;
	}