/* 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 a.seventh,
	ul.top-navigation li a.eighth,
	ul.top-navigation li a.ninth,
	.section-button a,
	.first-button 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:186px;
		margin:0;
		padding:38px 7px 0 24px;
		_padding:38px 7px 0 14px;
		display:block;
		background-position:0 -1040px;
		}
		
	h1  {
		width:180px;
		height:160px;
		display:block;
		padding:0;
		margin:3px 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:638px;
		height:30px;
		display:block;
		padding:0 0 0 0;
		margin:15px 0px 5px 10px;
		_margin:15px 0px 5px 0px;
		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:#3E9AC1;
		font-size:108%;
		display:block;
		}	

	.site-way {
		width:710px;
		display:block;
		line-height:160%;
		color:#FFF;
		float:left;
		margin:0 0 0 10px;
		_margin:0 0 0 0px;
		}

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

/*---------------------------------------*/
/*--------------- left --------------*/
/*---------------------------------------*/
	.left {
		width:200px;
		margin:0 0 30px 14px;
		_margin:0 0 30px 7px;
		display:block;
		float:left;
		}
		
	ul.navigation,
	ul.sub-navigation {
		background:url(../images/menu_bg.jpg) repeat-y 0 0;
		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:#FFF;
		text-decoration:none;
		font-size:116%;
		background:url(../images/menu_arrow.jpg) no-repeat 10px 11px;
		line-height:130%;
		}
		
	.navigation li a:hover {
		color:#CCC;
		background:url(../images/menu_arrow01.jpg) no-repeat 10px 11px;
		}
		
	.navigation li a.select {
		color:#CCC;
		background:url(../images/menu_arrow02.jpg) no-repeat 9px 11px;
		}

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

	.sub-navigation li.first {
		padding:0;
		margin:-12px 0 0px 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 0px 0px;
		margin:0 0 0 27px;
		overflow:hidden;
		color:#E2E2E2;
		text-decoration:none;
		font-size:93%;
		background:none;
		}
		
	.sub-navigation li a.sub-select {
		color:#BBB;
		}
		
	.sub-navigation li a.sub-select:hover {
		color:#BBB;
		}
		
	.sub-navigation li a:hover {
		color:#BBB;
		background:none;
		}

	h2.top-detail {
		width:700px;
		height:auto;
		display:block;
		margin:0 0 5px 0;
		padding:0 0 5px 5px;
		clear:both;
		background:none;
		color:#333;
		overflow:hidden;
		text-indent:0px;
		font-size:93%;
		font-weight:normal;
		line-height:180%;
		}
		
/*---------------------------------------*/
/*--------------- right --------------*/
/*---------------------------------------*/
	.right {
		width:700px;
		margin:0 14px 15px 0;
		_margin:0 5px 15px 0;
		display:block;
		float:right;
		}
		
	a.main-img-button {
		background-position:-520px -200px;
		display:block;
		width:670px;
		height:350px;
		margin:0 auto;
		padding:0;
		overflow:hidden;
		text-indent:-999999px;
		}
		
	a.main-img-button:hover {
		background-position:-520px -550px;
		}
			
	ul.top-navigation {
		background: url(../images/line.jpg) repeat-x 0 0 #FFF;
		width:700px;
		display:block;
		padding:15px 0 15px 0;
		_padding:10px 0 10px 0;
		margin:0;
		list-style:none;
		}

	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 a.sixth {
		background-position:0 -620px;
		margin-left:2px;
		}

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

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

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

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

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

	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;
		}		
		
	.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 10px 0;
		}	
		
	.section-button {
		clear:both;
		width:695px;
		margin:15px 0 15px 0;
		display:block;
		}	
		
	.section-button a {
		width:360px;
		height:53px;
		margin:0 0 0 335px;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		background-position:-330px -30px;
		}	
		
	.section-button a:hover,
	.first-button a:hover {
		background-position:-700px -30px;
		}		
		
	.first-button {
		width:700px;
		margin:5px 0 0 0;
		display:block;
		}	
		
	.first-button a {
		width:360px;
		height:53px;
		margin:0 0 0 340px;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		background-position:-330px -30px;
		}	
		
	.in-sub-navigation {
		width:679px;
		height:auto;
		font-size:93%;
		list-style:none;
		margin:10px 0 10px 6px;
		padding:11px 7px 7px 7px;
		display:block;
		border:solid 1px #CCC;
		background:#F6F6F6;
		}
		
	.in-sub-navigation li {
		width:auto;
		padding:0 15px 0 15px;
		float:left;
		display:block;
		height:18px;
		background:url(../images/in_sub_menu.jpg) 2px 0px no-repeat;
		}
		
	.in-sub-navigation li a {
		color:#3E9AC1;
		text-decoration:none;
		}
		
	.in-sub-navigation li a:hover {
		color:#CCC;
		}
		
