/*--------------------------------------------------------------------
/- file   : headphones.css
/- admin  : MEGA-D Inc. SHIGETA Makoto, Kimoto Tatsuro
/- update : 20061122
/- desc   : css for Sony Headphones
/--------------------------------------------------------------------*/


/************* Tag Override *************/

* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
}
th,td {
	font-size: 80%;
	line-height: 1.3;
}
img {
	border-style: none;
}

p {
	margin: 0px 0px 10px;
}

a:link {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}


/************* Common *************/

div#container {
	width: 760px;
	margin: 0px auto;
	text-align: left;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.red {
	color: #FF0000;
}

.clear hr {
	display: none;
	margin: 0;
	padding: 0;
}


/************* Header *************/

div#header {
	height: 50px;
	background: #111184;
	overflow: hidden;
}
div#header div#siteLogo {
	float: left;
	width: 185px;
}
div#header div#gNavi {
	float: right;
	width: 255px;
	height: 50px;
	overflow: hidden;
}

div#header div#siteLogo h1 {
	margin: 0px;
	padding: 0px;
}

div#header div#gNavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 25px;
}
div#header div#gNavi ul li#home {
	float: left;
	display: inline;
	width: 128px;
}
div#header div#gNavi ul li#sitemap {
	float: left;
	display: inline;
	width: 127px;
}


/************* Footer *************/

div#contentBanner {
	margin: 0px;
	padding: 40px 0px 10px 0px;
}
div#contentBanner p {
	float: left;
	width: 255px;
	display: block;
}
div#contentBanner p img {
	margin: 0px 5px 0px 0px;
}
div#contentBanner p#end {
	float: left;
	width: 250px;
}
div#contentBanner p#end img {
	margin: 0px;
	height: 40px;
}

div#headphoneFooter {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px;
}
div#headphoneFooter ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#headphoneFooter li#sonystyle {
	float: left;
	display: block;
}
div#headphoneFooter li#customer {
	float: right;
	display: block;
}
div#headphoneFooter li img {
	margin: 5px 10px 0px 0px;
}


/************* Top Styles *************/

div#mainimg {
	margin: 0px 0px 15px;
	padding: 0px;
}

div.topTwoColumnL {
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
div.topTwoColumnL div#itemNavi {
	width: 485px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #E5E5E5;

}
div.topTwoColumnL div#itemNavi div.left {
	float: left;
	width: 241px;
	overflow: hidden;
}
div.topTwoColumnL div#itemNavi div.left ul {
	font-size: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.topTwoColumnL div#itemNavi div.left li {
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
div.topTwoColumnL div#itemNavi div.left li img {
	margin: 7px 0px 7px 7px;
}
div.topTwoColumnL div#itemNavi div.right {
	float: left;
	width: 242px;
	overflow: hidden;
}
div.topTwoColumnL div#itemNavi div.right ul {
	font-size: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.topTwoColumnL div#itemNavi div.right li {
	border-bottom: 1px solid #E5E5E5;
}
div.topTwoColumnL div#itemNavi div.right li img {
	margin: 7px 0px 7px 7px;
}

div.topTwoColumnR {
	float: right;
	width: 260px;
	overflow: hidden;
}
div.topTwoColumnR p {
	margin-bottom: 10px;
}

div#whatsnew {
	margin: 0px;
	padding: 30px 0px 0px 0px;
}
div#whatsnew table {
	width: 485px;
	margin: 0px;
	padding: 0px;
}
div#whatsnew th {
	padding: 0px 0px 5px;
	border-bottom: 2px solid #111184;
	text-align: left;
}
div#whatsnew th.more {
	text-align: right;
}
div#whatsnew td {
	padding: 10px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}
div#whatsnew td p.date {
	float: left;
	font-size: 85%;
	font-weight: bold;
	color: #011184;
	margin: 2px 0px;
	padding: 0px 10px 0px 0px;
}
div#whatsnew td p.txt {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 6em;
}


/************* Prduct Second Styles *************/

div.twoColumnL {
	float: left;
	width: 545px;
	overflow: hidden;
}
div.twoColumnR {
	float: right;
	width: 200px;
	overflow: hidden;
}


div.productGray {
	margin: 0px;
	padding: 0px;
	background: #E5E5E5;
}
div.productGray p {
	margin: 0px;
	padding: 7px 7px 10px 10px;
	font-size: 80%;
}

div#titleBanner {
	margin: 0px;
	padding: 10px;
}

