@charset "shift-jis";
/*=========================================================

	Site Name   VAIO
	File Name   page.css

	Create Date 2011/00/00

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

/*----------------------------------------------------------
	Module Top Style Sheet
-----------------------------------------------------------*/

.mod-productIntro-block3 p.mdlName {/* index上部型番*/
	font-weight:bold;
	font-size:1.20em;
	padding-bottom:10px;
}
.mod-productIntro-block3 hr {/* index上部型番*/
	border-width:1px 0 0;
	border-style:dotted;
	border-color: #333;
}
.mod-productIntro-block5 {/* index上部サムネイル */
	clear:none !important;
}
.mod-sideLinks2-list {
	margin:0 auto;
}
.mod-accessories {
	border-bottom: 1px dotted #000000;
	margin: 22px auto;
	padding: 22px 0 44px;
	width: 950px;
}
.mod-accessories h1 {
	font-size:2em;
}

/*----------------------------------------------------------
	
-----------------------------------------------------------*/
.vjtitle00{
	margin:20px 0!important;
	text-align:center;
}

.vjtitle01{
	margin:20px 0!important;
	font-size: 80%!important;
}

.vjtitle02{
	margin:20px 0!important;
	font-size: 115%!important;
}

.vjtitle03{
	margin:0 0 20px!important;
	font-size: 80%!important;
}
.fts14{
	font-size: 14px!important;
}

.vjBoxLeft01{
	float:left;
	width:590px;
}
.vjBoxRight01{
	float:right;
	width:637px;
	margin:0!important;
}

.vjBoxLeft02{
	float:left;
	width:623px!important;
	margin:0!important;
	*display:inline;
}

.pd0{
	padding:0!important;
}
.vjBoxLeft03{
	float:left;
	width:465px!important;
	margin:0 0 0 40px!important;
	padding:0!important;
	*display:inline;
}
.w860{
	width:860px!important;
	margin:0 auto!important;
	font-size:16px;
}

.vjBoxRight03{
	float:right;
	width:370px!important;
	margin:0 45px 0 0!important;
	padding:0!important;
	*display:inline;
}
.vjBoxLeft04{
	float:left;
	width:350px!important;
	margin:0 0 0 40px!important;
	padding:0!important;
	*display:inline;
}

.vjBoxRight04{
	float:right;
	width:490px!important;
	margin:20px 40px 0 0!important;
	padding:0!important;
	*display:inline;
}
.vjBoxLeft05{
	float:left;
	width:537px!important;
	margin:0!important;
	padding:0!important;
	*display:inline;
}

.vjBoxRight05{
	float:right;
	width:360px!important;
	margin:50px 50px 0 0!important;
	padding:0!important;
	*display:inline;
}
.vjBoxLeft06{
	float:left;
	width:350px!important;
	margin:0 0 0 40px!important;
	padding:0!important;
	*display:inline;
}

.vjBoxRight06{
	float:right;
	width:527px!important;
	margin:20px 0 0 0!important;
	padding:0!important;
	*display:inline;
}

.tapstyle1{
	margin:0 0 0 27px;
}

.tapstyle2{
	margin:0 0 0 20px;
}

.tapstyle3{
	margin:0;
}

.vjBoxLeft07{
	float:left;
	width:483px!important;
	margin:0 0 0 40px!important;
	padding:0!important;
	*display:inline;
}

.vjBoxRight07{
	float:right;
	width:350px!important;
	margin:80px 70px 0 0!important;
	padding:0!important;
	*display:inline;
}

.vjBoxLeft08{
	float:left;
	width:370px!important;
	margin:0 0 0 30px!important;
	*display:inline;
}

.vjBoxRight08{
	float:right;
	width:495px;
	margin:0 30px 0 0!important;
	*display:inline;
}

.vjBoxLeft09{
	float:left;
	width:370px!important;
	margin:0 0 0 30px!important;
	*display:inline;
}

.vjBoxRight09{
	float:right;
	width:495px;
	margin:0 30px 0 0!important;
	*display:inline;
}
.beicon{
	width:149px!important;
	margin:0 auto!important;
}
.vjBoxLeft10{
	float:left;
	width:440px!important;
	margin:0 0 0 40px!important;
	*display:inline;
}
.vjBoxLeft10image{
	margin:90px 0 0!important;
}
.vjBoxRight10{
	float:right;
	width:445px;
	margin:0!important;
	*display:inline;
}