/*---------------------------------------*/
/*--------------- 下層 page --------------*/
/*---------------------------------------*/	
/*--- play page ---*/
	.play .section01,
	.play .section02,
	.play .section03,
	.play .section04,
	.play .section05,
	.play .section06,
	.play .section07 {
		background:url(../images/sprite_play.jpg) no-repeat;
		}

	.play .section01 {
		background-position:0 0;
		height:362px;
		margin-bottom:15px;
		}	

	.play .section02 {
		background-position:0 -390px;
		height:384px;
		}	

	.play .section03 {
		background-position:0 -800px;
		height:298px;
		}	

	.play .section04 {
		background-position:0 -1130px;
		height:157px;
		}	

	.play .section05 {
		background-position:0 -1300px;
		height:157px;
		}	

	.play .section06 {
		background-position:0 -1470px;
		height:157px;
		}	

	.play .section07 {
		background-position:0 -1660px;
		height:170px;
		}	

/*--- serch page ---*/
	.search .section01,
	.search .section02,
	.search .section03,
	.search .section04,
	.search .section05,
	.search .section06,
	.search .section07,
	.search .section08 {
		background:url(../images/sprite_search.jpg) no-repeat;
		}

	.search .section01 {
		background-position:0 0;
		height:362px;
		margin-bottom:15px;
		}	

	.search .section02 {
		background-position:0 -390px;
		height:86px;
		}	

	.search .section03 {
		background-position:0 -490px;
		height:132px;
		}	

	.search .section04 {
		background-position:0 -630px;
		height:362px;
		}	

	.search .section05 {
		background-position:0 -1020px;
		height:189px;
		}	

	.search .section06 {
		background-position:0 -1210px;
		height:178px;
		}	

	.search .section07 {
		background-position:0 -1405px;
		height:362px;
		}	

	.search .section08 {
		background-position:0 -1770px;
		height:362px;
		}	
		
/*--- youtube page ---*/
	.youtube .section01,
	.youtube .section02,
	.youtube .section03,
	.youtube .section04,
	.youtube .section05,
	.youtube .section06,
	.youtube .section07,
	.youtube .section08 {
		background:url(../images/sprite_youtube.jpg) no-repeat;
		}

	.youtube .section01 {
		background-position:0 0;
		height:362px;
		margin-bottom:15px;
		}	

	.youtube .section02 {
		background-position:0 -2300px;
		height:128px;
		}	

	.youtube .section03 {
		background-position:0 -390px;
		height:362px;
		}	

	.youtube .section04 {
		background-position:0 -800px;
		height:362px;
		}	

	.youtube .section05 {
		background-position:0 -1190px;
		height:348px;
		}	

	.youtube .section06 {
		background-position:0 -1550px;
		height:272px;
		}	

	.youtube .section07 {
		background-position:0 -1840px;
		height:454px;
		}	

	.youtube .section08 {
		background-position:0 -2440px;
		height:150px;
		}		
		
/*--- nicovideo page ---*/
	.nicovideo .section01,
	.nicovideo .section02,
	.nicovideo .section03,
	.nicovideo .section04,
	.nicovideo .section05 {
		background:url(../images/sprite_nicovideo.jpg) no-repeat;
		}

	.nicovideo .section01 {
		background-position:0 0;
		height:362px;
		margin-bottom:15px;
		}	

	.nicovideo .section02 {
		background-position:0 -390px;
		height:148px;
		}	

	.nicovideo .section03 {
		background-position:0 -550px;
		height:349px;
		}	

	.nicovideo .section04 {
		background-position:0 -910px;
		height:273px;
		}	

	.nicovideo .section05 {
		background-position:0 -1190px;
		height:468px;
		}		
		
