@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;
}

/*----------------------------------------------------------
	
-----------------------------------------------------------*/

.vfBoxLeft01{
	float:left;
	width:590px;
	*display:inline;
}

.vfaBoxLeft02{
	float:left;
	width:665px;
	*display:inline;
}

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

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

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

.vfaBoxRight04{
	float:right;
	width:621px;
	margin:30px 0 1px!important;
	*display:inline;
}

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

.vfaBoxRight05{
	float:right;
	width:305px;
	margin:0 0 1px!important;
	*display:inline;
}
.pdb0{
	padding-bottom:0!important;
}
.pdb20{
	padding-bottom:20px!important;
}
.pd0{
	padding-left:0!important;
	padding-right:0!important;
}
.mb0{
	margin:0!important;
}
.mpt0{
	margin:0!important;
	padding:0!important;
}
.mpt10{
	margin:20px 0 0!important;
	padding:0!important;
}

.clear{
	clear:both;
}

.vfadetailBtn02{
	width:125px;
	height:35px;
	float:right!important;
	margin:3px!important;
	*display:inline;
}

.negativemg{
	position:relative;
	margin-top:-22px!important;
	*margin-top:0!important;
}

.vfdlogoPosi01{
	margin:110px 0 0 0!important;
}

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

.mod-featureImageBottomB-heading{
	font-size: 12px!important;
}

.vfatitle01{
	text-align:center;
	margin:0 0 45px 0!important;
}

.vfatitle02{
	margin:20px 0!important;
	font-size: 14px!important;
}

.vfatitle03{
	margin:0 0 20px!important;
	font-size: 14px!important;
}

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

.vfadetailBtn03{
	width:125px;
	height:35px;
	margin:0 auto 30px!important;
	*display:inline;
}
.ov{
 overflow:hidden;
}
.mod-link{
	color:#006080;
	font-size:14px;
}
.mod-footnote{
	margin:20px 0!important;
	color:#333;
	font-size:10px;
	overflow:hidden;
}

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

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

.apptext{
	font-size:15px;
	text-align:center;
}

