@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;
}
/*----------------------------------------------------------
	
-----------------------------------------------------------*/
.vfatitle02 {
	margin: 20px 0!important;
	font-size: 14px!important;
}
.vfaBoxLeft01 {
	float: left;
	width: 590px;
}
.vfalogoPosi01 {
	margin: 30px 0 0 0!important;
}
.vfaBoxRight01 {
	float: right;
	width: 637px;
	margin: 0!important;
}
.vfaBoxLeft02 {
	float: left;
	width: 640px!important;
	margin: 0!important;
 *display:inline;
}
.vfaBoxRight02 {
	float: right;
	width: 300px!important;
	margin: 0!important;
	padding: 0!important;
 *display:inline;
}
.vfalogoPosi02 {
	float: right;
	margin: 25px 70px 0 0!important;
 *display:inline;
}
.vfalogoPosi03 {
	float: right;
	margin: 0 70px 0 0!important;
 *display:inline;
}
.vfaBoxLeft03 {
	float: left;
	width: 550px!important;
	margin: 0 0 0 80px!important;
 *display:inline;
}
.vfaBoxRight03 {
	float: right;
	width: 300px!important;
	margin: -20px 0 0!important;
 *display:inline;
}
.vfaBoxLeft04 {
	float: left;
	width: 300px!important;
	margin: 30px 0 50px!important;
 *display:inline;
}
.vfaBoxRight04 {
	float: right;
	width: 585px!important;
	margin: 0!important;
	padding: 0!important;
 *display:inline;
}
.vfaBoxLeft05 {
	float: left;
	width: 300px!important;
	margin: 20px 0 0!important;
 *display:inline;
}
.vfaBoxRight05 {
	float: right;
	width: 625px!important;
	margin: 0!important;
	padding: 0!important;
 *display:inline;
}
.vfaBoxLeft06 {
	float: left;
	width: 645px;
	margin: 0!important;
 *display:inline;
}
.vfaBoxRight06 {
	float: right;
	width: 305px;
	margin: 0 0 1px!important;
 *display:inline;
}
.vfaBoxLeft07 {
	float: left;
	width: 300px!important;
	margin: 40px 0 0!important;
 *display:inline;
}
.vfaBoxRight07 {
	float: right;
	width: 580px!important;
	margin: 0!important;
	padding: 0!important;
 *display:inline;
}
.vfaBoxLeft08 {
	float: left;
	width: 626px!important;
	height:421px;
	margin: 0!important;
	padding: 0!important;
 *display:inline;
}
.vfaBoxRight08 {
	float: right;
	width: 300px!important;
	margin: 8px 0 0!important;
	padding: 0!important;
 *display:inline;
}
.pd0 {
	padding: 0!important;
}

