@charset "utf-8";

/*
	================================================================================================
		support active-speaker howto css common.css 20200218
	================================================================================================
*/


#contents section{
	margin-bottom:2em;
	margin-left: 0.5em;
}

#contents > div,
#contents > section > div,
#contents > dl,
#contents > section >dl{
	margin-left: 1em;
}

#contents section div > p,
#contents section div > div,
#contents section div > span,
#contents section div > dl{
	margin-left: 0;

}

@media (max-width: 640px){
	
	#contents > div,
	#contents section > div,
	#contents > dl,
	#contents > section >dl{
		margin-left:5px;
	}
}

#contents ul{
	padding:0;
}

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

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

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

#contents section > ul.disc,
#contents section > ol{
	margin-left:3em;
}

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


#contents dl dt{
	margin-bottom: 0.5em;
	font-weight: 400;
}

#contents section > dl{
	margin-left: 1em;
}

@media (max-width: 640px){
	#contents section ul{
		margin-left:5px;
	}

	#contents section ul.disc,
	#contents section ol{
	margin-left:2em;
	}
}

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

#contents ul.txtlink{
	margin-left:1.5em;
}

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

@media (max-width: 640px){

	#contents ul.txtlink{
		margin-left:1em;
	}

}

#contents section h2{
    font-size: 1.231em;
	margin-top: 3em;
	padding-left: 0.5em;
}

#contents section h2.title{
    border-bottom: #000 solid 1px;
}

#contents section h2.title + p{
	margin-left: 0.5em;
}

@media (max-width: 640px){

	#contents h2.title{
		padding-left:5px;
	}
}


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

#contents ul.menu-list li{
	list-style:none;
	padding-bottom:2.4em;
	overflow:hidden;
}


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

#contents ul.menu-list li dl dt{
	font-size: 1em;
    font-weight: 700;
	margin: 0.5em 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:focus{
	outline: none;
}

#contents ul.menu-list li a:focus span.textLink{
	outline: thin dotted;
}

#contents ul.menu-list li a:focus img{
	outline: thin dotted;
}


#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;
	padding-left:1em;
	margin-left:1em;
}


@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{
		margin:1em 0;
		float: none;
	}

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

/*�@�‚������Әg�@*/

#contents div.info_box {
    display: table;
    background: linear-gradient(#e2eaef, #f3f3f3);
	background-color: #e2eaef\9; /* for IE9 */
    border-radius: 5px;
    padding: 1em;
}

#contents div.info_box img{
	vertical-align:text-top;
	margin-right:0.5em;
}

#contents div.info_box dl{
	display: table-cell;
    padding-left: 1em;
    padding: 0.5em;
	width:100%;
}

#contents div.info_box dl dt{
	margin-left: 0;
    font-weight: 700;
    margin-bottom: 0.5em;
}

#contents div.info_box dl dd{
	margin-left: 0;
    margin-bottom: 0;
}