@charset "utf-8";
/* CSS Document */
/*===========================================
		table ���C�A�E�g /active-speaker/download/case1.html
=============================================*/
#thumb table.tableA th {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #999999;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 0px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 5px;
	text-align: center;
}
#thumb table.tableA td {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 0px;
	padding: 10px 5px;
	text-align: center;
	font-size: 93%;
}
#thumb table.tableA td.alignleft{
	text-align:left;
}
#thumb table.tableA ul{
	text-align:left;
	margin-left:14px;
	list-style:none;
	margin-right: 20px;
}
#thumb table.tableA ul li{
	*margin:0px;
}
#thumb table.tableA ul.bnr_list{
	margin-left:20px;
	line-height:0;
}
#thumb table.tableA ul.bnr_list li{
	margin-bottom:5px;
	margin:0px;
	padding-bottom:5px;
	padding-top:5px;
	margin-left: 0px;

}
#thumb table.tableA .blank_gif{
	vertical-align:top;	
}
#thumb table.tableA td a:hover{
	text-decoration:none;
}

span.arrow{
	color: #333;
	font-size: 12px;
	line-height: 1.4;
	display: block;
	
	margin-top: 15px;
	text-align:left;
	border: 1px solid #bcbcbc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*background: url(/support/share/images/bg_btnA.png) no-repeat 0 52%;*/
	/*padding: 5px 18px 5px 26px;*/
	padding:0;
	background: url(/support/active-speaker/images/bg_mod-linkButton.jpg) repeat-x;
	background-size:auto 100%;	
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
span.mod-arrow{
	padding: 5px 5px 5px 20px;
	display: inline-block;
	background: url(/support/share/images/arrow_black.gif) 8px 50% no-repeat;
}

span.arrow:hover{
	color: #333;
	text-decoration:none;
	opacity:0.5;
}

span.updateInfo{
	padding:10px 20px;
}

@media (max-width: 640px){
	#thumb table.tableA{
		margin-left:0;
		width: 100%;
		margin: auto;
	}
	#thumb table.tableA ul{
		margin-left: 0px;
		margin-right: 0px;
	}
	#thumb table.tableA ul.bnr_list{
		margin-left:0px;
	}
	#thumb table.tableA ul.bnr_list li{
		text-align:center;
	}
	#thumb table.tableA .bnr{
		width:85%;
		height:auto;
	}
	#thumb table.tableA .blank_gif{
		width:7%;
		height:auto;
	}
	#thumb table.tableA td.breakword{
		word-wrap : break-word;
	}
	
	#thumb table.tableA td a:hover{
		color: #333;
		text-decoration:none;
		opacity:0.5;
	}
	
}

/*===========================================
���C�A�E�g /active-speaker/download/index.html
=============================================*/

#contents .notice_gray {
	border: 1px solid #CCCCCC;
	margin: 0 0 1em;
	padding: 2em 1em .75em;
	overflow: hidden;
}

#contents .btn {
	display: block;
	color: #000;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 45%;
}

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

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

a:hover, #contents div.btn a:active, #contents div.btn a:focus {
	text-decoration: none;
	color: #000;
	opacity: 0.7;
}

#contents div.detailArea .btn {
	display: inline-block;
	color: #000;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 70%;
}


@media screen and (max-width: 640px){
	#contents .btn {
		width: auto;
        margin-left: 0;
	}
}


/*===========================================
	�J�ƒ{�^��
=============================================*/


#open_close01 .Gray {
	padding: 1em 5px 0.75em 32px;
	font-weight: bold;
	border: #d2d2d2 1px solid;
	border-radius: 6px;
	font-size: 1.125rem;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	cursor: pointer;
	margin-top: 0.75em;
	width: auto;
	text-indent: -27px;
	margin-left: 1em;
}

#open_close01 div.detailArea {
	padding: 1em 0.5em;
}

#open_close01 div.detailArea ul.txtlink{
	margin: 1em 0 0.75em 1.5em;
}

