@charset "Shift_JIS";

/*
	================================================================================================
		vaio support guide dialogue format
	================================================================================================
*/

/*============================================================================
		title
============================================================================*/
div#contents #dialogueTtlHead{
	background-image: url("/support/vaio/beginner/dialogue/share3/images/ttl_bg01.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto;
	padding: 0;
	width: 560px;
	height: 63px;
}

div#contents #dialogueTtl{
	background-image: url("/support/vaio/beginner/dialogue/share3/images/ttl_bg02.jpg");
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 560px;
	height: auto;
}


div#contents div#lead #dialogueTtl h3{
	padding: 5px 5px 30px 60px;
	margin: 0 0 0 20px;
	font-size: 20px;
	line-height: 1.2;
	width: 450px;
	background: none;
}


div#contents #dialogueTtl #ttlbk{
	background: url("/support/vaio/beginner/dialogue/share3/images/pct_icon.gif") no-repeat 35px 0;
}
	
div#contents #dialogueTtlFooter{
	background-image: url("/support/vaio/beginner/dialogue/share3/images/ttl_bg03.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto;
	padding: 0;
	width: 560px;
	height: 7px;
	line-height: 0;
	font-size:1px;
}

/*============================================================================
		h3, h4
============================================================================*/

div#contents div#lead h3 {
	border: none;
	padding: 0px;
}

div#contents div#lead h4 {
	text-align: center;
	font-size: 115%;
}

div#contents div#lead h4 img {
	vertical-align: middle;
	padding-right: 15px;
}

/*
	============================================================================
		base
	============================================================================
*/
#contents div.q,
#contents div.a {
	margin: 0 0 30px 20px;
	padding: 0;
}

#contents div.q,
#contents div.a {
	/zoom: 1;
}

#contents div.q:after,
#contents div.a:after { content: ''; display: block; clear: both; height: 0; }


#contents div.q_text,
#contents div.a_text {
	padding: 5px;
}

#contents div.q_text p,
#contents div.a_text p {
    margin: 0.5em 1em;
}

/*
	====================================
		woman
	====================================
*/

#contents div.woman div.woman_l_1 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_1.gif") no-repeat top left;
}
#contents div.woman div.woman_l_2 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_2.gif") no-repeat top left;
}
#contents div.woman div.woman_l_3 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_3.gif") no-repeat top left;
}
#contents div.woman div.woman_l_4 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_4.gif") no-repeat top left;
}


#contents div.woman div.woman_m_1 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_1.gif") no-repeat top left;
}
#contents div.woman div.woman_m_2 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_2.gif") no-repeat top left;
}
#contents div.woman div.woman_m_3 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_3.gif") no-repeat top left;
}
#contents div.woman div.woman_m_4 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_4.gif") no-repeat top left;
}


#contents div.woman div.woman_y_1 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_1.gif") no-repeat top left;
}
#contents div.woman div.woman_y_2 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_2.gif") no-repeat top left;
}
#contents div.woman div.woman_y_3 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_3.gif") no-repeat top left;
}
#contents div.woman div.woman_y_4 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_4.gif") no-repeat top left;
}

#contents div.woman div.q_text {
	float: left;
	width: 520px;
	_width: 520px;		/* IE6 */
	margin-top: 5px;
	margin-right: 102px;
	_margin-right: 0;	/* IE6 */
	border: solid 3px #9bdadf;
}

/*
	====================================
		man
	====================================
*/

#contents div.man div.man_l_1 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_1.gif") no-repeat top left;
}
#contents div.man div.man_l_2 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_2.gif") no-repeat top left;
}
#contents div.man div.man_l_3 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_3.gif") no-repeat top left;
}
#contents div.man div.man_l_4 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_4.gif") no-repeat top left;
}


#contents div.man div.man_y_1 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_1.gif") no-repeat top left;
}
#contents div.man div.man_y_2 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_2.gif") no-repeat top left;
}
#contents div.man div.man_y_3 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_3.gif") no-repeat top left;
}
#contents div.man div.man_y_4 {
	float: left;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_4.gif") no-repeat top left;
}


#contents div.man div.q_text {
	float: left;
	width: 520px;
	_width: 520px;		/* IE6 */
	margin-top: 5px;
	margin-right: 102px;
	_margin-right: 0;	/* IE6 */
	border: solid 3px #9bdadf;
}
/*
	====================================
		operator
	====================================
*/