.ml40{
	margin-left:40px!important;
}

.vjBoxRight11{
	float:right;
	width:500px;
	margin:0!important;
	*display:inline;
}

.vjBoxLeft11{
	float:left;
	width:380px!important;
	margin:0 0 0 40px!important;
	*display:inline;
}


.vjBox12Wrap{
	width:830px;
	font-size:1.4em;
	overflow:hidden;
}


.vjBoxRight12{
	float:right;
	width:260px;
	margin:0 0 0 30px!important;
	*display:inline;
}

.vjBoxLeft12{
	float:left;
	width:520px!important;
	margin:0!important;
	*display:inline;
}

.vjBox13Wrap{
	width:830px;
	font-size:1.4em;
	overflow:hidden;
}


.vjBoxRight13{
	float:right;
	width:322px;
	margin:0 0 0 30px!important;
	*display:inline;
}

.vjBoxLeft13{
	float:left;
	width:415px!important;
	margin:0!important;
	*display:inline;
}

.vjBoxRight14{
	float:right;
	width:500px;
	margin:60px 0 0 40px!important;
	*display:inline;
}

.vjBoxLeft14{
	float:left;
	width:346px!important;
	margin:0 0 0 40px!important;
	*display:inline;
}

.pb70{
	padding-bottom:40px;
}

.nasne{
	width:790px;
	margin:0 auto!important;
}

/*------------------------モバイルブラビアエンジン------------------------*/

div#braengine{
	width: 522px;
	margin:10px auto;
	overflow:hidden;
}
div#braengine div.wrap{
	float: left;
	width: 240px;
	margin:0 0 0 15px;
	*display:inline;
}
div#braengine p{
	margin:0;
}
div#braengine div.imgChange1{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_1.jpg) no-repeat left top;}
div#braengine div.imgChange1:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_1_on.jpg) no-repeat left top;}

div#braengine div.imgChange2{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_2.jpg) no-repeat left top;}
div#braengine div.imgChange2:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_2_on.jpg) no-repeat left top;}

div#braengine div.imgChange3{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_3.jpg) no-repeat left top;}
div#braengine div.imgChange3:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_3_on.jpg) no-repeat left top;}

div#braengine div.imgChange4{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_4.jpg) no-repeat left top;}
div#braengine div.imgChange4:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ23/feature/be_4_on.jpg) no-repeat left top;}

.braengine_center{
	width:470px;
	margin:0 auto;
}

.braengine_right{
	clear:both;
	margin:0 0 20px;
	font-size:80%;
	text-align:right;
}












@media (max-width:640px){
	div#braengine{
		width: auto!important;
		height:auto;
	}
	div#braengine div.wrap{
		float: none;
		margin:0 auto!important;
	}
	div#braengine div.wrap div{
		float:none!important;
	}
	div#braengine p{
		margin:0 0 20px;
	}
	.braengine_center{
		width:auto;
		margin:0 auto;
	}
	.braengine_center img{
		max-width:100%;
		width:auto;
		height:auto;
	}
}

/*------------------------モバイルブラビアエンジン------------------------*/
.vjmovie{
	width:520px!important;
	margin:0 auto!important;
}

.ml80{
	margin:0 0 0 80px!important;
}


.pdb0{
	padding:0!important;
	margin-bottom:0!important;

}
.mb0{
	margin-bottom:0!important;
}
.mb30{
	margin-bottom:25px!important;
}

.mb50{
	margin-bottom:50px!important;
}

.vjlogoPosi01{
	margin:30px 0 0 0!important;
}

.vjlogoPosi02{
	float:right;
	margin:0 70px 0 0!important;
	*display:inline;
}

.vjlogoPosi03{
	margin:100px 0 0 0!important;
}

.vjlogoPosi04{
	float:right;
	margin:10px 10px 0 0!important;
	*display:inline;
}

.bdwrap{
	overflow:hidden;
}
.tl{
	text-align:left!important;
}
.mod-featureImageBottomB-heading{
	font-size: 12px!important;
}

.ftsp{
	font-size: 80%!important;
}

.titlelLeft{
	text-align:left!important;
}

.titlelsup{
	vertical-align:super;
	font-size:70%;
}

