/*********************************************************
  Cascading Style Sheet for Walkman HTML.
	Version 2.0.0: 2011-03-31

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

/*** common ******************************************************************/
*{
	margin:		0px;
	padding:	0px;
}

body{
	text-align: center;
	background-color: #ffffff;
	font-size:	72%;
	font-family: "Arial", "Verdana", "Helvetica", sans-serif;
}

body div{
	text-align: left;
}
img{
	border:		none;
}
img.so_uni{
	vertical-align:	middle;
}

/*** header ******************************************************************/
div.header{
	width:			760px;
	margin-left:	auto;
	margin-right:	auto;
}

div.heading_bar{
	height:				50px;
	color:				#ffffff;
	padding:			22px 10px 0px 10px;
	background-image:	url(../images/title_bg.png);
	background-repeat:	repeat-x;
}

div.manual_name{
	font-size:		130%;
	font-weight:	bold;
	float:			left;
}

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

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

/* hack for IE6 */
* html div.print a{
	margin-top:		0px;
}

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

/*** font size *****************************************************/
div.font_size{
	float:			right;
	font-size:		13px;
	padding-top:	4px;
	padding-right:	4px;
}

div.font_size_icon{
	float:	right;
}

/*** Search ********************************************************/
div.search_button,
div.search_button_mouseover{
	float:			right;
	margin-right:	8px;
}

div.search_button button{
	color:			#ffffff;
	font-size:		13px;
	border:			1px solid #ffffff;
	padding:		3px 8px 1px 8px;
	margin-top:		-1px;
	background-color:		#333333;
}

div.search_button_mouseover button{
	cursor:				hand;
	color:				#333333;
	font-size:			13px;
	border-top:			2px solid #666666;
	border-right:		1px solid #ffffff;
	border-left:		2px solid #666666;
	border-bottom:		1px solid #ffffff;
	padding:			3px 8px 1px 7px;
	margin-top:			-1px;
	background-color:	#cccccc;
}

div.search_input{
	float:		right;
	margin-top:	-1px;
}

div.search_input input#id_search{
	padding-top:	2px;
	padding-bottom:	2px;
	width:			196px;
	margin-right:	7px;
}

/*** container ***************************************************************/
div.container{
	width:			760px;
	height:			auto;
	margin-left:	auto;
	margin-right:	auto;
}

/*** menu **********************************************************/
div.menu{
	width:			210px;
	float:			left;
	text-align:		left;
	padding-top:	20px;
}

div.menu a{
	text-decoration:	none;
	color:				#000000;
	display:			block;
}

div.menu_item_header{
	height:				1px;
	background-image:	url(../images/unselected_line.png);
	cursor:				pointer;
}
a.menu_item_top div.menu_item_header{
	height:				6px;
	background-image:	url(../images/unselected_normal_top.png);
}
div.menu_item{
	background-image:	url(../images/unselected_normal_middle.png);
	background-repeat:	repeat-y;
	padding:			5px 12px;
	cursor:				pointer;
}
a.menu_item_top div.menu_item{
	padding-top:		4px;
}
a.menu_item_bottom div.menu_item{
	padding-bottom:		4px;
}
div.menu_item_footer{
	height:				6px;
	border:				none;
	background-image:	url(../images/unselected_normal_bottom.png);
	background-repeat:	no-repeat;
	cursor:				pointer;
}
div.item{
	text-indent:		-12px;
	margin-left:		10px;
}

