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

/*===========================================
	wh-1000xm3 common css
=============================================*/

#contents ul,
#contents ul li,
#contents ol,
#contents ol li,
#contents dl,
#contents dl dt,
#contents dl dd{
	margin:0;
	padding:0;
}

#contents p{
	margin:0 0 1em 2em;
}

#contents p.inblock{
	display:inline-block;
}


#contents h1 + p,
#contents h1 + div.top > p {
	margin: 2.4em 0 2em 1em;
}


#contents h2{
	font-size:1.25em !important;
	margin-left:1em;
	margin-top:3em;
}

#contents h2.title{
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
}

#contents h3{
	background-color: #e3e3e3;
	border: medium none;
	padding: 0.5em 1em;
	font-size: 110%;
	margin: 0 0 3em 1em;
}

#contents p.annotation{
	padding-left:1em;
	text-indent:-1em;
	margin-top:0.5em;
}

@media (max-width: 640px){

#contents h1 + p,
#contents h1 + div.top > p {
	margin-left:0.5em !important;
}


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

#contents img{
	max-width:280px !important;
	height:auto !important;
}

#contents h3{
	margin: 3em 0 1.5em 0 !important;
}

#contents p{
	margin-left:0.5em;
}

}

/* btnArea */




#contents ul.btn_area{
	margin-bottom:4em;
}

#contents ul.btn_area li,
#contents a.btn_area{
	border: 1px solid #bcbcbc;
	border-radius: 3px;
	background: url(/support/headphone/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
}


#contents ul.btn_area li {
	list-style: none;
	display:table;
	text-align:center;
	float:left;
	margin: 0 0 0 1.5em;
}

/*�� width�͌•ʎw��*/

#contents ul.btn_area li a{
	display:table-cell;
	vertical-align:middle;
	color:#000;
}

#contents ul.btn_area li a:active,
#contents ul.btn_area li a:hover,
#contents a.btn_area:active,
#contents a.btn_area:hover{
	color:000 !important;
	text-decoration:none;
}

#contents ul.btn_area li a:hover,
#contents a.btn_area:hover{
	opacity:0.5;
}

#contents ul.btn_area li a span,
#contents a.btn_area span{
	background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
	padding: 0 0 0 13px;
	margin: 0 0.5em 0 1em;
	display: inline-block;
}


@media (max-width: 640px){

	#contents ul.btn_area li {
		width:98% !important;
		float:none;
		margin: 0 0 1em 0 !important;
		height:4em;
		text-align:left;
	}
}


/* --------------- */



/* stepArea */

#contents ol.stepArea{
	list-style:none;
	margin: 2em 0;
}

#contents ol.stepArea li{
	margin: 0 0 2em 1em;
	padding: 0.5em 0 2em 1em;
	border-bottom:1px dotted #ccc;
}

#contents ol.stepArea li:last-child{
	border-bottom:none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#contents ol.stepArea li p{
	margin-left:3em;
}

#contents ol.stepArea li img.num{
	margin:0 0.5em 0 0;
	display:inline-block;
}

#contents ol.stepArea li img.num + p{
	font-size:120%;
	font-weight:700;
	margin: 0;
	display: inline-block;
	padding-bottom:1em;
}

@media (max-width: 640px){
#contents ol.stepArea li{
	margin: 0 0 2em 0;
	padding: 0 0 2em 0.5em;
	background-position: left 0 top 0;
}


#contents ol.stepArea li >p{
	margin-left:0;
	margin-top:2em;
}

#contents ol.stepArea li img.num {
	display: block;
	float: left;
}

#contents ol.stepArea li img.num + p{
	font-size:115%;
	display: block;
}
}

/* --------------- */


#contents div.imageArea{
	display:table;
}

#contents div.imageArea p{
vertical-align: middle;
	display: table-cell;
}


#contents div.imageArea p{
	padding: 0 2em;
}


#contents .w25{
	width:25%;
}


#contents .w53{
	width:53%;
}

#contents .w73{
	width:73%;
}



@media (max-width: 640px){

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


#contents div.imageArea p{
	padding: 1em;
}


#contents .w25,
#contents .w53,
#contents .w73{
	width:unset;
}




}



#contents div.attentionArea {
	border: 1px #999 solid;
	background: #FFFFCC;
	margin:1em;
	padding: 1em;
}

#contents div.attentionArea div.attentionBox {
	background: url(/support/headphone/share/images/ico_attention.png) no-repeat;
	margin: 0px;
	padding: 3px 0px 0px 35px;
}

#contents div.attentionArea div.attentionBox p{
	margin-left:0;
}

#contents div.attentionArea div.attentionBox ul li{
	margin-bottom:1em;
}