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


	Site Name   SONY BD TOP
	File Name   page.css

	Create Date 2008/08/06
	Update Date 2015/02/28

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

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

	Module Top Style Sheet

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

/* main-visual */

#main-visual {
	position:relative;
	z-index:0;
	width:779px;
	height:302px;
	float:left;
}
@media (max-width:640px){
#main-visual{
	width:100%;
	height:auto;
	float:none;
}
}

#flash-box {
	width:779px;
	height:302px;
	background-color:#CCC;
}
@media (max-width:640px){
#flash-box{
	width:100%;
	height:auto;
}
}

#subbnr-box {
	/*width:171px;*/
	width:180px;
	height:300px;
	background-color:#333;
	float:left;
}
@media (max-width:640px){
#subbnr-box{
	width:auto;
	height:auto;
	background-color:#fff;
	float:none;
}
}


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

@media (max-width:330px){
.modelIcon img{
	width:100%;
	height:auto;
}
}


.mod-brandTopImage {
    clear: both;
    margin: 0 auto 10px !important;
}

#subbnr-box .mod-brandTopImage-extra{
	/*margin:4px 0 0 0;
	padding:0 0 0 3px;*/
}



#subbnr-box a{
	display:none;
	/*display:block;*/
}

/*--share 4----------------*/
#subbnr-box .kougaonBtn1 a:hover img,
#subbnr-box .kougaonBtn2 a:hover img{
	opacity:0.5;
 	-webkit-transition: opacity 0.3s ease-in !important;
	-moz-transition: opacity 0.3s ease-in !important;
	-ms-transition: opacity 0.3s ease-in !important;
	-o-transition: opacity 0.3s ease-in !important;
	transition: opacity 0.3s ease-in !important;
}

#subbnr-box .kougaonBtn1 a{
	display:block;
	width:200px;
	height:40px;
	background:url(/bd/images/bnr_right_special_btn1_on.gif) no-repeat left top !important;

}


#subbnr-box .kougaonBtn2 a{
	display:block;
	width:200px;
	height:51px;
	background:url(/bd/images/bnr_right_special_btn2_on.gif) no-repeat left top !important;
}

.home-section-headerItem{
	float:right;
}

.home-section-headerItem .home-section-headerItemIcon{
	float:left;
}

.home-section-headerItem .home-section-headerItemText{
	float:left;
	padding-top:3px;
}



@media (max-width:640px) {
#subbnr-box a{
	background-color:#fff;
	/*display: inline;*/
}

#subbnr-box img{
	display:none;
}

#subbnr-box .kougaonBtn1 a,
#subbnr-box .kougaonBtn2 a{
		display:none;
		background:none;
	

}
}



/*トップではサイドバーの商品情報リンクが削除されるため、上マージンを削除*/

