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

#contents .section {
	clear: both;
}

/*===========================================
	会話形式
=============================================*/
#contents div.q::after, #contents div.a::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
#contents .section .q, #contents .section .a {
    margin: 0 0 30px 20px;
    padding: 0;
}

#contents div.woman div.woman_y_3 {
    background: url("/support/vaio/windows/10/howto/001/images/dl_woman_y_3.gif") no-repeat scroll left top;
    float: left;
    height: 58px;
    width: 102px;
}
#contents div.woman div.q_text {
    border: 3px solid #9bdadf;
    float: left;
    margin-right: 102px;
    margin-top: 5px;
    *margin-bottom: 20px;
    margin-bottom: 20px\9;
    width: 520px;
}
#contents div.woman div.q_text:not(:target) {
    margin-bottom: 0\9;
}
#contents div.q_text, #contents div.a_text {
    padding: 5px;
}
#contents div.q_text p, #contents div.a_text p {
    margin: 0.5em 1em;
}

#contents div.operator div.op_man_2 {
    background: url("/support/vaio/windows/10/howto/001/images/dl_op_man_2.gif") no-repeat scroll left top;
    float: right;
    height: 58px;
    width: 102px;
}
#contents div.operator div.a_text {
    border: 3px solid #ffd973;
    float: left;
    margin-left: 102px;
    width: 520px;
}
/*===========================================
	会話形式 640px以下
=============================================*/
@media (max-width: 640px) {
	#contents div.q::after, #contents div.a::after {
	    clear: both;
	    content: "";
	    display: block;
	    height: 0;
	}
	#contents div.q, #contents div.a {
	    margin: 0 0 30px;
	}
	#contents div.q, #contents div.a {
	    padding: 0;
	}
	#contents div.woman {
	    border: 3px solid #9bdadf;
	    height: auto;
	    padding: 10px;
	    width: auto;
	}
	#contents div.woman div.woman_y_3 {
	    background: url("/support/vaio/windows/10/howto/001/images/dl_woman_y_7.gif") no-repeat scroll left top;
	    float: none;
	}
	#contents div.woman div.woman_y_3 {
	    height: 58px;
	    width: 102px;
	}
	#contents div.woman div.q_text {
	    border: medium none;
	    float: none;
	    height: auto;
	    width: 100%;
	}
	#contents div.woman div.q_text {
	    margin-right: 102px;
	    margin-top: 5px;
	}
	#contents div.q_text, #contents div.a_text {
	    padding: 5px;
	}
	#contents div.q_text p {
	    margin: 0.5em 0;
	}
	#contents div.operator {
	    border: 3px solid #ffd973;
	    height: auto;
	    padding: 10px;
	    width: auto;
	}
	#contents div.operator div.op_man_2 {
	    background: url("/support/vaio/windows/10/howto/001/images/dl_op_man_4.gif") no-repeat scroll 0 0;
	    float: none;
	}
	#contents div.operator div.op_man_2 {
	    height: 58px;
	    width: 102px;
	}
	#contents div.operator div.a_text {
	    border: medium none;
	    float: none;
	    height: auto;
	    margin-left: 0;
	    width: 100%;
	}
}

/*===========================================
	目次
=============================================*/
div#win10_agenda, div#win10_agenda_single {
    font-weight: bold;
    margin: 0 10px 15px;
    padding: 0;
    text-align: left;
    width: 740px;
}
div#win10_agenda, div#win10_agenda_single ul.win10_agenda_single_ls li {
    list-style-image: url("/support/vaio/share3/images/icon_under_arrow.gif");
}
div.win10_agendahead {
    background-color: #953735;
    margin: 0;
    padding: 0;
    width: 740px;
}
div#win10_agenda div.win10_agendahead p, div#win10_agenda_single div.win10_agendahead p {
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 3px 0 3px 10px;
}
div.win10_agendabodyarea {
    background: url("/support/vaio/share3/images/box/index_body.gif") repeat-x scroll 0 0;
    border-color: #c6d3dc;
    border-style: solid;
    border-width: 0 1px;
    margin: 0;
    padding: 0;
    width: 738px;
}
div.win10_agendabody {
    margin: 0;
    padding: 5px 0 0;
}
div#win10_agenda div.win10_agendabody ul, div#win10_agenda_single div.win10_agendabody ul {
    margin-bottom: 0;
    margin-left: 15px;
}
div.win10_agendafoot {
    background: url("/support/vaio/share3/images/box/index_foot.gif") no-repeat scroll 0 0;
    height: 10px;
    margin: 0;
    padding: 0;
    width: 740px;
}
/*===========================================
	目次 640px以下
=============================================*/
@media (max-width: 640px) {
	div#win10_agenda, div#win10_agenda_single, div.win10_agendabodyarea, div.win10_agendafoot {
	    width: auto;
	}
	div.win10_agendahead {
	    padding-right: 10px;
	    width: auto;
	}
	div#win10_agenda, div#win10_agenda_single, div.win10_agendabodyarea, div.win10_agendafoot {
	    width: auto;
	}
}

/*===========================================
	質問と回答
=============================================*/
#contents .section h3.question {
    border-bottom: 1px solid #343434;
	overflow: hidden;
}
#contents .section h3.question img {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}
#contents .section h3.question img.icon {
    float: none;
    margin: 0 5px;
}
#contents .section img.icon {
    margin: 0 5px;
}
#contents .section h3.question p {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0 0;
}
#contents .section .answer {
	overflow: hidden;
}
#contents .section .answer .operator_img {
    float: left;
    margin: 15px 0 0;
}
#contents .section .answer .text_area {
    float: right;
    margin: 0 auto;
    padding-top: 10px;
    width: 700px;
}

/*
#contents .section .answer .text_area:not(*:root) {
    width: 695px;
}
*/

#contents .section .answer .text_area p {
    padding: 15px 0 0;
}
#contents .section .answer .text_area ol li {
	margin-bottom: 10px;
}
/*===========================================
	質問と回答 640px以下
=============================================*/
@media (max-width: 640px) {
	#contents .section .answer .text_area {
		width: auto;
	}
}
/*===========================================
	 640px以下画像の大きさ制御
=============================================*/
@media (max-width: 640px) {
	.img338 {
		max-width: 338px;
	}
	.img437 {
		max-width: 437px;
	}
	.img525 {
		max-width: 525px;
	}	
}

#contents #message .box_info_area dl dd p {
    padding-top: 0;
}