/*--- veoh page ---*/
	.veoh .section01,
	.veoh .section02,
	.veoh .section03,
	.veoh .section04,
	.veoh .section05,
	.veoh .section06 {
		background:url(../images/sprite_veoh.jpg) no-repeat;
		}

	.veoh .section01 {
		background-position:0 0;
		height:362px;
		margin-bottom:15px;
		}	

	.veoh .section02 {
		background-position:0 -400px;
		height:362px;
		}	

	.veoh .section03 {
		background-position:0 -790px;
		height:148px;
		}	

	.veoh .section04 {
		background-position:0 -950px;
		height:350px;
		}	

	.veoh .section05 {
		background-position:0 -1320px;
		height:273px;
		}	

	.veoh .section06 {
		background-position:0 -1610px;
		height:428px;
		}	
		
/*--- PSP page---*/
	.psp .section01,
	.psp .section02,
	.psp .section03,
	.psp .section04,
	.psp .section05 {
		background:url(../images/sprite_psp.jpg) no-repeat;
		}

	.psp .section01 {
		background-position:0 0;
		height:190px;
		margin-bottom:0px;
		}	

	.psp .section02 {
		background-position:0 -210px;
		height:384px;
		}	

	.psp .section03 {
		background-position:0 -600px;
		height:383px;
		}	

	.psp .section04 {
		background-position:0 -1000px;
		height:357px;
		}	

	.psp .section05 {
		background-position:0 -1380px;
		height:442px;
		}	
		
/*--- iPod page ---*/
	.ipod .section01,
	.ipod .section02,
	.ipod .section03,
	.ipod .section04,
	.ipod .section05  {
		background:url(../images/sprite_ipod.jpg) no-repeat;
		}

	.ipod .section01 {
		background-position:0 0;
		height:190px;
		margin-bottom:0px;
		}	

	.ipod .section02 {
		background-position:0 -210px;
		height:385px;
		}	

	.ipod .section03 {
		background-position:0 -600px;
		height:351px;
		}	

	.ipod .section04 {
		background-position:0 -1000px;
		height:373px;
		}	

	.ipod .section05 {
		background-position:0 -1400px;
		height:260px;
		margin-bottom:0px;
		}	
		
/*--- mobile page ---*/
	.mobile .section01,
	.mobile .section02,
	.mobile .section03,
	.mobile .section04  {
		background:url(../images/sprite_mobile.jpg) no-repeat;
		}

	.mobile .section01 {
		background-position:0 0;
		height:110px;
		}	

	.mobile .section02 {
		background-position:0 -130px;
		height:386px;
		}	

	.mobile .section03 {
		background-position:0 -520px;
		height:383px;
		}	

	.mobile .section04 {
		background-position:0 -920px;
		height:360px;
		}	
		
/*--- function page ---*/
	.function .section01,
	.function .section02,
	.function .section03,
	.function .section04,
	.function .section05,
	.function .section06,
	.function .section07,
	.function .section08,
	.function .section09,
	.function .section10 {
		background:url(../images/sprite_function.jpg) no-repeat;
		}

	.function .section01 {
		background-position:0 0;
		height:384px;
		}	

	.function .section02 {
		background-position:0 -400px;
		height:123px;
		}	

	.function .section03 {
		background-position:0 -540px;
		height:208px;
		}	

	.function .section04 {
		background-position:0 -760px;
		height:164px;
		}

	.function .section05 {
		background-position:0 -930px;
		height:164px;
		}

	.function .section06 {
		background-position:0 -1100px;
		height:208px;
		}

	.function .section07 {
		background-position:0 -1330px;
		height:208px;
		}

	.function .section08 {
		background-position:0 -1560px;
		height:357px;
		}

	.function .section09 {
		background-position:0 -1940px;
		height:478px;
		}

	.function .section10 {
		background-position:0 -2430px;
		height:557px;
		}	
		