#open_close01 div.detailArea ul.txtlink li {
	border-bottom: 1px solid #d2d2d2;
	padding: 0px 0 10px 10px;
	margin: 9px 13px 0 16px;
	background: url(/support/share/images/arrow_black.png) no-repeat left .4em;
	float: none;
}

#open_close01 div.detailArea ul.txtlink li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#open_close01 .Gray:hover, .Gray:active {
	text-decoration: none;
	opacity: 0.5;
}

#open_close01 .Gray:focus {
	outline: thin dotted;
	opacity: 0.5;
	outline-offset: -1px;
}

#contents .bold{
	font-weight: bolder;
}

/*
section.headphonesconnect,
section.musiccenter,
section.app_part{
	margin: 0 0 4em 1em;
}
*/

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


#contents .app {
	margin: 1em 0;
	padding: 1em 0;
	border-bottom: 1px dotted #ccc;
}

#contents .help {
	margin: 1em 0;
	padding: 1em 0;
}

#contents div.app div.txt{
	display: inline-block;
	margin-left: 1em;
	width: 70%;
}

#contents div.txt p.attention{
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 1em;
}


#contents div.app div.img {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 20%;
}

#contents div.app ul {
	list-style: none;
	margin: 0 0 0 0.5em;
    display: flex; /*2021/01/12�NjL*/
}

#contents .app .txt p.bold,
#contents .help .txt p.bold{
	margin: 0 1em 0.5em;
}

#contents div.help div.txt{
	margin-left: 13em;	
}

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

#contents .help .txt ul.txtlink,
#contents .app_part .txt ul.txtlink{
	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 0;
	margin-left: 1em!important;
	width: 350px;
	cursor: pointer;
}

#contents .help .txt ul.txtlink:hover,
#contents .app_part .txt ul.txtlink:hover{
	opacity: 0.5;
}

#contents .help .txt ul.txtlink li,
#contents .app_part .txt ul.txtlink li{
	margin:  0;
	background: none;
}

#contents .help .txt ul.txtlink li span.textLink,
#contents .app_part .txt ul.txtlink li span.textLink{
	margin: 0;
	padding: 0 0 0 10px;
	background: url(/share/images/arrow_black.gif) no-repeat left .5em;
	list-style: none;
}


.border_none{
	border-bottom: none !important;
}

@media screen and (max-width: 640px){

/*
	section.headphonesconnect,
	section.musiccenter,
	section.app_part{
		margin: 0 0 4em 0;
	}
*/
	
	#contents section{
		margin: 0 0 4em 0;
	}

	#contents div.app div.txt,
	#contents div.help div.txt{
		width: auto;
	}

	#contents div.app div.img{
		margin: 0 0 1em 1em;
	}

	#contents .app .txt p.bold,
	#contents .help .txt p.bold{
		margin: 0 0 0.5em;
	}
	#contents div.app ul {
		margin: 0;
        display: block; /*2021/01/12�NjL*/
        text-align: center;
	}

	#contents div.app ul li{
		margin-left: 0;
	}

	#contents .app .txt p,
	#contents .help .txt p{
		margin: 0 0 1em;
	}

	#contents div.help div.txt{
		margin-left: 1em;	
	}

	#contents .help .txt ul.txtlink,
	#contents .app_part .txt ul.txtlink{
		width: auto;
		margin: 10px 0 0 0!important;
	}

	#contents .help .txt ul.txtlink li span.textLink,
	#contents .app_part .txt ul.txtlink li span.textLink{
		display: inline-block;
		width: auto;
		margin-left: 0.5em;
		padding-right: 1em;
		vertical-align: middle;
	}

	#contents .help .txt ul.txtlink li span.nopc,
	#contents .app_part .txt ul.txtlink li span.nopc{
			display: inline-block;
			height: 40px;
			vertical-align: middle;
	}
    
    #open_close01 .Gray {
	margin-left: 0;
}

}

@media screen and (max-width: 345px){

		#contents .help .txt ul.txtlink,
		#contents .app_part .txt ul.txtlink{
		width: 98%;
	}

}

/* 2024/06/07�NjL */
#contents .btn.w60 {
    width: 60%;
}