#contents div.operator div.op_woman_1 {
	float: right;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_woman_1.gif") no-repeat top left;
}

#contents div.operator div.op_woman_2 {
	float: right;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_woman_2.gif") no-repeat top left;
}


#contents div.operator div.op_man_1 {
	float: right;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_man_1.gif") no-repeat top left;
}

#contents div.operator div.op_man_2 {
	float: right;
	width: 102px;
	height: 58px;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_man_2.gif") no-repeat top left;
}

#contents div.operator div.a_text {
	float: left;
	width: 520px;
	_width: 520px;		/* IE6 */
	margin-left: 102px;
	_margin-left: 0;	/* IE6 */
	border: solid 3px #ffd973;
}

div#contents div.operator div.box_info_area dl dd {
	padding-bottom: 15px; 
}

/*
	====================================
		list (btn_area_backtotop)
	====================================
*/

div#contents div.btn_area_backtotop {
	margin: 0 auto;
	width: 280px;
}


/*
	============================================================================
		layout
	============================================================================
*/
div#contents div.q_text div.pct,
div#contents div.q_text div.pct1,
div#contents div.a_text div.pct,
div#contents div.a_text div.pct1 {
    text-align: center;
}

#contents .section div.q div.pct img,
#contents .section div.a div.pct img {
    margin: 15px 0 30px 0;
}

#contents .section div.speech div.pct1 img {
	margin-bottom: 0;
}

#contents .section div.q div.pctNostep img,
#contents .section div.a div.pctNostep img {
    margin: 10px 0 30px 15px;
}

#contents .section div.q ol,
#contents .section div.a ol {
    margin: 0 0 0 1em;
	*margin: 0;		/* for IE6, IE7 */
	margin: 0\9;	/* for IE8 */
}

#contents .section div.q ol ul.annotation li ul li,
#contents .section div.q ol ul.annotation2 li ul li,
#contents .section div.a ol ul.annotation li ul li,
#contents .section div.a ol ul.annotation2 li ul li {
    padding-left: 10px;
}

#contents .section div.q div.pctCnt,
#contents .section div.a div.pctCnt {
	text-align: center;
	margin:15px 0 15px 0;
}
div#contents div.advice {
	width: 560px;
	margin: 0 auto;
}

/*
	============================================================================
		dialogue_navi
	============================================================================
*/
#contents ul.dialogue_nav {
	width: 340px;
	margin: 0 0 0 auto;
}
#contents ul.dialogue_nav li {
	float: left;
	list-style: none;
	background: url("/share/images/arrow_black.gif") no-repeat 0 .5em;
	text-indent: 0;
	padding-left: 10px;
}
/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {

/*============================================================================
		title
============================================================================*/

div#contents div#lead {
	background-image: url("/support/vaio/beginner/dialogue/share3/images/ttl_bg04.jpg");
	background-position: left top;
	background-repeat: repeat-y;
	width: auto;
	height: auto;
	border-right: solid 1px #ededed;
}

div#contents #dialogueTtlHead{
	background-image:none;
	width: auto;
	height: auto;
}


div#contents #dialogueTtl{
	background-image:none;
	width: auto;
	height: auto;
}

div#contents #dialogueTtl #ttlbk{
	background: url("/support/vaio/beginner/dialogue/share3/images/pct_icon.gif") no-repeat 30px 0;
}

div#contents div#lead #dialogueTtl h3{
	width: auto;
	padding: 5px 5px 30px 55px;
	margin: 15px 0 0 20px;	
}

	
div#contents #dialogueTtlFooter{
	background-image:none;
	width: auto;
	height: auto;
}
/*
	============================================================================
		base
	============================================================================
*/
#contents div.q,
#contents div.a {
	margin: 0 0 30px 0px;
}
/*
	====================================
		woman
	====================================
*/
#contents div.q_text p {
margin: 0.5em 0em;
}

#contents div.woman{
	border: solid 3px #9bdadf;
	width: auto;
	height: auto;
	padding: 10px;
}

#contents div.woman div.woman_l_1 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_5.gif") no-repeat 0 0;
}

