@charset "UTF-8";

/**
@prefix : <http://purl.org/net/ns/doas#> .
</assets/css/products.css> a :CSSstylesheet;
 :shortdesc "products.css";
 :dependencies "none" .
*/

/*----------------------------------------------------
	common
----------------------------------------------------*/
body.top {
	background: #000 url(../images/common/body_back_02.gif) repeat-x left top;
}
body.others {
	background: #000 url(../images/common/body_back_03.gif) repeat-x left top;
}
#main h1 {
	margin-bottom: 6px;
}
#mainBox h3.title01 {
	margin-bottom: 200px;
	padding-bottom: 6px;
	background: url(../images/common/main_line_01.gif) repeat-x left bottom;
}
#mainBox h3.title01 img {
	margin-left: -7px;
}
/*----------------------------------------------------
	index.html
----------------------------------------------------*/
body.top #vi p {
	position: relative;
	height: 333px;
}
body.top #vi p img {
	position: absolute;
	top: 0;
	left: -133px;
}
body.top #mainBox {
	padding: 30px 25px 25px;
}
body.top #mainBox ul {
	margin: 0 -21px 0 0;
}
body.top #mainBox ul li {
	float: left;
	margin: 0 21px 29px 0;
}
/*----------------------------------------------------
	navigation, Speakers, SubWoofers, Accessories
----------------------------------------------------*/
body.productsTop div.navigation #vi p {
	margin-left: -75px;
}
body.productsTop #mainBox {
	padding: 35px 35px 25px;
}
body.productsTop #mainBox h2 {
	margin-bottom: 20px;
	padding-bottom: 7px;
	background: url(../images/common/main_line_01.gif) repeat-x left bottom;
}
body.productsTop #mainBox ul {
	margin: 0 -6px 25px 0;
}
body.productsTop #mainBox ul li {
	position: relative;
	float: left;
	margin: 0 6px 9px 0;
}

/*----------------------------------------------------
	products common
----------------------------------------------------*/
body.products #mainBox {
	padding: 35px 40px 25px;
}
body.products #mainBox h2 {
	margin-bottom: 23px;
}
body.products #mainBox div.section01 {
	position:relative;
}
body.products #mainBox div.section01 p {
	float: left;
	width: 400px;
}
body.products #mainBox div.section01 ul {
	float: right;
	width: 175px;
	margin-top: 10px;
}
body.products #mainBox div.section01 ul li {
	float: left;
	margin: 0 4px 6px 0;
}
body.products #mainBox div.section01 ul li.other {
	margin-top: 28px;
}
body.products #mainBox div.section02 div {
	width: 390px;
	float: left;
}
body.products #mainBox div.section02 ul.ico01,
body.products #mainBox div.section02 ul.ico02 {
	float: right;
	width: 175px;
	margin-top: 10px;
}
body.products #mainBox div.section02 ul.ico01 li,
body.products #mainBox div.section02 ul.ico02 li {
	float: left;
	margin: 0 4px 6px 0;
}
body.products #mainBox div.section02 ul.ico01 li.other,
body.products #mainBox div.section02 ul.ico02 li.other {
	margin-top: 28px;
}
body.products #mainBox ul.ico03 {
	margin-top: 10px;
}
body.products #mainBox ul.ico03 li {
	float: left;
	margin: 0 8px 6px 0;
}
body.products #mainBox ul.ico03 li.mR25 {
	margin-right: 25px; !important
}
body.products #mainBox ul.ico04 {
	margin-top: 10px;
	overflow:hidden;
	_zoom:1;
	}
body.products #mainBox ul.ico04 li {
	float: left;
	margin: 0 2px 6px 0;
}
body.products #mainBox ul.ico05 li {
	float: left;
	margin: 0 22px 6px 0;
}
body.products #mainBox ul.ico05 li.mT10 {
	margin-top:10px;
}
body.products #mainBox ul.ico05 li img.pT4 {
	padding-top:4px;
}
body.products #mainBox h3 {
	margin: 25px 0 10px;
}
body.products #mainBox ul.list01 {
	margin-bottom: 40px;
	padding-left: 18px;
	color: #1a1a1a;
	font-size: 93%;
	line-height: 1.5;
	list-style: square;
}
body.products #mainBox p.text01 {
	margin-bottom: 40px;
	color: #1a1a1a;
	font-size: 93%;
	line-height: 1.5;
}
body.products #mainBox ul#pageNav {
	margin-bottom: 16px;
}
body.products #mainBox ul#pageNav li {
	float: left;
}
body.products #details {
	margin-bottom: 20px;
}

