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

	[ Solution /template ] 
	
	Update 2012/06/
	@ Sony Marketing(Japan) Inc
	
===========================================================*/
p {
/*	font-size:16px;*/
}
/* ========= wrap =========*/
div.oneColumnWrap {
	text-align:left;
}

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

/* ========= header下キャプション用処置 =========*/
.mod-brandTopImage {
	clear:both;
	overflow:hidden;
*zoom:1;
	width:950px;
	margin:10px auto 0;}
.headerCap{
	margin:5px auto 20px;
	text-align:right;
}
/* ========= header下キャプション用処置 end =========*/

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


/* ========= header下キャプション用処置 =========*/
.mod-brandTopImage {
	clear:both;
	overflow:hidden;
*zoom:1;
	width:950px;
	margin:10px auto 0;}
.headerCap{
	margin:5px auto 20px;
	text-align:right;
}
/* ========= header下キャプション用処置 end =========*/

/* ========= section 1 =========*/
.section{
	width:950px;
	overflow:hidden;
}
.addIndent p,.addIndent h4,.addIndent li {
	margin-left:20px;
	margin-right:20px;
}
@media (max-width:640px){
	.section{
		width:auto;
		overflow:hidden;
	}
	h2.mc{
		font-size: 1.33333em;
		padding-bottom:20px;
	}
}


.boxLeft1{
	float:left;
	width:600px;
	margin:10px 0;
}
.boxRight1{
	float:right;
	width:300px;
	margin:10px 0;
}
.mcContWrap{
	width:930px;
	margin:0 auto;
	overflow:hidden;
}
.mcContWrap2{
	width:910px;
	margin:0 auto 20px;
	overflow:hidden;
}
.mcContWrap2 h4{
	border-bottom:dotted 1px #ccc;
	font-size:16px;
}
.soContWrap{
	width:890px;
	margin:0 auto 20px;
	overflow:hidden;
}
.mcText{
	line-height:1.8;
}
.mcNote{
	margin:5px 0;
}
@media (max-width:640px){
	.boxLeft1{
		float:none;
		width:auto!important;
		height:auto;
		margin:10px 0;
	}
	.boxRight1{
		float:none;
		width:auto!important;
		height:auto;
		margin:10px 0;
	}
	.boxRight1 img{
		display:block;
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:0 auto;
	}
	.mcContWrap{
		width:auto!important;
		height:auto;
		margin:0 auto;
	}
	.mcContWrap2{
		width:auto!important;
		height:auto;
		margin:0 auto 20px;
	}
	.soContWrap{
		width:auto!important;
		height:auto;
		margin:0 auto 20px;
	}
}
.mcIcon01{
	width:564px;
	margin:42px 0 0;
	overflow:hidden;
}

.mcIcon01 li.icon01{
	float:left;
	width:173px;
	margin-right:25px;
}

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

.mcIcon01 li.icon03{
	float:left;
	width:119px;
	margin-right:21px;
}

.mcIcon01 li.icon04{
	float:left;
	width:159px;
	margin-right:0;
}

.imageCenter{
	width:744px;
	margin:45px auto 0;
}
.imageCenter2{
	width:571px;
	margin:45px auto 0;
}
.imageCenter3{
	width:478px;
	margin:0 auto;
}
.txtB{
	font-size:140%;
	border-bottom:dotted 1px #ccc;
}

@media (max-width:640px){
	.mcIcon01{
		width:auto!important;
		height:auto;
		margin:20px 0;
		overflow:hidden;
	}
	.mcIcon01 img{
		display:block;
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:20px 0;
	}
	
	.mcIcon01 li.icon01{
		float:left;
		width:auto;
		margin-right:25px;
	}
	
	.mcIcon01 li.icon02{
		float:left;
		width:auto;
		margin-right:25px;
	}
	
	.mcIcon01 li.icon03{
		float:left;
		width:auto;
		margin-right:21px;
	}
	
	.mcIcon01 li.icon04{
		float:left;
		width:auto;
		margin-right:0;
	}
	.imageCenter{
		width:auto;
		margin:45px auto 0;
	}
	.imageCenter img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
	}
	
	.imageCenter2{
		width:auto;
		margin:45px auto 0;
	}
	.imageCenter2 img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
	}
	.imageCenter3{
		width:auto;
		margin:45px auto 0;
	}
	.imageCenter3 img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
	}
	.txtB{
		font-size:120%;
	}

}

/* ========= section 2 =========*/
.boxLeft2{
	float:left;
	width:650px;
	margin:10px 0;
}
.boxRight2{
	float:right;
	width:208px;
	margin:10px 0 0 0;
	_display:inline;
}
.boxRight2b{
	float:right;
	width:150px;
	margin:10px 0 0 0;
	_display:inline;
}