div.subNavi {
	margin: 0px;
	padding: 0px;
}
div.subNavi table {
	width: 545px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
div.subNavi table td.formTxt {
	background: #111184;
	padding: 5px;
	text-align: right;
}
div.subNavi table td {
	padding: 7px 0px;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
}
div.subNavi table td.left {
	padding-left: 5px;
	text-align: left;
}
div.subNavi table td.right {
	padding-right: 5px;
	text-align: right;
}
div.subNavi table tr.endLine td {
	border-bottom: 1px solid #111184;
}

div#newItem {
	margin: 0px;
	padding: 0px;
}
div#newItem table {
	width: 545px;
	border: 1px solid #B3B3D7;
	margin: 0px;
	padding: 0px;
}
div#newItem table th {
	text-align: left;
	padding: 7px 5px;
	background: #B3B3D7;
}

div#newItem table td {
	text-align: left;
	vertical-align: top;
}
div#newItem table td.productPhotoL {
	width: 270px;
	font-size: 80%;
	padding: 15px 0px 0px 10px;
}
div#newItem table td.productPhotoL img {
	margin: 0px 0px 10px;
}
div#newItem table td.productPhotoL p {
	margin-bottom: 5px;
}
div#newItem table td.productDetailL {
	width: 245px;
	padding: 15px 10px 0px 0px;
}
div#newItem table td.productDetailL p.genre {
	font-size: 80%;
}
div#newItem table td.productDetailL h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 1;
	margin: 0px;
	padding: 0px 0px 10px;
}
div#newItem table td.productDetailL p.price {
	line-height: 1;
	margin: 0px 0px 5px;
	padding: 0px;
}
div#newItem table td.productDetailL p span.redbg {
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	background: #FF0000;
	color: #FFFFFF;
}
div#newItem table td.productDetailL p.new {
	width: 3.5em;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	background: #FF0000;
	color: #FFFFFF;
}
div#newItem table td.productDetailL p.comingsoon {
	width: 4.5em;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	background: #FF0000;
	color: #FFFFFF;
}
div#newItem table td.productDetailL p.catch {
	font-weight: bold;
}
div#newItem table td.productDetailL ul.productNavi {
	font-size: 0px;
	list-style-type: none;
	margin: 15px 0px 0px;
}
div#newItem table td.productDetailL ul.productNavi li {
	display: inline;
}
div#newItem table td.productDetailL ul.productNavi li img {
	margin: 0px 10px 5px 0px;
}

div.item {
	padding: 0px;
}
div.productPhoto {
	float: left;
	width: 160px;
	margin: 25px 0px;
	padding: 0px;
	overflow: hidden;
}
div.productDetail {
	float: right;
	width: 375px;
	margin: 25px 0px;
	padding: 0px;
	overflow: hidden;
}
div.productDetail p.genre {
	font-size: 80%;
}
div.productDetail h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 1;
	margin: 0px;
	padding: 0px 0px 10px;
}
div.productDetail p.price {
	line-height: 1;
	margin: 0px;
	padding: 0px 0px 10px;
}
div.productDetail p.copy {
	font-weight: bold;
}
div.productDetail p.catch {
	font-weight: bold;
}
div.productDetail p.note {
	font-size: 80%;
	color: #999999;
	text-indent: -2em;
	margin: 0px 0px 2px 2em;
}
div.productDetail ul.productNavi {
	font-size: 0px;
	list-style-type: none;
	margin: 15px 0px 0px;
}
div.productDetail ul.productNavi li {
	display: inline;
}
div.productDetail ul.productNavi li img {
	margin: 0px 10px 0px 0px;
}

