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

	[ Solution /b-mobile ] 
	
	Update 2010/04/02
	@ Sony Marketing(Japan) Inc
	
	--- "/vaio/solution/b-mobile/index.html"
	
	 1. Basic setting
	 2. Page setting
	 3. Common module setting
	
===========================================================*/
/* ---------------------------------------
	1. Basic setting
--------------------------------------- */
/* headline setting */
#main h2 {
	margin-bottom:10px;
}
#main h3 {
	margin-bottom:15px;
	background:#E5E5E5;
	padding:5px 9px 4px;
	font-size:108%;
}
#main h4 {
	background:url(/vaio/share/images/dotline_side.gif) repeat-x left bottom;
	margin-bottom:15px;
	padding-bottom:3px;
}


/* boxes setting */
.boxes {
	margin-bottom:30px;
}
.boxL,.boxC,.boxR {
	display:table-cell;
	vertical-align:top;
}
.boxL,.boxC {
	padding-right:20px;
}

	/* for IE6, 7 */
	* html .boxL,
	* html .boxC,
	* html .boxR {
		display:inline;
		zoom:1;
	}

	*:first-child+html .boxL,
	*:first-child+html .boxC,
	*:first-child+html .boxR {
		display:inline;
		zoom:1;
	}



/* ---------------------------------------
	2. Page setting
--------------------------------------- */
.boxR img {
	vertical-align:bottom;
}


/* overview area */
#overview {
	margin:30px 0;
}
#overview .boxL,
#overview .boxC,
#overview .boxR {
	vertical-align:middle;
}
#overview .boxL {width:305px;}
#overview .boxC {width:414px;}
#overview .boxR {width:191px;}


/* other area */
.grid1 .boxL {width:580px;}
.grid1 .boxR {width:350px;}

.grid2 .boxL {width:387px;}
.grid2 .boxR {width:543px;}


/* column setting */
.clm {
	border-left:1px solid #B5B5BC;
	border-right:1px solid #B5B5BC;
	padding: 18px 22px;
}
.clm_top {
	background: url(../images/column_top.gif) no-repeat;
	padding: 3px 0 0 0;
}
.clm_bottom {
	margin:0 15px 30px;
	background: url(../images/column_bottom.gif) no-repeat bottom;
	padding: 0 0 3px 0;
}


/* ---------------------------------------
	3. Common module setting
--------------------------------------- */
/* related series area */
.relatedSeries {
	padding: 0 15px 40px;
}
.relatedSeries .boxL,
.relatedSeries .boxR {
	width:460px;
}
.relatedSeries .boxL {
	padding-right:30px;
}
.relatedSeries .boxL .boxL,
.relatedSeries .boxR .boxL {
	width:252px;
}
.relatedSeries .boxL .boxR,
.relatedSeries .boxR .boxR {
	width:188px;
}
.relatedSeries .boxL .boxL,
.relatedSeries .boxR .boxL {
	padding-right:20px;
}

	/* model ttl */
	table.seriesName {
		background-color:#eee;
		margin-bottom:15px;
		width:460px;
	}

	table.seriesName td {
		padding-left:10px;
		padding-top:4px;
		padding-bottom:4px;
	}

	table.seriesName td.rBlock {
		padding:7px;
	}
	table.seriesName td.rBlock table td {
		background-color:#000018;
		color:#fff;
		padding:6px 5px 4px;
	}
	.modelNumber {
		margin-bottom:20px;
	}


/* products info */
.products_info {
	margin-bottom:50px;
	background:#F7F7F7;
	padding:10px 20px;
}
.products_info ul li {
	margin-left:0.8em;
	text-indent:-0.8em;
}


/* text align */
.align_center { text-align: center; }
.align_right { text-align: right; }


/* margin */
.mt0 { margin-top: 0 ! important; }
.mt5 { margin-top: 5px ! important; }
.mt10 { margin-top: 10px ! important; }
.mt15 { margin-top: 15px ! important; }
.mt20 { margin-top: 20px ! important; }
.mt30 { margin-top: 30px ! important; }
.mt40 { margin-top: 40px ! important; }
.mt50 { margin-top: 50px ! important; }

.mr0 { margin-right: 0 ! important; }
.mr5 { margin-right: 5px ! important; }
.mr10 { margin-right: 10px ! important; }
.mr15 { margin-right: 15px ! important; }
.mr20 { margin-right: 20px ! important; }
.mr30 { margin-right: 30px ! important; }
.mr40 { margin-right: 40px ! important; }
.mr50 { margin-right: 50px ! important; }

.mb0 { margin-bottom: 0 ! important; }
.mb5 { margin-bottom: 5px ! important; }
.mb10 { margin-bottom: 10px ! important; }
.mb15 { margin-bottom: 15px ! important; }
.mb20 { margin-bottom: 20px ! important; }
.mb30 { margin-bottom: 30px ! important; }
.mb40 { margin-bottom: 40px ! important; }
.mb50 { margin-bottom: 50px ! important; }

.ml0 { margin-left: 0 ! important; }
.ml5 { margin-left: 5px ! important; }
.ml10 { margin-left: 10px ! important; }
.ml15 { margin-left: 15px ! important; }
.ml20 { margin-left: 20px ! important; }
.ml30 { margin-left: 30px ! important; }
.ml40 { margin-left: 40px ! important; }
.ml50 { margin-left: 50px ! important; }


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

/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */