@charset "Shift_JIS";

/*
	================================================================================================
		vaio support guide index format
	================================================================================================
*/

/*============================================================================
		layout
============================================================================*/

.section p {
    margin: 0 1em 1.25em;
}
.inner h4 {
	margin-bottom: 10px;
	padding-left: 3px;
}
#contents div.link_list {
	clear: both;
}
#contents div.link_list li {
	float: none;
}
#contents div.link_with_banner ul {
	float: left;
	width: 65%;
	padding: 0;
}
#contents div.link_with_banner ul.txtlink li {
	margin-left: 0;
}
#contents div.link_with_banner div.image {
	clear: both;
	float: right;
	padding: 0 30px 0 0;
}
/*============================================================================
		border-box
============================================================================*/

#contents .notice_g {
	border: 1px solid #d2d2d2;
	padding: 30px 1em 1em 1em;
}
/*============================================================================
		button
============================================================================*/
ul.btn_area.long .Button {
	width: 250px;
}


/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
ul.btn_area.long .Button {
	width: auto;
}
div#contents ul.ctn {
	width: auto;
}
#contents div.link_with_banner ul {
	float: none;
	width: auto;
}
#contents div.link_with_banner div.image {
    float: none;
    padding: 0 0 15px 5px;
    margin-left: 5px;
}
#contents div.link_with_banner ul.txtlink {
	margin-left: 5px;
	margin-bottom: 0;
}
#contents div.link_with_banner ul.txtlink li {
    margin-left: 5px;
}
#contents div.inner ul.txtlink {
    margin-left: 0;
}
.inner h4 {
    margin-left: 0;
}
}

/*============================================================================
		items_area
============================================================================*/
#contents .items_area{
	width:760px;
	margin:0;
}

#contents .items_area .icon{
	float:left;
	width:100px;
	padding-top:0;
	padding-left:20px;
}

#contents .items_area .txt{
	float:left;
	width:620px;
}

#contents .items_area .txt ul.txtlink{
	margin: 0;
	padding:0;
}

@media screen and (max-width: 640px) {
	
	#contents .items_area{
	width:98%;
	margin:0;
}
	
	#contents .items_area .icon{
	float: none;
    width: 98%;
    padding-top: 0;
    padding-left: 0;
	text-align:center;
}

	#contents .items_area .icon img{
		max-width:80px;
}

	#contents .items_area .txt{
	float: none;
    width: 98%;
    padding-left: 10px;
}
}


/*
====================================
	box_info_area
====================================
*/

#contents .box_info_area {
	margin: .5em 5px 1em 5px;
	padding: 0 0 9px;
	/padding: 0;
	background: #f3f3f3 url("/support/vaio/share3/images/box/info-201br.gif") no-repeat bottom right;
}

#contents .box_info_area * { border: none; }

#contents .box_info_area dl {
	width: 100%;
	list-style: none;
	margin: 0;
	/margin: 0 0 9px;
	padding: 0;
	background: transparent url("/support/vaio/share3/images/box/info-202tr.gif") no-repeat top right;
}

#contents .box_info_area dl dt {
	float: right;
	width: 100%;
	height: 40px;
	padding: 0;
	margin-left: 0;
	background: transparent url("/support/vaio/share3/images/box/info-203tl.gif") no-repeat top left;
}

#contents .box_info_area dl dd {
	float: left;
	margin: -38px 0 -9px;
	/margin: -36px 0 0;
	padding: 16px 0 0 54px;
	/padding: 16px 8px 0 54px;
	background: transparent url("/support/vaio/share3/images/box/info-204bl.gif") no-repeat bottom left;
}

#contents .box_info_area dl dt.caution img,
#contents .box_info_area dl dt.info img {
	position: absolute;
	margin: 12px 16px;
}

#contents .box_info_area dl dd ul,
#contents .box_info_area dl dd ol {
	margin: 0 1em 0.5em 1em;
}

#contents .box_info_area dl dd ol {
	padding-left: .6em;
}

@media screen and (max-width: 640px) {
	#contents .box_info_area dl dt.caution img, #contents .box_info_area dl dt.info img {
		position: absolute;
		margin: 5px 5px;
	}
	#contents .box_info_area p {
		margin: 0 5px 1.25em 0;
	}
	#contents .box_info_area dl dd ul,
	#contents .box_info_area dl dd ol {
		margin: 0 1em 0.5em 0.5em;
	}
}


#contents .bannersTwin{
	text-align: center;
}
#contents .bannersTwin-item{
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#contents .bannersTwin-item a{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	outline: none;
}
#contents .bannersTwin-item img{
	vertical-align: bottom;
}

@media screen and (max-width: 640px) {
	#contents .bannersTwin{
		margin: 0;
	}
	#contents .bannersTwin-item{
		display: block;
		margin: 0 auto 10px;
	}
	#contents .bannersTwin-item a{
		display: block;
	}
	#contents .bannersTwin-item img{
		max-width: 100%;
		height: auto;
	}
}


/*
====================================
	win10,8,7,vista
====================================
*/

#contents div.section div.float_left {
	float: left;
}
#contents div.section div.float_left01 {
	float: left;
	margin-left: -11px;
}
@media screen and (max-width: 640px) {
#contents div.section div.float_left01 {
	margin-left: 0;
	}
}
#contents div.section div.float_left p {
	margin-bottom: 5px;
	}
@media screen and (max-width: 640px) {
#contents div.section div.float_left p {
	margin-bottom: 0;
	}
}
@media screen and (max-width: 640px) {
#contents div.section div.float_left01 p.mb5 {
	margin-bottom: 0 !important;
	}
}
#contents div.section div.float_left01 p.mb01 {
	margin: 0 0 5px 8px;
}
@media screen and (max-width: 640px) {
#contents div.section div.float_left01 p.mb01 {
	margin-left: -17px;
	}
}

#contents div.section ul.btn_area {
	margin-left: 12px;
}
@media screen and (max-width: 640px) {
#contents div.section ul.btn_area {
	margin-left: 4px;
	}
}
#contents div.section div.float_left01 ul.btn_area {
	margin-left: 11px;
}
@media screen and (max-width: 640px) {
#contents div.section div.float_left01 ul.btn_area {
	margin-left: 0;
	}
}
@media screen and (max-width: 640px) {
div#contents div.float_left01 ul.btn_area li {
	margin-left: 5px;
	}
}
#contents div.section ul.btn_area li.fn {
	float: none;
}
#contents div.section ul.btn_area li.fl {
	float: left;
}
#contents div.section ul.btn_area li span.Button {
	width: 215px;
}
@media screen and (max-width: 640px) {
.Button, ul.btn_area.long .Button {
	width:  60%;
	｝
}
/*
====================================
	index.html バックアップと復元の手順
====================================
*/

div#contents ul.btn_area li.float_none {
	float: none;
}