a.menu_item_middle_selected div.menu_item_header,
a.menu_item_bottom_selected div.menu_item_header,
a.menu_item_middle_select div.menu_item_header,
a.menu_item_bottom_select div.menu_item_header{
	height:				1px;
	background-image:	url(../images/selected_line.png);
	cursor:				pointer;
}
a.menu_item_top_selected div.menu_item_header,
a.menu_item_top_select div.menu_item_header{
	height:				6px;
	background-image:	url(../images/selected_normal_top.png);
}
a.menu_item_middle_selected div.menu_item,
a.menu_item_top_selected div.menu_item,
a.menu_item_bottom_selected div.menu_item,
a.menu_item_middle_select div.menu_item,
a.menu_item_top_select div.menu_item,
a.menu_item_bottom_select div.menu_item{
	background-image:	url(../images/selected_normal_middle.png);
}
a.menu_item_top_selected div.menu_item,
a.menu_item_top_select div.menu_item{
	padding-top:		4px;
}
a.menu_item_bottom_selected div.menu_item,
a.menu_item_bottom_select div.menu_item{
	padding-bottom:		4px;
}
a.menu_item_bottom_selected div.menu_item_footer,
a.menu_item_bottom_select div.menu_item_footer{
	background-image:	url(../images/selected_normal_bottom.png);
}
a.previous_selected div.menu_item_header{
	background-image:	url(../images/selected_line.png);
}

img.arrow{
	padding-right:	9px;
	vertical-align:	middle;
}

div.link_to_contentslist{
	text-align:		right;
	margin-top:		4px;
}
div.link_to_contentslist img{
	vertical-align:	middle;
}

div.link_to_contentslist a{
	display:		inline;
	color:			#000099;
}

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

/*** content *******************************************************/
div.content{
	width:			520px;
	margin-left:	30px;
	float:			right;
}

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

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

/*** 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;
	color:				#000099;
}

/*** top pages *******************************************/
h1.manual_models{
	margin-top:		14px;
	color:			#000000;
	font-size:		160%;
	font-weight:	bold;
}

div.manual_title{
	width:			520px;
	margin-top:		5px;
	margin-bottom:	5px;
	padding-bottom:	4px;
	font-size:		135%;
	color:			#000000;
	font-weight:	bold;
	line-height:	130%;
	border-bottom:	1px solid #0000fe;
}

div.lead_text{
	margin-top:		7px;
	margin-bottom:	6px;
	color:			#000000;
	font-size:		100%;
	font-weight:	normal;
	line-height:	130%;
}

div.wm_logo{
	text-align:		right;
	margin-top:		10px;
	margin-bottom:	10px;
}

/*** toc pages *******************************************/
h1.l0{
	margin-top:		20px;
	margin-bottom:	18px;
	padding-top:	4px;
	padding-bottom:	3px;
	padding-left:	8px;
	clear:			both;
	color:			#000000;
	font-size:		120%;
	font-weight:	bold; 
	border-bottom:	1px solid #999999;
	border-left:	10px solid #000099;
}

ul.toc{
	list-style:	none;
	font-size:	110%;
}

ul.toc li.tocl1{
	margin-top:		8px;
	margin-bottom:	3px;
	font-weight:	bold; 	
	line-height:	145%;
}
li.tocl1 a{
	color:			#000000;
}

ul.toc li.tocl2{
	margin-top:		4px;
	margin-left:	25px;
	font-weight:	normal; 	
	line-height:	130%;
}
li.tocl2 a{
	color:			#000099;
}

/*** footer ********************************************************/
div.footer{
	width:				760px;
	height:				auto;
	clear:				both;
	font-weight:		normal;
	background-color:	#ffffff;
}

div.return_to_top{
	margin-top:			7px;
	padding-right:		2px;
	padding-left:		10px;
	font-size:			100%;
	text-align:			right;
}

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

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

div.copy_right{
	width:			760px;
	margin-top:		4px;
	margin-bottom:	10px;
	text-align:		center;
	border-top:		1px solid #aaaaaa;
}


/*** contents pages **********************************************************/
/*** headings ******************************************************/
h2.l2{
	margin-bottom:	18px;
	padding-top:	20px;
	padding-bottom:	5px;
	clear:			both;
	color:			#000000;
	font-size:		130%;
	font-weight:	bold; 
	border-bottom:	solid 2px #aaaaaa;
}

h3.l3{
	margin-top:		26px;
	margin-bottom:	8px;
	padding:		2px 0px 0px 5px;
	color:			#000000;
	font-size:		120%;
	font-weight:	bold;
	border-left:	5px solid #000099;
	vertical-align:	middle;
}

