@charset "shift_jis";
/* 京 */

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

	[ common ]

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

.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}


/*
-----------------------------------------------------------
	image center
-----------------------------------------------------------
*/

#contentsMain div.picture {
	text-align: center;
	margin: 15px 0 30px 15px;
}


/*
-----------------------------------------------------------
	button center icon
-----------------------------------------------------------
*/
#contentsMain div.button {
	text-align: center;
	margin-bottom: 20px;
}

#contentsMain img.icon {
    margin: 0 2px;
    vertical-align: middle;
}


/*
-----------------------------------------------------------
	image title bottom line
-----------------------------------------------------------
*/
#contentsMain p.imgttl {
	margin-top: 20px;
	border-bottom:1px solid #a2a2a2;
}
/*
-----------------------------------------------------------
	image border
-----------------------------------------------------------
*/
#contentsMain img.pct_line {
    border: 1px solid #666666;
}
/*
-----------------------------------------------------------
	margin
-----------------------------------------------------------
*/
#contents div.section {
	margin-bottom: 30px;
}
div#contents div#contentsMain div.section#cope div.section {
	margin-bottom: 30px;
}
div#contentsMain div.section#VAIOCarebottom {
	margin-bottom: 60px;
}
div.section#cope p {
	margin-bottom: 30px;
}
div.section#os {
	margin-left: 30px;
}

div.section#HWdiagnosis dd {
	margin-bottom: 20px;
}

div.section#VAIOCare dd {
	margin-bottom: 20px;
}
#contents div.mrgTB{
	margin-top: 40px;
	margin-bottom: 20px;
}

/*
-----------------------------------------------------------
	movie
-----------------------------------------------------------
*/
div#contentsMain div.section#cope div.section#os #movie{
    width: 100%;
}

div#contentsMain #movie .moviethumbnail {
    background: url("/support/vaio/share_vcl/movie/images/pct_movie.jpg") no-repeat;
    float: left;
    font-weight: bold;
    height: 193px;
    width: 241px;
    margin-right: 10px;
    padding: 10px;
}

div#contentsMain div.section#cope div.section#os #movie a div.moviethumbnail {
     color: #ffffff;
     cursor: pointer;
     text-decoration: none;
}

div#contentsMain div.section#cope div.section#os #movie a a:hover div.moviethumbnail {
     color: #ffffff;
     
}

div#contentsMain div.section#cope div.section#os #movie div.movietitle img {
    float: left;
    padding-right: 10px;
}

div#contentsMain div.section#cope div.section#os #movie div.movietitle ul {
     display: table-cell;
}

div#contentsMain div.section#cope div.section#os .vcl_list_m_link li {
    background: url("/support/vaio/vaio/share/images/products/tmp/arrow_black.gif") no-repeat scroll 0 0.5em transparent;
    margin: 5px 0 0.35em 0;
    padding: 0 0 0 10px;
}
div#contentsMain div.section#cope div.section#os ul.vcl_list_m_link {
    list-style-type: none;
    margin-right: 0px;
}

/*
-----------------------------------------------------------
	movie_box
-----------------------------------------------------------
*/
div#contentsMain div.section#cope div.section#os div.movie_area {
    width: 100%;
}

div#contentsMain div.movie_area .moviethumbnail {
    background: url("/support/vaio/share_vcl/movie/images/pct_movie.jpg") no-repeat;
    float: left;
    font-weight: bold;
    height: 193px;
    width: 241px;
    margin-right: 10px;
    padding: 10px;
}

div#contentsMain div.section#cope div.section#os div.movie_area a div.moviethumbnail {
     color: #ffffff;
     cursor: pointer;
     text-decoration: none;
}

div#contentsMain div.section#cope div.section#os div.movie_area a a:hover div.moviethumbnail {
     color: #ffffff;
     
}

div#contentsMain div.section#cope div.section#os div.movie_area div.movietitle img {
    float: left;
    padding-right: 10px;
}

div#contentsMain div.section#cope div.section#os div.movie_area div.movietitle ul {
     display: table-cell;
}


