/*********************************************************
  Cascading Style Sheet for ST HTML.
	Version 2.1.2: 2011-11-11

  Copyright 2010-2011 Sony Corporation
 *********************************************************/

/*** common ******************************************************************/
*{
	margin:		0px;
	padding:	0px;
	font-size:	100%;
}

html{
	overflow-y:scroll;
}

body{
	text-align: center;
	background-color: #ffffff;
	font-family: sans-serif;
}

body.top{
	background-image:		url(../../common/images/bg.png);
	background-position:	48px 0px;
	background-repeat:		no-repeat;
}

body div{
	text-align: left;
	color: #666666;
}
img{
	border:		none;
}
img.so_uni{
	vertical-align:	middle;
}
div.content img{
	vertical-align:	middle;
	margin-bottom:	3px;
}

/* input placeholder */
input:-moz-placeholder {
	color:		#808080;
}
input::-webkit-input-placeholder {
	color:		#808080;
}

/*** header ******************************************************************/
div.header{
	background-color:	Transparent;
}

div.heading_bar{
	margin:		0px auto;
	max-width:	1260px;
	min-width:	780px;/* It is ignored by IE6. */
	width:		90%;
	height:		48px;
}

div.manual_name{
	font-size:		130%;
	font-weight:	bold;
	float:			left;
	width:			208px;
	height:			48px;
}
@media print{
	div.manual_name{
		margin-left:	0px;
	}
}

div.manual_name a{
	text-decoration:	none;
	color:				#FFFFFF;
}
img.vaio_logo{
	float:	left;
	margin-top:	17px;
}

div.page_navigation{
	float: left;
	margin-left:	32px;
	line-height:	48px;
	height:			48px;
}
div.page_navigation span.title{
	font-size:		80%;
	color:			#4d4d4d;
}
div.page_navigation img.navi_arrow{
	margin-left:	16px;
}
div.page_navigation a{
	color:	#5478C2;
	text-decoration:	none;
	font-size:		60%;
}
div.page_navigation a:hover{
	text-decoration:	underline;
}

/*** print *********************************************************/
div.print a{
	float:			right;
	color:			#ffffff;
	font-size:		13px;
	border:			1px solid #ffffff;
	padding:		4px 8px 2px 8px;
	margin-right:	20px;
	margin-top:		-4px;
	text-decoration:		none;
	background-color:		#333333;
}

div.print a:hover{
	color:				#333333;
	border-top:			2px solid #666666;
	border-left:		2px solid #666666;
	background-color:	#cccccc;
}

/*** Search ********************************************************/
div.search_button,
div.search_button_mouseover{
	float:			right;
}

div.search_button button{
	color:			#ffffff;
	font-size:		11pt;
	border:			1px solid #ffffff;
	padding:		2px 4px 2px 4px;
	margin-top:		10px;
	height:			26px;
	background-color:		#333333;
}
* html div.search_button button{
	padding:		3px 1px 0px 1px;
}

div.search_button_mouseover button{
	cursor:				pointer;
	color:				#333333;
	font-size:			11pt;
	border-top:			2px solid #666666;
	border-right:		1px solid #ffffff;
	border-left:		2px solid #666666;
	border-bottom:		1px solid #ffffff;
	padding:			2px 4px 2px 3px;
	margin-top:			10px;
	background-color:	#cccccc;
}
* html div.search_button_mouseover button{
	padding:		3px 1px 0px 0px;
}

div.search_input{
	float:			right;
	margin-top:		10px;
}
* html div.search_input{
	margin-top:		9px;
}

div.search_input input#id_search{
	font-size:		100%;
	width:			200px;
	height:			18px;
	padding:		7px 0px 7px 8px;
}
* html div.search_input input#id_search{
	padding-bottom:	2px;
}

div.search_button_area{
	float:			right;
	margin-top:		10px;
	width:			56px;
	height:			32px;
	text-align:		center;
}
input.search_button{
	vertical-align:	middle;
}
.hidden{
	display:		none;
}

/*** container ***************************************************************/
div.container{
	margin:		0px auto;
	max-width:	1260px;
	min-width:	780px;/* It is ignored by IE6. */
	width:		90%;
	clear:		both;
	font-size:	85%;
}

/*** menu **********************************************************/
div.menu{
	width:			204px;
	float:			left;
	text-align:		left;
	margin-right:	36px;
}

