/* CSS Document */
/*---------------------------------------*/
/*------------------ All ----------------*/
/*---------------------------------------*/
	*{ font-family:"Osaka","ＭＳ Ｐゴシック"; }
	
	body { margin:0px; padding:0px; behavior:url(/stylesheets/csshover.htc); background:#F6F6F6;}
	
	body {
		font-size: 13px; /* モダンブラウザ向け */
		*font-size: small; /* IE 7向け */
		*font: x-small; /* IE 6以下 */
		}
			
	html {
		height:100%;
		padding-bottom:1px;
		}
			
	a { color:#333; }
	a:link, a:visited {text-decoration: none;}
	a:hover, a:active {text-decoration: none;}
	
	img { border: 0px; }
	sup { font-size:60%;}
		
/*---------------------------------------*/
/*--------------- FontSize --------------*/
/*---------------------------------------*/
	.text10 { font-size:77%; }     /*10px*/
	.text11 { font-size:85%; }     /*11px*/
	.text12 { font-size:93%; }     /*12px*/
	.text13 { font-size:100%; }    /*13px*/
	.text14 { font-size:108%; }    /*14px*/
	.text15 { font-size:116%; }    /*15px*/
	.text16 { font-size:123.1%; }  /*16px*/
	.text17 { font-size:131%; }    /*17px*/
	.text18 { font-size:138.5%; }  /*18px*/
	.text19 { font-size:146.5%; }  /*19px*/
	.text20 { font-size:153.9%; }  /*20px*/
	.text21 { font-size:161.6%; }  /*21px*/
	.text22 { font-size:167%; }    /*22px*/
	.text23 { font-size:174%; }    /*23px*/
	.text24 { font-size:182%; }    /*24px*/
	.text25 { font-size:189%; }    /*25px*/
	.text26 { font-size:197%; }    /*26px*/
	
	h1 {padding: 0px; margin: 0px; line-height: 160%; font-size:200%; font-weight:bold;}
	h2 {padding: 0px; margin: 0px; line-height: 160%; font-size:100%;  font-weight:bold;}
	h3 {padding: 0px; margin: 0px; line-height: 160%; font-size:81.25%;  font-weight:bold;}
	h4 {padding: 0px; margin: 0px; line-height: 160%; font-size:81.25%;  font-weight:bold;}
	p {padding:0; margin:0; color:#333; line-height:160%;}
	li {padding:0; margin:0; color:#333; line-height:100%;}
	input,textarea,select {padding:0; margin:0; color:#333; line-height:100%;}
		
/*---------------------------------------*/
/*---------------- Parts ----------------*/
/*---------------------------------------*/
	.contents-clear {clear:both; height:0; width:0; display:block;}
	span.hidden {display:none;}

/*---------------------------------------*/
/*--------------- Clearfix --------------*/
/*---------------------------------------*/
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/*------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------ sprite-iamge */
/*------------------------------------------------------------------------------------------------------------------- */
	body,
	#wrapper,
	.header,
	h1 a,
	h2,
	h3,
	a.page-top,
	a.page-top-in,
	a.sub-pagetop,
	.navigation li a,
	a.main-img-button,
	ul.top-navigation li a.first,
	ul.top-navigation li a.second,
	ul.top-navigation li a.third,
	ul.top-navigation li a.fourth,
	ul.top-navigation li a.fifth,
	ul.top-navigation li a.sixth,
	ul.top-navigation li.sixth,
	ul.top-navigation li a.seventh,
	ul.top-navigation li a.eighth,
	ul.top-navigation li a.ninth,
	.section-button a,
	.first-button a,
	.skin-download a,
	.plugin-download a {
		background:url(../images/sprite.jpg) no-repeat;
		}

/*---------------------------------------*/
/*--------------- body --------------*/
/*---------------------------------------*/
	body {
		width:auto;
		background-position: 0 -1270px;
		background-repeat:repeat-x;
		}
	
	#wrapper {
		width:970px;
		margin: 0 auto;
		background:url(../images/frame_line.jpg) 0 -1250px repeat-y;
		padding:0;
		display:block;
		}	

/*---------------------------------------*/
/*--------------- header --------------*/
/*---------------------------------------*/
	.header {
		width:939px;
		_width:949px;
		height:222px;
		margin:0;
		padding:4px 7px 0 24px;
		_padding:4px 7px 0 14px;
		display:block;
		background-position:0 -1040px;
		}
		
	h1  {
		width:180px;
		height:160px;
		display:block;
		padding:0;
		margin:37px 10px 0 10px;
		float:left;
		}
		
	h1 a {
		width:180px;
		height:160px;
		display:block;
		padding:0;
		background-position:0 0;
		text-indent:-999999px;
		overflow:hidden;
		}	
		
	h2 {
		width:705px;
		height:30px;
		display:block;
		padding:0 0 0 0;
		margin:15px 0px 5px 13px;
		_margin:15px 0px 5px 5px;
		float:left;
		background-position:0 -1000px;
		text-indent:-999999px;
		overflow:hidden;
		}	
		
	h3 {
		background-position:-200px -0px;
		width:650px;
		padding:5px 0 5px 25px;
		margin:0px 5px 0 0;
		_margin:0px 5px 0 0;
		line-height:100%;
		color:#258000;
		font-size:108%;
		display:block;
		}	

	.site-way {
		width:700px;
		display:block;
		line-height:200%;
		color:#333;
		float:left;
		margin:0px 0 0 15px;
		_margin:0px 0 0 5px;
		}

/*---------------------------------------*/
/*--------------- container --------------*/
/*---------------------------------------*/
	.container {
		width:950px;
		margin:0 0 0 0;
		display:block;
		padding:0 10px;
		}

/*---------------------------------------*/
/*--------------- left --------------*/
/*---------------------------------------*/
	.left {
		width:200px;
		margin:0 0 40px 14px;
		_margin:0 0 0 7px;
		display:block;
		float:left;
		background:url(../images/menu_bg.jpg) repeat-y 0 0;
		}
		
	ul.navigation,
	ul.sub-navigation {
		display:block;
		list-style:none;
		padding:0;
		margin:0;
		}
		
	ul.sub-navigation {
		margin:-7px 0 0 0;
		}
		
	.navigation li a {
		width:170px;
		display:block;
		list-style:none;
		padding:10px 0 10px 25px;
		margin:0;
		overflow:hidden;
		color:#000;
		text-decoration:none;
		font-size:108%;
		background:url(../images/menu_arrow.jpg) no-repeat 10px 11px;
		line-height:130%;
		}
		
	.navigation li a:hover {
		color:#444;
		background:url(../images/menu_arrow01.jpg) no-repeat 10px 11px;
		}
		
	.navigation li a.select:hover ,
	.navigation li a.select {
		color:#999;
		background:url(../images/menu_arrow02.jpg) no-repeat 9px 11px;
		}
		
	.navigation .under-construction {
		width:170px;
		display:block;
		list-style:none;
		padding:5px 0 15px 25px;
		margin:0;
		overflow:hidden;
		color:#FFF;
		text-decoration:none;
		font-size:138.5%;
		color:#999;
		background:url(../images/under_construction.jpg) no-repeat 26px 23px;
		}

	.navigation li.first,
	.sub-navigation li.first {
		display:block;
		list-style:none;
		padding:0;
		margin:0 0 5px 0;
		}

	.navigation li.center,
	.sub-navigation li.center {
		display:block;
		list-style:none;
		margin:5px 0;
		}

	.navigation li.footer {
		display:block;
		list-style:none;
		padding:0 0 0 0;
		margin:25px 0 0 0;
		height:15px;
		width:200px;
		background:url(../images/menu_footer.jpg) no-repeat ;
		}
		
	.sub-navigation li a {
		width:160px;
		display:block;
		list-style:none;
		padding:0 0 3px 0px;
		margin:0 0 0 27px;
		overflow:hidden;
		color:#333;
		text-decoration:none;
		font-size:93%;
		background:none;
		font-weight:normal;
		}
		
	.sub-navigation li a.sub-select {
		color:#888;
		font-weight:normal;
		}
		
	.sub-navigation li a.sub-select:hover {
		color:#888;
		font-weight:normal;
		}
		
	.sub-navigation li a:hover {
		color:#333;
		background:none;
		font-weight:normal;
		}

	h2.top-detail {
		width:700px;
		height:auto;
		display:block;
		margin:0 0 5px 0;
		padding:0 0 5px 0;
		clear:both;
		background:none;
		color:#333;
		overflow:hidden;
		text-indent:0px;
		font-size:93%;
		font-weight:normal;
		line-height:150%;
		}
		
/*---------------------------------------*/
/*--------------- right --------------*/
/*---------------------------------------*/
	.right {
		width:700px;
		margin:0 14px 5px 0;
		_margin:0 5px 5px 0;
		display:block;
		float:right;
		}
		
	a.main-img-button {
		background-position:-500px -200px;
		display:block;
		width:703px;
		height:360px;
		margin:10px auto 0px auto;
		padding:0;
		overflow:hidden;
		text-indent:-999999px;
		}
		
	a.main-img-button:hover {
		background-position:-500px -590px;
		}
			
	.top-navigation {
		background: url(../images/line.jpg) repeat-x 0 0 #FFF;
		width:700px;
		display:block;
		padding:15px 0 5px 0;
		_padding:10px 0 5px 0;
		margin:0;
		list-style:none;
		font-size:108%;
		color:#258000;
		font-size:108%;
		font-weight:bold;
		}
		
	#wrapper .container .right .top-detail a {
		text-decoration:underline;
		color:#258000;
		}

	ul.top-navigation li {
		display:block;
		width:232px;
		height:89px;
		float:left;
		margin:0 0 5px 0;
		}
		
	ul.top-navigation li a {
		display:block;
		width:156px;
		height:38px;
		padding:32px 64px 17px 12px;
		margin:0 0 0 0;
		text-decoration: none;
		line-height:130%;
		}

	ul.top-navigation li a.first {
		background-position:0 -170px;
		}

	ul.top-navigation li a.second {
		background-position:0 -260px;
		margin-left:2px;
		}

	ul.top-navigation li a.third {
		background-position:0 -350px;
		margin-left:2px;
		}

	ul.top-navigation li a.fourth {
		background-position:0 -440px;
		}

	ul.top-navigation li a.fifth {
		background-position:0 -530px;
		margin-left:2px;
		}

	ul.top-navigation li.sixth {
		background-position:0 -620px;
		font-weight:bold;
		display:block;
		width:156px;
		height:38px;
		padding:32px 64px 17px 12px;
		margin:0 0 7px 2px;
		line-height:130%;
		float:left;
		}

	ul.top-navigation li a.seventh {
		background-position:0 -710px;
		margin-left:2px;
		}

	ul.top-navigation li a.eighth {
		background-position:0 -800px;
		}

	ul.top-navigation li a.ninth {
		background-position:0 -890px;
		margin-left:2px;
		}

	ul.top-navigation li a.first:hover {
		background-position:-240px -170px;
		}

	ul.top-navigation li a.second:hover {
		background-position:-240px -260px;
		margin-left:2px;
		}

	ul.top-navigation li a.third:hover {
		background-position:-240px -350px;
		margin-left:2px;
		}

	ul.top-navigation li a.fourth:hover {
		background-position:-240px -440px;
		}

	ul.top-navigation li a.fifth:hover {
		background-position:-240px -530px;
		margin-left:2px;
		}

	ul.top-navigation li a.sixth:hover {
		background-position:-240px -620px;
		margin-left:2px;
		font-weight:bold;
		}

	ul.top-navigation li a.seventh:hover {
		background-position:-240px -710px;
		margin-left:2px;
		}

	ul.top-navigation li a.eighth:hover {
		background-position:-240px -800px;
		}

	ul.top-navigation li a.ninth:hover {
		background-position:-240px -890px;
		margin-left:2px;
		}
		
/*---------------------------------------*/
/*--------------- footer --------------*/
/*---------------------------------------*/
	.page-top-box {
		clear:both;
		width:917px;
		height:35px;
		margin:0 auto 0 auto;
		}
		
	a.page-top {
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		display:block;
		background-position:-200px -130px;
		text-indent:-999999px;
		overflow:hidden;
		height:20px;
		}
		
	a.page-top-in {
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		display:block;
		background-position:-200px -0px;
		text-indent:-999999px;
		overflow:hidden;
		}
	
	.footer {
		display:block;
		clear:both;
		width:935px;
		padding:0 0 25px 0;
		margin:0;
		text-align:center;
		font-size:93%;
		line-height:130%;
		}
	
	.footer a {
		text-decoration:none;
		}
		
/*---------------------------------------*/
/*--------------- child page --------------*/
/*---------------------------------------*/	
	.contents-base {
		display:block;
		width:695px;
		line-height:180%;
		padding:5px 0 0 5px;
		clear:both;
		}
		
	.main-detail {
		width:690px;
		display:block;
		margin-bottom:5px;
		padding:0 0 15px 20px;
		clear:both;
		}	
		
	.contents-base .main-detail {
		width:670px;
		display:block;
		margin-bottom:5px;
		padding:0 0 15px 6px;
		clear:both;
		}		
		
	.detail {
		width:185px;
		float:right;
		display:block;
		margin-bottom:15px;
		}	
		
	.section-base {
		clear:both;
		width:500px;
		float:left;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		margin:5px 0 15px 5px;
		}	
		
	.section-button {
		clear:both;
		width:695px;
		margin:15px 0 15px 0;
		display:block;
		}	
		
	.section-button a {
		width:323px;
		height:50px;
		margin:0 0 0 372px;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		background-position:-380px -30px;
		}	
		
	.section-button a:hover,
	.first-button a:hover {
		background-position:-870px -30px;
		}		
		
	.first-button {
		width:700px;
		margin:5px 0 0 0;
		display:block;
		}	
		
	.first-button a {
		width:323px;
		height:50px;
		margin:0 0 0 377px;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		background-position:-380px -30px;
		}	
		
	.in-sub-navigation {
		width:670px;
		height:auto;
		font-size:93%;
		list-style:none;
		margin:10px 0 10px 10px;
		padding:11px 7px 7px 7px;
		display:block;
		border:solid 1px #CCC;
		background:#F6F6F6;
		}
		
	.in-sub-navigation li {
		width:auto;
		padding:0 20px 0 17px;
		float:left;
		display:block;
		height:18px;
		_height:20px;
		line-height:150%;
		background:url(../images/in_sub_menu.jpg) 2px 3px no-repeat;
		_background:url(../images/in_sub_menu.jpg) 2px 2px no-repeat;
		white-space:nowrap;
		}
		
	.in-sub-navigation li a {
		color:#258000;
		text-decoration:none;
		}
		
	.in-sub-navigation li a:hover {
		color:#666;
		}
		
	.browsing .in-sub-navigation li {
		padding:0 12px 0 15px;
		_padding:0 10px 0 15px;
		}
/*---------------------------------------*/
/*--------------- 下層 page --------------*/
/*---------------------------------------*/	
/*--- skinlist page ---*/
	.skinlist-area	{
		display:block;
		width:690px;
		list-style:none;
		padding:0 0 0 6px;
		margin:0;
		}
		
	.skinlist {
		display:block;
		list-style:none;
		background:#F6F6F6;
		border:solid 1px #CCC;
		width:204px;
		margin:0 8px 8px 0;
		padding:5px 8px;
		float:left;
		}
		
	.skin-title {
		display:block;
		text-align:left;
		width:204px;
		height:12px;
		font-weight:bold;
		font-size:12px;
		margin-bottom:5px;
		}
		
	.skin-img {
		display:block;
		width:202px;
		height:122px;
		margin:0 auto 5px auto;
		border:solid 1px #BBB;
		border-top: none;
		border-left:none;
		background:#FFF;
		padding:0;
		}

	.skin-author {
		display: none;
		width:96px;
		float:left;
		text-align:left;
		height:12px;
		font-size:93%;
		padding-left:5px;
		}

	.skin-size {
		display:block;
		width:96px;
		text-align:left;
		height:12px;
		font-size:93%;
		}

	.skin-download {
		clear:both;
		width:110px;
		margin:0 0 0 94px;
		padding:0;
		display:block;
		line-height:100%;
		}

	.skin-download a {
		width:110px;
		height:35px;
		padding:0;
		margin:0;
		display:block;
		overflow:hidden;
		text-indent:-999999px;
		background-position: 0 -190px;
		}

	.skin-download a:hover {
		background-position: -110px -190px;
		}
/*--- pluginlist page ---*/
	.pluginlist-area	{
		display:block;
		width:690px;
		list-style:none;
		padding:0 0 0 6px;
		margin:0;
		}
		
	.pluginlist {
		display:block;
		list-style:none;
		background:#F6F6F6;
		border:solid 1px #CCC;
		width:664px;
		margin:0 8px 10px 0;
		padding:10px;
		height:144px;
		}
		
	.pluginlist strong {
		padding:0 3px 0 0;
		}
		
	.plugin-title {
		display:block;
		text-align:left;
		width:513px;
		float:right;
		font-weight:bold;
		font-size:108%;
		padding:0 0 5px 0;
		}
		
	.plugin-img {
		display:block;
		width:140px;
		height:140px;
		margin:0 0 5px 0;
		border:solid 1px #BBB;
		background:#FFF;
		padding:0;
		float:left;
		}

	.plugin-author,
	.plugin-size,
	.plugin-version,
	.plugin-function {
		display:block;
		width:513px;
		float:right;
		text-align:left;
		padding:0 0 6px 0;
		font-size:93%;
		}

	.plugin-author {
		display:none;
		}

	.plugin-function {
		height:30px;
		overflow:hidden;
		}
		
	.plugin-download {
		float:right;
		width:110px;
		height:35px;
		margin:20px 0 0 0;
		padding:0;
		display:block;
		line-height:100%;
		overflow:hidden;
		text-indent:-999999px;
		}

	.plugin-download a {
		width:110px;
		height:35px;
		padding:0;
		margin:0;
		display:block;
		overflow:hidden;
		text-indent:-999999px;
		background-position: 0 -190px;
		}

	.plugin-download a:hover {
		background-position: -110px -190px;
		}

/*--- skin page ---*/
	.skin .section01,
	.skin .section02,
	.skin .section03 {
		background:url(../images/sprite_skin.jpg) no-repeat;
		}

	.skin .section01 {
		background-position:0 0;
		height:258px;
		}	

	.skin .section02 {
		background-position:0 -280px;
		height:305px;
		}	

	.skin .section03 {
		background-position:0 -590px;
		height:305px;
		}	
		
/*--- plugin page ---*/
	.plugin .section01,
	.plugin .section02,
	.plugin .section03 {
		background:url(../images/sprite_plugin.jpg) no-repeat;
		}

	.plugin .section01 {
		background-position:0 0;
		height:258px;
		}	

	.plugin .section02 {
		background-position:0 -280px;
		height:296px;
		}	

	.plugin .section03 {
		background-position:0 -590px;
		height:296px;
		}
		
/*--- videotool page ---*/
	.videotool .section01,
	.videotool .section02,
	.videotool .section03,
	.videotool .section04,
	.videotool .section05,
	.videotool .section06,
	.videotool .section07,
	.videotool .section08,
	.videotool .section09 {
		background:url(../images/sprite_videotool.jpg) no-repeat;
		}

	.videotool .section01 {
		background-position:0 0;
		height:349px;
		}	

	.videotool .section02 {
		background-position:0 -360px;
		height:349px;
		}	

	.videotool .section03 {
		background-position:0 -720px;
		height:192px;
		}

	.videotool .section04 {
		background-position:0 -920px;
		height:129px;
		}

	.videotool .section05 {
		background-position:0 -1060px;
		height:147px;
		}

	.videotool .section06 {
		background-position:0 -1220px;
		height:349px;
		}

	.videotool .section07 {
		background-position:0 -1580px;
		height:530px;
		}

	.videotool .section08 {
		background-position:0 -2120px;
		height:225px;
		}

	.videotool .section09 {
		background-position:0 -2350px;
		height:230px;
		}
/*-------- form-area ------*/			
	.form .section01,
	.form .section02,
	.form .section03,
	.form .section04,
	.form .section05,
	.form .section06,
	.form .section07,
	.form .section08,
	.form .section09,
	.form .section10 {
		width:500px;
		background:url(../images/sprite_form.jpg) no-repeat ;
		}	
					
	.form .section01 {
		background-position:-0px -0px;
		height:304px;
		}
					
	.form .section02 {
		background-position:-0px -310px;
		height:368px;
		}
					
	.form .section03 {
		background-position:-0px -690px;
		height:394px;
		}
					
	.form .section04 {
		background-position:-0px -1090px;
		height:394px;
		}
					
	.form .section05 {
		background-position:-0px -1500px;
		height:255px;
		}
					
	.form .section06 {
		background-position:-0px -1760px;
		height:256px;
		}
		
	.form .section07 {
		background-position:-0px -2020px;
		height:290px;
		}
		
	.form .section08 {
		background-position:-0px -2320px;
		height:268px;
		}
		
	.form .section09 {
		background-position:-0px -2590px;
		height:268px;
		}
		
	.form .section10 {
		background-position:-0px -2970px;
		height:395px;
		}
/*-------- setting-search ------*/			
	.setting-search .section01,
	.setting-search .section02,
	.setting-search .section03,
	.setting-search .section04 {
		width:500px;
		background:url(../images/sprite_search.jpg) no-repeat ;
		}	
					
	.setting-search .section01 {
		background-position:-0px -0px;
		height:258px;
		}
					
	.setting-search .section02 {
		background-position:-0px -270px;
		height:258px;
		}
					
	.setting-search .section03 {
		background-position:-0px -540px;
		height:378px;
		}
					
	.setting-search .section04 {
		background-position:-0px -930px;
		height:378px;
		}
/*-------- security ------*/			
	.privacy .section01,
	.adsfilter .section01,
	.adsfilter .section02,
	.adsfilter .section03,
	.adsfilter .section04,
	.autoclean .section01,
	.autoclean .section02,
	.autoclean .section03 {
		width:500px;
		background:url(../images/sprite_security.jpg) no-repeat ;
		}	
					
	.privacy .section01 {
		background-position:-0px -0px;
		height:152px;
		}
					
	.adsfilter .section01 {
		background-position:-0px -160px;
		height:170px;
		}
					
	.adsfilter .section02 {
		background-position:-0px -340px;
		height:170px;
		}
					
	.adsfilter .section03 {
		background-position:-0px -520px;
		height:162px;
		}
					
	.adsfilter .section04 {
		background-position:-0px -690px;
		height:130px;
		}
		
	.autoclean .section01 {
		background-position:-0px -830px;
		height:230px;
		}
		
	.autoclean .section02 {
		background-position:-0px -1080px;
		height:60px;
		}
		
	.autoclean .section03 {
		background-position:-0px -1150px;
		height:340px;
		}
		
/*--- Extension page ----*/
	.extension-title {
		height:20xp;
		margin:15px 0 5px 0;
		font-size:131%;
		display:block;
		color:#6200AA;
		font-weight:bold;
		}

	.extension-list {
		height:auto;
		display:block;
		}
		
	.sub-pagetop-box {
		display:block;
		width:695px;
		clear:both;
		line-height:100%;
		}
			
	a.sub-pagetop {
		display:block;
		width:90px;
		height:9px;
		padding:0 0;
		margin:2px 0 30px 605px;
		background-position:-1030px 0;
		text-indent:-999999px;
		overflow:hidden;
		}
		
/*-------- others ------*/			
	.others .section01,
	.others .section02,
	.others .section04,
	.others .section05,
	.others .section06,
	.others .section07,
	.others .section08,
	.others .section09,
	.others .section10,
	.others .section11,
	.others .section12,
	.others .section13,
	.others .section14,
	.others .section15,
	.others .section16,
	.others .section17,
	.others .section18,
	.others .section19 {
		width:500px;
		background:url(../images/sprite_others.jpg) no-repeat ;
		}	
					
	.others .section01 {
		background-position:-0px -0px;
		height:338px;
		}	
					
	.others .section02 {
		background-position:-0px -350px;
		height:298px;
		}
					
	.others .section04 {
		background-position:-0px -650px;
		height:332px;
		}
					
	.others .section05 {
		background-position:-0px -990px;
		height:362px;
		}
					
	.others .section06 {
		background-position:-0px -1360px;
		height:362px;
		}
		
	.others .section07 {
		background-position:-0px -1730px;
		height:70px;
		}
		
	.others .section08 {
		background-position:-0px -1810px;
		height:260px;
		}
		
	.others .section09 {
		background-position:-0px -2080px;
		height:183px;
		}
		
	.others .section10 {
		background-position:-0px -2270px;
		height:170px;
		}
		
	.others .section11 {
		background-position:-0px -2450px;
		height:103px;
		}
		
	.others .section12 {
		background-position:-0px -2560px;
		height:129px;
		}
		
	.others .section13 {
		background-position:-0px -2700px;
		height:338px;
		}	
		
	.others .section14 {
		background-position:-0px -3050px;
		height:350px;
		}	
		
	.others .section15 {
		background-position:-0px -3410px;
		height:47px;
		}	
		
	.others .section16 {
		background-position:-0px -3470px;
		height:267px;
		}	
		
	.others .section17 {
		background-position:-0px -3750px;
		height:308px;
		}	
		
	.others .section18 {
		background-position:-0px -4070px;
		height:307px;
		}	
		
	.others .section19 {
		background-position:-0px -4390px;
		height:195px;
		}	

/*-------- glossary ------*/			
	.glossary .section01,
	.glossary .section02,
	.glossary .section03,
	.glossary .section04,
	.glossary .section05,
	.glossary .section06,
	.glossary .section07,
	.glossary .section08 {
		width:500px;
		background:url(../images/sprite_glossary.jpg) no-repeat ;
		}	
					
	.glossary .section01 {
		background-position:-0px -0px;
		height:430px;
		}	
					
	.glossary .section02 {
		background-position:-0px -440px;
		height:184px;
		}
					
	.glossary .section03 {
		background-position:-0px -640px;
		height:309px;
		}
					
	.glossary .section04 {
		background-position:-0px -990px;
		height:169px;
		}
					
	.glossary .section05 {
		background-position:-0px -1190px;
		height:527px;
		}
		
	.glossary .section06 {
		background-position:-0px -1740px;
		height:152px;
		}
		
	.glossary .section07 {
		background-position:-0px -2070px;
		height:502px;
		}	
		
	.glossary .section08 {
		background-position:-0px -1950px;
		height:81px;
		}	
		
/*-------- browsing ------*/			
	.browsing .section01,
	.browsing .section02,
	.browsing .section03,
	.browsing .section04,
	.browsing .section05,
	.browsing .section06,
	.browsing .section07,
	.browsing .section08,
	.browsing .section09,
	.browsing .section10,
	.browsing .section11,
	.browsing .section12 {
		width:500px;
		background:url(../images/sprite_optimization.jpg) no-repeat ;
		}	
					
	.browsing .section01 {
		background-position:-0px -0px;
		height:301px;
		}	
					
	.browsing .section02 {
		background-position:-0px -320px;
		height:347px;
		}
					
	.browsing .section03 {
		background-position:-0px -680px;
		height:315px;
		}
					
	.browsing .section04 {
		background-position:-0px -1000px;
		height:269px;
		}
					
	.browsing .section05 {
		background-position:-0px -1280px;
		height:325px;
		}
		
	.browsing .section06 {
		background-position:-0px -1620px;
		height:359px;
		}
		
	.browsing .section07 {
		background-position:-0px -1990px;
		height:359px;
		}
		
	.browsing .section08 {
		background-position:-0px -2360px;
		height:140px;
		}
		
	.browsing .section09 {
		background-position:-0px -2520px;
		height:138px;
		}
		
	.browsing .section10 {
		background-position:-0px -2670px;
		height:247px;
		}
		
	.browsing .section11 {
		background-position:-0px -2930px;
		height:247px;
		}
		
	.browsing .section12 {
		background-position:-0px -3190px;
		height:509px;
		}	
/*---------------------------------------*/
/*--------------- other others--------------*/
/*---------------------------------------*/
	.text-area {
		display:block;
		clear:both;
		}
		
	.text-area02 {
		display:block;
		clear:both;
		text-align:right;
		margin-bottom:30px;
		}
		
	.text-area02 a {
		text-decoration:underline;
		}
		
	.text-area p {
		display:block;
		background: url(../images/line.jpg) repeat-x 0 0;
		padding:5px 0 0 25px;
		margin:0;
		width:670px;
		font-size:93%;
		line-height:150%;
		}
		
	.text-area span {
		display:block;
		padding:0px 0 0 0;
		margin:0;
		width:auto;
		}

	.banner {
		width:200px;
		display:block;
		padding: 15px 0 0px 0;
		background:#FFFFFF;
		}

	.banner-l {
		width:700px;
		display:block;
		padding: 15px 0 0px 0;
		background:#FFFFFF;
		clear:both;
		}

	.woopie-family {
		display:block;
		height:34px;
		width:735px;
		margin:0px;
		padding:0;
		float:left;
		}

	.woopie-family span {
		display:block;
		width:100px;
		height:30px;
		padding:0px 7px 4px 0px;
		float:right;
		overflow:hidden;
		text-indent:-999999px;
		}

	.woopie-family a {
		display:block;
		width:100px;
		height:30px;
		padding:0;
		margin:0;
		float:right;
		overflow:hidden;
		text-indent:-999999px;
		}
		
	.woopie a,
	.browser a,
	.desktop a,
	.software a,
	a.select {
		background:url(../images/woopie_family.jpg) no-repeat;
		}
		
	.software a {
		background-position: 0 0;
		}
		
	.browser a {
		background-position: -110px -40px;
		}
		
	.desktop a {
		background-position: 0 -80px;
		}
		
	.woopie a {
		background-position: 0 -120px;
		}
		
	.software a:hover,
	.software a.select {
		background-position: -110px 0;
		}
		
	.browser a:hover,
	.browser a.select {
		background-position: -110px -40px;
		}
		
	.desktop a:hover,
	.desktop a.select {
		background-position: -110px -80px;
		}
		
	.woopie a:hover,
	.woopie a.select {
		background-position: -110px -120px;
		}

	.comparison-area {
		display:block;
		width:700px;
		background:#BBB;
		margin:10px 0 15px 0;
		line-height:200%;
		}

	.comparison-area td {
		background:#FFF;
		padding:7px;
		border:solid 1px #FFF;
		vertical-align:top;
		}

	.comparison-area td.title {
		background:#F6F6F6;
		color:#666;
		width:100px;
		font-weight:bold;
		}

	.comparison-area td.title02 {
		background:#555;
		color:#FFF;
		width:100px;
		font-weight:bold;
		}

	.comparison-area td.desktop-ttl {
		background:#3586A8;
		color:#FFF;
		font-weight:bold;
		width:298px;
		}

	.comparison-area td.browser-ttl {
		background:#77AF01;
		color:#FFF;
		font-weight:bold;
		}

	.comparison-area td.desktop-way {
		background:#E9F3F8;
		color:#333;
		}

	.comparison-area td.browser-way {
		background:#F2FFDD;
		color:#333;
		}