body div#container div#pagebody div#column2-right div#t-size-right01 {
	margin-top: 0;
}

	body div#container div#pagebody div#column2-main div.section {
		width: 100%;
		padding: 0 0 25px;
		position: relative;
	}

		/*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)のタイトル用*/

		body div#container div#pagebody div#column2-main div.section h2 {
			margin: 0 0 30px;
			padding: 0 0 10px;
			background: transparent url(../images/title_bg.gif) bottom center no-repeat;
		}

		body div#container div#pagebody div#column2-main div.section p.list{
	position: absolute;
	top: 2px;
	right: 2px;
		}

		/*重要なお知らせ部分のサブメニュー*/

		body div#container div#pagebody div#column2-main div.section ul#importantSub {
			position: absolute;
			top: 11px;
			right: 0;
		}
		
		/*お知らせ部分のサブメニュー*/

		body div#container div#pagebody div#column2-main div.section ul#topicsSub {
			position: absolute;
			top: 11px;
			right: 0;
		}
		
		/*更新情報部分のサブメニュー*/

		body div#container div#pagebody div#column2-main div.section ul#informationSub {
			position: absolute;
			top: 3px;
			right: 0;
		}

			body div#container div#pagebody div#column2-main div.section ul li {
				margin: 0 0 0 13px;
				display: inline;
			}

		/*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)用*/

		body div#container div#pagebody div#column2-main div.section div {

		}

			body div#container div#pagebody div#column2-main div.section div dl {
				width: 370px;
				margin: 0 15px 0 0;
				padding: 0 0 25px;
				position: relative;
				float: left;
				min-height:90px;
			}
			
			body div#container div#pagebody div#column2-main div.section div .dlbox {
				width: 370px;
				margin: 0 15px 0 0;
				padding: 0 0 25px;
				position: relative;
				float: left;
				min-height:90px;
			}
			
			body div#container div#pagebody div#column2-main div.section div#seriesMain dl {
				min-height:108px;
			}
			
			* html body div#container div#pagebody div#column2-main div.section div dl {
				height:90px;
			}
			
			* html body div#container div#pagebody div#column2-main div.section div#seriesMain dl {
				height:108px;
			}

			body div#container div#pagebody div#column2-main div.section div .noMargin {
				margin-right: 0;
			}

				/*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)の左画像用*/

				body div#container div#pagebody div#column2-main div.section div dl dt {
					width: 174px;
					position: absolute;
					top: 0;
					left: 0;
				}

				body div#container div#pagebody div#column2-main div.section div dl dd {
					margin: 0 0 0 174px;
					line-height: 1.3;
				}

				body div#container div#pagebody div#column2-main div.section div dl dd.txt10 {
					margin-top: 5px;
				}

				body div#container div#pagebody div#column2-main div.section div dl dd.notice {
					margin-top: 10px;
					color: #df0101;
				}

				body div#container div#pagebody div#column2-main div.section div dl dd.linkProductInfo {
					margin-top: 10px;
					margin-bottom: 4px;
					line-height: 0;
					font-size: 0;
				}
				
				body div#container div#pagebody div#column2-main div.section div dl dd.linkShowroom {
					background:transparent url(../share/images/arrow_black.gif) no-repeat scroll left 4px;
					font-size:0.9em;
					margin-top:10px;
					padding-left:10px;
				}
				body div#container div#pagebody div#column2-main div.section div dl dd.linkProductInfo2 {
					margin-top: 10px;
					margin-bottom: 10px;
					line-height: 0;
					font-size: 0;
				}
				

		/*上記モジュール以外(重要なお知らせ)用*/

		body div#container div#pagebody div#column2-main div.section dl#importantNews{
			padding: 0 0 25px;
		}

			body div#container div#pagebody div#column2-main div.section dl#importantNews dt {
				width: 11em;
				margin: 0 0 10px;
				float: left;
			}

			body div#container div#pagebody div#column2-main div.section dl#importantNews dd {
				margin: 0 0 1em 11em;
				padding: 0 0 0 10px;
				background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
			}

			* html body div#container div#pagebody div#column2-main div.section dl#importantNews dd {

			}
			
			
		/*上記モジュール以外(お知らせ)用*/

		body div#container div#pagebody div#column2-main div.section dl#topicsNews{
			padding: 0 0 25px;
		}
		body div#container div#pagebody div#column2-main div.section p#topicsNews{
			padding: 0 0 25px;
		}

			body div#container div#pagebody div#column2-main div.section dl#topicsNews dt, {
				width: 11em;
				margin: 0 0 10px;
				float: left;
			}

			body div#container div#pagebody div#column2-main div.section dl#topicsNews dd {
				margin: 0 0 1em 11em;
				padding: 0 0 0 10px;
				background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
			}

			* html body div#container div#pagebody div#column2-main div.section dl#topicsNews dd {

			}

		/*上記モジュール以外(更新情報)用*/

		body div#container div#pagebody div#column2-main div.section dl#informationNews {
			padding: 0 0 25px;
		}

			body div#container div#pagebody div#column2-main div.section dl#informationNews dt {
				width: 11em;
				margin: 0 0 10px;
				float: left;
			}

			body div#container div#pagebody div#column2-main div.section dl#informationNews dd {
				margin: 0 0 1em 11em;
				padding: 0 0 0 10px;
				background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
			}

			* html body div#container div#pagebody div#column2-main div.section dl#informationNews dd {

			}

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

.icon_blank {
	margin:0 0 0 3px;
	vertical-align:top;
}

.txt_blank {
	margin:3px 0 0 0;
}

