@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;
}

/*----------------------------------------------------------
	
-----------------------------------------------------------*/

.BoxLeft01{
	float:left;
	width:550px;
}

.logoPosi01{
	margin:10px 0 0 0!important;
}
.mb40{
	margin-bottom:40px!important;
}

.BoxLeft02{
	float:left;
	width:300px;
}

.BoxRight02{
	float:right;
	width:639px;
	margin:0 0 1px!important;
}

.detailBtn02{	
	float:right!important;
	width:125px;
	height:35px;
	margin:3px!important;
}

.BoxLeft03{
	float:left;
	width:425px;
	margin:0 0 0!important;
}

.BoxRight03{
	float:right;
	width:480px;
	margin:0!important;
}

/*----------------------------------------------------------
	カラー切り替え
-----------------------------------------------------------*/

	#btnWrap{
		width: 253px;
		margin:30px auto 0;
		overflow:hidden;
	}
	.changeBtnLeft{
		float:left;
	}
	.changeBtnRight{
		float:right;
	}
	#imgChange{
		width: 791px;
		height:934px;
		margin:10px auto 1px;
		padding:0;
	}
@media (max-width:640px){
	#btnWrap{
		width: 250px!important;
		margin:10px auto!important;
		padding:0 10px!important;
		overflow:hidden;
	}
	.mod-topMainImage{
		width: auto!important;
		margin:10px auto!important;
		padding:0 10px!important;
	}
	#imgChange{
		width: auto!important;
		height:auto!important;
		margin:10px auto!important;
		padding:0 10px!important;
	}
	#imgChange img{
		display:block!important;
		max-width:100%;
		width: auto!important;
		height:auto;
		margin:0 auto!important;
	}
}

.title02{
	margin:20px 0!important;
	font-size: 14px!important;
}
.mt50{
	margin-top:50px!important;
}
.mb20{
	margin-bottom:20px!important;
}

.titlelLeft{
	text-align:left!important;
}

.detailBtn03{	
	float:left!important;
	width:125px;
	height:35px;
	margin:3px!important;
}

.BoxLeft04{
	float:left;
	width:300px!important;
	margin:0!important;
	*display:inline;
}

.BoxRight04{
	float:right;
	width:614px;
	margin:0 0 30px!important;
	*display:inline;
}

.pdb0{
	padding-bottom:0!important;
}

.title03{
	margin:20px 0!important;
}

.BoxLeft05{
	float:left;
	width:488px;
	margin:0!important;
	*display:inline;
}

.BoxRight05{
	float:right;
	width:450px;
	margin:20px 0 1px!important;
	*display:inline;
}
.BoxLeft06{
	float:left;
	width:340px!important;
	margin:70px 0 0!important;
	*display:inline;
}

.BoxRight06{
	float:right;
	width:570px;
	margin:0 0 1px!important;
	*display:inline;
}
.fts13{
	font-size: 13px!important;
}

.mpt0{
	margin-top:0!important;
	margin-left:0!important;
	padding-top:0!important;
}
.mpt10{
	margin-top:10px!important;
	margin-left:0!important;
	padding-top:0!important;
}
.negativemg{
	margin-top:-22px!important;
}

.pd0{
	padding-left:0!important;
	padding-right:0!important;
}

.vflogoPosi02{
	float:right;
	margin:0 70px 0 0!important;
	*display:inline;
}

.mod-featureImageBottomB-heading{
	font-size: 12px!important;
}

.vstitle01{
	text-align:center;
	margin:0 0 45px 0!important;
}

.tl{
	text-align:left!important;
}

.vsdetailBtn03{
	width:125px;
	height:35px;
	margin:0 auto!important;
	*display:inline;
}

.ov{
 overflow:hidden;
}

.mod-footnote{
	color:#9c9c9c;
	font-size:13px;
	overflow:hidden;
}
.mod-cust{
	margin:20px 0!important;
	color:#000;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
}
.vstextmargin{
	margin:30px 0 0!important;
}

.imageMt{
	margin:70px 0 0!important;
}

.vsapptext{
	font-size:15px;
	text-align:center;
}

