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


	Site Name   SONY BRAVIA TOP
	File Name   page.css

	Create Date 2008/08/06
	Update Date 2008/08/27


==========================================================*/
/*----------------------------------------------------------

	Common Module

-----------------------------------------------------------*/

/*clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

/*nonHeight*/

.nonHeight {
	line-height: 0;
	font-size: 0;
}

/*info*/


ul,li{
margin-left:0px;
list-style-type: none;
}


.pt2 {
	padding-top: 2px;
}

.pt3 {
	padding-top: 3px;
}

.pt4 {
	padding-top: 4px;
}

.pt5 {
	padding-top: 5px;
}

.pr2 {
	padding-right: 2px;
}




/* ************************************************************************ */


/* キービジュアル */
#mainvisual_screen .mainImageLeft {
	width:760px;
	float:left;
}
#mainvisual_screen .mainImageRight {
	width:180px;
	float:right;
}
#mainvisual_screen .mainImageRight p{
	display: none;
}
.mod-brandTopImage-extra-alternate {
	display:none;
}

.mod-contentContainer #bnr_4k-movie{
	margin: 0;
}

	.mod-contentContainer #top_bnr img{
		width:auto;
		height:auto;
		display:inline;
		padding:0;
		margin:0;
	}
	.mod-contentContainer #top_bnr img.bnr_left,
	.mod-contentContainer #top_bnr img.bnr_center{
		padding-right:5px;
	}
	
	.mod-contentContainer #top_bnr img.special_bnr_sp{
		display:none;
	}
	
	



@media(max-width:640px){
	.mod-brandTopImage {
		padding: 0;
		margin:10px auto 40px auto !important;
	}
	.mod-brandTopImage img,
	.banner_area a img {
		width: 100%;
		height: auto;
	}

	#mainvisual_screen {
		width:100%;
		float:none;
	}
	
	#mainvisual_screen .mainImageLeft {
		width:100%;
		float:none;
	}
	
	#mainvisual_screen .mainImageRight {
		width:100%;
		float:none;
	}
	
	.mainImageRight img{
		display: none;
	}
	
	#mainvisual_screen .mainImageRight p{
		display: block;
	    border: 1px solid #CCCCCC;
	    height: auto;
	    margin: 6px 0;
	    padding: 8px;
	    position: static;
	}

	.mainImageRightTop img {
		display:none;
		width:100%;
	}

	.mod-brandTopImage a{
		display:block;
	}

	.mod-contentContainer #bnr_4k-movie{
		margin: 0;
	}
	
	.mod-contentContainer #top_bnr img{
		width:49%;
		height:auto;
		display:inline;
		padding:0;
		margin:0;
	}
	
	.mod-contentContainer #top_bnr img.bnr_left,
	.mod-contentContainer #top_bnr img.bnr_center{
		padding-right:1%;
	}

	.mod-contentContainer #top_bnr img.special_bnr_pc{
		display: none;
	}

	.mod-contentContainer #top_bnr img.special_bnr_sp{
		display:inline;
	}

	.mod-contentContainer #top_bnr #football_bnr,
	.mod-contentContainer #top_bnr #sp-bdbox_bnr{
		float: none;
	}
	.mod-brandTopImage-extra-alternate {
		display:block;
		border: 1px solid #CCCCCC;
		height: auto;
		margin: 6px 0;
		padding: 8px;
		width:auto;
	}

	.mod-brandTopImage-extra-alternate h2 {
		display: block;
		font-size: 1em;
		font-weight: normal;
		margin: 0;
	}

}

@media(max-width:480px){
	.mod-contentContainer #top_bnr img{
		width:300px;
		height:auto;
		display:inline;
		padding:0;
		margin:0;
	}
	.mod-contentContainer #top_bnr img.bnr_left,
	.mod-contentContainer #top_bnr img.bnr_center{
		padding-right:0;
	}

}

/* サイズで選ぶ */

