@charset "shift_jis";
/* CSS Document */

.titleTypeB { 
	background-color:#e6e6e6 !important;
	color:#333 !important;
	font-size:13px !important;
	font-weight:bold !important;
	letter-spacing:0.1em;
} 

div#searchArea {
	margin:-40px 0 40px 0 ;
}

.no-padding {
	padding-bottom: 0px !important;
	*padding-bottom: 5px !important;
}

.other_linkButton {
	clear: both;
	margin-bottom:25px !important;
}

a.mod-other_linkButton1, span.mod-other_linkButton1 {
	color:#333;
	font-size:12px;
	line-height:1.4;
	display:inline-block;
	padding:2px 16px;
	border:1px solid #bcbcbc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:url(/share2/images/mod-linkButton1/bg_01.png) no-repeat 0 52%;
	cursor:pointer;
	-webkit-transition:opacity 0.2s ease-in;
	-moz-transition:opacity 0.2s ease-in;
	-ms-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in
}
a.mod-other_linkButton1:hover, a:hover span.mod-other_linkButton1 {
    color: #333333;
    text-decoration: none;
}

.otoi_box.vaio {
}

.otoi_box.vaio dl {
	margin-bottom: 0.8em;
}

.otoi_box.vaio dl dt {
	font-weight: bold;
}

.otoi_box.vaio dl dd {
	margin-left: 1em;
}

#inc-splocalnavi {
	margin-bottom: 20px;
}

@media (max-width: 640px) {
.other_linkButton a {
	display: block;
}

a.mod-other_linkButton1, span.mod-other_linkButton1 {
	font-size: 85% !important;
	padding-left:24px;
	background:url(/share2/images/mod-linkButton1/bg_02.png) no-repeat 0 52%
}

	
a.mod-other_linkButton1, span.mod-other_linkButton1 {
    font-size: 85% !important;
    padding: 4px 16px 4px 24px;
}
	
h4 {
	padding:0 0 5px 10px;
	margin-top: 10px;
}


.no-padding {
	padding-bottom: 15px !important;
}	
}



/* 2012-09-20 */
#tmp-localnavigation h2{
	background-image: url(/support/images/repair/st_vaio.gif);
	height: 29px;
}
@media (max-width: 640px){
	#tmp-localnavigation h2 {
		background-image: url(/support/share/images/leftnav_header.gif);
		height:auto;
	}
	#tmp-localnavi h2 {
		height:auto;
		background: -moz-linear-gradient(top, #000, #333);
		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#333333');
		width:100%;
		height:auto;
		text-indent:0;
		padding:5px;
		margin-bottom:0px;
		color:#FFF;
	}
	.inc-linkbox01 h2{
		background: transparent url(/support/share/images/leftnav_header.gif) repeat-x left bottom;
		height: auto;
		text-indent: 0;
		padding: 5px;
		font-size: 100%;
		font-weight: bold;
	}
	.inc-linkbox01 ul.photomenu {
		background: none;
		border: 1px solid #cacaca;
	}
	.photomenu.menulist{
		background:none;
	}
	.photomenu.menulist li{
		background:none;
	}
	#enqueteArea table {
		width: auto;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.mod-mainContentContainer #sbi_comment1 table {
		margin: 0 auto;
		width: auto;
 }
}

.column2-left180 .inc-linkbox01 h2 span,
#column2-left760 .inc-linkbox01 h2 span,
#inc-splocalnavi h2 span{
	display: none;
}

@media(max-width: 640px){
	.column2-left180 .inc-linkbox01 h2 img,
	#column2-left760 .inc-linkbox01 h2 img,
	#inc-splocalnavi h2 img{
		display: none;
	}
	.column2-left180 .inc-linkbox01 h2 span,
	#column2-left760 .inc-linkbox01 h2 span,
	#inc-splocalnavi h2 span{
		display: inline;
		color: #FFF;
	}
}
/* 左ナビアクティブ用 */
.inc-linkbox01 ul.photomenu p.icon-multiline span.current{
	/*background: transparent url(/share/images/arrow_black.gif) no-repeat scroll left 0.4em;*/
	display: block;
	/*padding-left: 10px;*/
	font-weight: bold;
}
/* all.css 調整用 */
.mod-mainContentContainer .mod-pagefooter {
	padding: 13px 0;
	margin: 0 auto;
	clear: both;
	border-top: 1px solid #ccc;
}
.mod-mainContentContainer .mod-content {
	margin-bottom: 20px;
}
.mod-mainContentContainer {
	padding-bottom: 0;
}
.mod-mainContentContainer .mod-pagefooter-copyright {
	color: #999;
	font-size: 0.76923em;
	clear: both;
	padding: 18px 0;
}


/* アンケートエリア 13-07-30 */
@media(max-width: 640px){
	#sbi_comment1 table input {
		max-width: 97px;
		width: 30%;
		height: auto;
	}
}

/* アンケートエリア 13-08-01 */
.enquete table{
	width:700px;
	border-style:solid;
	border-width:1px;
	border-color:#E7E7E7;
	margin-top:32px;
}

@media(max-width: 640px){
	.enquete table{
	width:100%;
	border-style:solid;
	border-width:1px;
	border-color:#E7E7E7;
	margin-top:32px;
}
	.enquete img{
	width:90%;
	max-width:360px;
}
	.enquete p{
		text-align:left;

}
    .enquete_table2{
	margin-left:0px;
}
}
/*テーブル設定*/

div#contents div.sectionttl {
	float: left;
	margin-left: 20px;
	margin-bottom:10px;
	width:auto;
}

div#contents div.sectionttl_02 {
	margin-left: 20px;
	width:auto;
}


div#contents div.sectionttl h4 {
	margin-bottom: 0px;
	margin-left:0px;
}