.touchicon {
	float: right;
	padding: 0 5px;
}
.pdb20 {
	padding-bottom: 20px!important;
}
.mpt0 {
	margin-top: 0!important;
	margin-left: 10px!important;
	padding-top: 0!important;
}
.mpt10 {
	margin: 20px 0 0!important;
	padding: 0!important;
}
.vflogoPosi04 {
	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;
}
.vfatitle01 {
	text-align: center;
	margin: 0 0 45px 0!important;
}
.vfatitle02 {
	font-size: 14px!important;
	margin: 20px 0!important;
}
.vfatitle03 {
	font-size: 80%!important;
	margin: 0 0 20px 0!important;
}
.ftsp {
	font-size: 80%!important;
}
.titlelLeft {
	text-align: left!important;
}
.titlelsup {
	vertical-align: super;
	font-size: 70%;
}
.vfdetailBtn01 {
	width: 125px;
	height: 35px;
	float: right!important;
	margin: 0 20px 3px 0!important;
 *display:inline;
}
.vfdetailBtn02 {
	width: 125px;
	height: 35px;
	float: right!important;
	margin: 0 0 3px!important;
}
.vfdetailBtn03 {
	width: 125px;
	height: 35px;
	float: right!important;
	margin: 0 180px 3px 0!important;
 *display:inline;
}
.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;
	font-size: 1.14em;
}
.featureBnrTouch a {
	text-decoration: none;
	color: #005f7f;
}
.mod-link {
	color: #005f7f;
	font-size: 14px;
}
.mod-footnote {
	margin: 20px 0!important;
	color: #333;
	font-size: 10px;
	overflow: hidden;
}
.vftextmargin {
	margin: 30px 0 0!important;
}
.imageMt {
	margin: 70px 0 0!important;
}
.vfapptext {
	font-size: 15px;
	text-align: center;
}
.pdb0 {
	padding-bottom: 0!important;
}
.pdb20 {
	padding-bottom: 20px!important;
}
.pd0 {
	margin: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
}
.mb0 {
	margin: 0 0 1px!important;
}
.mpt0 {
	margin: 0!important;
	padding: 0!important;
}
.mpt10 {
	margin: 20px 0 0!important;
	padding: 0!important;
}
.negativemg {
	margin-top: -22px!important;
}
.bordernone {
	background: none!important;
}
 @media (max-width:640px) {
.vfaBoxLeft01 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfalogoPosi01 {
	margin: 30px 0 0 0!important;
}
.vfaBoxRight01 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxLeft02 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxRight02 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfalogoPosi02 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfalogoPosi03 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxLeft03 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!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;
}
.vfaBoxLeft04 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxRight04 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxLeft05 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxRight05 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxLeft06 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxRight06 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxLeft07 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxRight07 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxLeft08 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfaBoxRight08 {
	float: none;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
}
.vfalogoPosi01 {
	margin: 30px 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;
}
.vfalogoPosi03 {
	margin: 20px 0 0 0!important;
}
.vfalogoPosi03 img {
	display: block;
	max-width: 80%!important;
	max-height: 80%!important;
	width: auto!important;
	height: auto!important;
	margin: 20px auto!important;
}
.vfalogoPosi04 {
	float: none!important;
	margin: 20px auto!important;
}
.vfalogoPosi04 img {
	display: block;
	max-width: auto;
	max-height: auto;
	width: auto;
	height: auto;
	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;
}
.vfatitle03 {
	font-size: 12px!important;
}
.vfdetailBtn01 {
	display: block;
	float: none!important;
	width: auto;
	margin: 10px auto!important;
	text-align: center;
}
.vfdetailBtn02 {
	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;
}
.mod-featureImage2col-item img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0 auto!important;
}
.vfdetailBtn03 {
	display: block;
	float: none!important;
	width: auto;
	margin: 10px auto!important;
	text-align: center;
}
.featureBnrTouch {
	clear: both;
	width: auto;
	margin: auto;
	color: #005f7f;
}
.featureBnrTouch p {
	background: url("/share3_1/images/mod-button/ico_01.png") no-repeat left center;
	padding-left: 10px;
	font-size: 1.14em;
}
.featureBnrTouch a {
	text-decoration: none;
	color: #005f7f;
}
.mod-footnote {
	margin: 20px 0!important;
	color: #333;
	font-size: 10px;
	overflow: hidden;
}
.vftextmargin {
	margin: 30px 0 0!important;
}
.imageMt {
	margin: 70px 0 0!important;
}
.vfapptext {
	font-size: 15px;
	text-align: center;
}
.imgsize {
	display: block;
	max-width: 50%!important;
	width: auto;
	height: auto;
	margin: 0 auto!important;
}
.pd0 {
	padding: 20px!important;
}
.negativemg {
	margin-top: 0px!important;
}
.mpt0 {
	margin-top: 0!important;
	margin:0 10px!important;
	padding-top: 0!important;
}

.mpt10 {
	margin: 0 10px!important;
	padding: 0!important;
}
.mt30 {
	margin: 30px 0 0!important;
}
section.mod-featureImageBottomA .mod-featureImageBottomA-body {
	display: table-header-group!important;
}
.negativemg {
	margin-top: 0px!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;
}
}
.fsize {
	font-size: 80%;
}
.br {
	display: none;
}
.br2{
	display: block;
}
@media (max-width:640px) {
.br {
	display: block;
}
br {
	display: none;
}
.br2{
	display: block;
}
}

.vfamovie{
	width:560px!important;
	margin:0 auto!important;
}

@media (max-width:640px) {
	.vfamovie{
		float:none!important;
		width:auto!important;
		margin:0!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;
	}
}