body.products #mainBox ul.ico04 li.long-btn {
	padding:10px 2px 45px 0;
}


body.products #mainBox p.text01.redtxt a{
	color:#C40F39;
}

/*----------------------------------------------------
	products .overview
----------------------------------------------------*/
body.products .overview #details h3 {
	margin: 0;
	padding-bottom: 10px;
	background: url(../images/common/main_line_01.gif) repeat-x left bottom;
}
body.products .overview #details h3 img {
	margin-left: -7px;
	position: relative;
}
body.products .overview #detailsMain {
	width: 410px;
	float: right;
	display: inline;
	padding-top: 40px;
}
body.products .overview #detailsMain a:link {
	color: #c40f39;
	text-decoration: underline;
}
body.products .overview #detailsMain a:visited {
	color: #c40f39;
	text-decoration: underline;
}
body.products .overview #detailsMain a:hover {
	color: #c40f39;
	text-decoration: none;
}
body.products .overview #detailsMain a:active {
	color: #c40f39;
	text-decoration: none;
}
body.products .overview #detailsMain p.img01 {
	margin-bottom: 20px;
	text-align: center;
}
body.products .overview #detailsMain p.img02 {
	margin: 5px 0 8px;
	text-align: left;
}
body.products .overview #detailsMain p.img03 {
	margin: 0 10px 5px;
}
body.products .overview #detailsMain p.img04 {
	margin-bottom: 20px;
}
body.products .overview #detailsMain p.text01 {
	margin: 0 15px 15px 0;
	font-size: 93%;
	line-height: 1.8;
}
body.products .overview #detailsMain p.text02 {
	font-size: 93%;
	line-height: 1.8;
	font-weight: bold;
}
body.products .overview #detailsMain p.text03 {
	margin: 0 10px 20px;
	font-size: 93%;
	line-height: 1.8;
}
body.products .overview #detailsMain p.text04 {
	margin-bottom: 5px;
	font-size: 93%;
	line-height: 1.8;
	color: #c40f39;
}
body.products .overview #detailsMain p.text05 {
	margin-bottom: 20px;
	font-size: 77%;
	line-height: 1.5;
}
body.products .overview #detailsMain p.text06 {
	margin-bottom: 5px;
	font-size: 93%;
	line-height: 1.5;
}
body.products .overview #detailsMain h4.tit01 {
	margin-bottom: 15px;
	font-size: 93%;
	line-height: 1.8;
	color: #c40f39;
}
body.products .overview #detailsMain h5.tit01 {
	margin-bottom: 15px;
}
body.products .overview #detailsMain h5.tit02 {
	margin-bottom: 5px;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.8;
}
body.products .overview #detailsMain h6.tit01 {
	margin-bottom: 10px;
}
body.products .overview #detailsMain ul.list01 {
	margin: -5px 0 10px;
	padding-left: 18px;
	font-size: 93%;
	line-height: 1.5;
	list-style: disc;
}
body.products .overview #detailsMain ul.list02 {
	margin-bottom: 20px;
	padding-left: 18px;
	font-size: 93%;
	line-height: 1.5;
	list-style: circle;
}
body.products .overview #detailsSub {
	width: 160px;
	float: left;
}
body.products .overview #details .noneTitle {
	margin-top: 40px;
}
body.products .overview #detailsMain p.mB30 {
	margin-bottom: 30px;
}


/*----------------------------------------------------
	products .featurelist
----------------------------------------------------*/
body.products .feature #mainBox table {
	width: 100%;
	margin-bottom: 20px;
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
}
body.products .feature #mainBox table th {
	padding: 3px 10px;
	font-size: 93%;
	font-weight: bold;
	color: #000;
	border-top: 1px solid #525252;
	border-left: 1px solid #525252;
	border-bottom: 1px solid #525252;
	background-color: #cacaca;
}
body.products .feature #mainBox table td {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
}
body.products .feature #mainBox table td.text01 {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
	border-left: 1px solid #525252;
	border-bottom: 1px solid #a8a8a8;
}
body.products .feature #mainBox table td.text02 {
	padding: 3px;
	font-size: 93%;
	color: #625a5a;
	text-align: center;
	border-left: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}
