@charset "Shift_JIS";

/*
	================================================================================================
		vaio support guide maintenance
	================================================================================================
*/


/*
-----------------------------------------------------------
	index
-----------------------------------------------------------
*/

div.section_maintenance div.summary{
	clear:both;
}

div.section_maintenance div.summary img{
	float:left;
	margin:0px;
	padding-left: 15px;
	width:82px;
}

div.section_maintenance div.summary p{
	float:right;
	width:630px;
	margin:0px;
	padding:0px;
}

div.section_maintenance ul.continue{
	float:right;
	margin:0px;
	padding:0px;
	clear:both;
}

div.section_maintenance ul.continue li{
	margin-bottom:30px !important;
	font-weight:bold;
}

/*
-----------------------------------------------------------
	float
-----------------------------------------------------------
*/
div.section_maintenance div.lead{
	margin:0px 10px 20px 10px;
}
	
div.section_maintenance div.lead img{
	float:right;
	margin:0px;
	padding:0 0 0.8em 1em;
}

/*
-----------------------------------------------------------
	02
-----------------------------------------------------------
*/
table.update ul {
	margin-left:8px !important;
}

table.update ul.link_in li {
	margin-left:0px !important;
}

/*
-----------------------------------------------------------
	04
-----------------------------------------------------------
*/
div.section_maintenance div#trendmicro_box {
	display: block;
	margin:10px auto !important;
}

/*
-----------------------------------------------------------
	relationarea
-----------------------------------------------------------
*/
div.section_maintenance div.relationArea{
	margin:40px 0px 20px 0;
	padding:0px;
	border:solid 1px #cccccc;
}

div.section_maintenance div.relationHead{
	padding:10px 10px 10px 23px;
	background-color: #FFF3C5;
	border-bottom: solid 1px #cccccc;
}

div.section_maintenance div.relationBody{
	padding:22px 10px 10px 10px;
}


/*
-----------------------------------------------------------
	movie
-----------------------------------------------------------
*/
div.section_maintenance div.pct {
    float: left;
    padding-right: 10px;
	margin-left:30px !important;
}

#movie_box div.movietitle img {
    float: left;
    padding-right: 10px;
    padding-top: 5px;
}

#movie_box div.movietitle ul {
     margin-left: 319px;
}

/*
-----------------------------------------------------------
	box
-----------------------------------------------------------
*/

div.section_maintenance .box_info_area_y {
    width: 90%;
    height: 180px;
	background: #ffffdf;
	border: 1px solid #E2CC9D;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 0 10px 10px;
	margin-left: 37px;
}

div.section_maintenance .box_info_area_y div.txt_b {
	padding: 15px 10px 10px 0px;
}

div.section_maintenance .box_info_area_y div.txt_b p.hint01 {
	padding: 0 0 0 35px;
	background: url("/support/vaio/guide/maintenance/images3/07_icon_hint.gif") no-repeat left 1px;
	height: 30px;
}

div.section_maintenance .box_info_area_y div.txt_b div.txt {
	padding: 0 0 0 35px;
}



/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
/*
-----------------------------------------------------------
	index
-----------------------------------------------------------
*/

div.section_maintenance div.title_main {
	margin: 15px auto 10px;
}

div.section_maintenance div.summary p{
	float:none;
	width:94%;
	margin-left:17px !important;
}

div.section_maintenance ul.continue li{
	margin-top: -40px;
	margin-right: 15px;
}


/*
-----------------------------------------------------------
	movie
-----------------------------------------------------------
*/
div.section_maintenance div.pct {
    float: none;
	margin-left:10px !important;
	padding-bottom: 10px;
}

#movie_box div.movietitle img {
    padding-left: 10px;
}

#movie_box div.movietitle ul {
     margin-left: 95px;
}

/*
-----------------------------------------------------------
	box
-----------------------------------------------------------
*/

div.section_maintenance .box_info_area_y {
    width: auto;
    height: auto;
}

}