/* itsmosaverの活用
----------------------------------------------------	
	
	1. 見出しクラスわけ
	2. 事例内容
	
----------------------------------------------------
*/


/*	1. 見出しクラスわけ
-----------------------------------------------	*/

#main-contents h1{
	background-image:url(../practical/images/h1.jpg);
	}

#main-contents h2#case1,#main-contents h2#case2,#main-contents h2#case3,#main-contents h2#case4 {
	background-repeat: no-repeat;
	height: 60px;
	width: 550px;
	padding: 0px;
}

#main-contents h2#case1{
	background-image: url(../practical/images/h2_case1_bg.gif);
}

#main-contents h2#case2{
	background-image: url(../practical/images/h2_case2_bg.gif);
}

#main-contents h2#case3{
	background-image: url(../practical/images/h2_case3_bg.gif);
}

#main-contents h2#case4{
	background-image: url(../practical/images/h2_case4_bg.gif);
}


/*	2. 事例内容
-----------------------------------------------	*/

.case-contents {
	margin-bottom: 20px;
	width: 550px;
}

.case-contents table {
	width: 340px;
}


.case-contents table th {
	width: 60px;
	text-align: left;
	vertical-align: top;
	padding: 3px 10px;
}

.case-contents table td {
	text-align: left;
	vertical-align: top;
	padding: 3px 10px;
}

.case-contents img {
	float: right;
	margin-right: 10px;
	margin-top: 6px;
}


.case-point {
	background-image: url(../practical/images/casepoint_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 15px 10px 5px 72px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #c5deee;
	clear: both;
}