body.products .feature #mainBox table td.text03 {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
	border-left: 1px solid #525252;
}
body.products .feature #mainBox table td.text04 {
	padding: 3px;
	font-size: 93%;
	color: #625a5a;
	text-align: center;
	border-left: 1px solid #a8a8a8;
}
body.products .feature #mainBox table td.text05 {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
	border-left: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}
body.products .feature #mainBox table td.text06 {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
	border-left: 1px solid #a8a8a8;
}

/*----------------------------------------------------
	products .specification
----------------------------------------------------*/
body.products .specification #mainBox table {
	width: 100%;
	margin-bottom: 20px;
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
}
body.products .specification #mainBox table.bT1 {
	border-top: 1px solid #525252;
}
body.products .specification #mainBox table th {
	padding: 3px 10px;
	font-size: 93%;
	font-weight: bold;
	color: #000;
	border-top: 1px solid #525252;
	border-left: 1px solid #525252;
	border-bottom: 1px solid #525252;
	background-color: #cacaca;
}
body.products .specification #mainBox table td {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
}
body.products .specification #mainBox table td.text01 {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
	border-left: 1px solid #525252;
	border-bottom: 1px solid #a8a8a8;
}
body.products .specification #mainBox table td.text02 {
	padding: 3px;
	font-size: 93%;
	color: #625a5a;
	text-align: center;
	border-left: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}
body.products .specification #mainBox table td.text03 {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
	border-left: 1px solid #525252;
}
body.products .specification #mainBox table td.text04 {
	padding: 3px;
	font-size: 93%;
	color: #625a5a;
	text-align: center;
	border-left: 1px solid #a8a8a8;
}
body.products .specification #mainBox table td.text05 {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
	border-left: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}

/*----------------------------------------------------
	products .accessory
----------------------------------------------------*/

body.products .accessory #mainBox ul.avn-acc{
	overflow:hidden;
	_zoom:1;
	border-bottom:1px solid #CCC;
}


body.products .accessory #mainBox ul.avn-acc.end-line{
	margin:0 0 10px;
}

body.products .accessory #mainBox ul.avn-acc li{
	float:left;
	width:295px;
	padding:12px 0;
	overflow:hidden;
	_zoom:1;
}

body.products .accessory #mainBox ul.avn-acc li p{
	float:left;
	overflow:hidden;
	_zoom:1;
}

body.products .accessory #mainBox ul.avn-acc li p img{
	margin:0 20px 0 0;
}

body.products .accessory #mainBox ul.avn-acc li p a:hover img{
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

body.products .accessory #mainBox ul.avn-acc li dl{
	overflow:hidden;
	_zoom:1;
}

body.products .accessory #mainBox ul.avn-acc li dt{
	color: #1A1A1A;
	font-weight: bold;
}

body.products .accessory #mainBox ul.avn-acc li dd{
	padding:3px 0 0;
	color: #625A5A;
	font-size: 93%;
}

body.products .accessory #mainBox ul.avn-acc li dd img{
	margin:10px 10px 0 0;
}

p.oder-call{
	margin:0 0 20px;
}

p.text-acc{
	margin:20px 0;
	line-height:1.7em;
}

p.text-acc strong{
	font-weight:bold;
}

p.text-acc a:link {
    color: #C40F39;
    text-decoration: underline;
}





