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

/*===========================================
	 common.css
=============================================*/


#contents ul.btn_area.three-btn li{
	width:30%;
	height:3em;
}
#contents h2.title {
	font-size: 1.25em;
}

h2.title2 {
	font-size: 1.25em;
	border-bottom: 1px solid #343434;
	clear: both;
	color: #000;
	margin: 30px 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 13px;
}

#contents section {
	margin: 4em 0;
}

/*縲€///// 竊斗ead竊�/ /////*/
#contents .lead{
	margin: 1em;
}
#contents .lead h2{
	margin: 0;
	margin-bottom: 0.5em;
	padding-left: 5px;
}
#contents .lead ul{
	margin-left: 2em;
}

#contents p.annotation {
	margin: 0 0 1em 2em;
	padding: 0.5em 0;
	text-indent: -0.7em;
	font-size: 0.9em;
}

@media (max-width: 640px){
	#contents .lead{
		margin: 0.5em;
	}
}
/*縲€///// 竊都tepArea竊�/ /////*/
#contents ol.stepArea {
	list-style: none;
	margin: 2em 0 3em 0;
}

#contents ol.stepArea li dl{
	margin: 1em 0 0 3em;
}

#contents ol.stepArea li dl dt{
	font-weight:700;
}	

#contents ol.stepArea li dl dd{
	margin-bottom:0.7em;
}

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

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

#contents ol.stepArea li > img {
	margin: 2em 0 2em 3em;
	display: block;
}

#contents section .list_body {
	margin: 1em 0 1em 4em;
}

#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 .btnArea ul li a:hover, #contents .btnArea ul li a:active, #contents .btnArea ul li a:focus {
	text-decoration: none;
	color: #000;
	opacity: 0.5;
}

@media (max-width: 640px){

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

	#contents ol.stepArea li > img{
		margin:1em 0;
		max-width:280px;
		height:auto;
	}
	
	#contents ol.stepArea li dl{
		margin: 2em 0 0 0.5em;
	}
	
	#contents ol.stepArea li dl dd{
		margin-bottom:1.5em;
	}
	
	#contents ol.stepArea li dl.sp-type{
		margin-left: 3em !important;
	}
	#contents img {
		max-width: 280px !important;
		height: auto !important;
	}
	
	#contents ol.stepArea > li {
		margin: 0 0 2em 0;
		padding: 0 0 2em 0.5em;
		background-position: left 0 top 0;
	}
	
	#contents section .list_body {
		margin: 1em 0 1em 1em;
	}
}

/*20201022 pairing-pc.html*/
#contents .notice_gray_b {
    background-color: #EBEBEB;
    border: 1px solid #999999;
    padding: 1em;
	margin-left: 2em;
}
#contents .notice_gray_b p{
	margin-left: 0;
	margin-bottom: 0.5em;
}
#contents .notice_gray_b p.indent{
	text-indent: -1em;
    padding-left: 1em;
	margin: 0;
}
#contents .notice_gray_b span.textLink {
    background: url(/support/share/images/arrow_black.gif) no-repeat;
    background-position: 0 6px;
    padding-left: 1em;
}
@media (max-width: 640px){
	#contents .notice_gray_b {
	margin-left: 0.5em;
}
}