@media (max-width:640px) {
	.logoPosi01{
		margin:0 0 0!important;
	}
	.logoPosi01 img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:0 auto!important;
	}
	.logoPosi02{
		float:none!important;
		width:auto!important;
		height:auto!important;
		margin:0 !important;
	}
	.logoPosi02 img{
		display:block;
		max-width:100%!important;
		max-height:100%!important;
		width:auto!important;
		height:auto!important;
		margin:0 auto!important;
	}
	.BoxLeft01{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	
	.logoPosi01{
		margin:0!important;
	}
	
	.BoxLeft02{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	.BoxRight02{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	.logoPosi02{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	.title00{
		margin:20px 0!important;
		text-align:center;
	}
	
	.title01{
		margin:20px 0!important;
		font-size: 80%!important;
	}
	
	.title02{
		margin:20px 0!important;
		font-size: 100%!important;
	}
	.detailBtn02{	
		float:right!important;
		width:125px;
		height:35px;
		margin:3px!important;
	}
	
	.BoxLeft03{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	
	.BoxRight03{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	.BoxLeft04{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	
	.BoxRight04{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}	
	.BoxRight05{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	.BoxLeft06{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}
	
	.BoxRight06{
		float:none!important;
		width:auto!important;
		margin:0!important;
	}	
	.mod-featureImageBottomB-heading{
		font-size: 12px!important;
	}
	
	.vstitle01{
		text-align:center;
		margin:0 0 45px 0!important;
	}
	
	.vstitle02{
		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;
	}
	
	.vsdetailBtn03{
		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;
	}
	
	.contrario{
		diplay:block!important;
	}
	.pd0{
		padding:0!important;
	}
	.negativemg{
		margin-top:0px!important;
	}
	.tl{
		text-align:left!important;
	}
	.mt50{
		margin-top:20px!important;
	}
}


.BoxRightInternational {
	float: right;
	width: 625px;
}
.titleinter {
	font-size: 14px !important;
	margin: 20px 0 !important;
}
.titleinter p {
	text-align:center;
	font-size:1.10em;
	font-weight:bold;
}

.logoPosi03 img {
	float:right;
	margin:0 20px 0 0 !important;	
}
.logoPosi03 img.pc {
	display:block;	
}
.logoPosi03 img.sp {
	display:none !important;
}

.logoPosi03 {
	float: right;
	padding-right:50px;
/*margin: 0 70px 0 0 !important;*/
}
.detailBtn01 {
	float: right !important;
	height: 35px;
	margin: 3px 3px 30px !important;
	width: 125px;
}
@media (max-width:640px) {
	.BoxRightInternational {
		float: right;
		width: 100%;
	}
	.BoxLeft02 {
		float: left;
		margin: 0 !important;
		width: 100% !important;
	}

	.logoPosi03 {
		float: none;
		width: auto !important;
		height: auto !important;
		margin: 0 auto!important;
		padding:0;
	}
	
	.logoPosi03 img.pc {
		display:none !important;
	}
	.logoPosi03 img.sp {
		float: none;
		display:block !important;
		width: auto !important;
		height: auto !important;
		margin: 20px auto !important;
		max-height: 100% !important;
		max-width: 100% !important;
	}
	.detailBtn01{	
		float:right!important;
		width:125px;
		height:35px;
		margin:3px!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: 900px;
	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;
	}
	.mpt0{
		margin-top:0!important;
		margin-left:10px!important;
		padding-top:0!important;
	}
	.mpt10{
		margin-top:0!important;
		margin-left:10px!important;
		padding-top:0!important;
	}

}
.br{
			display:none;
}
@media (max-width:640px) {
	.br2{
		display:block;
	}
	.br{
		display:block;
	}
	br {
		display:none;
	}
}

/* 仕様 */
.mod-specTable {
	padding-bottom:25px
}
.mod-specTable th,.mod-specTable td{
	position:relative;
}
.mod-specTable th,.mod-specTable td{
	position:relative;
}
.mod-specTable tr.exCntr th,.mod-specTable tr.exCntr td,.mod-specTable td.exCntr {
	text-align:center;
}


.mod-specTable thead tr th {		/*  線を消す */
	position:relative;
	border-top:1px white none;
	border-bottom:1px #B3B3B3 solid;
	padding-bottom:0.8em;
	padding-top:0;
	background:none no-repeat scroll 0 0%, url("/share3_1/images/mod-specTable/line_02.png") no-repeat scroll 0 100%, url("/share3_1/images/mod-specTable/line_01.png") repeat-y scroll 0 100% transparent;
}
.mod-specTable thead th:first-child {
	background: none repeat scroll 0 0 transparent;
}


.mod-specTable thead th:first-child {/* forIE8 */
    border-left: none\9;
}
@media (max-width: 640px) {
	.mod-specTable thead tr th {
		background: #FFFFFF;
		border: 0 #FFFFFF solid;
		color: #FFFFFF;
		padding-bottom: 16px;
		padding-top: 6px;
	}
	.mod-specTable-table td p {
		width:100%;

	}
	.mod-specTable-table td p img {
		width:100%;
		height:auto;
	}
}
.mod-specTable thead tr.model th{		/*  線を消す */
	position:relative;
	border-top:1px #B3B3B3 solid;
	border-bottom:0 #FFFFFF solid;
	padding-top:0.8em;
	padding-bottom:0.2em;
	background: url("/share3_1/images/mod-specTable/line_02.png") no-repeat scroll 0 0%, none no-repeat scroll 0 100%, url("/share3_1/images/mod-specTable/line_01.png") repeat-y scroll 0 100% transparent;
}
.mod-specTable thead tr.model th:first-child {
	background: none repeat scroll 0 0 transparent;
}

.mod-specTable thead tr.model th:first-child {
    background: none repeat scroll 0 0 transparent;
}

.mod-specTable thead tr.model th:first-child {/* forIE8 */
    border-left: none\9;
}

@media (max-width: 640px) {
	.mod-specTable thead tr.model th {
		background: #FFFFFF;
		border: 0 #FFFFFF solid;
		color: #000000;
		padding-bottom:16px;
		padding-top: 6px;
	}
}














