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

	Site Name   VAIO
	File Name   page.css

	Create Date 2011/00/00

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

/*----------------------------------------------------------
	Module Top Style Sheet
-----------------------------------------------------------*/
@media (min-width:641px){
	.l40 {
	margin:10px 40px 0;
	}
}
.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 .mod-side-header {

}
.mod-accessories h1 {
	font-size:2em;
}

.top01 h1 {
    font-size: 1.66667em;
    margin: 0;
}

.top01 {
	padding:0 0 15px;
}
.top01 h1{
	font-size:1.66667em
}
.totop {
	font-size:11px;
	text-align:right;
	background:url(/share3_1/images/mod-button/ico_03.png) no-repeat left center;
	display:inline-block;
	margin-top:1em !important;
	padding-left:1em;
	float:right;
}
.totop a{
	color:#333;
}

/* 仕様 */
.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;
	}
}

.model span.note {
	font-size: 10px;
	margin: 0 !important;
}
.rgt50pc {		/* 50px余白で ボタン右寄せに仕様、コンセプト＆デザイン */
	text-align:right;
	margin-right:50px;
	margin-top:15px !important;
}
.rgt50sp {		/* 50px余白で ボタン右寄せに仕様、コンセプト＆デザイン */
	display:none;
}
	.rgt50MtopSp {		/* コンセプト＆デザイン 直感的に操作できる〜 詳しく見る*/
		display:none;
	}


.softwareTop .mod-featureImageLeft-body {
	width:419px !important;
	float:right;
	padding-top:100px;
}

.softwareTop .mod-featureImageLeft-feature {
	width:531px !important;
}
.softwareTop .mod-featureImageLeft-image {
	width:531px !important;
	margin-left:0 !important
}

/* feature 写真も動画も */
.featureLftPhoto {
	width:715px;
}
.featureLftPhoto P {
	font-size:1.25em;
}

.featureRgtPhoto {
	width:209px
}
.featureBnrPhoto {
	clear:both;
	width:950px;
	margin:auto;
}

/* feature直感的に操作できるタッチパネル搭載モデル */
.featureLftTouch {
	width:420px;
}
.featureLftTouch P {
	font-size:1.25em;
}

.featureRgtTouch {
	width:530px
}

.featureBnrTouch {
	clear:both;
	width:680px;
	margin:auto;
}

.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:#006080;
}
/* feature youtube */
.featureYtubeTouch {
	clear:both;
	width:530px;
	margin:auto;
	padding:50px 0 0;
}

.featureBtn p {
	text-align:center;
	margin-bottom:30px !important;
}
/* feature icons */
.featureIconList {
	width:950px;
	overflow:hidden;
	margin:0 auto;
}
.featureIconList p {
	font-size:16px;
	text-align:center;
	margin:12px 0 14px;
}
.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;
}		
@media (max-width:640px){
	/* feature icons */
	.featureIconList {
		width:100%;
		overflow:hidden;
	}
	.featureIconList p {
		text-align:left;
	}
	.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%;
	}
	.featureIconList ul li.c10 {
		margin:0 5% 4% 0.5%;
	}
	.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;
	}
	.featureBtn p {
		text-align:left;
		margin-bottom:20px !important;
	}
	.softwareTop .mod-featureImageLeft-body {
		width:100% !important;
		float:right;
		padding-top:100px;
	}
	.softwareTop .mod-featureImageLeft-feature {
		width:100% !important;
	}
	.softwareTop .mod-featureImageLeft-image {
		width:100% !important;
		margin-left:0 !important
	}
	/* feature直感的に操作できるタッチパネル搭載モデル youtube */
	.featureYtubeTouch {
		width:100%;
	}
	
	/* feature photo */
	.featureLftPhoto {
	width:100%;
	}
	.featureLftPhoto P {
		font-size:1.0em;
	}

	.featureRgtPhoto {
		width:100%
	}
	
	.featureBnrPhoto {
		width:100%
	}

	.featureBnrPhoto img {
		width:100%;
		height:auto;
	}
	
	.featureRgtPhoto img {
		width:209px;
		height:150px;
		margin:auto;
	}

	.featureBnrTouch {
		width:100%;
	}
	.featureBnrTouch img {
		width:100%;
		height:auto;
	}
	

	/* feature直感的に操作できるタッチパネル搭載モデル */
	.featureLftTouch {
	width:100%;
	}
	.featureLftTouch P {
		font-size:1.0em;
	}

	.featureRgtTouch {
	width:100%
	}

	.featureBnrTouch {
		width:100%;
	}
	.featureBnrTouch img {
		width:100%;
		height:auto;
	}
	.rgt50pc {		/* 50px余白で ボタン右寄せに仕様、コンセプト＆デザイン */
		display:none;
	}
	.rgt50sp {		/* コンセプト＆デザイン 直感的に操作できる〜 詳しく見る*/
		display:block;
		text-align:center !important;
	}
	.spCntr {		/* コンセプト＆デザイン 直感的に操作できる〜 詳しく見る*/
		display:block;
		text-align:center !important;
	}
	.rgt50MtopSp {		/* コンセプト＆デザイン 直感的に操作できる〜 詳しく見る*/
		display:block;
		text-align:center !important;
/* margin-top:50px */		
	}