div.twoColumnR div.banner {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
div.twoColumnR div.banner p {
	margin: 0px;
	padding: 0px;
}
div.twoColumnR div.bgBanner {
	margin: 5px 0px 0px 0px;
	padding: 6px 8px;
	background: #E5E5E5;
}
div.twoColumnR div.bgBanner p {
	margin: 0px;
	padding: 2px 0px;
}

div.twoColumnR div.lineup {
	margin: 5px 0px 0px 0px;
	padding: 8px;
	background: #E5E5E5;
}
div.twoColumnR div.lineup table.title  {
	background: #111184;
	margin: 0px;
	padding: 0px;
}
div.twoColumnR div.lineup table.title td {
	margin: 0px;
	padding: 6px 6px 6px 0px;
	text-align: left;
	vertical-align: middle;
}
div.twoColumnR div.lineup table.title td.icon {
	margin: 0px;
	padding: 6px 0px 6px 6px;
	text-align: left;
}
div.twoColumnR div.lineup table.title td h3 {
	font-size: 100%;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
div.twoColumnR div.lineup table {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 184px;
	background: #FFFFFF;
}
div.twoColumnR div.lineup table td {
	padding: 10px 0px;
	border-top: 1px solid #E5E5E5;
	font-size: 70%;
	text-align: left;
	vertical-align: middle;
}
div.twoColumnR div.lineup table td img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}
div.twoColumnR div.lineup table td input {
	margin: 0px 5px 0px 10px;
	vertical-align: middle;
}
div.twoColumnR div.lineup table td.btn {
	padding: 10px 0px;
	text-align: center;
	vertical-align: middle;
}
div.twoColumnR div.lineup table td.btn img {
	margin: 0px;
	padding: 0px;
}
div.twoColumnR div.lineup table td.box {
	width: 30px;
}

div.twoColumnR div.category {
	margin: 0px 0px 5px;
	padding: 0px 8px 8px 8px;
	background: #E5E5E5;
}
div.twoColumnR div.category h3 {
	font-size: 80%;
	line-height: 1;
	color: #FFFFFF;
	padding: 6px;
	background: #111184;
	text-align: center;
}
div.twoColumnR div.category table {
	width: 184px;
	background: #FFFFFF;
}
div.twoColumnR div.category table td {
	padding: 5px 0px;
	border-top: 1px solid #E5E5E5;
	font-size: 70%;
	text-align: left;
	vertical-align: middle;
}
div.twoColumnR div.category table td img {
	margin: 0px 5px;
	vertical-align: middle;
}
div.twoColumnR div.category table td.btn {
	padding: 10px 0px;
	text-align: center;
	vertical-align: middle;
}
div.twoColumnR div.category table td.btn img {
	margin: 0px;
	padding: 0px;
}

div.twoColumnR div.pdf {
	margin: 0px 0px 5px;
	border: 8px solid #E5E5E5;
	text-align: center;
}
div.twoColumnR div.pdf h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 8px;
	background: #E5E5E5;
}
div.twoColumnR div.pdf p {
	margin: 0px 0px 10px;
}


/************* Prduct Third Styles *************/

div.twoColumnL div.itemTitle {
	border-top: 1px solid #111184;
	padding: 20px 0px 0px 0px;
}

