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

	[ Products Solution /Media Gallery ] 

	Update 2011/12/13
	@ Sony Marketing(Japan) Inc

	--- "/vaio/solution/mediagallery/*.html"

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

/* basic setting
--------------------------------------------------- */
h3 {
	margin-bottom:15px;
}
#main strong {
	font-weight:bold;
}
.section {
	margin-bottom:40px;
	padding:0 15px;
}


/* general class
--------------------------------------------------- */
/* 2column box setting */
.column2ImgL div.image {float:left;}
.column2ImgL div.text {float:right;}
.column2ImgR div.image {float:right;}
.column2ImgR div.text {float:left;}

/* 2column width setting */
.imgW278 div.image {width:278px;}
.imgW278 div.text {width:452px;}

.imgW179 div.image {width:179px;}
.imgW179 div.text {width:551px;}

.imgW222 div.image {width:222px;}
.imgW222 div.text {width:508px;}

.imgW300 div.image {width:300px;}
.imgW300 div.text {width:430px;}

.imgW360 div.image {width:360px;}
.imgW360 div.text {width:370px;}

.imgW382 div.image {width:382px;}
.imgW382 div.text {width:348px;}

.imgW293 div.image {width:293px;}
.imgW293 div.text {width:437px;}

.imgW200 div.image {width:200px;}
.imgW200 div.text {width:530px;}

.imgW188 div.image {width:188px;}
.imgW188 div.text {width:542px;}

	/* clearfix */
	.column2ImgL:after,
	.column2ImgR:after {
		content: ".";
		font-size: 0.1em;
		line-height: 0;
		display: block;
		height: 0.1px;
		visibility: hidden;
		clear: both;
	}
	.column2ImgL,
	.column2ImgR {
		zoom:1;
	}

.zoomBtn {
	margin-top:10px;
	text-align:right;
}

/* column */
.columnWrap {
	margin:0 15px;
	background:url(../Images/column_bottom.gif) no-repeat left bottom;
	padding-bottom:3px;
}
.columnInnerWrap {
	background:url(../Images/column_top.gif) no-repeat left top;
	padding-top:3px;
}
.columnInnerWrap div.columnInner {
	background:url(../Images/column_middle.gif) repeat-y left top;
	padding:17px 20px;
}
body div#container div#main .columnInnerWrap div.columnInner h2 {
	margin-bottom:15px;
}
.columnInnerWrap div.columnInner h3 {
	margin-bottom:10px;
}

.columnInnerWrap .imgW179 div.image {width:179px;}
.columnInnerWrap .imgW179 div.text {width:511px;}

.columnInnerWrap .imgW200 div.image {width:200px;}
.columnInnerWrap .imgW200 div.text {width:490px;}

.columnInnerWrap .imgW188 div.image {width:188px;}
.columnInnerWrap .imgW188 div.text {width:502px;}


/* class only for index.html
--------------------------------------------------- */
/* overview area setting */
.overview {
	margin-bottom:20px;
}
.imgW294 div.image {width:294px;}
.imgW294 div.text {width:466px;}


/* class only for feat2.html
--------------------------------------------------- */
.sampleMovie {
	position:relative;
}
.sampleMovieBtn {
	position:absolute;
	left:136px;
	bottom:45px;
}

.column3 div.left,
.column3 div.center {
	float:left;
	padding-right:42px;
	width:222px;
}
.column3 div.right {
	float:left;
	width:222px;
}
.noPadding div.left,
.noPadding div.center {
	padding-right:0 ! important;
}
.column3 div.arrow {
	float:left;
	padding:69px 8px 0;
	width:26px;
}
.btnRight {
	margin:20px 0;
	text-align:right;
}
	/* clearfix */
	.column3:after {
		content: ".";
		font-size: 0.1em;
		line-height: 0;
		display: block;
		height: 0.1px;
		visibility: hidden;
		clear: both;
	}
	.column3 {
		zoom:1;
	}


/* class only for feat3.html
--------------------------------------------------- */
.omakaseCh table {
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	width:374px;
}
.omakaseCh table th,
.omakaseCh table td {
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background:#f0f0f0;
	padding:0 10px;
	font-size:10px;
	vertical-align:middle;
	height:40px;
}
.omakaseCh table th {	width: 45%;}
.omakaseCh table.leftTable {	float:left;}
.omakaseCh table.rightTable {	float:right;}
.omakaseCh table tr.deepColor th,
.omakaseCh table tr.deepColor td {
	background:#bdd3da;
}
	/* clearfix */
	.omakaseCh:after {
		content: ".";
		font-size: 0.1em;
		line-height: 0;
		display: block;
		height: 0.1px;
		visibility: hidden;
		clear: both;
	}
	.omakaseCh {
		zoom:1;
	}

div.corresponding h3 {
	margin-bottom:0;
}

/* class only for info.html
--------------------------------------------------- */
.format h5 {
	margin-bottom:5px;
}
.format table {
	border-collapse:separate;
	border-spacing:2px;
	margin-bottom:30px;
	width:100%;
}
.format table th,
.format table td {
	padding:5px 10px;
	line-height:1.5em;
	letter-spacing:0;
}
.format table th {
	background-color:#A8DDF7;
}
.format table td {
	background-color:#D3ECF9;
}
.format table.musicFormat th.row1 {width:30%;}
.format table.musicFormat th.row2 {width:35%;}
.format table.musicFormat th.row3 {width:35%;}

.format table.videoFormat {margin-bottom:10px;}
.format table.videoFormat th.row1 {width:25%;}
.format table.videoFormat th.row2 {width:25%;}
.format table.videoFormat th.row3 {width:25%;}
.format table.videoFormat th.row4 {width:25%;}

.format table td sup {vertical-align:text-top;}
.format table td ul {
	padding-left:10px;
}
.format table td ul li {
	list-style-type:disc;
	line-height:1.6em;
}