/*********************************************************
  Cascading Style Sheet for VAIO HTML.
	Version 2.1.1: 2011-04-20

  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-size:	85%;
	font-family: "Arial", "Verdana", "Helvetica", sans-serif;
}

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

/*** header ******************************************************************/
div.header{
	background-color:	#242424;
	font-size:	0pt;
}

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

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

div.manual_name a{
	text-decoration:	none;
	color:				#FFFFFF;
}

div.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;
}

img.vaio_logo{
	float:	left;
	margin-top:	17px;
}

p.title{
	float:	left;
	font-size:	85%;
	margin-top:	10px;
	color:	#4d4d4d;
}

div.page_navigation{
	float:	right;
	font-size:	85%;
	margin-top:	10px;
}
div.page_navigation a{
	color:	#0076ce;
	text-decoration:	none;
}
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;
}

/*** font size *****************************************************/
div.fontsize{
	float:	right;
	color:	#ffffff;
	padding-top:10px;
	font-size:	0pt;
}

/*** 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:		11pt;
	padding-top:	2px;
	padding-bottom:	3px;
	width:			196px;
	margin-right:	7px;
	max-height:		26px;
}
* html div.search_input input#id_search{
	padding-bottom:	2px;
}

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

/*** menu **********************************************************/
div.menu{
	width:			240px;
	float:			left;
	text-align:		left;
	margin-left:	5px;
	margin-right:	33px;
}

div.classification{
	height:			29px;
	padding-top:	13px;
	font-weight:	bold;
	font-size:		105%;
}
div.classification a{
	color:				#0076ce;
	text-decoration:	none;
}
div.classification a:hover{
	text-decoration:	underline;
}

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

ul.nav_second{
	list-style:		none; 
}
ul.nav_second li{
	font-size:		105%;
	font-weight:	bold;
}
ul.nav_second a, ul.nav_second a{
	display:		block;
	text-decoration:none;
	padding-top:	11px;
	padding-right:	0px;
	padding-bottom:	10px;
	padding-left:	15px;
}
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 #9c9c9c;
	color:			#1a1a1a;
}

.button_selected{
	color:				#ffffff;
    display:			inline-block;
	background-color:	#298ecc;
    text-align:			left;
	border-bottom:		1px solid #9c9c9c;
}

/*** content *******************************************************/
div.content{
	margin-left:	278px;
	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:				#0076ce;
}

div.content a:hover{
	text-decoration:	underline;
	color:				#0076ce;
}

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:		265%;
	color:			#333333;
	font-weight:	normal;
}
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:		#0076ce;
	font-weight:	bold;
}
p.before_use a:hover{
	color:		#0076ce;
	text-decoration:	underline;
}

/*** toc pages *******************************************/
h1.l0{
	color:			#000000;
	font-size:		130%;
	font-weight:	bold;
	padding-top:	10px;
}

ul.contents_half{
	width:			46%;
	padding-left:	12px;
	list-style:		none;
}
ul.contents_half li{
	margin-top:	13px;
}
ul.contents_half li a{
	color:		#0076ce;
	text-decoration:	none;
}
ul.contents_half li a:hover{
	color:		#0076ce;
	text-decoration:	underline;
}

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

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

ul.topic_list{
	list-style:		none;
	margin-top:		9px;
}
ul.topic_list li.topic{
	margin-top:		13px;
	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-bottom:	2px;
}
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:				#0076ce;
}

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:	20px;
	padding-bottom:	5px;
	color:			#000000;
	font-size:		150%;
	font-weight:	bold;
	line-height:	110%;
}

h2.l2{
	margin-top:		26px;
	margin-bottom:	8px;
	padding:		2px 0px 0px 0px;
	color:			#000000;
	font-size:		115%;
	font-weight:	bold;
}

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:			#000000;
	border-top:		solid 1px #cccccc;
}

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

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

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:	4px;
	line-height:	120%;
}

/*** 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{
	color:			#000000;
	font-weight:	bold;
	margin-top:		15px;
}

/*** note **********************************************************/
div.note{
	color:			#cc0000;
	font-weight:	bold;
	margin-top:		15px;
}

/*** Search Result *************************************************/
h1.result_title{
	color:			#000000;
	font-size:		150%;
	font-weight:	bold;
	margin-bottom:	8px;
}

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 1px 0px 0px;
	vertical-align:			Top;
}
div#id_search_status button.page{
	background:				#FFFFFF;
	border:					none;
	cursor:					Pointer;
	color:					#0076ce;
}
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:					#0076ce;
}
div#id_search_status button.disabled{
	border:					None;
	background:				Transparent;
	color:					#808080;
	font-weight:			Normal;
}
div#id_search_results a{
	color:					#0076ce;
	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;
}