div.classification{
	line-height:	180%;
	padding:		19px 0px 18px 0px;
	font-weight:	bold;
	font-size:		105%;
	border-bottom:	Solid 4px #000000;
}
div.classification a{
	color:				#5478C2;
	text-decoration:	none;
}
div.classification a:hover{
	text-decoration:	underline;
}
div.classification img{
	margin-right:	8px;
}

div.nav{
	font-size:		118%;
	padding-top:	20px;
	border-bottom:	1px solid #9c9c9c;
	display: none;
}

ul.nav_second{
	list-style:		none; 
}
ul.nav_second li{
	font-size:		105%;
	font-weight:	normal;
}
ul.nav_second a, ul.nav_second a{
	display:		block;
	text-decoration:none;
	padding:		19px 0px 18px 15px;
	line-height:	180%;
}
ul.nav_second a:hover, ul.nav a:active, ul.nav_second a:focus{
	text-decoration: underline;
}

.button{
	display:		inline-block;
	text-align:		left;
	border-bottom:	1px solid #c0c0c0;
	color:			#1a1a1a;
}

.button_selected{
	color:				#1a1a1a;
    display:			inline-block;
	background-color:	#cee0f7;
	background:			-webkit-gradient(linear, left top, left bottom, from(#a7c7f1), color-stop(0.5, #cee0f7), to(#ffffff));
	background:			-moz-linear-gradient(top, #a7c7f1, #cee0f7 50%, #ffffff);
    text-align:			left;
	border-bottom:		1px solid #333333;
	border-top:			1px solid #333333;
	margin-top:			-1px;
}

/*** content *******************************************************/
div.content{
	margin-left:	240px;
	border-bottom:	1px solid #cccccc;
	margin-right:	5px;
	padding-bottom:	15px;
}
/* star hack for IE6 */
* html div.content{
	float:left;
	margin-left:0px;
}

div.content a{
	text-decoration:	none;
	color:				#5478C2;
}

div.content a:hover{
	text-decoration:	underline;
	color:				#5478C2;
}

div.toppage{
	border-bottom:	none;
}

/*** navigator *******************************************/
div.topic_path{
	text-align:		right;
	padding-left:	1px;
	padding-right:	1px;
	font-size:		100%;
	color:			#000099;
}
div.topic_path a{
	text-decoration:	none;
	color:				#000099;
}
div.topic_path a:hover{
	text-decoration:	underline;
}

/*** top pages *******************************************/
h1.manual_title{
	font-size:		360%;
	color:			#333333;
	font-weight:	normal;
	margin-bottom:	25px;
}
h1.manual_title img{
	vertical-align:	middle;
}

div.manual_model{
	font-size:		180%;
	color:			#4d4d4d;
	font-weight:	bold;
	margin-top:		23px;
}

p.lead_text{
	color:			#4d4d4d;
	font-size:		90%;
	margin-top:		5px;
}

p.before_use{
	font-size:		105%;
	font-weight:	bold;
	margin-top:		21px;
}
p.before_use a{
	color:			#5478C2;
	font-weight:	bold;
}
p.before_use a:hover{
	color:				#5478C2;
	text-decoration:	underline;
}

div.lang_select_title
{
	margin-top:		160px;
	margin-bottom:	5px;
	padding-bottom:	5px;
	border-bottom:	Solid 1px #666666;
	display:		table;
	width:			100%;
}
div.lang_list_box
{
	float:			left;
	width:			160px;
}
div.lang_list_box ul
{
	list-style:		none outside none;
}
div.lang_list_box ul li
{
	margin-top:		13px;
}

div.download
{
	border-top:		solid 1px #666666;
	margin-top:		100px;
	padding-top:	10px;
}
div.download_text
{
	float:	left;
	width:	65%;
}
div.download_link
{
	float:	right;
	width:	20%;
	padding-left:30px;
}
div.top_item_list
{
	padding-bottom:	12px;
}

/*** toc pages *******************************************/
h1.l0{
	color:			#000000;
	font-size:		150%;
	font-weight:	bold;
	padding-top:	21px;
	line-height:	110%;
	display:		table;
	width:			100%;
}

ul.contents_half{
	width:			46%;
	list-style:		none;
}
ul.contents_half li{
	margin-top:	16px;
}
ul.contents_half li a{
	color:				#5478C2;
	text-decoration:	none;
}
ul.contents_half li a:hover{
	color:				#5478C2;
	text-decoration:	underline;
}

ul.floatleft{
	float:	left;
}
ul.floatright{
	float:	right;
}

h3.toc_relative_topic{
	font-size:		90%;
	font-weight:	bold;
	margin-top:		64px;
	margin-bottom:	4px;
}

ul.topic_list{
	list-style:		none;
	margin-top:		9px;
}
ul.topic_list li.topic{
	margin-top:		16px;
	margin-bottom:	2px;
}
ul.topic_list li.description{
	font-size:		90%;
}

ul.relative_topic_list{
	list-style:		none;
}
ul.relative_topic_list li{
	font-size:		90%;
	margin-top:		6px;
	margin-bottom:	13px;
}
div.even{
	clear:	right;
	height:	0px;
}
div.odd{
	clear:	right;
	height:	31px;
}

/*** footer ********************************************************/
div.footer{
	clear:			both;
	font-weight:	normal;
	height:			14px;
	padding-top:	30px;
	margin-bottom:	5px;
}

div.search_footer{
	clear:			both;
	font-weight:	normal;
	padding-top:	10px;
	margin-bottom:	5px;
}

div.return_to_top{
	float:			right;
	margin-top:		0px;
	margin-left:	10px;
	text-align:		right;
}

div.return_to_top a{
	text-decoration:	none;
	color:				#5478C2;
}

div.return_to_top a:hover{
	text-decoration:	underline;
}

p.copy_right{
	font-size:		80%;
	text-align:		left;
}


/*** contents pages **********************************************************/
/*** headings ******************************************************/
h1.l1{
	margin-bottom:	18px;
	padding-top:	21px;
	padding-bottom:	20px;
	color:			#000000;
	font-size:		160%;
	font-weight:	bold;
	line-height:	110%;
	border-bottom:	4px solid #5478C2;
	display:		table;
	width:			100%;
}

h2.l2{
	margin-top:		32px;
	margin-bottom:	8px;
	padding:		7px 0px 7px 12px;
	color:			#333333;
	font-size:		115%;
	font-weight:	bold;
	border-left:	4px solid #333333;
	line-height:	110%;
}

h3.l3{
	margin-top:		10px;
	margin-bottom:	3px;
	padding:		2px 0px 0px 0px;
	color:			#333333;
	font-size:		100%;
	font-weight:	bold;
}

div.item_list_title{
	margin-top:		25px;
	margin-bottom:	5px;
	padding-top:	5px;
	font-weight:	bold;
	color:			#333333;
	border-top:		solid 1px #cccccc;
	display:		table;
	width:			100%;
}

/*** bodys *********************************************************/
#body{
	font-size:		90%;
	line-height:	150%;
}
div.z_type{
	display:none;
}
div.b{
}

div.illust{
	text-align:		left;
	margin-top:		12px;
	margin-bottom:	24px;
}

div.illust_center{
	text-align:		center;
	margin-top:		12px;
	margin-bottom:	0.8em;
}

div.illust_right{
	text-align:		right;
	margin-top:		12px;
	margin-bottom:	0.8em;
}

div.illust_step{
	text-align:		left;
	margin-left:	32px;
	margin-top:		12px;
	margin-bottom:	0.8em;
}

div.item_list{
	padding-top:	0px;
	padding-bottom:	6px;
	line-height:	200%;
}

/*** steps *********************************************************/
ol.step_h2{
	font-weight:	bold;
	margin-left:	32px;
}

ol.step_h2 li{
	margin-top:		5px;
}

ol.step_h2 li p{
	font-weight:	normal;
}

div.step_h2_body{
	margin-left:	32px;
}

ol.step_proc{
	font-weight:	bold;
	margin-left:	32px;
}

ol.step_proc li{
	margin-top:		5px;
}

ol.step_proc li p{
	font-weight:	normal;
}

div.step_proc_body{
	margin-left:	32px;
}

div.step_hint{
	color:			#000000;
	font-weight:	bold;
	margin-left:	32px;
}
div.step_note{
	color:			#cc0000;
	font-weight:	bold;
	margin-left:	32px;
}
div.step_b{
	margin-left:	32px;
}

/*** lists *********************************************************/
div.link_list{
	padding-bottom:	4px;
	padding-left:	15px;
	font-size:		100%;
	line-height:	125%;
	background:		url(../images/s3010.gif) no-repeat;
	background-position:	0em 0.3em;
}

ul.sub_bull{
	padding-left:	23px;
	list-style:		disc;
}

ul.sub_hyph{
	padding-left:	38px;
	list-style:		none;
	background:		url(../fontimages/souni/souni_e215.png) no-repeat;
	background-position:	1.65em -0.2em;
}

div.sub_astr{
	margin-top:		2px;
	font-size:		95%;
	padding-left:	1.2em;
	text-indent:	-1.2em;
}

div.step_sub_astr{
	margin-top:		2px;
	font-size:		95%;
	padding-left:	4.945em;
	text-indent:	-1.995em;
}

ul.step_bull{
	margin-left:	32px;
	padding-left:	18px;
	list-style:		disc;
}

ul.step_sub_bull{
	margin-left:	50px;
	list-style:		disc;
}

/*** TS ************************************************************/
h4.ts_q{
	margin-bottom:	18px;
	padding-top:	20px;
	padding-bottom:	5px;
	color:			#000000;
	font-size:		150%;
	font-weight:	bold;
	line-height:	110%;
}

ul.ts_a{
	margin-top:		8px;
	padding-left:	18px;
	list-style:		disc;
}

ul.ts_arrow{
	margin-top:		2px;
	padding-left:	34px;
	list-style:		circle;
}

/*** tables ********************************************************/
table.b{
	border-collapse:	collapse;
	border:				solid 1px #000000;
	line-height:		125%;
	margin:				10px 0px 2px 0px;
}
table.b div.table_h{
	padding:	0px 4px;
	font-weight:		bold;
}
table.b td{
	padding:	3px 4px 3px 4px;
	border:		solid 1px #000000;
}
table ul.table_b_bull{
	padding-left:	15px;
	background-position:	-0.3em 0em;
	list-style:		disc;
}

/*** hint **********************************************************/
div.hint{
	margin-top:		28px;
	padding-bottom:	4px;
}

div.hint span.hint
{
	border:			solid 1px #666666;
	font-weight:	bold;
	color:			#666666;
	padding:		2px 4px 2px 4px;
}

/*** note **********************************************************/
div.note{
	margin-top:		28px;
	padding-bottom:	4px;
}

div.note span.note
{
	font-weight:	bold;
	color:			#FFFFFF;
	background:		#cc0000;
	padding:		2px 4px 2px 4px;
}
span.note span.hit{
	color:			#666666;
}
/*** Search Result *************************************************/
h1.result_title{
	color:			#000000;
	font-size:		150%;
	font-weight:	bold;
	margin-bottom:	8px;
	margin-top:		20px;
}

div.search_topic_title{
	margin-top:				13px;
	margin-bottom:			2px;
}

div.search_topic_summary{
	padding-left:			1em;
	padding-bottom:			17px;
	border-bottom:			1px solid #cccccc;
}

ul.search_tips{
	margin-left:			18px;
}

div#id_search_status{
	float:					right;
	margin-top:				-2px;
}
div#id_search_status button{
	padding:				0px 1px;
	margin:					1px 10px 0px 5px;
	vertical-align:			Top;
}
div#id_search_status button.page{
	background:				#FFFFFF;
	border:					none;
	cursor:					Pointer;
	color:					#5478C2;
}
div#id_search_status button.page_current{
	background:				#FFFFFF;
	border:					none;
	color:					#000000;
	font-weight:			Bold;
	cursor:					Default;
}
div#id_search_status button.previous_active,
div#id_search_status button.next_active{
	border:					None;
	background:				Transparent;
	font-weight:			bold;
	cursor:					Pointer;
	color:					#5478C2;
}
div#id_search_status button.disabled{
	border:					None;
	background:				Transparent;
	color:					#808080;
	font-weight:			Normal;
}
div#id_search_results a{
	color:					#5478C2;
	text-decoration:		none;
}
div#id_search_results a:hover{
	text-decoration:		underline;
}
span.hit{
	background:				#FFFF00;
}
img.qa_icon{
	margin-left:			8px;
	margin-bottom:			2px;
	vertical-align:			middle;
}

