/*=========================================================


	Site Name   SONY BD PLAYER
	File Name   page.css

	Create Date 2010/08/15
	Update Date 2010/08/15


==========================================================*/

#main_img p {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-size:0;
	}

@media (max-width:640px){
#main_img img{
	width:100%;
	height:auto;
	}}

.btnbox{
	width:760px;
	margin-bottom:50px;
}

.btnbox dt{
	float:left;
}

@media (max-width:640px){
.btnbox{
	width:100%;
	height:auto;
}
.btnbox dt{
	float: none;
	text-align:center;
}}

.btnback{
	width:260px;
	height:65px;
	background: transparent url(../../Copy%20of%20BDP-S480_spe/images/btn_main03_back.jpg) top center no-repeat;
}

.mr70{
	margin-right:70px;
}

.mg05{
	margin-bottom:5px;
}

.mg10{
	margin-bottom:10px;
}

.mg20{
	margin-bottom:20px;
}

.mg30{
	margin-bottom:30px;
}

.mg40{
	margin-bottom:40px;
}

.mg50{
	margin-bottom:50px;
}


.contantsbox{
overflow:hidden;
position:relative;
	width:740px;
	margin-left:10px;
	padding:20px 0 50px 0;
}

.contentsbox2{
	padding:20px 10px 0 10px;
}

.contentsbox2 dl.hd{
	float:left;
	width:420px;
	margin-bottom:10px;
}

@media (max-width:640px){
.contentsbox2 dl.hd{
	width:100%;
	height:auto;
clear:both;
	float: none;
}}
.contentsbox2 dt{
	margin-bottom:10px;
}

@media (max-width:640px){
.contentsbox2 dt img{
	width:100%;
	height:auto;
}}
.contentsbox2 dd{
	margin:0px;
}

.contentsbox2 p.logo{
	float:right;
	padding-right:5px;
}
@media (max-width:640px){
.contentsbox2 p.logo{
clear:both;
	float: none;
	text-align:center;
}}

.upscale{
position:relative;
width:729px;
height:350px;
	clear:both;
	margin:0 0 50px 0;
	background:url(../images/img_upscale.jpg) no-repeat;
}
.upscale p.scale{
color:#c6b054;
font-size:20px;
font-weight:bold;
width:729px;
text-align:center;
padding:330px 10px 0 10px;
}
@media (max-width:640px){
.upscale{
margin:0 auto;
width:330px;
height:729px;
}}
@media (max-width:640px){
.upscale p.scale{
width:330px;
margin:0 auto;
padding:650px 10px 0 10px;
}}

p.audio{
margin:0;
padding:0 0 30px 0;
}
@media (max-width:640px){
p.audio img{
	width:100%;
	height:auto;
}}
.imgcenter{
	text-align:center;
}

.productbox{
	float:left;
	margin-right:65px;
}

.productbox dl{
	width:320px;
}


.productbox dl dd.name{
	float:left;
}

.productbox dl dd.link{
	float:right;
	margin-top:12px;
}


.productbox2{
	float:left;
	margin-top:120px;
}

.productbox2 dl{
	width:320px;
}


.productbox2 dl dd.name{
	float:left;
}

.productbox2 dl dd.link{
	float:right;
	margin-top:12px;
}

.contentsbox3{

	position:relative;
	overflow:hidden;
	padding:20px 10px 0 10px;
	height:680px;
}
.contentsbox3 dt{
	text-align:center;
	margin-bottom:10px;
}
.contentsbox3 dd.name{
	margin:0 0 15px 40px;
}
.contentsbox3 dl dd.link{
	margin-left:40px;
}
.contentsbox3 #product01 dd.name{
	margin:0 0 15px 15px;
}
.contentsbox3 #product01 dl dd.link{
	margin-left:15px;
}

.contentsbox3 #product01{
	width:342px;
	height:143px;
	position:absolute;
	left: 198px;
	top: 35px;
	z-index:1;
}

.contentsbox3 #product02{
	width:254px;
	height:198px;
	position:absolute;
	left: -11px;
	top: 202px;
	z-index:2;
}

.contentsbox3 #product03{
	width:254px;
	height:200px;
	position:absolute;
	left: 493px;
	top: 182px;
	height: 113px;
	z-index:3;
}

.contentsbox3 #product04{
	width:253px;
	height:170px;
	position:absolute;
	left: 244px;
	top: 248px;
	z-index:4;
	
}

.contentsbox3 #product05{
	width:253px;
	height:150px;
	position:absolute;
	left: -11px;
	top: 533px;
	z-index:5;
}

.contentsbox3 #product06{
	width:254px;
	height:200px;
	position:absolute;
	left: 243px;
	top: 453px;
	z-index:6;
}

.contentsbox3 #product07{
	width:254px;
	height:200px;
	position:absolute;
	left: 493px;
	top: 466px;
	z-index:7;
}

@media (max-width:640px){
.contentsbox3 #product01{
position: relative;
margin:0 auto;
top: 0px;
left: 0px;
padding:0 0 30px 0;
width:80%;
height:auto;
}}
@media (max-width:640px){
.contentsbox3 #product01 dt img{
width:80%;
height:auto;
}}
@media (max-width:640px){
.contentsbox3 #product02{
position: relative;
margin:0 auto;
top: 0px;
left: 0px;
padding:0 0 30px 0;
display:block;
height:auto;
}}
@media (max-width:640px){
.contentsbox3 #product03{
position: relative;
margin:0 auto;
top: 0px;
left: 0px;
padding:0 0 30px 0;
display:block;
height:auto;
}}
@media (max-width:640px){
.contentsbox3 #product04{
position: relative;
margin:0 auto;
top: 0px;
left: 0px;
padding:0 0 30px 0;
display:block;
height:auto;
}}
@media (max-width:640px){
.contentsbox3 #product05{
position: relative;
margin:0 auto;
top: 0px;
left: 0px;
padding:0 0 30px 0;
display:block;
height:auto;
}}
@media (max-width:640px){
.contentsbox3 #product06{
position: relative;
margin:0 auto;
top: 0px;
left: 0px;
padding:0 0 30px 0;
display:block;
height:auto;
}}
@media (max-width:640px){
.contentsbox3 #product07{
position: relative;
margin:0 auto;
top: 0px;
left: 0px;
padding:0 0 30px 0;
display:block;
height:auto;
}}

/*=========================================================

	Additional Date 2010/08/15

==========================================================*/


#contents03{
overflow:hidden;
position:relative;
	width:760px;
	text-align: center;
	font-size:0;
}
#contents03 dd.img{
position:relative;
margin:0;
padding:0;
}

@media (max-width:640px){
#contents03{
	width:100%;
	height:auto;
}}
@media (max-width:640px){
#contents03 dd.img img{
	width:100%;
	height:auto;
}}

@media (max-width:640px){
h2 img{
	width:100%;
	height:auto;
}}

@media (max-width:640px){
.contantsbox{
	width:100%;
	height:auto;
}}

@media (max-width:640px){
.contentsbox3{
width:100%;
	height:auto;
}}

.title {padding:0 5px;border-bottom:1px solid #ccc;margin:24px 0 20px;}

@media (max-width:640px){
.title img{
	width:100%;
	height:auto;
}
h3{
width:95%;
	height:auto;
}
}