@media (max-width:640px) {
	.vfBoxLeft01{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	
	.vfaBoxLeft02{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	
	.vfaBoxLeft03{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	.vfaBoxLeft03 img{
		display: block!important;
		max-width: 100%;
		max-height: 100%;
		width: auto!important;
		height: auto!important;
		margin: 0 auto!important;
	}
	.vfaBoxRight03{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	
	.vfaBoxLeft04{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	
	.vfaBoxRight04{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	
	.vfaBoxLeft05{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	
	.vfaBoxRight05{
		float:none;
		width:auto!important;
		height:auto!important;
		margin:0!important;
		padding:5px!important;
	}
	
	.vfalogoPosi01{
		margin:0 0 0!important;
	}
	.vfalogoPosi01 img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:0 auto!important;
	}
	.vfalogoPosi02{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:20px auto!important;
	}
	.vfalogoPosi02 img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:0 auto!important;
	}
	
	.mod-featureImageBottomB-heading{
		font-size: 12px!important;
	}
	
	.vfatitle01{
		text-align:center;
		margin:0 0 45px 0!important;
	}
	
	.vfatitle02{
		font-size: 14px!important;
	}
	
	.vsdetailBtn01{
		display:block;
		float:none!important;
		width:auto;
		margin:10px auto!important;
		text-align:center;
	}
	
	.vsdetailBtn02{
		display:block;
		float:none!important;
		width:auto;
		margin:10px auto!important;
		text-align:center;
	}
	
	.mod-featureImage2col{
		width:auto!important;
		height:auto!important;
	}
	
	.mod-featureImage2col-item{
		width:auto!important;
		height:auto!important;
		margin:0 auto!important;
	}
	
	.mod-featureImage2col-item img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto!important;
	}
	
	.vfadetailBtn03{
		display:block;
		float:none!important;
		width:auto;
		margin:10px auto!important;
		text-align:center;
	}
	
	.mod-footnote{
		color:#9c9c9c;
		font-size:13px;
	}
	
	.vstextmargin{
		margin:30px 0 0!important;
	}
	.imageMt{
		margin:70px 0 0!important;
	}
	.vsapptext{
		font-size:15px;
		text-align:center;
	}
	.pd0{
		padding:20px!important;
	}
	.negativemg{
		margin-top:0px!important;
	}
	.mpt10{
		margin:0 10px!important;
		padding:0!important;
	}
	.mt30{
		margin:30px 0 0!important;
	}
	.negativemg{
		margin-top:0px!important;
	}
}

.vomArea{
	overflow: hidden;
	padding: 40px 0 0;
}
.vomArea .vomInner{
	width: 950px;
	padding: 0 0 0;
	margin: 0 auto
}
.vomTitle{
	font-size:15px;
	text-align:left;
	border-bottom:solid 1px #ccc;
}
.vomArea .vomBox{
	width: 900px;
	padding: 0;
	margin: 20px auto 0;
	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;
}
.vomCS{
background: none repeat scroll 0 0 #333333;
color: #CCCCCC;
display: inline-block;
font-size: 75%;
margin: 0 0 3px;
padding: 3px 3px 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;
	}
	.mpt0{
		margin-top:0!important;
		margin-left:10px!important;
		padding-top:0!important;
	}
	.tablefooter{
		width: auto;
		display: table-footer-group!important;
	}	

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

.vfaBoxRightInternational {
    float: right;
    width: 625px;
}
.vfalogoPosi03 img {
	float:right;
	margin:0 20px 0 0 !important;
	
}
.vfalogoPosi03 img.pc {
	display:block;	
}
.vfalogoPosi03 img.sp {
	display:none !important;
}
.vfatitle02 p {
	text-align:center;
	font-size:1.10em;
	font-weight:bold;
}
@media (max-width:640px) {
	.vfaBoxRightInternational {
    	float: right;
	    width: 100%;
	}
	.vfalogoPosi03 img {
		width:150px !important;	
		float:none;
		margin:0 auto !important;
	}
	.vfalogoPosi03 img.pc {
		display:none !important;
	}
	.vfalogoPosi03 img.sp {
		display:block !important;	
	}
}

/*----------------------------------------------------------
	2013/10/8 add
-----------------------------------------------------------*/
/*----------------------------------------------------------
	b01
-----------------------------------------------------------*/
.block01{
	overflow:hidden;
	width:950px;
	margin:78px auto 0;
	padding:0 0 45px;
	border-bottom:dotted 1px #000;
}
.block01Left{
	float:left;
	width:550px;
	margin:0 55px 0 0;
}
.block01 h1{
	margin:0 0 0 0;
	padding:0;
}

.block01Text{
	font-size:16px;
	margin:20px 0 0 0;
	padding:0;
}
.block01Text2{
	font-size:16px;
	margin:20px 0 0 0;
	padding:0;
}

.block01Comment{
	font-size:10px;
	margin:20px 0 0 0;
	padding:0;
}
.block01Btn{
	margin:15px 0 0 0;
	padding:2px;
}
.block01Btn2{
	margin:45px 0 0 0;
	padding:2px;
}
.block01Btn3{
	margin:15px 0 0 0;
	padding:2px;
}
.block01Right{
	float:right;
	width:290px;
	margin:0 55px 0 0;
}

.block01Img1{
	width:290px;
	height:55px;
	margin:20px 0 0 0;
	padding:0;
}

@media (max-width:640px){
	.block01{
		overflow:hidden;
		width:auto;
		margin:0 10px;
	}
	.ttl1{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.block01In{
		display:table;
	}
	.block01Left{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.block01Text{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.block01Btn{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.block01Btn2{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.block01Btn3{
		width:auto;
		margin:40px auto 0;
		padding:2px;
		text-align:center;
	}
	.block01Right{
		display:table-header-group;
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.block01Img1{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.block01Img1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}
/*----------------------------------------------------------
	free
-----------------------------------------------------------*/
.free{
	overflow:hidden;
	width:950px;
	margin:50px auto 0;
	padding:0 0 60px;
	border-bottom:dotted 1px #000;
}
.freeLeft{
	float:left;
	width:566px;
	margin:0 55px 0 0;
}

.free h1{
	margin:0 0 0 0;
	padding:0;
}
.freeText{
	font-size:16px;
	margin:20px 0;
	padding:0;
}
.freeBtn{
	margin:15px 0 0 0;
	padding:2px;
}
.freeRight{
	float:right;
	width:210px;
	margin:20px 80px 0 0;
}
.freeImg{
	width:210px;
	height:55px;
	margin:0;
	padding:0;
}

@media (max-width:640px){
	.free{
		overflow:hidden;
		width:auto;
		margin:0 10px;
		padding:0;
	}
	.ttl1{
		margin:20px 0;
		padding:0;
		font-size:18px;
	}
	.freeIn{
		display:table;
	}
	.freeLeft{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.freeText{
		font-size:14px;
		margin:0 auto;
		padding:0;
	}
	
	.freeBtn{
		width:auto;
		margin:40px auto;
		padding:2px;
		text-align:center;
	}
	.freeRight{
		display:table-header-group;
		float:none;
		width:auto;
		margin:0 auto;
	}
	
	.freeImg{
		width:auto;
		height:auto;
		margin:40px auto 0;
		padding:0;
	}
	.freeImg img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
}