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

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

/* ========= 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;
}
h3.soH3Title {
	width:890px;
	margin:0 auto 15px;
	padding:5px 0 3px;
	border-bottom:dotted 1px #ccc;
	font-size:120%;
}

@media (max-width:640px) {
	h3.soH3Title {
		width: auto;
		margin: 0 auto 15px;
		padding: 5px 0 3px;
		border-bottom: dotted 1px #ccc;
		font-size: 120%;
	}
}
/* ========= header下キャプション用処置 =========*/
.mod-brandTopImage {
	width: 950px;
	margin: 10px auto 0;
}
.headerCap {
	margin: 5px auto 20px;
	text-align: right;
}
/* ========= header下キャプション用処置 end =========*/
h2 span {
	font-size: 70%;
}
h3.supttl {
	margin-bottom: 15px;
	background: #E5E5E5;
	padding: 5px 9px 4px;
	font-size: 108%;
}
/*.relatedSeries {
	padding: 0 15px 30px;
}*/
.nonmargin {
	margin: 0;
}
/* ========= section 1 =========*/
.section {
	width: 950px;
	margin: 0 auto 30px;
	overflow: hidden;
}
.section2 {
	width: 910px;
	margin: 0 auto 30px;
	overflow: hidden;
}
.section3 {
	width: 830px;
	margin: 0 auto 30px;
	overflow: hidden;
}
@media (max-width:640px) {
.mod-brandTopImage {
	width: auto;
	margin: 10px auto 0;
}
.mod-brandTopImage img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 10px auto 0;
}
.headerCap {
	margin: 5px auto 20px;
	text-align: right;
}
.section {
	width: auto;
	margin: 30px auto;
}
.section2 {
	width: auto;
	margin: 30px auto;
}
.section3 {
	width: auto;
	margin: 30px auto;
}
h2.sns img {
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
}
.boxLeft1 {
	float: left;
	width: 350px;
	margin: 0;
}
.boxRight1 {
	float: right;
	width: 517px;
	margin: 0;
}
.soContWrap {
	width: 930px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.soContWrap2 {
	width: 910px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.snsText {
	/*line-height: 1.8;*/
	margin: 0 auto 20px;
	font-size:130%;
}
.snsNote {
	margin: 5px 0;
}
.soIcon01 {
	margin: 20px 0;
	overflow: hidden;
}
@media (max-width:640px) {
.soContWrap {
	width: auto;
	height: auto;
	margin: 0;
	overflow: hidden;
}
.soContWrap2 {
	width: auto;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.boxLeft1 {
	width: auto;
	height: auto;
	margin: 0 20px;
}
.boxLeft1 img {
 max-width: 100%!;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.boxRight1 {
	width: auto;
	height: auto;
	margin: 0 20px 20px;
}
.boxRight1 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.snsText {
	line-height: 1.4;
	font-size:100%;
}
.snsNote {
	margin: 5px 0;
}
}
/* ========= section 1 =========*/
.imageCenter {
}
.imageCenter img {
	margin: 45px auto;
	float: none;
	display: block;
}
/* ========= section 2 =========*/
.boxLeft2 {
	float: left;
	width: 186px;
	margin: 0 0 0 10px;
}
.boxRight2 {
	float: right;
	width: 700px;
	margin: 0 10px 0 0;
}
.boxRight2 ul{
	/*font-size:1.33333em;*/
}
@media (max-width:640px) {
.imageCenter {
	width: auto;
	height: auto;
	margin: 0 auto 20px;
}
#sp_image {
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.boxLeft2 {
	float: none;
	width: auto;
	height: auto;
	margin: 0 10px 20px;
}
.boxLeft2 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.boxRight2 {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
}
.boxRight2 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.boxRight2 ul{
	font-size:90%;
}
}
.ttlh4 {
	margin: 0 0 10px;
	padding: 0 0 3px;
	font-size:1.33333em;
}
/* ========= boxwrap =========*/

.boxwrap {
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
}
.textwidth{
	width: 820px;
	margin: 0 auto;
	font-size:100%;
}
.textwidth ul{
	/*font-size:11px;*/
}
@media (max-width:640px) {
.section {
	width: auto;
}
h2.sns {
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.boxwrap {
	width: auto;
	margin: 0 auto;
	overflow: hidden;
}
.textwidth{
	width: auto;
	margin: 0 auto;
	font-size:90%;
	line-height: 19px;
}
.textwidth ul{
	font-size:100%;
}
}
.platinumBox {
	overflow: hidden;
	width: 750px;
	margin: 0 auto 30px;
}
.platinumBoxLeft {
	float: left;
	width: 214px;
}
.platinumBoxRight {
	float: right;
	width: 410px;
}
.platinumBoxBtn {
	width: 93px;
	margin: 0 auto;
}

 @media (max-width:640px) {
.platinumBox {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
}
.platinumBoxLeft {
	float: none;
	width: auto;
	margin: 0 0 30px;
}
.platinumBoxLeft img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.platinumBoxRight {
	float: none;
	width: auto;
}
.platinumBoxRight img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.platinumBoxBtn {
	width: 93px;
	margin: 0 auto 20px;
}
}
/* ========= download =========*/
.download {
	width: 740px;
	margin: 0 auto 40px;
	padding: 20px;
	overflow: hidden;
	border: solid 1px #cecece;
	border-radius: 3px;
}
.dmb {
	margin: 0 auto 50px;
}
.dmb0 {
	margin: 0 auto;
}
@media (max-width:640px) {
.boxwrap {
	float: none;
	width: auto;
	overflow: hidden;
}
.download {
	width: auto;
	margin: 0 auto 40px;
	padding: 20px;
	overflow: hidden;
	border: solid 1px #cecece;
	border-radius: 3px;
}
.dmb {
	margin: 0 auto 20px;
}
.dmb0 {
	width: auto;
	margin: 0 auto;
}
}
/*-- 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;
}
*/

ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* End hide from IE-mac */
.imgLogo {
	display: inline;
}
.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 {
	display: block;
	position: absolute;
	top: 225px;
	left: 150px;
	font-size: 10px!important;
	letter-spacing: -0.5px!important;
}
.caption_cap {
	margin-top:15px;
	margin-bottom: 80px;
	font-size:11px;!important;
}
@media (max-width:640px) {
.caption_cap {
	margin-bottom: 30px;
}
}
#pageMain {
	width:640px;
	padding: 20px 10px;
	text-align: left;
}
.listDisk li{
	list-style: inside disc ;
}
@media (max-width:640px) {
	#pageMain {
		width:auto;
		padding: 0 25px 25px!important;
		text-align: left;
	}
	#pageMain{
		font-size:80%!important;
	}
	.section {
		margin: 0 0 30px;
	}
	.listDisk li{
		list-style: inside disc ;
		
	}
}


.vaio_spbox{
	margin:15px 0;
}