.featureBnrTouch {
	clear:both;
	width:680px;
	margin:auto;
	color:#005f7f;
}

.featureBnrTouch p {
	background:url("/share3_1/images/mod-button/ico_01.png") no-repeat left center;
	padding-left:10px;
	margin:0 0 5px;
	font-size:1.14em;
}
.featureBnrTouch a {
	text-decoration:none;
	color:#005f7f;
}
.mod-link{
	color:#005f7f;
}

.mod-footnote{
	padding-left:1em;
	text-indent:-1.2em;
	color:#9c9c9c;
	font-size:12px;
}

.vftextmargin{
	margin:30px 0 0!important;
}

.imageMt{
	margin:70px 0 0!important;
}

.apptext{
	text-align:center;
}

.mpt0{
	margin-top:0!important;
	margin-bottom:0!important;
	margin-left:0!important;
	padding-top:0!important;
}
.mt50{
	margin-top:50px!important;
}
.pdb0{
	padding-bottom:0!important;
}

.negativemg{
	margin-top:-22px!important;
}
.bordernone{
	background: none!important;
	border: none!important;
}

@media (max-width:640px) {
	.vjlogoPosi01{
		margin:0 0 0!important;
	}
	.vjlogoPosi01 img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:0 auto!important;
	}
	.vjlogoPosi02{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjlogoPosi02 img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:0 auto!important;
	}
	.vjtitle00{
		margin:20px 0!important;
		text-align:center;
	}
	
	.vjtitle01{
		margin:20px 0!important;
		font-size: 80%!important;
	}
	
	.vjtitle02{
		margin:20px 0!important;
		font-size: 100%!important;
	}
	
	.vjtitle03{
		margin:30px 0!important;
		font-size: 80%!important;
	}
		
	.fts14{
		font-size: 14px!important;
	}
	
	.vjBoxLeft01{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjBoxRight01{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxLeft02{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.pd0{
		padding:0!important;
	}
	.vjBoxLeft03{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.w860{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
		font-size:16px;
	}
	
	.vjBoxRight03{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjBoxLeft04{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxRight04{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjBoxLeft05{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxRight05{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjBoxLeft06{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxRight06{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.tapstyle1{
		margin:0;
	}
	
	.tapstyle2{
		margin:0;
	}
	
	.tapstyle3{
		margin:0;
	}
	.vjBoxLeft07{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxRight07{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxLeft08{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxRight08{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0!important;
	}
	
	.mt30{
		margin-top:30px!important;
	}
	
	.vjBoxLeft09{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxRight09{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.beicon{
		width:149px!important;
		margin:50px auto!important;
	}
	.vjBoxLeft10{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjBoxLeft10image{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjBoxLeft10image img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:30px auto !important;
	}
	
	.vjBoxRight10{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.ml40{
		margin-left:0!important;
	}
	
	.vjBoxRight11{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxLeft11{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBox12Wrap{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
		overflow:hidden;
	}
	
	.vjBoxRight12{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxLeft12{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
		font-size:14px;
	}
	
	.vjBox13Wrap{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
		font-size:1.4em;
		overflow:hidden;
	}
	
	
	.vjBoxRight13{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.vjBoxRight13 img{
		display:block;
		max-width:80%!important;
		max-height:80%!important;
		width:auto!important;
		height:auto!important;
		margin:30px auto !important;
	}
	.vjBoxLeft13{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
		font-size:14px;
	}

	.vjBoxRight14{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	
	.vjBoxLeft14{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
		font-size:14px;
	}


	.vjmovie{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	
	iframe{
		display:block!important;
		max-width:100%;
		width: auto!important;
		height:auto;
		margin:0 auto!important;
	}
	
	.ml80{
		margin:0!important;
	}
	.mpt0{
		margin-top:0!important;
		margin:0 10px!important;
		padding-top:0!important;
	}
	.mpt10{
		margin-top:0!important;
		margin:0 10px!important;
		padding-top:0!important;
	}
	.pb70{
		padding-bottom:0;
	}
	.mt30{
		margin-top:30px!important;
	}
	.featureBnrTouch{
		float:none!important;
		width:auto!important;
		margin:30px 0 0!important;
		padding:0!important;
		*display:inline;
		font-size:0.9em;
	}
	.nasne{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.nasne img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:30px auto !important;
	}
}

.vomArea{
	overflow: hidden;
	padding: 40px 0 0;

}
.vomArea p{
	
}
.vomArea .vomInner{
	width: 950px;
	padding: 0 0 30px;
	margin: 0 auto
}

.vomTitle{
	font-size:15px;
	text-align:left;
	border-bottom:solid 1px #ccc;
}

.vomArea .vomBox{
	width: 800px;
	padding: 0;
	margin: 20px auto 40px;
	overflow:hidden;
}

.vomBoIn{
	float:left;
	width:105px;
	margin:-10px 90px 0 0;
	*position:relative;
	*display:inline;
}
.vomBoIn span{
	font-weight:bold;
	font-size:15px;
}

.vomBoInCenter{
	float:left;
	margin:0 30px 0 0;
}
.vomBoInLast{
	float:left;
	margin:0;
}

.vomAdobe6{
	float:left;
	margin:-45px 0 0 75px;
	*margin:-35px 0 0 75px;
	*position:relative;
}

@media (max-width:640px) {
	.vomArea{
		width:auto!important;
		margin:0 10px;
		padding: 40px 0 0;
	}
	.vomArea p{
		margin:5px 0;
		padding:0;
	}

	.vomInner{
		width: auto!important;
		padding: 0 0 30px;
		margin: 0 auto
	}
	
	.vomTitle{
		width: auto!important;
		margin: 0 auto 30px;
		font-size:15px;
		text-align:left;
		border-bottom:solid 1px #ccc;
	}
	
	.vomArea .vomBox{
		width: auto;
		margin: 10px auto;
		padding: 0;
		overflow:hidden;
	}
	
	.vomBoIn{
		float:none;
		width:105px;
		margin:0;
		*position:relative;
		*display:inline;
	}
	.vomBoIn span{
		font-weight:bold;
		font-size:15px;
	}
	
	.vomBoInCenter{
		float:none;
		margin:0;
	}
	.vomBoInLast{
		float:left;
		margin:0;
	
	}
	
	.vomAdobe6{
		float:none;
		width:auto;
		margin:5px 0 0;
		font-size:80%;
	}
	
	.vombtm{
		margin:5px 0;
		padding:10px 0 20px!important;
		border-bottom:dotted 1px #ccc;
	}
}
.forIE7ov{
	*overflow:hidden;
}

.fsize{
	font-size:80%;
}

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

/* feature icons */
.featureIconList {
	width:950px;
	overflow:hidden;
	margin:0 auto;
}
.featureIconList ul {
	width:950px;
	padding:0;
	margin:0 0 20px 0;
}
.featureIconList ul li {
	list-style-type:none;
	display:block;
	float:left;
	margin:0 20px 20px 0;
	*display:inline;
}
.last{
	margin:0 0 20px 0!important
}
.featureIconList ul li img {
	display:block;
	float:left;
}
.featureIconList ul li img.pc{
	display:block;
}
.featureIconList ul li img.sp{
	display:none;
}

.hybrid {
	margin-bottom:40px;
}		
.mod-link{
	font-size:14px;
}

@media (max-width:640px){
	/* feature icons */
	.featureIconList {
		width:100%;
		overflow:hidden;
	}
	.featureIconList ul {
		float:left;
		width:110%;
		padding:0;
	}
	.featureIconList ul li {
		list-style-type:none;
		display:block;
		float:left;
		margin:0 5% 5% 0.5%;
		width:42.50%;
	}
	.last{
			margin:0 5% 5% 0.5%!important
	}
	.featureIconList ul li img {
		display:block;
		float:left;
		width:99%;
		height:auto;
	}
	.featureIconList ul li img.pc{
		display:none;
	}
	.featureIconList ul li img.sp{
		display:block;
	}
}

.kukkiri {
	font-size:9.5px !important;
}
@media (max-width:640px){
	.kukkiri {
		font-size:11.5px !important;
	}
}
.upgradeForBiz {
	font-size:0.80em;
}

.vjdetailBtn01{	
	float:right!important;
	width:400px;
	height:35px;
	margin:20px 3px 0!important;
	*display:inline;
}
@media (max-width:640px){
	.vjdetailBtn01{
		display:block;
		float:none!important;
		width:auto;
		margin:10px auto!important;
		text-align:center;
	}
}