/* 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: underline;}
	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;}
	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,
	a.page-top,
	.text-area,
	.woopie,
	.gadget,
	.tv,
	.mobile,
	.main,
	.main .left a,
	.main .right a {
		background:url(../images/sprite.jpg) no-repeat;
		}

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

/*---------------------------------------*/
/*--------------- header --------------*/
/*---------------------------------------*/
	.header {
		width:939px;
		_width:949px;
		height:220px;
		margin:0;
		padding:4px 7px 0 24px;
		_padding:4px 7px 0 14px;
		display:block;
		background-position:0 -1240px;
		}

		
	h1  {
		width:310px;
		display:block;
		margin:0;
		padding:56px 10px 0 10px;
		line-height:100%;
		font-size:100%;
		float:left;
		}
		
	h1 a {
		width:310px;
		height:35px;
		display:block;
		padding:0;
		margin:0;
		background-position:0 0;
		text-indent:-999999px;
		overflow:hidden;
		line-height:100%;
		}	
		
	h3 {
		display:block;
		}	

	.site-way {
		width:910px;
		display:block;
		line-height:190%;
		color:#333;
		float:left;
		margin:5px 0 0 10px;
		_margin:5px 0 0 6px;
		font-family:"Osaka","ＭＳ Ｐゴシック";
		clear:both;
		}

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

/*---------------------------------------*/
/*--------------- main --------------*/
/*---------------------------------------*/
	.main {
		width:918px;
		height:523px;
		margin:15px auto 0 auto;
		display:block;
		padding:0;
		background-position:-230px -100px;
		border: solid 1px #333;
		}
		
	.main .left a {
		width:458px;
		height:360px;
		margin:158px auto 0 auto;
		display:block;
		padding:0;
		float:left;
		background-position:-230px -259px;
		text-indent:-999999px;
		overflow:hidden;
		}
		
	.main .right a {
		width:458px;
		height:360px;
		margin:158px auto 0 auto;
		display:block;
		padding:0;
		float:left;
		background-position:-688px -259px;
		text-indent:-999999px;
		overflow:hidden;
		}
		
	.main .left a:hover {
		background-position:-230px -660px;
		}
		
	.main .right a:hover {
		background-position:-688px -660px;
		}
		
/*---------------------------------------*/
/*--------------- banner --------------*/
/*---------------------------------------*/
	.banner-area {
		display:block;
		clear:both;
		width:917px;
		height:150px;
		margin:15px auto 15px auto;
		_margin:15px auto 5px auto;
		}
		
	.banner-area span {
		display:block;
		float:left;
		width:215px;
		height:150px;
		}
		
	.banner-area span a {
		display:block;
		width:215px;
		height:150px;
		overflow:hidden;
		text-indent:-999999px;
		color:#FFF;
		}
		
	.woopie {
		background-position:0 -100px;
		margin-right:19px;
		}
		
	.gadget {
		background-position:0 -250px;
		margin-right:19px;
		}
		
	.tv {
		background-position:0 -400px;
		margin-right:19px;
		}
		
	.mobile {
		background-position:0 -550px;
		margin:0;
		}
		
/*---------------------------------------*/
/*--------------- footer --------------*/
/*---------------------------------------*/
	.page-top-box {
		clear:both;
		width:917px;
		height:30px;
		margin:0 auto 0 auto;
		}
		
	a.page-top {
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		display:block;
		background-position:0px -50px;
		text-indent:-999999px;
		overflow:hidden;
		}
	
	.footer {
		display:block;
		clear:both;
		width:935px;
		padding:5px 0 20px 0;
		margin:0;
		text-align:center;
		font-size:93%;
		}
		
	.footer p {
		line-height:180%;
		text-decoration:none;
		}
	
	.footer a,
	.footer a:hover {
		text-decoration:none;
		}
/*---------------------------------------*/
/*--------------- other --------------*/
/*---------------------------------------*/
	.text-area {
		display:block;
		width:430px;
		padding:10px;
		background-position:0 -1040px;
		height:130px;
		margin-bottom:15px;
		}
		
	.text-area p {
		display:block;
		padding:3px 0 0 25px;
		margin:0;
		width:400px;
		font-size:85%;
		line-height:140%;
		overflow:hidden;
		}

	.woopie-family {
		display:block;
		height:34px;
		width:605px;
		_width:615px;
		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;
		}
		
	.gate a,
	.browser a,
	.desktop a,
	.software a,
	a.select {
		background:url(../images/woopie_family.jpg) no-repeat;
		}
		
	.software a {
		background-position:-110px 0;
		}
		
	.browser a {
		background-position:0 -40px;
		}
		
	.desktop a {
		background-position:0 -80px;
		}
		
	.gate 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;
		}
		
	.gate a:hover,
	.woopie a.select {
		background-position:-110px -120px;
		}