/*
-----------------------------------------------------------
	detailNavi
-----------------------------------------------------------
*/

div#contentsMain div.section#Windows8 .detailNavi {
	BACKGROUND-IMAGE: url(/support/vaio/other/diagnosis/02/share/images/detailNavi_arrow.png); PADDING-LEFT: 12px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 5px
}
div#contentsMain div.section#Windows8 .detailNavi A {
	TEXT-DECORATION: underline
}

div#contentsMain div.section#Windows7 .detailNavi {
	BACKGROUND-IMAGE: url(/support/vaio/other/diagnosis/02/share/images/detailNavi_arrow.png); PADDING-LEFT: 12px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 5px
}
div#contentsMain div.section#Windows7 .detailNavi A {
	TEXT-DECORATION: underline
}
/*
-----------------------------------------------------------
	detailNavi(error message)
-----------------------------------------------------------
*/
div#contentsMain div.section#err_msg3 table {
    background-color: #f2f3f3;
}

div#contentsMain div.section#err_msg3 table td.contents_err {
	background-color: #c6d3dd;
	vertical-align: middle;
	padding: 14px 10px 10px 14px;
    border:solid 1px #c6d3dd;
}
div#contentsMain div.section#err_msg3 table td.err_msg_box {
	BACKGROUND-IMAGE: url(/support/vaio/other/diagnosis/02/share/images/detailNavi_arrow_l.png); 
	padding: 12px 12px 12px 22px; 
	BACKGROUND-REPEAT: no-repeat; 
	border: solid 1px #c6d3dd;
}
div#contentsMain div.section#err_msg3 .detailNavi A {
	TEXT-DECORATION: underline
}
div#contentsMain div.section#err_msg3 .sectionDetail {
	background-color:#ffffff;
	margin: 13px 10px 10px 0;
	padding: 1px 10px;
}














div#contentsMain div.section#err_msg {
	width:680px;
    padding: 0px;
	background-color:#f2f3f3;
}

div#contentsMain div.section#err_msg .err_msg_ttl {
	width:660px;
	background-color:#c6d3dd;
    vertical-align: middle;
    padding: 14px 10px 10px 10px;
}
    
div#contentsMain div.section#err_msg .detailNavi {
	BACKGROUND-IMAGE: url(/support/vaio/other/diagnosis/02/share/images/detailNavi_arrow_l.png); 
	padding: 12px 12px 12px 22px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 0px 5px
	width: 526px;
    border-right:solid 1px #c6d3dd;
    border-left:solid 1px #c6d3dd;
    border-bottom:solid 1px #c6d3dd;
}
div#contentsMain div.section#err_msg .detailNavi A {
	TEXT-DECORATION: underline
}
div#contentsMain div.section#err_msg .sectionDetail {
	background-color:#ffffff;
	width: 538px;
    border-right:solid 1px #c6d3dd;
    border-left:solid 1px #c6d3dd;
    border-bottom:solid 1px #c6d3dd;
    margin: 0px;
    padding: 10px 10px;
}


/*
-----------------------------------------------------------
	diag_number center
-----------------------------------------------------------
*/
div#contents div#contentsMain div.section#cope div.diag_number,
div#contents div#contentsMain div.section#problem div.diag_number {
    margin: 0px auto 30px;
    width: 160px;
    height: 25px;
    border: 3px solid #dcdcdc;
	text-align: center;
    padding: 20px;
    font-size: 115%;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/

@media screen and (max-width: 640px) {
	#vclSimpleHeader {
	    width: auto;
	}
	#vclSimpleHeader .container {
	    background-color: #000;
	}
   	#vclSimpleFooter {
	    border-top: 1px solid #fff;
	}
   	#vclSimpleFooter .container {
	    border-top: 1px solid #ccc;
	}

div#contentsMain div.section#cope div.section#os div.movie_area {
    width: 261px;
}

div#contentsMain div.movie_area .moviethumbnail {
    float: none;
}

}