/*右カラム重要なお知らせ用*/

/* \*/ 
* html .inc-bannerlist li p.newsicon {height:1%;} 
.inc-bannerlist li p.newsicon {display: block;} 
/* */
.inc-bannerlist li p.newsicon span {
	float:left;
	width:25px;
}
.inc-bannerlist li p.newsicon span.banner_text {
	float:right;
	width:135px;
}
.inc-bannerlist li p.newsicon a span {
	cursor:pointer;
}

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

	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;
}

/*showroom*/
#lineup dl dd.linkShowroom {
    margin-top:10px;
    padding-left: 10px;
    font-size: 0.9em;
    background: url(/bd/images/arrow_black.gif) no-repeat left 4px;
	width: 186px;
}

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

	Line up Style Sheet

-----------------------------------------------------------*/
#lineup_ttl{
	position:relative;
}

#lineup_ttl h2 {
	margin: 0 0 30px;
	padding: 0 0 10px;
	background: transparent url(../images/title_bg.gif) bottom center no-repeat;
}

#lineup_ttl p {
	position: absolute;
	top: 3px;
	right: 0;
}

#lineup_s{
	width:755px;
	/*height:157px;*/
	height:130px;
}

#ttlbox{
	width:121px;
	float:left;
}

#products{
	width:634px;
	float:right;
}

#products .p_unit{
	float:left;
	margin:0;
	padding:0;
	
}

#products .p_unit img{
	margin:0;
	padding:0;
	display: block;
}

#lineup_s li{
	float:left;
	height:45px;
	vertical-align:top;
	line-height:0;
	padding:0;
	position:relative;
}

#bd_wrapper{
	width:755px;
	height:340px;
}
#bd_l{
	float:left;
	width:370px;
	margin:0 15px 0 0;
	padding:0;
	background:url(../images/bg_bd_l.jpg) no-repeat 0 0;
}
#bd_r{
	float:left;
	margin:0;
	padding:0;
	width:370px;
	background:url(../images/bg_bd_r.jpg) no-repeat 0 0;
}

#bd_wrapper h2{
	margin:20px;
}

#bd_wrapper li{
	margin:0 0 7px 20px;
}

#bnrbox{
	width:755px;
	height:160px;
	margin:0;
	padding:0;
	background:url(../images/bg_bnrbox.jpg) no-repeat 0 0;
}

#bnrbox ul{
	margin:0 0 0 20px;
}

#bnrbox li{
	float:left;
	padding:0;
	margin-top:20px;
}

#bnrbox li.mr55{
	margin-right:55px;
}
p.showroomlinks {
	height: 50px;
	position: relative;
	background:transparent url(../share/images/arrow_black.gif) no-repeat scroll left 4px;
	font-size:0.9em;
	margin-left:123px;
	padding-left:10px;
}

p.showroomlinks2 {
	height: 50px;
	background:transparent url(../share/images/arrow_black.gif) no-repeat scroll left 4px;
	font-size:0.9em;
	padding-left:10px;
}


body div#container div#pagebody div#column2-main div.section dl.skp75 {
	width:370px;
	height:200px;
	padding-top:10px;
	background:transparent url(../images/tit_hd.gif) no-repeat scroll 0 top;
}

body div#container div#pagebody div#column2-main div.section dl.skp75 dd {
	padding-top:15px;
}

body div#container div#pagebody div#column2-main div.section dl.skp75 dd.linkProductInfo {
	padding-top:0;
}


body div#container div#pagebody div#column2-main div.section dl.skp75 dt {
	padding-top:25px;
}

.linkText {
	margin:5px 0 0 174px; }
 
@media (max-width:640px) {
  .linkText {
    margin:5px 0 0 0; } } 
.linkText a {
  color: #43677E !important;
  display: inline-block;
  padding-left: 8px;
  background: url(/share2/images/mod-link/ico_01.png) no-repeat 0 0.45em; }

.linkText a:hover {
  color: #C41230 !important;
  text-decoration: none;
  background: url(/share2/images/mod-link/ico_01.png) no-repeat 0 0.45em; }

