@charset "Shift_JIS";
/**
 * acc.css
 * SONY nav-u < https://www.sony.jp/nav-u/acc/ >
 */

/*--------------------------------------------------------------------------------
	#Accessories
--------------------------------------------------------------------------------*/
#Accessories a:link,
#Accessories a:visited,
#Accessories a:hover {
	color: #333;
	text-decoration: none;
}

#Accessories .arrowTxt{
	padding-left: 11px;
	background: url("../../lineup/images/arrow_s_black.gif") no-repeat 0 4px;
}

#Accessories .block {
	_margin-left: -174px;
}

#Accessories .mod-subTitle {
	_margin-top: -0px;
}

#Accessories .mod-subTitle ul {
	margin: 0;
	padding: 0;
	font-size: 0.65em;
	text-align: right;
	list-style: none;
}

#Accessories .mod-subTitle li {
	margin: 4px 8px 0 0;
}

#Accessories .mod-subTitle li a {
	padding-left: 10px;
	background: url("../images/arrow_s.gif") no-repeat 0 4px;
}

#Accessories .mod-subTitle li a:hover {
	color: #888;
}

@media (max-width:640px) {
	#Accessories .mod-subTitle {
		margin-bottom: 5px;
		padding: 0 5px 5px 5px;
		font-size: 1.385em;
		line-height: 1.4;
		border-bottom: 1px solid #ccc;
		background: none;
	}
	
	#Accessories .ss-invisible {
		display: none;
	}
}


.vics .clear{
	clear:both;
}

.vics dt,
.vics dd{
	float:left;
	display:inline;
	text-align:left;
	margin:0 10px 0 0;
}

.vics dd{
	color: #666;
	font-size: 85%;
	padding:40px 0 0 0;
}

/* acc-lineup
--------------------------------------------------------------------------------*/
#Accessories .section {
	margin-top: 25px;
	padding-bottom: 27px;
	background: url("../../acc/images/lineup_separator.gif") no-repeat left bottom;
	zoom: 1;
}

#Accessories .section:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
}

#Accessories div.mod-include h4 {
	font-size: 1.3em;
	color: #F16201;
}

#Accessories p.intro {
	font-size: 1.15em;
	font-weight: bold;
	color: #f16201;
}

#Accessories .past-lineup {
	margin-top: 30px;
}

@media (max-width:640px) {
	#Accessories .section {
		margin-top: 20px;
		padding-bottom: 22px;
	}
	#Accessories div.mod-include h4 {
		font-size: 1.0em;
		line-height: 1.1;
		letter-spacing: -0.04em;
	}
	#Accessories ul.mod-heading-misc {
		display: none;
	}
	#Accessories div.mod-heading2 h3.small {
		font-size: 1.2em;
		letter-spacing: -0.04em;
	}
	#Accessories div.acc-lineup {
		margin-top: 20px;
		padding-bottom: 22px;
	}
	#Accessories p.intro {
		font-size: 0.85em;
		font-weight: normal;
		line-height: 1.2;
		letter-spacing: -0.02em;
	}
	#Accessories div.past-lineup {
		margin-top: 20px;
	}
}

/* div.acc-lineup div.image
--------------------------------------------------------------------------------*/
#Accessories div.image {
	float: left;
	margin-right: 30px;
	width: 144px;
	text-align: center;
}

#Accessories div.image img {
	margin-bottom: 10px;
}

@media (max-width:640px) {
	#Accessories div.image {
		margin-right: 20px;
		width: auto;
		height: 180px;
	}
	#Accessories div.image img {
		margin-bottom: 20px;
	}
}

@media (max-width:320px) {
	#Accessories div.image {
		height: auto;
	}
	#Accessories div.image img {
		margin-bottom: 20px;
		width: 120px;
		height: 90px;
	}
}

/* div.acc-lineup div.info
--------------------------------------------------------------------------------*/
#Accessories div.info {
	float: left;
	margin-right: 30px;
	padding-bottom: 10px;
	width: 300px;
	overflow: hidden;
}

#Accessories div.info .category {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	font-size: 0.80em;
	font-weight: normal;
	line-height: 1.1;
	letter-spacing: 0.1em;
}

#Accessories div.info h4 {
	margin: 0;
	padding: 0;
	padding-bottom: 12px;
	font-size: 2.45em;
	font-weight: normal;
	line-height: 0.8;
	letter-spacing: -0.02em;
}

#Accessories div.info p {
	margin: 0;
}

@media (max-width:640px) {
	#Accessories div.info {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#Accessories div.info .category {
		padding-bottom: 6px;
		font-size: 0.75em;
	}
	#Accessories div.info h4 {
		font-size: 1.6em;
		padding-bottom: 10px;
	}
	#Accessories div.info p {
		font-size: 1.0em;
		line-height: 1.3;
	}
}

/* div.acc-lineup div.support
--------------------------------------------------------------------------------*/
#Accessories div.support {
	width: 243px;
	overflow: hidden;
	zoom: 1;
}

#Accessories div.support:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

#Accessories div.support ul {
	margin: 0;
	margin-top: 18px;
	margin-left: -1px;
	padding: 0;
	list-style: none;
	zoom: 1;
}

#Accessories div.support ul:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
}

#Accessories div.support li {
	float: left;
	margin-top: -2px;
	margin-left: 1px;
	padding: 3px 0 3px 0;
	display: block;
	width: 60px;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Arial;
	text-align: center;
	line-height: 1.0;
	color: #fff;
	background: #dedede;
}

#Accessories div.support li.on {
	background: #ff6501;
}

@media (max-width:640px) {
	#Accessories div.support {
		clear: both;
		width: auto;
		overflow: auto;
	}
	#Accessories div.support ul {
		margin: 5px 0 0 0;
	}
	#Accessories div.support li {
		width: 59px;
		font-weight: normal;
	}
}

@media (max-width:320px) {
	#Accessories div.support {
		clear: both;
		margin-top: 5px;
	}
}

/* div.acc-lineup div.eco-info
--------------------------------------------------------------------------------*/
#Accessories div.eco-info {
	clear: both;
	margin-top: 10px;
	margin-left: 174px;
	font-size: 0.8em;
	color: #666;
}

@media (max-width:640px) {
	#Accessories div.eco-info {
		margin-left: 0;
	}
}

/*--------------------------------------------------------------------------------
	#AccessoriesList
--------------------------------------------------------------------------------*/
#AccessoriesList {
	margin-top: 50px;
}

table.acc-list {
	margin-bottom:10px;
	width:755px;
}

table.acc-list th,
table.acc-list td {
	text-align:center;
	vertical-align:middle;
}

table.acc-list thead th,
table.acc-list thead td {
	padding:5px 0 3px;
	border-left:1px solid #fff;
	background-color:#fa5116;
	/*width:109px;*/
	width:110px;
	color:#fff;
	font-size:85%;
	line-height:1.2;
	font-weight:bold;
}

table.acc-list thead td {
	border-left:1px solid #fa5116;
	width:198px;
	text-indent:-9999px;
}

table.acc-list tbody th,
table.acc-list tbody td {
	border:1px solid #ccc;
	border-top:none;
	letter-spacing:-1px;
	font-family:monospace;
}

table.acc-list sup {
	font-size:80%;
	* font-size:90%;
}

@media (max-width:640px) {
	#AccessoriesList {
		display: none;
	}
}