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

	[ Solution /template ] 
	
	Update 2012/06/
	@ Sony Marketing(Japan) Inc
	
===========================================================*/

/* ========= wrap =========*/
div.oneColumnWrap {
	text-align:left;
}

/* ========= header =========*/
h2.sns {
	margin:0;
}
h2.soH2Title {
	margin:0 0 20px;
	padding:5px 18px 5px;
	background:#eaeaea;
	font-size:120%;
}
h3.soH3Title {
	width:890px;
	margin:0 auto 15px;
	padding:5px 0 3px;
	border-bottom:dotted 1px #ccc;
	font-size:120%;
}
h2 span{
	font-size:70%;
}
h3.supttl {	
margin-bottom:15px;	
background:#E5E5E5;	
padding:5px 9px 4px;	
font-size:108%;
}
.relatedSeries {
	padding: 0 15px 40px;
}
h4{
margin:0 0 10px;	
}
.nonmargin{
margin:0;	
}
/* ========= section 1 =========*/
.section{
	width:950px;
	overflow:hidden;
}
@media (max-width:640px){
	.section{
		width:auto;
		overflow:hidden;
	}
	h2.sns img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
}
.boxLeft1{
	float:left;
	width:610px;
	margin:20px 0 20px 10px;
}
.boxRight1{
	float:right;
	width:300px;
	margin:20px 0;
}
.soContWrap{
	width:910px;
	margin:0 auto 10px;
	overflow:hidden;
}

.noborder{
	border-bottom:none;
}
.soContWrap2{
	width:890px;
	margin:0 auto 20px;
	overflow:hidden;
}
@media (max-width:640px){
	.boxLeft1{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.boxLeft1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px !important;
	}
	.boxRight1{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.boxRight1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
	.soContWrap{
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.noborder{
		border-bottom:none;
	}
	.soContWrap2{
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
}
.snsText{
	line-height:1;
}
.stepText{
	line-height:1.8;
}
.snsNote{
	margin:5px 0;
}

.soIcon01{
	margin:20px 0;
	overflow:hidden;
}

/* ========= section 1 =========*/
.soIcon01 li.icon01{
	float:left;
	width:41px;
	margin-right:25px;
}

.soIcon01 li.icon02{
	float:left;
	width:41px;
	margin-right:25px;
}

.soIcon01 li.icon03{
	float:left;
	width:119px;
	margin-right:0;
}

.imageCenter{
	width:830px;
	margin:10px auto;
}
@media (max-width:640px){
	.imageCenter{
		width:auto;
		margin:10px auto;
	}
	.imageCenter img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
}
/* ========= section 2 =========*/
.boxLeft2{
	float:left;
	width:600px;
}
.boxRight2{
	float:right;
	width:300px;
}
.boxLeft3{
	float:left;
	width:596px;
	margin:20px 0 20px 10px;
}
.boxRight3{
	float:right;
	width:151px;
	margin:20px 70px 20px 0;
}
.boxLeft4{
	float:left;
	width:200px;
	margin:20px 0 20px 10px;
}
.boxRight4{
	float:right;
	width:650px;
	margin:20px 20px 20px 0;
}
@media (max-width:640px){
	.boxLeft2{
		float:none;
		width:auto;
	}
	.boxLeft2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
	.boxRight2{
		float:none;
		width:auto;
	}
	.boxRight2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
	.boxLeft3 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
	.boxRight3{
		float:none;
		width:auto;
	}
	.boxRight3 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
	.boxLeft4{
		float:none;
		width:auto;
	}
	.boxRight4 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
	.boxRight4 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto 10px;	
	}
}
/* ========= boxwrap =========*/

.boxwrap{
	width:910px;
	margin:0 auto;
	overflow:hidden;
}

.func01{
	float:left;
	width:200px;
	margin-right:30px;
}

.func02{
	float:left;
	width:200px;
	margin-right:30px;
}

.func03{
	float:left;
	width:200px;
	margin-right:30px;
}

.func04{
	float:left;
	width:200px;
	margin:0;
}

.funcTtl{
	margin-top:20px;
	font-size:110%;
	text-align:center;
}

/* margin */
.mt-5  { margin-top: -5px    !important; }
.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; }
.mb22 { margin-bottom: 22px !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; }
.ml57 { margin-left: 57px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }

@media (max-width:640px){
.mt0,.mt5,.mt10, .mt15,.mt20,.mt30,.mt40,.mt50,
.mr0,.mr5 ,.mr10,.mr15,.mr20,.mr30,.mr40,.mr50,
.mb0,.mb5,.mb10,.mb15,.mb20,.mb30,.mb40,.mb46,.mb50,.ml57,
.ml0,.ml5,.ml10,.ml15,.ml20,.ml30,.ml40,.ml50,.ml100
{ margin:0!important;  }
.pt20{
	padding-top:0;
}
}

/*-- arrow --*/
.arrowLink,
.arrowLink a{
	background: transparent url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat scroll 0 0.4em;
	padding: 0 0 0 10px;
}

.border{
	border:solid 1px #000;
}
/* clearfix */
.models:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.models,
.clearfix {
	display: inline-block;
}

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

ul,ol,li,dl,dt,dd {
	margin:0;
	padding:0;
	list-style: none;
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
/* End hide from IE-mac */
.imgLogo{
			display:inline;
}

#TB_Image{
	border:none!important;
}

.br{
			display:none;
}
@media (max-width:640px) {
	.br{
			display:inline;
	}
	br {
			display:none;
	}
}
/* products info */
.products_info {
	margin-bottom:50px;
	background:#F7F7F7;
	padding:10px 20px;
}
.products_info ul li {
	margin-left:0.8em;
	text-indent:-0.8em;
}
/*-- caption --*/
.caption_posi{
	font-size:12px!important;
	letter-spacing:-0.5px!important;
}
.mainPosi{
	position:relative;
}

ul.caption_cap li{
	clear:both;
	line-height:1.3;
}

/* added dec05_2012 */
.blueButton img {
	margin-right:6px
}
.brands {
	clear:both;
	overflow:hidden;
	padding:15px 0 1px;
}

.brands ul {
	width:525px;
	margin:0 auto;
	overflow:hidden;
}
.brands ul li{
	list-style-type:none;
	float:left;
}
.brands ul li#lft{
	margin-right:15px;
}
.begin {}
.begin .pc {
	width:900px;
	margin:0 auto 20px;
	position:relative;
}
.begin .sp { display:none}
#clickable {
	position:absolute;
	top:447px;
	left:602px;
}
@media (max-width:640px){
.section {
	padding-top:10px;
}
.begin .pc {
	display:none;
}
.begin .sp {
	display:block;
}
.begin .sp img {
	display:block;
	width:100%;
	height:auto;
	clear:both;
}
.blueButton {
	margin-top:10px
}
.brands {
	width:100%;
}
.brands ul {
	width:100%;
}
.brands ul li {
	clear:both;
	width:100%;
}
.brands ul li#lft{
	margin:0 15px 5px 0;
}

.brands ul img {
	width:100%;
	height:auto;
}


}