@charset "utf-8";
/* CSS Document */

div#contents ul.btn_area li {
	list-style: none outside none;
    float: left;
    padding: 0;
	margin: 0 14px 10px 0;
}


.step_solution {
    border-bottom: 1px solid #343434;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 15px;
	margin-left: 10px;
}
.InnerLinkButton {
	vertical-align: middle;
    width: 325px;
    min-height: 32px;
    height: 32px;
	background: url("/support/share/images/arrow_underline.gif") no-repeat scroll 10px 52% transparent;
	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 0 10px 28px;
	cursor: pointer;
	display: inline-block;
	transition: opacity 0.2s ease-in 0s;
    *width: 200px;
    *max-height: 32px;
    *height: auto;
	*padding: 8px 0 4px 22px;
	*display:inline;
	*zoom:1;
}
.ButtonText {
	word-break: break-all;
    min-height: 32px;
    height: 32px;
	color: #333333;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	padding-right: 5px;
	letter-spacing: 0;
    *width: auto;
    *max-width: 150px;
    *min-height: 0;
    *max-height: 32px;
    *height: auto;
    *margin: -3px 5px 0 5px;
    _margin: -3px 0 0 0;
	*display:inline;
	*zoom:1;
}

div.InnerLinkButton span:hover{
	opacity: 0.5;
}

ul.btn_area a:hover{
	opacity: 0.5;
	transition: opacity 0.2s ease-in 0s;
}

@media (max-width: 640px) {
	.step_solution .step_title {
		padding-top: 0;
	}
div#contents ul.btn_area li {
    float: none;
}
.InnerLinkButton {
    width: 94%;
}


#contents .section div.pregBox p {
    margin-bottom: 0 !important;
}

}

#contents img.icon{
	margin: 0 5px 5px;
}