﻿@charset "utf-8";

/*-----全体------------------*/

body{
	text-align:left;
	width:100%;
	line-height: 150%;
	color: #333;
	font-family: 'lucida grande',tahoma,helvetica,"宋体",arial,'bitstream vera sans',sans-serif;	
}


#container {
	width: 960px;
	margin: 0 auto;
	clear: both;
	overflow:hidden;
}

h1{
	text-indent: -9999px;
	margin: 0 auto;
	}
/*2{
	text-indent: -9999px;
	margin: 0 auto;
	}*/
/*-----左------------------*/

#mainContent{
	width: 960px;
	float: left;
	margin-top:10px !important;
	}
	
	#mainContentsTitle{
	width: 960px;
	height: 182px;
	margin: 0 auto;
	background: url(/images/cn/help/head_img_blog_new.jpg) no-repeat top;
	}
	
	#mainContents1Head{
	width: 960px;
	height: 38px;
	padding: 0px 0 0px 0;
	margin: 9px 0 10px 0;
	text-align:left;
	color:#999;
	/*background: url(/images/ja/help/title_contents1.gif) no-repeat left bottom;*/
	}

	#mainContents2Head{
	width: 730px;
	height: 13px;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
	text-align:left;
	color:#999;
	background: url(/images/ja/help/title_contents2.gif) no-repeat left bottom;	
	}
	
	#mainContents3Head{
	width: 730px;
	height: 13px;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
	text-align:left;
	color:#999;
	background: url(/images/ja/help/title_contents3.gif) no-repeat left bottom;	
	}
	
		#down1{
		width: 171px;
		float: left;
		padding-left: 425px;
		background: url(/images/ja/help/icon_link_down1.gif) no-repeat right;
		}
		#down2{
		width: 110px;
		float: right;
		padding: 0 0 0 15px;
		background: url(/images/ja/help/icon_link_down2.gif) no-repeat left;
		}
		#up{
		width: 171px;
		float: left;
		padding-left: 425px;
		background: url(/images/ja/help/icon_link_up.gif) no-repeat right;
		}
	
	
	#mainContents1{
	width: 960px;
	height: 520px;
	text-align:left;
	padding: 0px 0 0 0;
	margin: 0px auto;
	background: url(/images/ja/help/bg_main_p_new.gif) repeat-y;
	}
	
		#mainContents1Line{
		width: 544px;
		height: 7px;
		border-right:1px solid #fc7b0f;
		}

	#mainContents1left{
	width: 540px;
	float: left;
	margin: 0 0 0 0px;
	overflow:hidden;
	}
		#mainContents1left h2{
		text-indent: -9999px;
		margin: 0 auto;
		}
				
		#player1{
		width: 160px;
		height: 280px;
		margin: 10px 0 10px 80px;
		}
	
	#mainContents1right{
	width: 415px;
	height:520px;
	float: right;
	border-left:1px solid #fc7b0f;
	}
		
		#mainContents1up{
		/*border-bottom:1px solid #fc7b0f;*/
		padding: 0 10px 0px 10px;
		margin: 0px auto;
		}
				#playerInfo1{
				padding: 0px auto;
				margin: 0px auto;
				}
				#playerInfo1 h2{
				height: 20px;
				background: url(/images/cn/help/title_contents1_2_new.gif) no-repeat top left;
				text-indent: -9999px;
				margin: 10px 0 0 10px;
				}
				#playerInfo1 p{
				padding: 10px 5px 0 19px;
				margin: 0px auto;
				}
				#playerInfo1Img{
				height: 235px;
				margin-top: 20px;
				background: url(/images/ja/help/img_contents1_2.jpg) no-repeat top;
				}
				#playerInfo1Link{
				text-align: right;
				margin-top: 25px;
				}
				#playerInfo1Link a{
				padding: 0px 0 0 10px;
				background: url(/images/ja/help/icon_link_g.gif) no-repeat left center;
				}
				
		#mainContents1down{
		padding: 0 10px 10px 10px;
		margin: 0px auto;
		overflow:hidden;
		}

				#playerInfo2{
				padding: 0px auto;
				margin: 0px auto;
				}
				#playerInfo2 h2{
				height: 39px;
				background: url(/images/ja/help/title_contents1_3.gif) no-repeat top left;
				text-indent: -9999px;
				margin: 18px 0 0 0;
				}
				#playerInfo2 p{
				padding: 10px 5px 0 19px;
				margin: 0px auto;
				}
				#playerInfo2Img{
				height: 121px;
				margin-top: 10px;
				background: url(/images/ja/help/img_contents1_3.jpg) no-repeat top;
				}
	
	#mainContentsTop{
	width: 960px;
	height: 7px;
	clear:both;
	overflow:hidden;
	background: url(/images/ja/help/bg_main_top_new.gif) no-repeat top;
	}
	#mainContentsBottom{
	width: 960px;
	height: 7px;
	clear: both;
	overflow:hidden;
	background: url(/images/ja/help/bg_main_bottom_new.gif) no-repeat top;
	margin-bottom:10px;
	}
	
	#mainContents2{
	width: 960px;
	height: 490px;
	text-align:left;
	padding: 0px 0 0 0;
	background: url(/images/ja/help/bg_main_p_new.gif) repeat-y;
	clear:both;
	}
		#mainContents2Left{
		width: 345px;
		float: left;
		padding: 0 0 0 15px;
		}
		#mainContents2Right{
		width: 345px;
		float: right;
		padding: 0 15px 0 0;
		}

	#mainContents3{
	width: 730px;
	text-align:left;
	padding: 10px 0 0 0;
	background: url(/images/ja/help/bg_main_p.gif) repeat-y;
	clear:both;
	}

	.mainContents3Link{
	margin-top: 10px;
	background: url(/images/ja/help/icon_link_g.gif) no-repeat left center;
	}
	.mainContents3Link a{
	padding: 0px 0 0 10px;
	}
	.mainContents33Link{
	margin-top: 5px;
	background: url(/images/ja/help/icon_link_g.gif) no-repeat left center;
	}
	.mainContents33Link a{
	padding: 0px 0 0 10px;
	}
	
		#mainContents3Left{
		width: 345px;
		float: left;
		padding: 0 0 0 15px;
		}
		#mainContents3Right{
		width: 345px;
		float: right;
		padding: 0 15px 0 0;
		}
		#mainContents3End{
		width: 700px;
		padding: 0 15px 10px 15px;
		}
			
		
		#mainContentsTxt01{
		width:230px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_1.gif) no-repeat left top;
		padding: 0px 0px 10px 110px;
		}
		#mainContentsTxt02{
		width:230px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_2.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt03{
		width:230px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_3.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt04{
		width:230px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_4.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt05{
		width:230px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_5.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt06{
		width:235px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_6.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt07{
		width:235px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_7.gif) no-repeat left top;
		line-height:13px;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt08{
		width:235px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_8.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt09{
		width:235px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_9.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt10{
		width:235px;
		height: 80px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents2_10.gif) no-repeat left top;
		padding:0px 0px 10px 110px;
		}
		#mainContentsTxt11{
		width:230px;
		height: 120px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents3_1.gif) no-repeat left top;
		padding:0px 0px 0px 110px;
		}
		#mainContentsTxt12{
		width:235px;
		height: 120px;
		margin:0px auto;
		background: url(/images/ja/help/img_contents3_2.gif) no-repeat left top;
		padding:0px 0px 0px 110px;
		}
		
		#mainContentsTxt13{
		width:590px;
		margin:0px auto;
		clear:both;
		background: url(/images/ja/help/img_contents3_3.gif) no-repeat left top;
		padding:0px 0px 0px 110px;
		}
		
		#mainContentsTxt13img{
		width: 570px;
		height: 71px;
		margin: 15px 0 0 0;
		background: url(/images/ja/help/img_contents3.gif) no-repeat;
		}

		.txtFontOr{
		color:#fd7b0d;
		font-weight:bold;
		padding: 10px 0 10px 0;
		background: url(/images/ja/help/dot_line.gif) repeat-x;
		}