div.twoColumnL div.itemTitle div.productPhotoL {
	float: left;
	width: 270px;
	font-size: 80%;
	padding: 15px 0px 0px 0px;
}
div.twoColumnL div.itemTitle div.productPhotoL img {
	margin: 0px 0px 10px;
}
div.twoColumnL div.itemTitle div.productPhotoL p {
	margin-bottom: 5px;
}
div.twoColumnL div.itemTitle p.copy {
	font-weight: bold;
	font-size: 130%;
	padding: 5px 0px;
}
div.twoColumnL div.itemTitle div.productDetailL {
	float: right;
	width: 265px;
	padding: 15px 0px 0px 0px;
}
div.twoColumnL div.itemTitle div.productDetailL p.genre {
	font-size: 80%;
}
div.twoColumnL div.itemTitle div.productDetailL h2 {
	float: none;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 1;
}
div.twoColumnL div.itemTitle div.productDetailL p.price {
	font-size: 100%;
	margin: 0px;
	padding: 5px 0px 5px;
	text-align: left;
}
div.twoColumnL div.itemTitle div.productDetailL p.new {
	width: 3.5em;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	background: #FF0000;
	color: #FFFFFF;
}
div.twoColumnL div.itemTitle div.productDetailL p.acc {
	font-size: 80%;
}
div.twoColumnL div.itemTitle div.productDetailL p.other {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
div.twoColumnL div.itemTitle div.productDetailL p.note {
	font-size: 80%;
	color: #999999;
}

div.twoColumnL h3 {
	margin: 20px 0px 10px 0px;
}
div.twoColumnL div.detail {
	margin: 0px 0px 15px 5px;
	padding: 0px;
}
div.twoColumnL div.detail p.point {
	font-weight: bold;
	font-size: 120%;
	line-height: 1.6;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
div.twoColumnL div.detail p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
div.twoColumnL div.detail p.sub {
	margin: 0px 5px 5px 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.6;
}

div.twoColumnL div.detailCaption {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #CCCCCC;
}
div.twoColumnL div.detailCaption h4 {
	margin: 15px 0px;
	padding: 10px;
	color: #111184;
	font-weight: bold;
	font-size: 120%;
	border-left: 3px solid #111184;
	border-bottom: 1px solid #111184;
}
div.twoColumnL div.detailCaption div.img {
	float: right;
	margin: 0px 10px;
	padding: 0px 0px 15px 0px;
	text-align: center;
}
div.twoColumnL div.detailCaption div.img img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
div.twoColumnL div.detailCaption p.point {
	font-weight: bold;
	margin: 0px 5px 10px 5px;
	padding: 0px;
}
div.twoColumnL div.detailCaption p {
	margin: 0px 5px 10px 5px;
	padding: 0px;
}
div.twoColumnL div.detailCaption p.sub {
	margin: 0px 5px 5px 5px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.6;
}

div.twoColumnL div.detailCaptionEnd {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
div.twoColumnL div.detailCaptionEnd h4 {
	margin: 15px 0px;
	padding: 10px;
	color: #111184;
	font-weight: bold;
	font-size: 120%;
	border-left: 3px solid #111184;
	border-bottom: 1px solid #111184;
}
div.twoColumnL div.detailCaptionEnd div.img {
	float: right;
	width: 144px;
	margin: 0px 10px;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
div.twoColumnL div.detailCaptionEnd div.img img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
div.twoColumnL div.detailCaptionEnd p.point {
	font-weight: bold;
	margin: 0px 5px 10px 5px;
	padding: 0px;
}
div.twoColumnL div.detailCaptionEnd p {
	margin: 0px 5px 10px 5px;
	padding: 0px;
}
div.twoColumnL div.detailCaptionEnd p.sub {
	margin: 0px 5px 5px 5px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.6;
}


div.twoColumnL table.speclist {
	width: 545px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
div.twoColumnL table.speclist th {
	font-weight: normal;
	padding: 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #E5E5E5;
}
div.twoColumnL table.speclist td {
	padding: 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}

div.twoColumnL ul.notelist {
	list-style-type: none;
	margin: 0px 0px 0px;
}
div.twoColumnL ul.notelist li {
	font-size: 80%;
	color: #999999;
	text-indent: -2em;
	padding: 0px 0px 5px 2em;
}

div.twoColumnL table.imgLibrary {
	width: 545px;
	margin: 0px 0px 10px 0px;
}
div.twoColumnL table.imgLibrary td {
	width: 180px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
}
div.twoColumnL table.imgLibrary td img {
	margin: 0px 0px 5px 0px;
}
div.twoColumnL table.imgLibrary td.bgGray {
	padding-top: 0px;
}
div.twoColumnL table.imgLibrary td.bgGray p {
	margin: 5px 2px;
	padding: 4px;
	background: #E5E5E5;
	text-align: center;
	font-size: 80%;
}


/************* Spec Styles *************/

div.specTitle {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
div.specTitle h2 {
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 20px 10px;
	border-bottom: 1px solid #111184;
}
div.specTitle table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #E5E5E5;
}
div.specTitle table th {
	width: 100%;
	margin: 0px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
div.specTitle table td.menuL {
	width: 33%;
	margin: 0px;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-right: none;
}
div.specTitle table td.menuC {
	width: 34%;
	margin: 0px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-left: none;
	border-right: none;
}
div.specTitle table td.menuR {
	width: 33%;
	margin: 0px;
	padding: 10px;
	text-align: right;
	vertical-align: middle;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-left: none;
}
div.specTitle table a {
	font-weight: normal;
}

div#spec_result {
	width: 760px;
	margin: 0px;
	padding: 0px;
}
div#spec_result table.speclist {
	width: 100%;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
div#spec_result table.speclist tr.title th {
	width: 25%;
	font-weight: normal;
	padding: 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #B3B3D7;
	color: #FFFFFF;
}
div#spec_result table.speclist tr.title td {
	width: 25%;
	font-weight: bold;
	padding: 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #B3B3D7;
	color: #FFFFFF;
}
div#spec_result table.speclist th {
	font-weight: normal;
	padding: 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #F3F3F3;
}
div#spec_result table.speclist td {
	padding: 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}

div#spec_result ul.notelist {
	list-style-type: none;
	margin: 0px;
}
div#spec_result ul.notelist li {
	font-size: 80%;
	color: #999999;
	text-indent: -2em;
	padding: 0px 0px 5px 2em;
}
div#spec_result ul.notelist li.attention {
	font-size: 80%;
	color: #999999;
	text-indent: -2em;
	padding: 10px 0px 5px 2em;
}


div#spec_result table.speclist tr.gray th {
	background: #E8E8E8;
}
div#spec_result table.speclist tr.gray th.caption {
	background: #F3F3F3;
}
div#spec_result table.speclist tr.gray td {
	background: #F3F3F3;
}


/************* Img Window Styles *************/

div#imgWindow {
	width: 80%;
	margin: 0px auto;
}
div#imgWindow h1 {
	background: #111184;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div#imgWindow p.name {
	background: #E5E5E5;
	margin: 0px;
	padding: 7px;
}
div#imgWindow p.close {
	text-align: right;
	margin: 10px;
	padding: 0px;
}