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

	[ Solution /template ] 
	
	Update 2012/06/
	@ Sony Marketing(Japan) Inc
	
===========================================================*/
/*body {
	font-size:12px;
}*/

p {
/*	font-size:16px;*/
	
}
/* ========= wrap =========*/
div.oneColumnWrap {
	text-align:left;
}

/* ========= header =========*/
h2.sns {
	margin:0;
}
h2.soH2Title {
	font-size:16px;
	border-bottom:1px solid #ccc;
	margin:0 0px 12px;
	padding:5px 8px 4px;
}
h2 span{
	font-size:70%;
}

.auwrap{
	width:946px;
	margin:0 1px 30px;
	border:solid 1px #fea100;
}

#logowrap{
	width:880px;
	margin:20px auto;
	overflow:hidden;
}

.aulogo{
	float:left;
	width:64px;
	margin:0;
	padding:0;
}

h2.soH2TitleAU {
	float:right;
	width:800px;
	margin:0;
	padding:20px 0 15px;
	border-bottom:dotted 1px #ccc;
	color:#fea100;
	font-size:120%;
	font-weight:normal;
	font-weight:bold\9;
	font-weight:bold¥9;
}
h2.soH2TitleAU, x:-moz-any-link, x:default{
	font-weight:bold;
}


h2.soH2TitleAU span{
	font-size:70%;
}

h3.soH3Title {
	width:890px;
	margin:0 auto 15px;
	padding:5px 0 3px;
	border-bottom:dotted 1px #ccc;
	font-size:120%;
}


/* ========= section 1 =========*/
.section{
	width:950px;
	overflow:hidden;
}
@media (max-width:640px){
	.section{
		width:auto;
		overflow:hidden;
	}
	.auwrap{
		width:auto;
		margin:20px auto;
	}
	#logowrap{
		width:auto;
		margin:20px auto;
		overflow:hidden;
	}
	.aulogo{
		float:left;
		width:20%;
		margin:0 0 0 20px;
		padding:0;
	}
	.aulogo img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}

	h2.soH2TitleAU {
		float:right;
		width:65%;
		margin:0 20px 20px 0;
		padding:0 0 15px;
		border-bottom:dotted 1px #ccc;
		color:#fea100;
		font-size:120%;
	}
}
.boxLeft1{
	float:left;
	width:590px;
	margin:10px 0 20px 0;
}
.boxRight1{
	float:right;
	width:279px;
	margin:13px 0 15px;
}
.soContWrap{
	width:930px;
	margin:0 auto 20px;
	overflow:hidden;
/*	font-size:110%;*/
}
@media (max-width:640px){
	.boxLeft1{
		float:none;
		width:auto;
		margin:0 auto 20px;
	}
	.boxRight1{
		float:none;
		width:auto;
		margin:0 auto 20px;
	}
	.boxRight1 img{
		float:none;
		display:block;
		max-width:100%;
		width:auto;
		margin:0 auto 20px;
	}
	.soContWrap{
		float:none;
		width:auto;
		margin:0 auto 20px;
	}
}
.snsText{
	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:791px;
	margin:20px auto 0;
}
.imageCenter2{
	width:611px;
	margin:20px auto 0;
}

@media (max-width:640px){
	.imageCenter{
		width:auto;
		margin:20px auto 0;
	}
	.imageCenter img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:20px auto 0;
	}
	.imageCenter2{
		width:auto;
		margin:20px auto 0;
	}
	.imageCenter2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:20px auto 0;
	}

}
/* ========= section 2 =========*/
.autext{
	width:880px;
	margin:0 auto 15px;
	padding:0;
}

.boxLeft2{
	float:left;
	width:557px;
	margin:0 0 0 10px;
	*display:inline;

}
.boxRight2{
	float:left;
	width:310px;
	margin:0 0 0 22px;
	*display:inline;
}
.soContWrap2{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	font-size:110%;
}
.aubtn{
	width:294px;
	height:135px;
	margin:42px auto 20px;
}

.aubtn2{
	width:303px;
	margin:0 auto;
}
.aubtnsp{
	display:none;
}

@media (max-width:640px){
	.soContWrap2{
		float:none;
		width:auto;
		margin:0 auto 20px;
	}
	.boxLeft2{
	float:none;
	width:auto;
	margin:0 auto;
	}
	.boxLeft2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:20px auto 0;
	}

	.boxRight2{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.boxRight2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:20px auto 0;
	}
	.autext{
		width:auto;
		margin:0 20px;
	}
	.aubtn{
		display:block;
		width:auto;
		height:auto;
		margin:0 20px 20px;
	}
	.aubtn img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:20px auto 0;
	}

	.aubtn2{
		display:none;
		width:auto;
		margin:0 auto;
	}

	.aubtnsp{
		display:block;
		width:auto;
		margin:0 20px;
	}
	.aubtnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:auto;
	}

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

.photoleft{
	float:left;
	width:557px;
	height:230px;
	margin:10px 0 0;
}
.photoright{
	float:right;
}


@media (max-width:640px){
	.photoleft{
		float:none;
		display:block;
		width:auto;
		height:auto;
		margin:0 20px;
	}
	.photoleft img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:20px auto 0;
	}

	.photoright{
		float:none;
	}
}

/* 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; }
.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;
}

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

/*-- caption --*/
.caption_posi{
	margin:20px 0 0;
	display:block;
	font-size:12px!important;
	letter-spacing:-0.5px!important;
}
.caption_posi2{
	width:700px;
	margin:10px 0 10px 35px;
	display:block;
	font-size:12px!important;
	letter-spacing:-0.5px!important;
}
@media (max-width:640px) {
	.caption_posi2{
		width:auto;
		margin:0 20px;
		display:block;
		font-size:12px!important;
		letter-spacing:-0.5px!important;
	}
	.caption_posi2 li{
		margin:0 0 10px;
	}
}
.mainPosi{
	position:relative;
}

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


.btnzoom{
	float:right;
	width:45px;
	height:18px;
	*margin:10px 0 0;
}