/* CSS Document */


#solution_example{
	margin:30px 0 20px;
}

.solution_example{
	margin:30px 0 50px;
}

.solution_example img{
	float:left;
	padding:10px 20px 10px 10px;
}

.solution_example h4 img{
	float:none;
	padding:0;
}

.solution_example p{
	padding:10px;
}

p.solution_name{
	text-align:right;
	padding:10px 10px 0;
}

.solution_btn {
	text-align:right;
}

.solution_example p.solution_btn{
	margin:0;
	padding:0;
}

.solution_btn img{
	float:none;
}

.solution_btn a img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}
.solution_btn a:hover img {
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}


/*CSS HACK--------------------------------*/

.solution_example:after{
 content: ".";
 display: block;
 height: 1px;
 clear: both;
 visibility: hidden;
}

.solution_example{
 display:inline-block;/* MAC IE用*/
 min-height:1%;/* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html .solution_example{height: 1%;}
.solution_example{display: block;}
/*--ここまでMAC IEは非適用 */

/*CSS HACK---------------------------end--*/