@media (max-width:640px) {
  .linkText a {
    font-size: 16px;
    padding-left: 12px;
    background: url(/share2/images/mod-link/ico_02.png) no-repeat 0 0.42em; } 
	}



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

	wide banner

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

.wideBanner{
	clear: both;
	width: 950px;
	margin:0px auto 30px auto !important;
	padding-top:10px;
}

/*.wideBanner .mod-heading{
	margin-bottom:20px;
}
*/

.bnr{
	margin-bottom:8px;
}

.wideBanner .bnr{
	width:950px;
}

.wideBanner .bnr02{
	width:100%;
}

.wideBanner .bnr02 li.flL{
	float:left !important;
	width:470px;
	margin:0 4px 0 0;
	list-style:none;
	padding:0;
}

.wideBanner .bnr02 li.flR{
	float:right !important;
	width:470px;
	margin:0 0 0 4px;
	list-style:none;
	padding:0;
}
.wideBanner .bnr02 li a img{
	border:none !important;
	max-width:100% !important;
	height:auto;
	display:block;
	margin:0;
	padding:0;

}


@media (max-width:640px) {
.wideBanner{
	clear:both;
	width:100%;
	margin-top:5px;
	}
	
.wideBanner .bnr img{
		max-width:100%;
		height:auto;
		border:0;
	}
	
.wideBanner .bnr02{
	width:96%;
}
	
.wideBanner .bnr02 li.flL{
	float:none !important;
	width:96% !important;
	margin:0 2% 5px 2% !important;
	padding:0;
	display:block;
}

.wideBanner .bnr02 li.flR{
	float:none !important;
	width:96%!important;
	margin:0 2% !important;
	padding:0;
}
	
.wideBanner .bnr02 li a img{
		max-width:100% !important;
		height:auto;
		display:block;
}
	
}




/*---update 130601-------------------*/

.LineupTbl{
	border-collapse:collapse;
	width:950px;
/*	border:#dddddd 1px solid;*/
	border-bottom:#dddddd 1px solid;
}

.LineupTbl td,
.LineupTbl th{
	border-collapse:collapse;
	border-left:#dddddd 1px solid;
	border-right:#dddddd 1px solid;
	margin:0;
	padding:0;
	text-align:center;
	width:20%;
	position:relative;
	
}

.LineupTbl td{
	border-collapse:collapse;
	border-left:#dddddd 1px solid;
	border-right:#dddddd 1px solid;
	margin:0;
	padding:0;
	text-align:center;
	width:20%;
	position:relative;
	padding:0;
	vertical-align:top;
	
}

.LineupTbl td a{
	color:#333333;
	text-decoration:none;
}

.LineupTbl td em{
	margin:35px 0 5px 0;
	display:block;
}

.LineupTbl td .note em{
	margin:0 !important;
	display:block;
}

.LineupTbl td .note a{
	text-decoration:underline;
}


.LineupTbl td span{
	text-align:center;
	/*font-size:10px;*/
	display:block;
	margin-bottom:5px;
	margin-top:5px;
}

.LineupTbl td div.icn{
	text-align:center;
}

.LineupTbl td .btn{
	width:110px;
	margin-left:64px;
}


.LineupTbl td .btn .mod-linkButton1{
	padding:10px 0;
	font-size:14px;
	margin-bottom:15px;
}



.LineupTbl td div.note{
	text-align:left;
	font-size:10px;
	margin:0 5px 0 10px;
}

.LineupTbl td div.note em{
	font-weight:bold;
	font-style:normal;
}



.LineupTbl td img,
.LineupTbl th img{
	vertical-align:bottom;
	border:none;
	max-width:100%;
	height:auto;
}

.LineupTbl th.line01{
	background:#bf9816;
}
.LineupTbl th.line02{
	background:#9D45D2;
}
.LineupTbl th.line03{
	background:#33b633;
}
.LineupTbl th.line04{
	/*background:#5cc0e4;*/
	background:#e59343;
	
}

.LineupTbl .gCol td{
	background:#d2f1ff;
}

.LineupTbl td.gCol3{
	background:#aee4fd;
}
.LineupTbl td.gCol2{
	background:#d2f1ff;
}

