@charset "Shift_JIS";
/* ---------------------------------------------------
	dir: /bravia/update/
	filename: update_news.css
	style info: For Update Information Page
		1. Basic Layout
		2. Download Button
		3. Tab navigation
		4. Update News List
		5. Update Info Table
		6. Common Module
--------------------------------------------------- */
/* ---------------------------------------------------
	1. Basic Layout
--------------------------------------------------- */
h1 {
	margin-bottom: 15px;
}

.contentArea {
	min-height: 300px;
	height: auto ! important;
	height: 300px;
}


/* ---------------------------------------------------
	2. Download Button
--------------------------------------------------- */
#dlBtn {
	text-align: right;
}
#dlBtn li {
	display: inline;
	padding-left: 10px;
}
#dlBtn li img {
	vertical-align: bottom;
}
#dlBtn li span{
	display:none;
}

/* ---------------------------------------------------
	3. Tab navigation
--------------------------------------------------- */
#tabNavi {
	margin: 25px 0 35px;
	padding-left: 30px;
	background: url(/bravia/update/images/update_bg.gif) no-repeat left bottom;
}
#tabNavi li {
	display: inline;
	padding-right: 18px;
}
#tabNavi img {
	vertical-align: bottom;
}


/* ---------------------------------------------------
	4. Update News List
--------------------------------------------------- */
/* clearfix */
.updateNews:after {
	content: "";
	display: block;
	clear: both; 
}
.updateNews {
	zoom: 1;
}

.updateNews dt {
    float: left;
    width: 150px;
}
.updateNews dd {
	margin-left: 150px;
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(/share/images/arrow_black.gif) no-repeat left 0.4em;
}
	/* For IE6 Only */
	* html .updateNews dd {
		height: 1%;
	}
.updateNews .newsHeadline {
	padding-left: 0;
	background: none;
	font-weight: bold;
}
.updateNews .newsHeadlineLink {
	font-weight: bold;
}


/* ---------------------------------------------------
	5. Update Info Table
--------------------------------------------------- */
.updateNews .updateInfo {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	background: none;
}
.updateInfo table {
	border-left: 1px solid #9b9b9b;
	border-top: 1px solid #9b9b9b;
	width: 100%;
	margin: 0 0 50px;
}
.updateInfo table th,
.updateInfo table td {
	border-right: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
	padding: 5px;
}
.updateInfo table th {
	width: 156px;
	background: #f3f3f3;
	line-height: 1.4;
}
.updateInfo table th.subTh {
	width: auto;
}
.downloadCell {
	background: #f3f3f3;
}

/* Table Layout Pattern */
.tableType1 .baseCell td {width: 250px;}
.tableType1 .downloadCell {width: 249px;}

.tableType2 .baseCell td {width: 120px;}
.tableType2 .baseCell td.versionCheck {width: 119px;}
.tableType2 .downloadCell {width: 249px;}

.tableType3 .baseCell td {width: 185px;}
.tableType3 .downloadCell {width: 379px;}

.tableType4 .baseCell td {width: 120px;}
.tableType4 .baseCell td.versionCheck {width: 119px;}


/* ---------------------------------------------------
	6. Common Module
--------------------------------------------------- */
/* Link Decoration */
.arrow {
	padding-left: 10px;
	background: url(/share/images/arrow_black.gif) no-repeat left 0.3em;
}

/* Margin */
.mb0 {margin-bottom: 0 ! important;}
.mb20 {margin-bottom: 20px ! important;}

/* Text-align */
.alignCenter {text-align: center;}
.alignRight {text-align: right;}

/* List Indent */
.indent li {
	padding-left: 2.1em;
	text-indent: -2.1em;
}
.indentType2 li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
/* ---------------------------------------------------
	7. font color
--------------------------------------------------- */
.fontColor-red {color: #F00;
}
/* ---------------------------------------------------
	8. Search Area
--------------------------------------------------- */
#searchBox{float:left;width:841px;}
#searchBox form{
	margin:5px 0;
	background:url(/bravia/update/images/form_bg.gif) no-repeat;
	height:41px;
	width:485px;
	/*border-right:1px solid #CCC;*/
}
#searchBox form input.inputTxt{
	margin:10px 10px 0 10px;
	vertical-align: top;
	width:400px;
}
#searchBox form input.inputBtn{
	margin:10px 9px 0 5px;
}

#sum{
	background-color:#E4E4E4;
	border-bottom:1px solid #999;
	padding:10px 0 10px 10px;
	margin-bottom:20px;
	font-size:110%;
}
/* ---------------------------------------------------
	9. output Area
--------------------------------------------------- */
#errMsg ul{
	margin:10px 20px;
}
#errMsg ul li{
	list-style:disc inside;
}
.updateInfo table th span.red,
.updateInfo table td span.red,
.updateNews dd span.red{
	color: #F00 !important;
}
span.red{
	color: #F00 !important;
}







