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

/*===========================================
	howto XXX common2 css
/support/headphone/howto/
/support/headphone/howto/wf-1000x/
/support/headphone/howto/wf-1000xm3/
/support/headphone/howto/wf-h800/
/support/headphone/howto/wf-sp700n/
/support/headphone/howto/wf-sp900
/support/headphone/howto/wh-1000xm3/
/support/headphone/howto/wi-1000xm2/
/support/headphone/howto/wic200_c310/
=============================================*/

#contents h1 {
	font-size: 1.5rem;
}

#contents h2 {
	font-size: 1.25rem;
}

#contents h3 {
	font-size: 100%;
}

#contents .title {
	border-bottom: 2px solid #6b6b6b;
	color: #2f353d;
}

#contents h2.title {
	font-size: 1.25rem;
	border-bottom: 1px solid #2f353d;
	color: #2f353d;
}

#contents .gray_title {
	background-color: #e3e3e3;
	border: medium none;
	padding: 0.5em 1em;
	margin: 2em 0 1em 0.5em;
}

/*
	====================================
		繝懊ち繝ｳ
	====================================
*/

#contents .section {
	overflow: hidden;
	clear: both;
}
#contents ul.btn_area_text {
	margin: 0;
}
#contents ul.btn_area_text li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

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

#contents ul.btn_area li {
	list-style: none;
	display: table;
	float: left;
	width: 48%;
	margin-bottom: 1em;
}

#contents ul.btn_area li a{
	display:table-cell;
	vertical-align:middle;
	color:#000;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	background: url(/support/headphone/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	padding: 1em;
}

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

#contents ul.btn_area li a span{
	background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
	padding: 0 0 0 13px;
	margin: 0 0.5em 0 0;
	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;
	}
	
	#contents ul.btn_area_text li {
		float: none;
	}
	
	#contents ul.btn_area li {
		width:90%;
	}

}



/*
	====================================
		list
	====================================
*/

#contents ul,
#contents ol {
	margin: 0 0 1em 18px;
	padding: 0.5em 0;
}

#contents dl {
	margin: 0;
	padding: 0.5em 0;
}

#contents li {
	margin-left: 1em;
	margin-bottom: .35em!important;
}

ul.txtlink {
	margin-left: 2px !important;
}
#contents span.textLink {
	padding: 0 0 0 10px;
	background: url(/share/images/arrow_black.gif) no-repeat left .4em;
	margin-left: 15px;
}

#contents ul.menu-list {
	margin:0 0 3em 1em;
	padding:0; 
}

#contents ul.menu-list ul.txtlink li {
	padding: 0;
	margin-left: 2em;
	background: none;
}

#contents ul.menu-list > li{
	list-style:none;
	overflow:hidden;
	margin:0;
	border-bottom: 1px dotted #ccc;
	padding: 2em 0;
}


#contents ul.menu-list > li:last-child{
	border-bottom:none;
	padding-bottom: 0 !important;
}

#contents ul.menu-list li dl{
	width:570px;
	float:right;
	margin:0 0 1.5em 0;
	padding:0;
}

#contents ul.menu-list li dl dt{
	font-size: 1em;
	font-weight: 700;
	margin: 0.5em 0;
	padding:0;
}

#contents ul.menu-list li a{
	margin-right:2em;
}


#contents ul.menu-list li a:hover img,
#contents ul.menu-list li a:focus img,
#contents ul.menu-list li a:active img {
	opacity:0.5;
}



#contents ul.menu-list li a:hover span.btn_link,
#contents ul.menu-list li a:focus span.btn_link,
#contents ul.menu-list li a:active span.btn_link {
	opacity:0.5;
}


#contents ul.menu-list li a img{
	vertical-align: middle;
	margin-right: 1.3em;
	float: left;
}

#contents ul.menu-list li a span.textLink{
	background: url(/share/images/arrow_black.gif) no-repeat;
	background-position: 0 5px;
	margin-left: 0;
	display: inline-block;
}

#contents ul.menu-list ul.txtlink {
	float: left;
	margin: 1em 0 0 0;
	padding:0;
}

ul.menu-list > li a span.btn_link {
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	color: #000;
	padding: 0.7em 1em;
	margin-left: 1em;
	display: inline-block;
	width: 400px;
}

ul.menu-list> li a:hover, ul.menu-list > li a:active {
	text-decoration: none;
}

#contents ul.menu-list ul.txtlink li a {
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	color: #000;
	padding: 0.7em 1em;
	display: inline-block;
	width: 400px;
}

#contents ul.menu-list ul.txtlink li a:hover,
#contents ul.menu-list ul.txtlink li a:focus,
#contents ul.menu-list ul.txtlink li a:active {
	opacity:0.5;
}


@media (max-width: 640px){

	#contents ul.menu-list li a{
		float:none;
		margin:0;
	}
	#contents ul.menu-list li{
		border-bottom:#ccc dotted 1px;
		padding-top:2em;
	}

	#contents ul.menu-list li:last-child{
		border-bottom:none;
	}

	#contents ul.menu-list li dl{
		width:100%;
		float:none;
		margin-bottom:0;
	}

	#contents ul.menu-list li a img,
	#contents ul.menu-list li img{
		margin:1em 0;
		float: none;
		display: block;
	}

	#contents ul.menu-list li a span.textLink{
		margin-left:0;
	}

	#contents img.fltLeft{
		float:none;
	}

	#contents ul.menu-list ul.txtlink{
		float:none;
		width:auto;
		margin-top:0;
	}

	#contents ul.menu-list ul.txtlink li{
		border-bottom: none;
		padding-top: 0;
		margin-bottom:0.5em;
	}
	
	ul.menu-list > li a span.btn_link {
		width: 89%;
		margin: 1em 0;
		overflow: hidden;
	}
	
	#contents ul.menu-list ul.txtlink li {
		margin-left: 0;
		margin-right: 0;
	}
	
	#contents ul.menu-list ul.txtlink li a {
		width: 89%;
	}
	
	
	#contents span.textLink {
	margin-left: 0;
}
}