/*--- customiz page ---*/
	.customiz .section01,
	.customiz .section02,
	.customiz .section03,
	.customiz .section04,
	.customiz .section05,
	.customiz .section06,
	.customiz .section07,
	.customiz .section08 {
		background:url(../images/sprite_customiz.jpg) no-repeat;
		}

	.customiz .section01 {
		background-position:0 0;
		height:371px;
		}	

	.customiz .section02 {
		background-position:0 -380px;
		height:384px;
		}	

	.customiz .section03 {
		background-position:0 -780px;
		height:279px;
		}	

	.customiz .section04 {
		background-position:0 -1080px;
		height:157px;
		}

	.customiz .section05 {
		background-position:0 -1240px;
		height:308px;
		}

	.customiz .section06 {
		background-position:0 -1560px;
		height:308px;
		}

	.customiz .section07 {
		background-position:0 -1880px;
		height:308px;
		}

	.customiz .section08 {
		background-position:0 -2200px;
		height:308px;
		}
		
/*--- PC page ---*/
	.pc .section01,
	.pc .section02,
	.pc .section03,
	.pc .section04,
	.pc .section05 {
		background:url(../images/sprite_pc.jpg) no-repeat;
		}

	.pc .section01 {
		background-position:0 0;
		height:200px;
		margin-bottom:0px;
		}	

	.pc .section02 {
		background-position:0 -210px;
		height:370px;
		}	

	.pc .section03 {
		background-position:0 -600px;
		height:530px;
		}	

	.pc .section04 {
		background-position:0 -1140px;
		height:495px;
		}

	.pc .section05 {
		background-position:0 -1660px;
		height:360px;
		}
		
/*--- Portal page ----*/
	.portal .section01,
	.portal .section02,
	.portal .section03,
	.portal .section04,
	.portal .section05  {
		background:url(../images/sprite_portal.jpg) no-repeat;
		}

	.portal .section01 {
		background-position:0 0;
		height:362px;
		}	

	.portal .section02 {
		background-position:0 -400px;
		height:362px;
		}	

	.portal .section03 {
		background-position:0 -790px;
		height:362px;
		}

	.portal .section04 {
		background-position:0 -1160px;
		height:216px;
		}

	.portal .section05 {
		background-position:0 -1400px;
		height:362px;
		}
		
/*--- Extension page ----*/
	.extension-title {
		height:20xp;
		margin:15px 0 5px 0;
		font-size:131%;
		display:block;
		color:#3E9AC1;
		font-weight:bold;
		}
		
	.help-title {
		height:20xp;
		margin:15px 0 5px 0;
		font-size:131%;
		display:block;
		color:#3E9AC1;
		font-weight:bold;
		}
		
	.help-subtitle {
		height:20xp;
		margin:15px 0 0px 10px;
		font-size:106%;
		display:block;
		color:#3E9AC1;
		font-weight:bold;
		}

	.help-list {
		height:auto;
		display:block;
		margin:0px 0 10px 10px;
		}

	.help-list a {
		text-decoration:underline;
		color:#3E9AC1;
		}

	.help-list a:hover {
		text-decoration:none;
		color:#3E9AC1;
		}

	.extension-list {
		height:auto;
		display:block;
		}
		
	.sub-pagetop-box {
		display:block;
		width:700px;
		height:42px;
		clear:both;
		}
			
	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;
		}
		
	.extension-play01,
	.extension-play02,
	.extension-play03,
	.extension-play04,
	.extension-play05,
	.extension-play06,
	.extension-play07 {
		background:url(../images/sprite_extension.jpg) no-repeat;
		display:block;
		width:695px;
		height:150px;
		}
	
	.extension-play01 {
		background-position:right 0;
		}
	
	.extension-play02 {
		background-position:right -150px;
		}
	
	.extension-play03 {
		background-position:right -300px;
		}
	
	.extension-play04 {
		background-position:right -450px;
		}
	
	.extension-play05 {
		background-position:right -600px;
		}
	
	.extension-play06 {
		background-position:right -750px;
		}
	
	.extension-play07 {
		background-position:right -900px;
		}
		
/*---------------------------------------*/
/*----------------- other ---------------*/
/*---------------------------------------*/
	.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;
		display:none;
		}

	.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: 0 -40px;
		}
		
	.desktop a {
		background-position: -110px -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;
		}