/*** character styles **********************************************/
span.bold{
	font-weight:	bold;
}

span.small{
	font-size:		90%;
}

span.superscript{
	vertical-align:	super;
	font-size:		80%;
}

/*** delimiter **********************************************/
table.delimiter_start{
	margin-left:		0px;
	margin-top:			0px;
}
table.delimiter_end{
	width:				100%;
	margin-bottom:		4px;
}

td.delimiter_arrow_start_title{
	background:			White;
	padding-left:		0px;
}
span.delimiter_start{
	font:				Bold 8pt Tahoma;
	color:				Gray;
}
td.delimiter_arrow_start_left{
	font-size:			0px;
}
img.delimiter_arrow_start_left{
	height:				21px;
}
td.delimiter_arrow_start_center{
	font-size:			0px;
	width:				100%;
}
img.delimiter_arrow_start_center{
	width:				100%;
	height:				21px;
}
td.delimiter_arrow_start_right{
	width:				2px;
	font-size:			0px;
}
img.delimiter_arrow_start_right{
	width:				100%;
	height:				21px;
}
td.delimiter_arrow_end_left{
	font-size:			0px;
}
img.delimiter_arrow_end_left{
	width:				100%;
	height:				21px;
}
td.delimiter_arrow_end_center{
	font-size:			0px;
	width:				100%;
}
img.delimiter_arrow_end_center{
	width:				100%;
	height:				21px;
}
span.delimiter_end{
	font:				Bold 8pt Tahoma;
	color:				Gray;
}
td.delimiter_arrow_end_right{
	font-size:			0px;
}
img.delimiter_arrow_end_right{
	height:				21px;
}
td.delimiter_arrow_start_title{
	background:			White;
	padding-left:		0px;
}
td.delimiter_arrow_end_title{
	background:			White;
	padding-right:		0px;
	text-align:			Right;
	padding-top:		0px;
}