.boxLeft3{
	float:left;
	width:570px;
	margin:10px 0;
}
.boxRight3{
	float:right;
	width:290px;
	margin:10px 0;
}

.boxLeft4{
	float:left;
	width:650px;
	margin:10px 0;
}
.boxRight4{
	float:right;
	width:208px;
	margin:10px 0 0 0;
	_display:inline;
}
/* ========= boxwrap =========*/

.boxwrap{
	width:910px;
	margin:0 auto;
	overflow:hidden;
}
.boxwrap2{
	width:520px;
	margin:40px 0 0 0;
	overflow:hidden;
}
.func01{
	float:left;
	width:290px;
	margin-right:20px;
}

.func02{
	float:left;
	width:290px;
	margin-right:20px;
}

.func03{
	float:left;
	width:290px;
	margin:0;
}

.funcTtl{
	margin-top:20px;
	font-size:110%;
}
@media (max-width:640px){
	.boxLeft2{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.boxRight2{
		float:none;
		width:auto;
		margin:10px auto;
	}
	.boxRight2 img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:10px auto;
	}
	.boxRight2b{
		float:none;
		width:auto;
		margin:10px auto;
	}
	.boxRight2b img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:10px auto;
	}
	.boxLeft3{
		float:none;
		width:auto;
		margin:10px 0;
	}
	.boxRight3{
		float:none;
		width:auto;
		margin:10px auto!important;
	}
	.boxRight3 img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:10px auto!important;
	}
	.boxLeft4{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.boxRight4{
		float:none;
		width:auto;
		margin:10px auto!important;
	}
	.boxRight4 img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:10px auto!important;
	}
	/* ========= boxwrap =========*/
	
	.boxwrap{
		width:auto;
		margin:0 auto;
		overflow:hidden;
	}
	.boxwrap2{
		width:auto;
		margin:0 auto;
		overflow:hidden;
	}
	.boxwrap2 img{
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:10px auto;
	}
	.func01{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.func01 img{
		display:block;
		width:auto;
		margin:0 auto;
	}
	.func02{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.func02 img{
		display:block;
		width:auto;
		margin:0 auto;
	}
	.func03{
		float:none;
		width:auto;
		margin:0;
	}
	.func03 img{
		display:block;
		width:auto;
		margin:0 auto;
	}
	.funcTtl{
		margin-top:20px;
		font-size:110%;
	}
}
/* ========= section 3 =========*/
.mcIcon02{
	width:230px;
	margin:0 0 20px;
	overflow:hidden;

}

.mcIcon02 li.icon01{
	float:left;
	width:54px;
	margin-right:20px;
}

.mcIcon02 li.icon02{
	float:left;
	width:63px;
	margin-right:20px;
}

.mcIcon02 li.icon03{
	float:left;
	width:101px;
	margin-right:20px;
}

.mcIcon02 li.icon04{
	float:left;
	width:108px;
	margin-right:0;
}
@media (max-width:640px){
	.mcIcon02{
		width:auto;
		margin:0 0 20px;
		overflow:hidden;
	}
	.mcIcon02 li.icon01{
		float:none;
		width:auto;
		margin-right:20px;
	}
	
	.mcIcon02 li.icon02{
		float:none;
		width:auto;
		margin-right:20px;
	}
	
	.mcIcon02 li.icon03{
		float:none;
		width:auto;
		margin-right:20px;
	}
	
	.mcIcon02 li.icon04{
		float:none;
		width:auto;
		margin-right:0;
	}
}
/* 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;
}

.br{
			display:none;
}
@media (max-width:640px) {
	.br{
			display:inline;
	}
	br {
			display:none;
	}
}

/*-- caption --*/
.caption_posi{
	font-size:12px!important;
	letter-spacing:-0.5px!important;
}
.mainPosi{
	position:relative;
}
@media (max-width:640px) {
	.mod-brandTopImage{
		width:auto;
		margin:0 0 20px;
	}
	.mod-brandTopImage-main{
		width:auto;
		margin:0 0 20px;
	}
	.mainPosi{
		width:auto;
		margin:0 0 20px;
		overflow:hidden;
	}
	.mainPosi img{
		display:block;
		max-width:100%!important;
		width:auto!important;
		height:auto;
		margin:10px auto!important;
	}
}
ul.caption_cap li{
	clear:both;
	line-height:1.3;
}
/* products info */
.products_info {
	margin-bottom:50px;
	background:#F7F7F7;
	padding:10px 20px;
}
.products_info ul li {
	margin-left:0.8em;
	text-indent:-0.8em;
}