/*----------------------------------------------------
	products .manuals
----------------------------------------------------*/
body.products .manuals #mainBox h4 {
	margin: 20px 0 12px;
}
body.products .manuals #mainBox ul.manualsList {
	margin-bottom: 20px;
	padding-left: 18px;
	font-size: 93%;
	list-style: disc;
	color: #1a1a1a;
}
body.products .manuals #mainBox ul.manualsList li a:link {
	color: #c40f39;
	text-decoration: underline;
}
body.products .manuals #mainBox ul.manualsList li a:visited {
	color: #c40f39;
	text-decoration: underline;
}
body.products .manuals #mainBox ul.manualsList li a:hover {
	color: #c40f39;
	text-decoration: none;
}
body.products .manuals #mainBox ul.manualsList li a:active {
	color: #c40f39;
	text-decoration: none;
}
body.products .manuals #mainBox ul.manualsList li {
	margin-bottom: 10px;
}
body.products .manuals #mainBox ul.manualsList li img {
	margin-left: 10px;
	vertical-align: middle;
}

/*----------------------------------------------------
	body.productsDetail
----------------------------------------------------*/
body.productsDetail #mainBox {
	padding: 40px 40px 25px;
}
body.productsDetail #mainBox div.section01 {
	margin-bottom: 7px;
	/*padding: 4px;*/
}
body.productsDetail #mainBox div.section01 h2 {
	background: none;
	margin:-20px 0 10px;
}
body.productsDetail #mainBox div.section01 h2.title01 {
	background: none;
	margin:0 0 10px;
}
body.productsDetail #mainBox div.section01 h3 {
	margin:20px 0 12px;
	padding-bottom: 6px;
	background: url(../images/common/main_line_01.gif) repeat-x left bottom;
}
body.productsDetail #mainBox div.section01 h3 img {
	margin-left: -7px;
}
body.productsDetail #mainBox div.section01 h3.title02 {
	background: none;
	padding:0;
	margin:30px 0 5px;
}
body.productsDetail #mainBox div.section01 h3.title02 img {
	margin:0;
}
body.productsDetail #mainBox div.section01 p a:link {
	color: #c40f39;
	text-decoration: underline;
}
body.productsDetail #mainBox div.section01 p a:visited {
	color: #c40f39;
	text-decoration: underline;
}
body.productsDetail #mainBox div.section01 p a:hover {
	color: #c40f39;
	text-decoration: none;
}
body.productsDetail #mainBox div.section01 p a:active {
	color: #c40f39;
	text-decoration: none;
}
body.productsDetail #mainBox div.section01 p.img01 {
	text-align:center;
	margin:30px 0;
}
body.productsDetail #mainBox div.section01 p.img02 {
	text-align:center;
	margin:30px 0 0;
}
body.productsDetail #mainBox div.section01 ul.list01 {
	margin-bottom: 10px; 
	padding-left: 18px;
	color: #1a1a1a;
	font-size: 93%;
	line-height: 1.5;
	list-style: disc;
}
body.productsDetail #mainBox div.section01 ul.list01 li {
	float:none;
	margin: 2px 0 0;
}
body.productsDetail #mainBox div.section01 ul.list02 {
	margin-bottom: 40px;
	color: #1a1a1a;
	font-size: 93%;
	line-height: 1.5;
}
body.productsDetail #mainBox div.section01 ul.list02 li {
	clear: both;
	margin: 0;
}
body.productsDetail #mainBox div.section01 ul li {
	float: left;
	margin: 10px 4px 10px 0px;
}
body.productsDetail #mainBox div.section01 ul li.other {
	padding-top: 8px;
}
body.productsDetail #mainBox div.section01 p.text01 {
	font-size: 93%;
	line-height: 1.6;
	margin-bottom:10px;
}
body.productsDetail #mainBox div.section01 span.red {
	color:#c40f39;
}
body.productsDetail #mainBox div.section01 p.text02 {
	font-size: 85%;
	line-height: 1.6;
	margin-bottom:10px;
}
body.productsDetail #mainBox div.section01 .mL10 {
	margin-left:10px;
}
body.productsDetail #mainBox p.btn01 {
	text-align: center;
	margin: 30px 0;
}
body.productsDetail #mainBox div.section01 table {
	width: 100%;
	margin-bottom: 40px;
	border-top: 1px solid #525252;
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
}
body.productsDetail #mainBox div.section01 table td {
	padding: 3px 20px;
	font-size: 93%;
	color: #1a1a1a;
}
body.productsDetail #mainBox div.section01 table td.text01 {
	padding: 3px 20px;
	font-size: 93%;
	color: #625a5a;
	border-left: 1px solid #525252;
	border-bottom: 1px solid #a8a8a8;
}
body.productsDetail #mainBox div.section01 table td.text02 {
	padding: 3px;
	font-size: 93%;
	color: #625a5a;
	text-align: center;
	border-left: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}
