
/*
	================================================================================================
		vaio support windows 7 css qa.css
	================================================================================================
*/


@charset "shift_jis";
/* CSS Document */

#contents .section {
	clear: both;
}

/*===========================================
	目次
=============================================*/
div#win7_agenda, div#win7_agenda_single {
	font-weight: bold;
	margin: 30px 10px 30px;
	padding: 0;
	text-align: left;
	width: 740px;
}
div#win7_agenda, div#win7_agenda_single ul.win7_agenda_single_ls li {
	list-style-image: url("/support/vaio/share3/images/icon_under_arrow.gif");
}
div.win7_agendahead {
	background-color: #953735;
	margin: 0;
	padding: 0;
	width: 740px;
}
div#win7_agenda div.win7_agendahead p, div#win7_agenda_single div.win7_agendahead p {
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 3px 10px;
}
div.win7_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.win7_agendabody {
	margin: 0;
	padding: 10px 10px;
}
div#win7_agenda div.win7_agendabody ul, div#win7_agenda_single div.win7_agendabody ul {
	margin-bottom: 0;
	margin-left: 20px;
}
div.win7_agendafoot {
	background: url("/support/vaio/share3/images/box/index_foot.gif") no-repeat scroll 0 0;
	height: 2px;
	margin: 0;
	padding: 0;
	width: 740px;
}
/*===========================================
	目次 640px以下
=============================================*/
@media (max-width: 640px) {
	div#win7_agenda, div#win7_agenda_single, div.win7_agendabodyarea, div.win7_agendafoot {
		width: auto;
	}
	div.win7_agendahead {
		padding-right: 10px;
		width: auto;
	}
	div#win7_agenda, div#win7_agenda_single, div.win7_agendabodyarea, div.win7_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;
}

/*===========================================
	 qa_area
=============================================*/

#contents #qa_area dl {
	margin: 0;
	padding: 0.5em 0;
}

#contents #qa_area dl dt {
	clear: left;
	float: left;
	width: 25px;
	padding-right: 10px;
}
#contents #qa_area dl dt {
	margin-left: 1.5em;
	font-weight: 700;
}
#contents #qa_area dl dd {
	margin-bottom: 10px;
	margin-left: 45px;
	padding-top: 3px;
	/*padding-left: 10px;=*/
}
#contents #qa_area dl dd.question {
	font-weight: bold;
	font-size: 110%;
	padding-left: 11px;
}
#contents #qa_area dl dd.answer {
	margin-bottom: 40px;
	padding-left: 1px;
}
#contents #qa_area ul.txtlink {
	margin: 0 0 1em 1em;
	padding: 0.5em 0;
}
#contents #qa_area dl dd.pct img {
	margin: 10px 0 10px 10px;
}
#contents #qa_area dl dt.lower:before {
	content: "■";
}

#contents #qa_area dl dt.lower {
	width: auto;
	padding: 0px 0 10px 34px;
}
#contents #qa_area dl dd.answer_lower {
	margin-bottom: 20px;
	padding-left: 11px;
}
#contents #qa_area dl dd.answer_lower_1 {
	margin-bottom: 40px;
	padding-left: 12px;
}
@media (max-width: 640px){
#contents #qa_area dl dt.lower {
	padding-left: 3.2em;
	text-indent: -1em;
	width: auto;
}
}

@media (max-width: 640px){
#contents #qa_area dl dd.pct img {
	height: auto;
	margin: 10px 0 10px 10px;
	max-width: 90%;
}
}
@media (max-width: 640px) {
.colum2-right760 #contents #qa_area {
	width: auto;
	word-break: break-all;
	margin-left:-15px;
}
ul.txtlink, #contents #qa_area ul.txtlink, #contents #qa_area ul.link_movie {
	margin-left: 0;
}
}

