@charset "shift_jis";
/* CSS Document */

/*===========================================
	hpc.css  18/01/24
=============================================*/

#contents p{
	margin:.5em;
}

/* listArea */

#contents div.section div.left_img{
	display:inline-block;
}

#contents div.section div.textArea{
	float:right;
}

#list1 img,#list2 img,#list3 img,#list4 img,#list5 img,#list6 img{
	display:none;
}

#contents ul{
	list-style:none;
}

#contents div.section div.textArea >ul > li{
}


#contents div.listArea{
	position:relative;
}



#list1,#list2,#list3,#list4,#list5,#list6{
	position:absolute;
	left:40%;
}


#list1{
	
	top:6%;
	bottom:80%;
	
}


#list2{
    top: 25%;
    bottom: 63%;

}

#list3{
    top: 41.5%;
    bottom: 58%;
}


#list4{
	bottom:32%;
	top:60.2%;
}



#list5{
	bottom:12%;
	top:top76%
}



#list6{
	bottom:1%;
	top:90%
}


@media (max-width: 640px){
	
#contents div.section div.left_img{
	padding-bottom:20px;
	
}

#contents div.section div.textArea{
	float:none;
}

#contents div.section div.textArea ul{
	padding-left: 14px;
    margin-bottom: 14px;
	}


#contents div.section div.left_img >img{
	max-width:300px;
}

#list1,#list2,#list3,#list4,#list5,#list6{
	position:static;
}

#list1 img{
	display:block;
	max-width:24px;
	float: left;
    margin-top: 10px;
}
	
#list2 img,#list3 img,#list4 img,#list5 img,#list6 img{
	display:block;
	max-width:24px;
	float: left;
    margin-top: 5px;
}
	
}

/* imageArea */

#contents div.imageArea{
	margin:20px 0 30px 0;
}



#contents div.imageArea img.pc_arrow1{
	margin-left:5px;
	display:inline-block;
}
	
#contents div.imageArea span.mq_arrow{
	background-image: url(/support/headphone/howto/images/mq_arrow.png);
    height: auto;
    width: 51px;
    display: none;
    overflow: hidden;
    background-repeat: no-repeat;
    position: absolute;
    top: 46px;
    clear: both;
    left: 0;
    z-index: -1;
}
	

#contents div.rightImage{
	float:right;
	margin-right:20px;
}
	
#contents div.leftArea_text{
	display:inline-block;
	width:460px;
}


#contents p > span.setting{
	background-image: url(/support/headphone/howto/images/icon/icon_setting.png);
    height: 20px;
    width: 19px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

#contents > div.box_info_area > dl > dd > p{
	padding: 0px 16px 14px 0px;
}
	
#contents .row-line img{
	vertical-align: middle;
}

@media (max-width: 640px){
	
#contents div.imageArea img.pc_arrow,
#contents div.imageArea img.pc_arrow1{
	display:none;
}

#contents div.imageArea span.mq_arrow{
	display:block;
	position:static;
	height:35px;
	margin-left:78px;
}

#contents div.rightImage{
	float:none;
	margin-right:0;
}

#contents div.leftArea_text{
	display:inline-block;
	width:100%;
}

#contents div.leftArea_text ul{
	margin-bottom: 0;
	padding-right:6px;
}
}


/* annotation */

#contents .section_headline ul.annotation{
	margin-left: 5px;
}

#contents p.txt{
	word-break: break-all;
}

#contents .ulDisc{
	list-style: disc;
}

#contents ul.list-txt li{
	text-indent: -40px;
	margin-left: 45px;
}