@charset "utf-8";

/* CSS Document */


/*
	====================================
	 home-theater qa common2
	====================================
*/


/*-----------------------
common
------------------------*/

#contents > section,
#contents > div,
#contents > a{
	margin-left:1.25em !important;
}

#contents section{
	overflow:hidden;
}

#contents h2.title{
	font-size:1.154em;
	margin-top:1.5em;
	border-color:#000;
}

#contents section > section,
#contents section > p,
#contents section > div{
	margin-left:0.5em;
}

#contents section > section{
	margin-bottom:0;
}

#contents ul{
	padding:0;
}

#contents ol{
	padding:0;
	margin-left:1.25em;
}

#contents li{
	margin-bottom:0.5em;
	margin-left:0;
}

#contents section > ul{
	margin-left:1.75em;
}

#contents dl,
#contents dl dt,
#contents dl dd{
	margin-left:0;
	padding:0;
}

#contents .annotation{
	padding-left: 1em;
    text-indent: -1em;
}

#contents .mb2em{
	margin-bottom:2em !important;
}

#contents .ml_0{
	margin-left:0 !important;
}


/* link */

#contents a.textLink{
	display:inline-block;
	background-position: 0 6px;
}

#contents .list_body p.annotation + a.textLink {
	margin-left:1.25em;
}

#contents span.textLink{
	background: url(/support/share/images/arrow_black.gif) no-repeat;
	background-position:0 6px;
	padding-left:1em;
}

#contents .list_body p + ul{
	margin-top:1em;
	margin-left:1.5em !important;
}

#contents .list_body p + ul.txtlink{
	margin-left:0.5em !important;
}

#contents ul.txtlink li{
	margin-left:0;
}


/*-------------------
list_number_Area
---------------------*/

#contents .list_number_Area{
	margin-top:2.5em;
}

#contents .list_number_Area > section{
	border-bottom:#ccc 1px dotted;
    margin-bottom: 1em;
	padding: 2em 0;
}

#contents .list_number_Area > section:last-child{
	border-bottom:none;
}

#contents .list_number_Area .list_number span{
	display:table-cell;
}

/* list_number */

#contents .list_number {
	font-weight:bold;
	font-size:1.231em;
	display:table;
	padding-bottom:1em;
}

#contents .list_number img.num_icon{
	margin-right:1em;
	vertical-align:middle;
}

#contents .list_number img.txt-top{
	vertical-align:text-top !important;
}

#contents img.icon{
	margin:0.4em !important;
	vertical-align:middle;
	padding-bottom: 0.25em;
}

/*list_body */

#contents .list_body {
	margin-left:3.9em;
	margin-right:1em;
}

#contents .list_body img{
	display:block;
	margin:2em 0;
}

#contents .list_body ol{
	margin:2em 0 3em 2em;
}

#contents .list_body ol li{
	padding-left:0.5em;
	margin-bottom:2em;
	font-weight:700;
}

#contents .list_body a.textLink{
	margin-top:1em;
	margin-bottom:1em;
}

#contents .list_body p{
	margin-left:0;
	margin-bottom:0;
}

#contents .list_body p + p{
	margin-top:1em;
}

#contents .list_body p + p.annotation{
	margin-top:0.5em;
}


/*dl answer*/

#contents dl.answer{
	margin-top:2em;
	margin-bottom:2em;
}

#contents dl.answer dt{
    border: 1px solid #CCCCCC;
    padding: 0.5em;
    border-radius: 6px;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0;
}

#contents dl.answer dd{
	background-color: #ebebeb;
    padding: 0.75em;
    border: 1px solid #999999;
    margin-bottom: 1em;
}

#contents dl.answer dd a.textLink{
	margin-top:0.5em;
	background-position: 0 6px;
	margin-bottom:0;
}

/* notice_gray */

#contents .notice_gray p.grayinner {
    font-size: 1.2em;
    font-weight: bold;
	margin: 0 0.5em;
}
#contents .notice_gray_b {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #999999;
    margin: 0 0 1em;
    padding: 0.5em;
}

#contents .notice_gray_b > p{
	margin-bottom:0;
}

#contents .notice_gray_b a.textLink{
	margin: 0.5em 0 0 2em;
    display: inline-block;
    background-position: 0 4px;
}

#contents .notice_gray_b ul.txtlink{
	margin:1em 0 0 2.25em;
}


/* attentionBox */
#contents .attentionArea {
	border:1px #999 solid;
	background:#FFFFCC;
	margin: 2em 0;
	padding: 1em 1em 0 1em;
}

#contents .attentionArea .attentionBox {
	background:url(/support/home-theater/share/images/ico_attention.png) no-repeat;
	margin: 0;
    padding: 0 0 0 2.5em;
}

#contents .attentionArea .attentionBox dl{
	margin:0;
	padding:0;
}

#contents .attentionArea .attentionBox dl dt{
	font-weight:bold;
	margin-bottom:0.5em;
}

#contents .attentionArea .attentionBox dl dd{
	font-weight:400 !important;
}

@media screen and (max-width: 640px){

	#contents section{
		margin-left:0;
	}

	#contents > div,
	#contents > a,
	#contents > section{
		margin-left:0 !important;
	}

	#contents li{
		margin-bottom:0.5em;
	}

	#contents .btnArea ul li{
		width: 90%;
		margin-left: 0;
	}

	#contents .list_number {
		font-weight:bold;
		font-size:1.077em;
		display:table;
		padding-bottom:1em;
	}

	#contents .list_number img.num_icon {
		margin-right: 0.5em;
	}

	#contents .list_number img {
	width:31px !important;
	margin-right: 0.4em;
	}

	#contents .list_body {
		margin-left:3em;
		margin-right:0;
	}

	#contents .list_body img.max580{
		max-width:580px;
		width:100%;
	}

	#contents .list_body img.unset{
		width:unset;
	}

	#contents .list_body img.mq{
		max-width:240px;
	}

	#contents .list_body ol li img{
		width:unset;
	}

	#contents img.icon{
		width:20px !important;
		vertical-align:middle !important;
	}
}

@media screen and (max-width: 440px){

	#contents .list_number img.num_icon {
		vertical-align: top;
	}

	#contents .list_body img{
		width:100%;
		display:block;
		max-width:360px;
	}

	#contents .list_body img.mq{
		max-width:200px !important;
	}
}