#mainBtn a{
	width: 730px;
	height: 64px;
	display: block;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	margin: 20px 0 10px 0;
	background: url(/images/ja/help/btn_join_img.gif) no-repeat center;
}
	

#goPagetop{
	width: 730px;
	text-align:right;
	margin: 5px 0 10px 0;
}
#goPagetop a{
	font-size: 85%;
	padding: 0px 0 0 10px;
	background: url(/images/ja/help/icon_link_top.gif) no-repeat left center;
}


			#icon {
				padding: 0px 0px 0px 0px;
				margin: 5px 10px 0px 10px;
				/*background: url(/images/ja/help/title_contents1_1.gif) no-repeat top left;*/
			}
			#icon h3{
				color: #0376e6;
				font-size: 110%;
				margin: 0 0 3px 0;
				background: url(/images/cn/help/title01.gif) no-repeat top left;
				text-indent: -9999px;
				height:20px;
			}
			#icon h4{
				color: #0376e6;
				font-size: 110%;
				margin: 0 0 3px 0;
				background: url(/images/cn/help/title02.gif) no-repeat top left;
				text-indent: -9999px;
				height:20px;
			}
			#icon h5{
				color: #0376e6;
				font-size: 110%;
				margin: 0 0 3px 0;
				background: url(/images/cn/help/title03.gif) no-repeat top left;
				text-indent: -9999px;
				height:20px;
			}
			#icon h6{
				color: #0376e6;
				font-size: 110%;
				margin: 0 0 3px 0;
				background: url(/images/cn/help/title04.gif) no-repeat top left;
				text-indent: -9999px;
				height:20px;
			}
			#iconLine{
			width: 520px;
			margin: 5px 0px 5px 10px;
			padding: 25px 0 0px 0;
			background: url(/images/ja/help/dot_line.gif) repeat-x;
			height:98px
			}
			#noiconLine{
			width: 520px;
			margin: 5px 0px 5px 10px;
			padding: 20px 0 0px 0;
			height:103px
			}

				#icon div.live{
				padding: 0px 0px 0px 120px;
				background: url(/images/ja/help/img_contents2_1.gif) no-repeat left;
				}
				#icon div.media{
				padding: 0px 0px 0px 120px;
				background: url(/images/ja/help/img_contents2_8.gif) no-repeat left;
				}
				#icon div.use{
				padding: 0px 0px 0px 120px;
				background: url(/images/ja/help/img_contents2_2.gif) no-repeat left;
				}
				#icon div.quality{
				padding: 0px 0px 0px 120px;
				height:80px;
				background: url(/images/ja/help/img_contents2_9.gif) no-repeat left;
				}
				