.LineupTbl td.gCol1{
	background:#e7f7fe;
}
.LineupTbl .bdnone{
	border:none;
}

.LineupTbl .disc{
	vertical-align:top;
	padding-top:5px;
	text-align:left;
}

.spLineup{
		display:none;
}
	

.BtnlienUp{
	margin:20px 0px;
	text-align:center;
	/*margin:20px 150px 20px 190px;*/
	/*margin:20px auto 20px auto;*/
}

.BtnlienUp a{
	margin:0px 15px;
}

.BtnlienUp .mod-linkButton1{
	padding:15px 15px 15px 30px;
	font-size:120%;
}


.indent{
	padding-left:1em;
	text-indent:-1em;
	font-size:0.76923em;
}

/*Rollover
--------------*/	
a:hover img.imgov{
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	opacity:0.80;
	}


@media (max-width:640px) {
	.LineupTbl{
		display:none;
	}
	
	.spLineup{
		display:block;
	width:70%;
	margin:0 15% 15px 15%;
	}
	
/*.spLineup dl{
	width:70%;
	margin:0 15% 15px 15%;
	
}
*/
.spLineup dt{
	border:#dddddd 1px solid;
	text-align:center;
	margin:0;
	padding:0;
	}
	
.spLineup dd{
	border-right:#dddddd 1px solid;
	border-bottom:#dddddd 1px solid;
	border-left:#dddddd 1px solid;
	text-align:center;
	margin:0;
	padding:0;
	}
	
	
	
.spLineup dt span.line01{
	background:#d0a61a;
	float:left;
}
.spLineup dt span.line02{
	background:#9D45D2;
		float:left;
}
.spLineup dt span.line03{
	background:#33b633;
	float:left;
}
.spLineup dt span.line04{
	background:#e59343;
	float:left;
}
.spLineup dt.line05{
background:#003f91;
}

.spLineup dt span{
	display:block;
	background:#ededed;
	width:50%;
	float:right;
	min-height:29px;
}
.spLineup dt span img{
	vertical-align:bottom;
	border:none;
	max-width:100%;
	height:auto;
}
	
.BtnlienUp{
	margin:10px 0px 10px 12%;
}

	
.BtnlienUp a{
margin:0 auto 10px auto;
display:block;
}


.BtnlienUp .mod-linkButton1{
	padding:8px 8px 8px 25px;
}




}

@media (max-width:460px) {
.spLineup{
	width:90%;
	margin:0 5% 15px 5%;
	
}

.BtnlienUp{
	margin:10px 0px 10px 0;
}

.BtnlienUp .mod-linkButton1{
	padding:4px 5px 4px 25px;
}
	
}




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

	floatBox

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



#floatBox01 h3{
	font-size:20px;
	line-height:1.1;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
	margin-bottom:12px;
}

@media (max-width:640px) {

#floatBox01 .floatBoxContents .fig{
	max-width:100%;
	height:auto;
}
	
}

.mod-seriesList mod-seriesList-item2{
	float:none !important;
}

.mod-seriesList mod-seriesList-item2-images{
	float:none !important;
}



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


.PickUpBnr{
	width:100%;
	margin:0;
}

.PickUpBnr dl{
width:215px;
margin:0 30px 0 0;
float:left;
}

.PickUpBnr dl.last{
margin:0;
float:left;
}

.PickUpBnr dt{
	margin:0 0 5px 0;
}

.PickUpBnr dd em{
	font-size:14px;
	font-weight:bold;
	font-style:normal;
}

.PickUpBnr dd em.blank{
	padding-right:15px;
	background:url(/bd/images/icn_blank.gif) no-repeat right 4px;
	
}

.PickUpBnr dd em span.blank{
	padding-right:15px;
	background:url(/bd/images/icn_blank.gif) no-repeat right 4px;
	
}

.PickUpBnr dd .btn{
		margin:10px 0 0 50px;
		padding:0;
}

.PickUpBnr dd .btn .mod-linkButton1{
	padding:10px 0;
	margin:0;
	width:110px !important;
	text-align:center;
	font-size:14px;
}


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

.PickUpBnr dl,
.PickUpBnr dl.last{
width:215px;
margin:0 auto 10px auto;
float:none;
}
}