#size_navi {
	background-image: url(../images/top_size_bg.jpg);
	background-repeat:no-repeat;
	width: 950px;
	height: 55px;
	margin-bottom: 10px;
 }


#size_navi dl {
	padding-top: 10px;
}

#size_navi dt {
	background-image: url( ../images/top_size_ttl.png);
	background-repeat:no-repeat;
	background-position:0 10px;
	float: left;
	margin-left: 30px;
	height:30px;
	padding-top:10px;
	width:120px;
}

#size_navi dt span{
	/*opacity:0;*/
	visibility: hidden;
}

#size_navi dd {
	float: left;
	padding-left:20px;
	margin-left:0px;
}

@media (max-width:640px){
	#size_navi{
		background-image: none;
		width: 100%;
		height: auto;

	}
	#size_navi dl{
		width:100%;
		padding-top:0;
	}
	#size_navi dt {
		background-image: none;;
		float: left;
		height:30px;
		display: block;
		width:100%;
		margin-left: 0;
		padding-top: 0;
	}
	#size_navi dt span{
		/*opacity:100;*/
		visibility: visible;
		font-weight:bold;
		display: block;
	}
	#size_navi dd {
		float: left;
		padding-left:0;
		width:100px;
	}
	#size_navi dd img {
		width:90%;

	}

}


/* シリーズリスト */
#serieslist{
	background-repeat:no-repeat;
	width: 950px;
	padding-bottom:0px;
	background-image: url(../images/top_series_bg.jpg);
	height:552px;
	padding-top:14px;
}
#serieslist #serieslistttl{
	display:none
}
#serieslist ul{
	text-align:left;
	padding:0;
	margin:0;

}
#serieslist li{
	float:left;
}

#serieslist li.first{
	margin-left:8px;
	_margin-left:4px; /* IE7 IE6 hack */
}

#serieslist li.flagshipclass{
	width: 934px;	/* 308+5+308+5+308 */
}

#serieslist li.premiumclass{
	margin-top:5px;
	width: 934px;
}

#serieslist li.highspecclass{
	margin-top:5px;
	width: 558px;	/* 182+6+182+6+182 */
}

#serieslist li.standardclass{
	margin-left:6px;
	_margin-left:3px; /* IE7 IE6 hack */
	width: 370px;	/* 182+6+182 */
}



#serieslist li:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#serieslist dl{
	padding:0;
	margin:0;
}


#serieslist dt,
#serieslist dd{
	margin-left:0px;

}

#serieslist dt{
 	height:19px;
	margin:0 auto 1px 0;
	text-align:center;
	padding:2px 0;
	border-bottom:1px solid #EDEDED;
}

#serieslist dt span{
	height:19px;
	display:inline-block;
	font-weight:bold;
	color:#ffffff;
	z-index:10000;
	line-height:1.5em;
}

#serieslist dd{
	height: 120px;
	margin-top:0px;
	margin-bottom:1px;
	border-bottom:1px solid #EDEDED;	
}

#serieslist dd:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#serieslist dd.flagship_list{
	height: 180px;
}


#serieslist dd.flagship_list,
#serieslist dd.premium_list,
#serieslist dd.highspec_list,
#serieslist dd.standard_list{
	float: left;
}



#serieslist dd#x9200b{
	margin-left:5px;
	_margin-left:2px; /* IE7 IE6 hack */
}
#serieslist dd#x8500b{
	margin-left:5px;
	_margin-left:2px; /* IE7 IE6 hack */
}

#serieslist dd#w900b{
	margin-left:5px;
	_margin-left:2px; /* IE7 IE6 hack */
}

#serieslist dd#w920a{
	margin-left:5px;
	_margin-left:2px; /* IE7 IE6 hack */
}

#serieslist dd#w700b{
	margin-left:6px;
	_margin-left:3px; /* IE7 IE6 hack */
}
#serieslist dd#w600b{
	margin-left:6px;
	_margin-left:3px; /* IE7 IE6 hack */
}
#serieslist dd#w600a{
	margin-left:6px;
	_margin-left:3px; /* IE7 IE6 hack */
}