body.productsDetail #mainBox div.section01 table td.text03 {
	padding: 3px 20px;
	font-size: 93%;
	color: #625a5a;
	border-left: 1px solid #525252;
}
body.productsDetail #mainBox div.section01 table td.text04 {
	padding: 3px;
	font-size: 93%;
	color: #625a5a;
	text-align: center;
	border-left: 1px solid #a8a8a8;
}

/*----------------------------------------------------
	body.imagegalleryTop
----------------------------------------------------*/
body.imagegalleryTop #mainBox {
	padding: 25px 35px 25px;
}
body.imagegalleryTop #mainBox p {
	margin-bottom: 10px;
	font-size: 93%;
	line-height: 1.5;
}
body.imagegalleryTop #mainBox ul {
	margin-right: -9px;
}
body.imagegalleryTop #mainBox ul li {
	float: left;
	margin: 0 9px 6px 0;
}

/*----------------------------------------------------
	body.imagegallery
----------------------------------------------------*/
body.imagegallery #mainBox {
	padding: 25px 40px 25px;
}
body.imagegallery #makerNav {
	margin-bottom: 25px;
}
body.imagegallery #makerNav li {
	float: left;
}
body.imagegallery #mainBox h2 {
	margin: 0 0 11px;
	padding-bottom: 5px;
	background: url(../images/common/main_line_01.gif) repeat-x left bottom;
}
body.imagegallery #mainBox h2 img {
	margin-left: -7px;
}
body.imagegallery #galleryArea h3 {
	margin-bottom: 30px;
}
body.imagegallery dl#note {
	font-size: 93%;
	line-height: 1.5;
	margin: 0 40px 30px 55px;
}
body.imagegallery dl#note dt {
	width: 45px;
	float: left;
	display: inline;
}
body.imagegallery dl#note dd {
	width: 450px;
	float: right;
}
body.imagegallery #imgArea {
	position: relative;
	height: 325px;
	width: 526px;
	margin: 0 34px 15px ;
}
body.imagegallery #imgAreaInner {
	position: absolute;
	top: 0;
	left: 65px;
	height: 325px;
	width: 396px;
	overflow: hidden;
}
body.imagegallery #imgAreaInner ul {
	position: relative;
	top: 0;
	left: 396px;
	height: 325px;
	width: 1188px;
}
body.imagegallery #imgAreaInner ul li {
	position: absolute;
	top: 0;
}
body.imagegallery #imgArea p#next {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
body.imagegallery #imgArea p#prev {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
body.imagegallery #btnArea ul {
	margin-bottom: 20px;
}
body.imagegallery #btnArea ul li {
	width: 271px;
	float: left;
	margin-bottom: 5px;
}
body.imagegallery #btnArea ul li.oddList {
	margin-right: 53px;
}
body.imagegallery #btnArea ul li.oneList p {
	width: 87px;
}
body.imagegallery #btnArea ul li.twoList p {
	width: 174px;
}
body.imagegallery #btnArea ul li h4 {
	margin: 0 5px 3px;
}
body.imagegallery #btnArea ul li p {
	padding: 5px;
}
body.imagegallery #btnArea ul li p.active {
	background: url(../../../assets/images/products/navigation/avn/imagegallery/common/main_back_01.gif) repeat-x left top;
}



/*----------------------------------------------------
	up date 10.12.2011
----------------------------------------------------*/
#bnrBox {
	margin-bottom:20px;
}
html>/**/body #bnrBox {
	margin-bottom:0px;
}

#bnrBox h2 {
	float:left;
	width:390px;
	margin-right:30px;
}
#bnrBox p{
	float:left;
	width:164px;
	margin-top:-10px;
}


/*----------------------------------------------------
	up date 02.28.2012
----------------------------------------------------*/

body.products #mainBox div.section01 ul li.txt-ver {
	margin: 0 0 6px 0;
	color:#353535;
	font-size:12px;
}