#contents div.woman div.woman_l_2 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_6.gif") no-repeat top left;
}
#contents div.woman div.woman_l_3 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_7.gif") no-repeat top left;
}
#contents div.woman div.woman_l_4 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_l_8.gif") no-repeat top left;
}


#contents div.woman div.woman_m_1 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_5.gif") no-repeat 0 0;
}

#contents div.woman div.woman_m_2 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_6.gif") no-repeat top left;
}
#contents div.woman div.woman_m_3 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_7.gif") no-repeat top left;
}
#contents div.woman div.woman_m_4 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_m_8.gif") no-repeat top left;
}

#contents div.woman div.woman_y_1 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_5.gif") no-repeat 0 0;
}

#contents div.woman div.woman_y_2 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_6.gif") no-repeat top left;
}
#contents div.woman div.woman_y_3 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_7.gif") no-repeat top left;
}
#contents div.woman div.woman_y_4 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_woman_y_8.gif") no-repeat top left;
}

#contents div.woman div.q_text {
	float: none;
	border: none;
	width: 100%;
	height: auto;
}		
/*
	====================================
		man
	====================================
*/
#contents div.man{
	border: solid 3px #9bdadf;
	width: auto;
	height: auto;
	padding: 10px;
}

#contents div.man div.man_y_1 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_5.gif") no-repeat 0 0;
}

#contents div.man div.man_y_2 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_6.gif") no-repeat top left;
}
#contents div.man div.man_y_3 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_7.gif") no-repeat top left;
}
#contents div.man div.man_y_4 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_y_8.gif") no-repeat top left;
}
#contents div.man div.man_l_1 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_5.gif") no-repeat 0 0;
}

#contents div.man div.man_l_2 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_6.gif") no-repeat top left;
}
#contents div.man div.man_l_3 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_7.gif") no-repeat top left;
}
#contents div.man div.man_l_4 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_man_l_8.gif") no-repeat top left;
}
#contents div.man div.q_text {
	float: none;
	border: none;
	width: 100%;
	height: auto;
}
/*
	====================================
		operator
	====================================
*/
#contents div.operator{
	border: solid 3px #ffd973;
	width: auto;
	height: auto;
	padding: 10px;
}
#contents div.operator div.op_woman_1 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_woman_3.gif") no-repeat 0 0;
}

#contents div.operator div.op_woman_2 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_woman_4.gif") no-repeat 0 0;
}


#contents div.operator div.op_man_1 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_man_3.gif") no-repeat 0 0;
}

#contents div.operator div.op_man_2 {
	float: none;
	background: url("/support/vaio/beginner/dialogue/share3/images/dl_op_man_4.gif") no-repeat 0 0;
}

#contents div.operator div.a_text {
	float: none;
	border: none;
	width: 100%;
	height: auto;
	margin-left: 0;
}

/*
	====================================
		box_info_area
	====================================
*/
#contents div.word .box_info_area p {
	margin: 0 10px 1.25em 0;
	font-size: 13px;
}
#contents div.word .box_info_area li {
	font-size: 13px;
}

/*
	============================================================================
		layout
	============================================================================
*/
div#contents div.advice {
	width: auto;
}
/*
	============================================================================
		dialogue_navi
	============================================================================
*/
#contents ul.dialogue_nav {
	width: auto;
}
#contents ul.dialogue_nav li {
	float: none;
}

/*
	============================================================================
		images
	============================================================================
*/
div.img200 {max-width: 200px;}
div.img220 {max-width: 220px;}
div.img240 {max-width: 240px;}
div.img260 {max-width: 260px;}
div.img280 {max-width: 280px;}
div.img300 {max-width: 300px;}
div.img320 {max-width: 320px;}
div.img340 {max-width: 340px;}
div.img360 {max-width: 360px;}
div.img380 {max-width: 380px;}
div.img400 {max-width: 400px;}
div.img420 {max-width: 420px;}
div.img440 {max-width: 440px;}
div.img460 {max-width: 460px;}
div.img480 {max-width: 480px;}
div.img500 {max-width: 500px;}
div.img520 {max-width: 520px;}
div.img540 {max-width: 540px;}
div.img560 {max-width: 560px;}
div.img580 {max-width: 580px;}
div.img600 {max-width: 600px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.resizeimg img {
	max-width: 100%;
	width: auto;
}
}
}