h4.l4{
	margin-top:		10px;
	margin-bottom:	3px;
	padding:		2px 0px 0px 0px;
	color:			#000000;
	font-size:		120%;
	font-weight:	bold;
	line-height:	125%;
}

div.item_list_title{
	margin-top:		25px;
	margin-bottom:	5px;
	padding-top:	5px;
	font-weight:	bold;
	color:			#000000;
	border-top:		solid 1px #cccccc;
}

/*** bodys *********************************************************/
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:	23px;
	margin-top:		12px;
	margin-bottom:	0.8em;
}

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

/*** steps *********************************************************/
ol.step_h2{
	margin-top:		4px;
	font-weight:	bold;
	list-style-type:	none;
}
ol.step_h2 li{
	padding-left:		30px;
	padding-top:		1px;
	background-repeat:	no-repeat;
	background-position:	-0.2em -0.2em;
	line-height:		190%;
}
ol.step_h2 li p{
}
div.step_h2_body{
	margin-left:	30px;
	margin-bottom:	2px;
}

ol.sub_h2{
	padding-top:	4px;
	list-style:		none;
}
ol.sub_h2 li{
	padding-left:		18px;
	background-repeat:	no-repeat;
	background-position:	-0.15em -0.15em;
}
div.sub_h2_body{
	margin-left:	18px;
}

ol.step_sub_h2{
	margin-top:		4px;
	margin-left:	21px;
	list-style-type:	none;
}
ol.step_sub_h2 li{
	padding-left:		18px;
	background-repeat:	no-repeat;
	background-position:	-0.15em -0.15em;
}
div.step_sub_h2_body{
	margin-left:	39px;
}

ol.step_proc{
	font-weight:	bold;
	margin-left:	23px;
}
ol.step_proc li{
	margin-top:		5px;
}
ol.step_proc li p{
	font-weight:	normal;
}
div.step_proc_body{
	margin-left:	23px;
}
/*** 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:	18px;
	list-style:		none;
	background:		url(../fontimages/souni/souni_e3d0.png) no-repeat;
}

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

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

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

ul.step_bull{
	margin-left:	25px;
	padding-left:	18px;
	list-style:		none;
	background:		url(../fontimages/souni/souni_e3d0.png) no-repeat;
}

/*** TS ************************************************************/
div.ts_q{
	margin-top:		25px;
	margin-bottom:	10px;
	padding-top:	5px;
	font-size:		110%;
	font-weight:	bold;
	color:			#000000;
	border-top:		solid 1px #cccccc;
}

ul.ts_a{
	margin-top:		8px;
	padding-left:	18px;
	list-style:		none;
	background:		url(../fontimages/souni/souni_e3d0.png) no-repeat;
}

ul.ts_arrow{
	margin-top:		2px;
	padding-left:	32px;
	list-style:		none;
	background:		url(../fontimages/souni/souni_e173.png) no-repeat;
	background-position:	1.1em -0.1em;
}

/*** 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;
	list-style:		none;
	background:		url(../fontimages/souni/souni_e3d0.png) no-repeat;
	background-position:	-0.3em 0em;
}

/*** hint **********************************************************/
div.hint{
	color:			#000000;
	font-weight:	bold;
}

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

/*** highlight *****************************************************/
div.highlight_hint{
	background-color:	#edf0f4;
	margin:		12px 0px 8px 0px;
	padding:	6px 2px 6px 6px;
}

div.highlight_note{
	background-color:	#dfe3e8;
	margin:		12px 0px 8px 0px;
	padding:	6px 2px 6px 6px;
}

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

div.search_topic_title{
	font-size:				120%;
	margin-top:				13px;
	margin-bottom:			2px;
}

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

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

div#id_search_status{
	text-align:				right;
	font-size:				1px;
	margin-top:				12px;
}
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:					#000099;
}
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;
}
div#id_search_status button.disabled{
	border:					None;
	background:				Transparent;
	color:					#808080;
	font-weight:			Normal;
}
div#id_search_results a{
	color:					#000099;
	text-decoration:		none;
}
div#id_search_results a:hover{
	text-decoration:		underline;
}
span.hit{
	background:				#FFFF00;
}

/*** 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;
}