.txtlink12 {
	font-size: 12px; 
}
.xhowto_item1 { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3366CC;
}
.xhowto_margin_btm {
	margin-bottom: 3px; 
}
.xhowto_td1 {
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 1px #E5E5E5;
	background-color: #FFFFFF;
}
.xhowto_td2 {
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 1px #E5E5E5;
	background-color: #FFFFFF;
}
.xhowto_title1 {
	background: url(/images/cn/help/title05.gif) no-repeat left top;
	width: 600px;
	height:25px;
	font-size: 16px;
	font-weight: bold;
	color: #0376e6;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.xhowto_title2{
	background: url(/images/cn/help/title06.gif) no-repeat left bottom;
	height:25px;
	font-size: 16px;
	font-weight: bold;
	color: #0376e6;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	text-align:right;
}
.xhowto_title3{
	background: url(/images/cn/help/title07.gif) no-repeat left top;
	width: 600px;
	height:25px;
	font-size: 16px;
	font-weight: bold;
	color: #0376e6;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#blog_button{
	background: url(/images/cn/help/blog_button_o.gif) no-repeat;
	width:241px;
	height:32px;
	float:right;
	cursor:pointer;
}
#blog_button:hover{
	background: url(/images/cn/help/blog_button_g.gif) no-repeat;
	width:241px;
	height:32px;
}
#blog_button a{
	display:block;
	width:241px;
	height:32px;
}
