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


/*
	==========================================
	 home-theater qa no-sound sw index.css
	==========================================
*/

#contents .list_body ul.power{
	list-style:none;
	margin-bottom:2em;
	margin-left:0;
}

#contents .list_body ul.power li{
	display: inline-table;
    text-align: center;
    width: 44%;
	margin:0.5em 1em;
	padding:0;
}

#contents .list_body ul.power li figure img{
	display:inline;
	margin: 0.5em 0;
	
}

#contents .list_body ul.power li a{
	display: inline-block;
    border: 1px solid #ccc;
    padding: 0.5em;
    width: 100%;
	color:#000;
}

#contents .list_body ul.power li a:hover,
#contents .list_body ul.power li a:active,
#contents .list_body ul.power li a:focus{
	text-decoration:none;
	opacity:0.5;
}

#contents .list_body ul.power li figure figcaption{
	font-weight:700;
}

/*20201112’ljÁ*/
#contents div.btn {
    color: #000;
    margin-bottom: 0.5em;
}

#contents div.btn a {
    display: block;
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 0.7em 1em;
    color: #000;
	max-width: 250px;
}

#contents span.textLink.inner {
    background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em !important;
}

#contents div.btn a:hover,
#contents div.btn a:active,
#contents div.btn a:focus{
	text-decoration:none;
	color:#000;
	opacity:0.7;
}

#contents .btn:hover,
#contents .btn:active,
#contents .btn:focus{
	text-decoration:none;
	opacity:0.7;
	color: #000;
}


@media (max-width: 640px){

	#contents .list_body ul.power li{
		width: 90%;
	}
	#contents .list_body ul.power li figure img{
		width:unset;
		max-width:unset;
	}
}