/* グラデーション */
#serieslist .flagship{
	/* 通常 */
	background:linear-gradient(#F5D55A, #E0B32F);
	/* webkit用 */
	background: -webkit-gradient(linear, center top, center bottom, from(#F5D55A), to(#E0B32F));
	/* mozilla用 */
	background: -moz-linear-gradient(top, #F5D55A, #E0B32F);
	/* IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5D55A', endColorstr='#E0B32F');
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5D55A', endColorstr='#E0B32F')";

}


#serieslist .premium{
	/* 通常 */
	background:linear-gradient(#C9CACB, #929497);
	/* webkit用 */
	background: -webkit-gradient(linear, center top, center bottom, from(#C9CACB), to(#929497));
	/* mozilla用 */
	background: -moz-linear-gradient(top, #C9CACB, #929497);
	/* IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C9CACB', endColorstr='#929497');
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C9CACB', endColorstr='#929497')";

}


#serieslist .highspec{
	/* 通常 */
	background:linear-gradient(#C9151E, #8B0E14);
	/* webkit用 */
	background: -webkit-gradient(linear, center top, center bottom, from(#C9151E), to(#8B0E14));
	/* mozilla用 */
	background: -moz-linear-gradient(top, #C9151E, #8B0E14);
	/* IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C9151E', endColorstr='#8B0E14');
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C9151E', endColorstr='#8B0E14')";}


#serieslist .standardclass{
	margin-top:5px;
	margin-left:3px;
	width:491px;
}

#serieslist .standard{
	/* 通常 */
	background:linear-gradient(#007D38, #004D22);
	/* webkit用 */
	background: -webkit-gradient(linear, center top, center bottom, from(#007D38), to(#004D22));
	/* mozilla用 */
	background: -moz-linear-gradient(top, #007D38, #004D22);
	/* IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#007D38', endColorstr='#004D22');
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#007D38', endColorstr='#004D22')";

	

}


#serieslist p{
	font-size: 10px;
	text-align: right;
	margin-right:7px;
}


.bnr_box{
	margin:20px 0;
}

.bnr_box a img{
	transition: opacity 0.2s ease-in 0s;
}

.bnr_box a:hover img{
	opacity: 0.5;
}

.exhibition{
	padding-bottom:20px;
	width:100%;
	text-align:left;
}

.exhibition .leftview{
	float:left;
}

.exhibition .showroom{
	width:498px;
}

.exhibition .showroom span{
	display:block;
	float:left;

}
.exhibition .showroom span.catalogpdf{
	padding-right:26px;
}

.exhibition .showroom span.showcase{
	padding-right:0;
}

.exhibition .rightview{
	float:right;
}

.exhibition span{
	float:left;
	background: url("/share2/images/mod-link/ico_01.png") no-repeat scroll 0 0.4em transparent;
	display: block;
	padding-left: 8px;
}



@media (max-width:640px){
	#serieslist{
		display:block;
		width: 100%;
		height:auto;
		background-image: none;
		padding-bottom:0;
	}
	
	#serieslist #serieslistttl{
		display:block;
		font-size: .8;
		font-weight:bold;
		color:#666
	}


	#serieslist li.flagshipclass,
	#serieslist li.premiumclass ,
	#serieslist li.highspecclass,
	#serieslist li.standardclass{
		background-color: #EDEDED;
		width:100%;
		padding:0;
		margin:0 0 10px 0;
		height:auto;
	}

	#serieslist dl{
		display:block;
		width:100%;
		height:auto;
	}
	#serieslist dl:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#serieslist dt{
		width:100%;
		height:auto;
	}
	

	#serieslist dt span{
		padding-top:0px;
	}

	#serieslist dd{
		float:left;
		padding-left:10px !important;
		padding-right:10px !important;
		padding-bottom:2px !important;
		height: 60px !important;
		min-width: 280px !important;
		margin-left:0 !important;
	}
	
	#serieslist dd.flagship_list{
		height: 90px !important;
	}

	#serieslist dd a{
		height:60px;
	}

	#serieslist dd.flagship_list a{
		height:90px;
	}

	#serieslist dd img{
		visibility:hidden;
		display: block;
		height:60px;
		width:100%;
	}

	#serieslist dd.flagship_list img{
		height:90px;
	}


	#serieslist #x9500b {
	background: url("../images/top_s_pre4k_w9500b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #x9200b {
	background: url("../images/top_s_pre4k_w9200b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #x8500b {
	background: url("../images/top_s_pre4k_x8500b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w950b {
	background: url("../images/top_s_pre_w950b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w900b {
	background: url("../images/top_s_pre_w900b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w920a {
	background: url("../images/top_s_pre_w920a_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w800b {
	background: url("../images/top_s_high_w800b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w700b {
	background: url("../images/top_s_high_w700b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w600b {
	background: url("../images/top_s_high_w600b_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w500a {
	background: url("../images/top_s_standard_w500a_s.jpg") no-repeat scroll center 0 transparent;
	}
	#serieslist #w600a {
	background: url("../images/top_s_standard_w600a_s.jpg") no-repeat scroll center 0 transparent;
	}


	
	#serieslist p{
	font-size: 13px;
	text-align: left;
	margin-right:0;
	}
	.mod-multiColBunner ul {
		line-height: 1.4;
	}

	.bnr_box{
		margin: 10px 0;
	}
	
	.bnr_box img{
		width:100%;
		height:auto;
	}


	.exhibition .leftview{
		float:none;
	}

	.exhibition .showroom{
		width:100%;
	}

	.exhibition .showroom span,
	.exhibition .showroom span.catalogpdf,
	.exhibition .showroom span.showcase {
		display:block;
		float:none;
		padding-right:0;
	}



	.exhibition .rightview{
		float:none;
	}


}


@media (max-width:640px) and (min-width:321px){
	#serieslist dd{
		float:left;
		padding-left:0 !important;
		padding-right:0 !important;
		padding-bottom:2px;
		height: 60px;
		width: 270px !important;
		min-width: 270px !important;
	}
}







/* ビデオアンリミテッドのお知らせ */
div.unlimitedinfo{
	padding:35px 0 0 0;
	margin:0 auto;
	text-align:center;
}
@media (max-width:640px){
	div.unlimitedinfo{
		padding:20px 0 0 5px;
	}

	div.unlimitedinfo a.mod-linkButton1{
		font-size:15px;
	}
}


/* ネットワークサービス最新情報 */
div.netserviceinfo{
	padding:35px 0 0 0;
	margin:0 auto;
	text-align:center;
}
@media (max-width:640px){
	div.netserviceinfo{
		padding:20px 0 0 5px;
	}

	div.netserviceinfo a.mod-linkButton1{
		font-size:15px;
	}
}


/*スペコンバナー*/
#bnr_x9000 {
	padding-bottom: 20px;
	overflow: hidden
}
#bnr_x9000 ul {
	margin: 0;
	padding: 0
}
#bnr_x9000 ul li {
	list-style: none;
	float: left;
}
#bnr_x9000 div {
	display: none;
}

@media (max-width:640px){
#bnr_x9000 ul li:first-child img{
	width: 100%;
	max-width: 582px;
}
#bnr_x9000 ul li:last-child img{
	display: none;
}
#bnr_x9000 div {
	display: inline;
}
#bnr_x9000 ul li {
	float: none;
	margin-bottom: 10px;
}}

/* スパイダーマンキャンペーン・ネットサービスバナー */
#bnr_spider-man,
#bnr_netservice{
	padding-bottom: 20px;
	overflow: hidden;
}
@media (max-width:640px){
	#bnr_spider-man img,
	#bnr_netservice img{
		width:100%;
		height:auto;
	}
}