/*** contentslist **********************************************/
body.contentslist{
	text-align: center;
	background-color: #ffffff;
	font-size:	85%;
	font-family: sans-serif;
}
body.contentslist div{
	text-align: left;
}
body.contentslist img{
	border:		none;
}
div.contentslist_header{
	background-color:	#000000;
	font-size:	0pt;
}
div.contentslist_heading_bar{
	margin:		0px auto;
	max-width:	1260px;
	min-width:	780px;/* It is ignored by IE6. */
	width:		80%;
	height:		48px;
}
div.contentslist_manual_name{
	font-size:		130%;
	font-weight:	bold;
	float:			left;
	margin-left:	-19px;
}
@media print{
	div.contentslist_manual_name{
		margin-left:	0px;
	}
}
div.contentslist_manual_name a{
	text-decoration:	none;
	color:				#FFFFFF;
}
div.contentslist_second_header{
	margin:		0px auto;
	padding:	0px 5px;
	max-width:	1260px;
	min-width:	780px;/* It is ignored by IE6. */
	width:		80%;
	height:		60px;
	clear:		both;
}
p.contentslist_title{
	float:	left;
	font-size:	85%;
	margin-top:	10px;
	color:	#4d4d4d;
}
div.contentslist_content{
	border-bottom:	1px solid #cccccc;
	padding-bottom:	38px;
}
div.contentslist_content img{
	vertical-align:	middle;
	margin-bottom:	3px;
}
div.contentslist_content a{
	text-decoration:	none;
	color:				#0076ce;
}
div.contentslist_content a:hover{
	text-decoration:	underline;
	color:				#0076ce;
}
div.contentslist_container{
	margin:		0px auto;
	max-width:	1260px;
	min-width:	780px;/* It is ignored by IE6. */
	width:		80%;
}
h1.tocl0{
	color:			#000000;
	font-size:		130%;
	font-weight:	bold;
	padding-top:	10px;
}
h2.tocl1{
	margin-top:		10px;
	margin-bottom:	3px;
	padding:		2px 0px 0px 0px;
	color:			#333333;
	font-size:		100%;
	font-weight:	bold;
}
h3.tocl2{
	margin-top:		8px;
	margin-bottom:	3px;
	color:			#333333;
	font-size:		90%;
	font-weight:	bold; 	
	line-height:	145%;
}
h3.tocl2 a{
	color:			#000000;
}
ul.toc{
	list-style:	none;
	font-size:	90%;
}
ul.toc li.tocl3{
	margin-top:		4px;
	margin-left:	25px;
	font-weight:	normal;
	line-height:	130%;
}
div.contentslist_return_to_top{
	float:		right;
	margin-top:		7px;
	padding-right:	2px;
	padding-left:	10px;
	padding-bottom:	4px;
	font-size:		90%;
	text-align:		right;
}
div.contentslist_return_to_top a{
	text-decoration:	none;
	color:				#0076ce;
}
div.contentslist_return_to_top a:hover{
	text-decoration:	underline;
}
div.contentslist_footer{
	clear:			both;
	font-weight:	normal;
	height:			14px;
	padding-top:	30px;
	margin-bottom:	5px;
}
p.contentslist_copy_right{
	font-size:		80%;
	text-align:		left;
}