@charset "Shift_JIS";

/*
	================================================================================================
		support cyber-shot os css index.css
	================================================================================================
*/


#contents ul.tabBtn {
    margin: 0px 0px 2em 12px;
    padding: 10px 0px 0px 14px;
    width: auto;
}
ul.tabBtn {
    background: url(/support/cyber-shot/os/images/btn_tab_bg.png) repeat-x left bottom;
}
li#tabLeftBtn {
    cursor: pointer;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 356px;
}
#contents ul.tabBtn li {
 margin-bottom: 0;
}
.mod-pageTop {
    clear: both;
    margin: 20px 15px 20px 0;
    font-size: 0.76923em;
    text-align: right;
}
#contents ul.anchorBtnA {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}
#contents ul.anchorBtnA li {
    margin: 0 0 5px 15px;
    padding: 0 0 0 15px;
    border: solid 1px #CCCCCC;
    list-style: none;
    font-size: 12px;	
    float: left;
    width: 210px;
    text-indent: -15px;
    word-break: break-all;
    background: url(/support/cyber-shot/share3/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    behavior: url(./css/PIE.htc);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#contents ul.anchorBtnA li a {
    color: #333;
    padding: 3px;
    display: block;
    transition: opacity 0.2s ease-in 0s;
    /* behavior: url(./css/PIE.htc); */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#contents ul.anchorBtnA li span, #contents ul.anchorBtnB li span {
    background: url(/support/cyber-shot/share3/images/arrow_black-b.png) no-repeat 0 0.5em;
    padding: 0 0 0 15px;
	margin: 0 0 0 10px
}
@media (max-width: 640px){
	.mod-pageTop {
		clear: both;
		margin: 20px 10px 20px 0;
		font-size: 0.76923em;
		text-align: right;
	}
	#contents .mod-pageMenuNav ul,
	#windows + p + p.mb15,	
	#mac + p.mb15 {
		margin-left: 0;
	}
	#contents ul.anchorBtnA li {
		margin: 0 0 5px 0;
		padding: 0 0 0 15px;
		border: solid 1px #CCCCCC;
		list-style: none;	
		float: left;
		width: 94%;
		text-indent: -15px;
		word-break: break-all;
		background: url(/support/cyber-shot/share3/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
		behavior: url(./css/PIE.htc);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#contents ul.anchorBtnA li a {
		color: #333;
		padding: 10px;
		display: block;
		transition: opacity 0.2s ease-in 0s;
		/* behavior: url(./css/PIE.htc); */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#contents ul.anchorBtnA li span, #contents ul.anchorBtnB li span {
		background: url(/support/cyber-shot/share3/images/arrow_black-b.png) no-repeat 0 0.5em;
		padding: 0 0 0 15px;
		margin: 0 ;		
	}
}

table.os_list tr {

}
table.os_list {
	margin: 1em 0em 2em 0em;
	width: 97%;
}
table.os_list th {
	background-color: #E3E3E3;
	font-weight: 300;
	text-align: center;
}
table.os_list th,
table.os_list td {
	border: #CCC 1px solid;
	padding: .5em;
}
table.os_list th {
	text-align: center;
}
table.os_list td {
	height: 50px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#contents div#tabRightArea table,
	#contents div#tabLeftArea table {
		/* 20250226
		font-size: 10px; */
		word-break: break-word;
		margin-left: 0;
	}
}

/* 20250226 */
#contents .notes{
	font-size: 1rem;
}
#contents .notes p{
	padding-left: 1.5em;
	text-indent: -1.5em;
}