/*----------------------------------------------------------
	07 > added modules for update1
-----------------------------------------------------------*/
#dlBtn13 {margin:20px 0 10px; padding:0; overflow:hidden;}
#dlBtn13 li {list-style-type:none; float:left; padding:0 5px;}
#dlBtn13 li.rgt {float:right;}
#tabNavi {
	clear:both;
	margin: 25px 0 35px;
	padding-left: 30px;
	background: url(/bravia/update/images/update_bg.gif) no-repeat left bottom;
}
#tabNavi span {display:none;}
#tabNavi li {
	display: inline;
	padding-right: 18px;
}
#tabNavi img {
	vertical-align: bottom;
}

.mod-newsTable h3 {font-weight:normal; font-size: 13px}
.mod-newsTable .block { padding-bottom:20px;}
.mod-newsTable .block span.red{ color:#DD0000;}
.mod-newsTable .block del { color:#DD0000;}
.mod-newsTable .block del span { color:#000000;}
.mod-newsTable .block span.strike { color:#DD0000; text-decoration:line-through;}
.mod-newsTable .block a.underLine { text-decoration:underline !important;}
.mod-newsTable .block table { border-bottom:1px solid #9B9B9B}
.mod-newsTable .block table td { background:#fff; border-width:1px 1px 0 0px; border-color: #9B9B9B; border-style:solid}
.mod-newsTable .block table td.gr { background:#F3F3F3;}
.mod-newsTable .block table th { background:#F3F3F3; border-width:1px 1px 0 1px; border-color: #9B9B9B; border-style:solid}
.mod-newsTable .block table th,.mod-newsTable .block table td { padding:5px !important }
.mod-newsTable .block table td p { padding-left:1em; text-indent:-0.5em;}

.toTop {
    background: url("/share4/images/mod-link/ico_01.png") no-repeat scroll 0 0.35em;
    display: inline-block;
    padding-left: 10px;
}

#mainColumn {padding:0 50px;}
#mainColumn h2 { border-bottom:1px solid #ccc;}
#mainColumn ul,#mainColumn ol {}
#mainColumn ul li,#mainColumn ol li {list-style-type:none; text-indent:-1em; padding-left:1em;}
#mainColumn table { margin:0 25px;}
#mainColumn table.build { margin:0;}
#mainColumn table th { font-weight:normal}
#mainColumn .ex1 { margin:0 0px;}
#mainColumn .ex2 { margin:20px 0px 0;}
#mainColumn .ex3 { margin:20px 0px 0;}

.top_without {
	padding:3px 0 0;
}
.chime {
	border-top:0 !important
}

#pagetoparea img.roll { float:right}


.mod-newsTable th {
	white-space: normal;
}




/*----------------------------------------------------------
	206 > mediaQuery > max-width:640px > added modules for update1
-----------------------------------------------------------*/
@media (max-width:641px){



	#tabNavi {padding-left:10px !important;	background-image:none;}
	#tabNavi span {display:inline;}
	#tabNavi img {display:none;}



	.mod-newsTable .updateNews dt{
		width:100% !important;
		padding:0 10px;
	}

	.mod-newsTable .updateNews dd.newsHeadline{
		margin-left: 0;
	}

	.mod-newsTable .updateNews dd.updateInfo{
		width:100% !important;
		padding:0;
	}



	.updateInfo table {
		border-left: none;
		border-top: none;
	}

	.mod-newsTable .updateInfo table th,
	.mod-newsTable .updateInfo table td {
		width:98% !important;
	}
	.mod-newsTable .updateInfo table th,
	.mod-newsTable .updateInfo table td {
		border:none;
	}



	#searchBox{
		width:90%;
		float: none;
		display:block;
	}

	#searchBox form{
		width:100%;
		background-image:none;
		background-color:#cfcfcf;
		display:block;
		height:auto;
	}
	#searchBox form:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;

	}
	#searchBox form input.inputTxt{
		width:84%;
		margin: 3%;
	}

	#searchBox form input.inputBtn{
		display:block;
		margin: 0 0 10px 10px;
	}


	.mod-newsTable .updateNews .updateInfo table.tableType4{
		padding-bottom:50px;
		border-bottom:1px solid #c0c0c0;
	}

	#dlBtn{
		text-align:left;
		padding-left:10px;
	}

	#dlBtn li img{
		display:none;
	}
	#dlBtn li span{
		display:block;
	}



	#mainColumn {padding:0px;}
	#mainColumn ul,#mainColumn ol {padding:0;}
	#mainColumn ul li,#mainColumn ol li {list-style-type:none; text-indent:-1em; padding-left:1em;}
	#mainColumn table { margin:0 0px;}
	#mainColumn .ex1 { margin:0 0px;}
	




}