@charset "shift_jis";
/* 京 */

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

	[ common ]

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

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

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

/*動画*/
div#contents #movie{
    width: 100%;
}

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

div#contents #movie a div.moviethumbnail {
     color: #ffffff;
     cursor: pointer;
     text-decoration: none;
     width: 250px;
}

div#contents #movie a a:hover div.moviethumbnail {
     color: #ffffff;
     
}

div#contents #movie div.movietitle img {
    float: left;
    padding-right: 10px;
}

div#contents #movie div.movietitle ul {
     margin-left: 370px;
}

div#contents .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;
    margin-left: 2em;
}

div#contents .detailNavi A {
TEXT-DECORATION: underline;
}

/*
----------------------------------------------------------------------------
	画面幅＜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;
	}
}