.exCntr p a {
	font-size:6px;
	padding-right:3px;
	text-align:left;
}
.top01 h1{
	font-size:1.28571em;
	text-align:center;
}
.mod-accessories {
    border-bottom: 1px solid #666666;

    margin: 22px 10px;
    width: auto;
}
	.mod-productIntro-block3 hr {		/* index上部型番*/
		border-width:0px 0 0;
		border-style:dotted;
		border-color: #333;
	}
	.l40 {
		margin:0 auto;
		display:inline;
		text-align:center
	}
	.lgr640 {}
	.lgr640 img {
		width:100%;
		height:auto;
	}
}
/*

for vom block

*/
.vomIn .mod-featureImage2col,.vomIn .mod-featureImage2col-item {
	width:100% !important;
	margin:auto;
}
.vomIn .mod-featureImageBottomA-heading h1 {
	font-size:22px !important;
}

.vomIn .lft {
	width:400px;
	float:left;
}
.vomIn .lft img {
	padding-bottom:40px;
}
.vomIn .rgt {
	width:361px;
	float:right;
}
.vomIn .rgt .vomLogo{
	float:none;
	margin:0 auto 20px !important;
	display:block;
}
.vomIn .rgt p.strong {
	font-weight:bold;
}
.vomIn .rgt .detail{
	float:none;
	margin:30px auto !important;
	display:block;
}
.vomIn .btm {
	clear:both;
	border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    color: #1A1A1A;
    padding:15px;
}
.vomIn .btm table {
	margin:0 auto;
}
.vomIn .btm table img {
	margin-right:10px;
}
.vomIn .btm table a {
	text-decoration:none;
	color:#333;
}

.vomBoInLast {
	margin-left:25px !important;
}

@media (max-width:640px){
	.vomIn .mod-featureImage2col,.vomIn .mod-featureImage2col-item {
		width:100% !important;
		margin:auto;
	}
	.vomIn .lft {
		width:100%;
		clear:both;
	}
	.vomIn .lft img {
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	.vomIn .rgt {
		width:100%;
		clear:both;
	}
	.vomIn .btm table br {
		display:none;
	}
	.vomBoInLast {
		margin-left:0px !important;
	}
	.vomBoInLast img {
		width:100%;
		height:auto;
	}
}
.vomArea {}
.vomArea .vomBoInCenter {
	margin:0;
}
.vomArea .mod-button {
	padding: 0.5em 12px 0.5em 34px;
	width:90%;
}
.vomArea .vomDownGrade {
	border-radius:3px;
}