div#contents div.sectionttl_02 h4 {
	margin-bottom: 0px;
}


div#contents img.productImg {
    vertical-align: middle;
	margin-right:0px;
}


div#contents img.productImg70 {
	max-width:70px;
	width: 70px;
    margin: 0px 2px;
    vertical-align: middle;
}

div#contents .productImg350{
	display:block;
	width:350px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}


div#contents div.product_txt{
    font-size: 105%;
	font-weight:bold;
	float:left;
	padding-top:17px;
	padding-left:5px;
}

div#contents div.product_img{
	float:left;

}

/* 右メインコンテンツ
---------------------------------------------------- */
#contents div#outline {
	margin-left: 2em;
}
div#contents div#systemupdate,
div#update ul.tokushu,
div#contents div#guide_index_dialogue {
	margin: 10px auto 50px auto;
}
div#contents div#systemupdate ul,
div#update ul.tokushu ,
div#contents div#guide_index_dialogue ul {
    margin-left: 0;
}
div#contents div#systemupdate ul.bnr_area li,
div#contents div#guide_index_dialogue ul.bnr_area li {
	float: left;
	height: 86px;
	padding: 0;
	margin-bottom: 1em;
	width: 360px;
	list-style: none outside none;
	/margin-left: 1em;
	margin-left: 1em\9;
}
div#update ul.tokushu li {
	float: left;
	height: 86px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 1em;
	width: 360px;
	list-style: none outside none;
	/margin-left: 1em;
	margin-left: 1em\9;
}

#contents #update dl {
	overflow: hidden;
	margin-left: 20px;
}
#contents #update dl dt {
	float: left;
	width: 130px;
	margin:  0;
	padding: 0;
}
#contents #update dl dd {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
}
#contents #update dl dd ul {
	margin: 0;
	padding: 0;
}
div#contents div#systemupdate,
div#update ul.tokushu,
div#contents div#guide_index_dialogue {
	margin: 10px auto 50px auto;
}
div#contents div#systemupdate ul,
div#update ul.tokushu,
div#contents div#guide_index_dialogue ul {
    margin-left: 0;
}


@media(max-width: 640px){

	div#contents div#systemupdate ul.bnr_area li,
	div#contents div#update ul.tokushu li,
	div#contents div#guide_index_dialogue ul.bnr_area li,
	#contents #update dl dt,
	#contents #update dl dd {
		width: auto;
	}
	div#contents div#systemupdate ul.bnr_area li,
	div#contents div#guide_index_dialogue ul.bnr_area li {
		width: 100%;
    float: none;
		margin: 0;
	}
	div#contents div#update ul.tokushu lii {
		width: 100%;
    float: none;
	}
	div#contents div#systemupdate ul.bnr_area li img,
	div#contents div#guide_index_dialogue ul.bnr_area li img {
		width: 100%;
		height: auto;
		max-width: 360px;
    	margin-top:0;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		/*margin:0;*/	
	}
	div#contents div#update ul.tokushu img {
		width: 100%;
		height: auto;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
	#contents #update dl {
		margin-left: 5px;
	}
	#contents #update .notice p {
		margin: 0 auto;
	}
	#contents #update ul.link_in li {
		margin-left: 0;
		margin-bottom: 0;
	}
	#contents #update dl dt,
	#contents #update dl dd {
		margin-bottom: 10px;
	}
	#contents #update dl dt {
    float: none;
	}
	#contents #update dl dd {
    float: none;
	}
	
.colum2-right760 #contents div#outline {
	margin: 0;
	text-align: center;
}
div#contents div.sectionttl {
	margin-bottom:10px;
	float:none;
    text-align:center;
    margin-left:0px;
}

div#contents div.sectionttl_02 {
	margin-left: 0px;
	margin-bottom:0px;
	width:auto;
}

div#contents div.sectionttl_02 h4 {
	margin-bottom: 0px;
	margin-left:0px;
}


div#contents div.product_img{
	float:none;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

div#contents div.product_txt{
    font-size: 105%;
	font-weight:bold;
	padding-top:0px;
	float:none;
}

div#contents img.productImg70 {
	max-width:180px;
	width: 100%;
}

div#contents .productImg350 {
	float:none;
	margin-left:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

div#contents .productImg350 img{
	width:100%;
		max-width:350px;
}

span.arrowButtonA
{
	color:#333;
	font-size:12px;
	line-height:1.4;
	display:inline-block;
	padding:2px 18px 2px 26px;
	border:1px solid #bcbcbc;
	-webkit-border-radius:6px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:url(/support/share/images/bg_btnA.png) no-repeat 0 52%;
	cursor:pointer;
	-webkit-transition:opacity 0.2s ease-in;
	-moz-transition:opacity 0.2s ease-in;
	-ms-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in;

}
}
/*
	================================================================================================
		vaio support products css
	================================================================================================
*/
.pageSubContent, #info {
	width: auto;
	float: none;
}
 @media(max-width: 640px){   
	.pict{
		text-align:center;
	}
 }


/*　ページ下部　バナーエリア設定　*/
.tokushu{
	margin-left:10px;
}
#guide_index_dialogue ul.tokushu li {
	text-align: left;
	list-style: none;
}
#contents #update .link_in ul.tokushu li{
	list-style: none;
	background: none;
	text-indent: 0;
	padding-left: 0;
}
 
@media(max-width: 640px){
#systemupdate .tokushu img,
#guide_index_dialogue .tokushu img {
	margin-left:10px;
	margin-bottom:10px;
}
	.tokushu{
		text-align:center;}
}
#guide_index_dialogue ul.tokushu li {
	text-align:center;
}

.mr03{
	margin-right:3px;
}