/* CSS Document */

/*============================== All ==============================*/

	*{font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro";}
	
	body {margin:0px; padding:0px; line-height:1;}
	
	body {
		font-size: 13px; /* モダンブラウザ向け */
		*font-size: small; /* IE 7向け */
		*font: x-small; /* IE 6以下 */
		}
		
	/* IE6.7 */
	body {/line-height:0.8;}
	/* IE6.7 */
	
	/* safari4 */
	body:first-of-type body { line-height:1.2; }
	/* safari4 */
			
	html {
		height:100%;
		padding-bottom:1px;
		}
			
	a {color:#333;}
	a:link, a:visited {text-decoration: none;}
	a:hover, a:active {text-decoration: underline;}
	
	img {border: 0px;}

/*============================== 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 */
	
	/*--- change-design ---*/
	.video-tab-box-elements,
	.video-tab-box-elements .tab-navigation li a,
	.game-tab-box-elements,
	.game-tab-box-elements .tab-navigation li a,
	.video-box-elements-325 h2.title,
	.game-box-elements-325 h2.title,
	.video-box-elements-660 h2.title,
	.game-box-elements-660 h2.title,
	.video-box-elements-300 h2.title,
	.game-box-elements-300 h2.title {
		background:url(/images/general_home/layout.jpg);
		}

/*====================================================================================================== wrapper */
		
	.wrapper {
		padding:0;
		margin:0 auto;		
		width:970px;
		}
	
/*====================================================================================================== header */
	
	.header-area {
		padding:0;
		margin-bottom:20px;
		width:970px;
		}
		
	.header-area h1,
	.header-area h1 img {
		padding:0;
		margin:0;
		width:970px;
		display:block;
		}
		
/*====================================================================================================== body */

	.container {
		padding:0;
		margin:0;		
		width:970px;
		}

	/*---------- left ----------*/

	.left-container {
		padding:0;
		margin:0;		
		width:660px;
		float:left;
		}

	/*---------- right ----------*/

	.right-container {
		padding:0;
		margin:0;		
		width:300px;
		float:right;
		}
		
/*---------------------------------------------------------------------------------------------------------------------*/
/*===================================================================================================== left-container */
/*---------------------------------------------------------------------------------------------------------------------*/

	/*=================================================================================================== tab-box-elements */

	.video-tab-box-elements {
		padding:0;
		border:0;
		margin-bottom:15px;
		width:658px;
		height:300px;
		background-position:0px -330px;
		border:1px solid #9DB1CC;
		display:block;
		}
		
	.game-tab-box-elements {
		padding:0;
		border:0;
		margin-bottom:15px;
		width:658px;
		height:300px;
		background-position:0px 0px;
		border:1px solid #C1D515;
		display:block;
		}
		
	/*---------- tab ----------*/
	
	.video-tab-box-elements .tab-navigation,
	.game-tab-box-elements .tab-navigation {
		width:658px;
		height:24px;
		padding:0;
		margin:0;
		}

	.video-tab-box-elements .tab-navigation ul,
	.game-tab-box-elements .tab-navigation ul {
		list-style:none;
		padding:0;
		margin:0;
		}

	.video-tab-box-elements .tab-navigation li,
	.game-tab-box-elements .tab-navigation li {
		display:block;
		float:left;
		}
		
	.video-tab-box-elements .tab-navigation li a {
		display:block;
		background-position:0px -630px;
		height:24px;
		line-height:1.8;
		overflow:hidden;
		text-align:center;
		font-weight:bold;
		}
		
	.game-tab-box-elements .tab-navigation li a {
		display:block;
		background-position:0px -300px;
		height:24px;
		line-height:1.8;
		overflow:hidden;
		text-align:center;
		font-weight:bold;
		}
		
	.video-tab-box-elements .tab-navigation li.left {
		border-right:1px solid #9DB1CC;
		border-bottom:1px solid #9DB1CC;
		width:164px;
		}
		
	.game-tab-box-elements .tab-navigation li.left {
		border-right:1px solid #C1D515;
		border-bottom:1px solid #C1D515;
		width:328px;
		}
		
	.video-tab-box-elements .tab-navigation li.middle {
		border-right:1px solid #9DB1CC;
		border-bottom:1px solid #9DB1CC;
		width:163px;
		}
		
	.video-tab-box-elements .tab-navigation li.right {
		border-bottom:1px solid #9DB1CC;
		width:165px;
		}
		
	.game-tab-box-elements .tab-navigation li.right {
		border-bottom:1px solid #C1D515;
		width:329px;
		}
		
	.video-tab-box-elements .tab-navigation li.select,
	.game-tab-box-elements .tab-navigation li.select {
		border-bottom:none;
		}
		
	.video-tab-box-elements .tab-navigation li.select a,
	.game-tab-box-elements .tab-navigation li.select a {
		background:none;
		cursor:default;
		}
		
	.video-tab-box-elements .tab-navigation li a:hover,
	.game-tab-box-elements .tab-navigation li a:hover {
		text-decoration:none;
		}
		
	/*=================================================================================================== video,channel,game thumbnail */

	/*---------- thumbnail ----------*/
	
	.video-thumbnail,
	.channel-thumbnail,
	.game-thumbnail {
		position:relative;
		}
	
	.video-thumbnail a,
	.channel-thumbnail a, 
	.game-thumbnail a {
		padding:1px;
		border:1px solid #DDD;
		display:block;
		}
		
	.video-thumbnail a,
	.channel-thumbnail a {
		border:1px solid #9DB1CC;
		}
		
	.game-thumbnail a {
		border:1px solid #C1D516;
		}
		
	.video-thumbnail a:hover img,
	.channel-thumbnail a:hover img,
	.game-thumbnail a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		}
		
	.wide-thumbnail-120 .video-thumbnail a:hover,
	.wide-thumbnail-120 .channel-thumbnail a:hover,
	.wide-thumbnail-120 .game-thumbnail a:hover {
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		}

	.video-thumbnail img.favi,
	.channel-thumbnail img.favi {
		border:1px solid #FFF;
		background:#FFF;
		display:block;
		position:absolute;
		top:2px;
		left:2px;
		}
		
	.channel-thumbnail img.favi {
		border:1px solid #999;
		background:#999;
		}
	
	/* IE6 nbN */
	.video-thumbnail img.favi {
		_width:16px;
		_height:16px;
		}39/
		
	.channel-thumbnail img.favi {
		_width:20px;
		_height:16px;
		}
	/* IE6 nbN */
		
		
	.video-thumbnail span.time,
	.channel-thumbnail span.time {
		padding:1px 2px 1px 1px;
		display:block;
		position:absolute;
		bottom:2px;
		right:2px;
		font-size:77%;
		background:#000;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		}
		
	.channel-thumbnail span.time {
		color:#FFF;
		}
		
	.video-thumbnail.size60,
	.channel-thumbnail.size60,
	.game-thumbnail.size60 {
		width:64px;
		height:49px;
		}

	.video-thumbnail.size60 img.thumbnail,
	.channel-thumbnail.size60 img.thumbnail,
	.game-thumbnail.size60 img.thumbnail {
		width:60px;
		height:45px;
		}
		
	.video-thumbnail.size70,
	.channel-thumbnail.size70,
	.game-thumbnail.size70 {
		width:74px;
		height:56px;
		}

	.video-thumbnail.size70 img.thumbnail,
	.channel-thumbnail.size70 img.thumbnail,
	.game-thumbnail.size70 img.thumbnail {
		width:70px;
		height:52px;
		}
		
	.video-thumbnail.size90,
	.channel-thumbnail.size90,
	.game-thumbnail.size90 {
		width:94px;
		height:71px;
		}

	.video-thumbnail.size90 img.thumbnail,
	.channel-thumbnail.size90 img.thumbnail,
	.game-thumbnail.size90 img.thumbnail {
		width:90px;
		height:67px;
		}	
		
	.video-thumbnail.size110,
	.channel-thumbnail.size110,
	.game-thumbnail.size110 {
		width:114px;
		height:86px;
		}

	.video-thumbnail.size110 img.thumbnail,
	.channel-thumbnail.size110 img.thumbnail,
	.game-thumbnail.size110 img.thumbnail {
		width:110px;
		height:82px;
		}	

	/*=================================================================================================== contents */

	.video-tab-contents,
	.game-tab-contents {
		width:620px;
		padding:19px 0px 19px 19px;
		_padding:10px 0px 10px 27px;
		margin:0;
		}
	
	.more {
		padding:0;
		margin:0;
		text-align:right;
		width:100%;
		clear:both;
		}
	
	.more a {
		padding:0;
		margin:0;
		font-weight:bold;
		}
		
	/*---------- result ----------*/

	.video-result.size110,
	.channel-result.size110,
	.game-result.size110 {
		width:114px;
		padding:0;
		margin:0px 5px 10px 5px;
		_margin:0px 3px 10px 0px;
		float:left;
		}
		
	.video-box-elements-325 .video-result,
	.game-box-elements-325 .game-result {
		width:150px;
		height:49px;
		overflow:hidden;
		padding:0;
		margin:0 0 10px 0;
		float:left;
		}
		
	.video-result.size110 a.title,
	.channel-result.size110 a.title,
	.game-result.size110 a.title {
		padding:0;
		margin:2px 0 0 0;
		_margin:0;
		display:block;
		color:#0044CC;
		line-height:1.4;
		width:114px;
		height:16px;
		overflow:hidden;
		text-align:center;
		font-weight:bold;
		font-size:93%;
		}
		
	.video-box-elements-325 .video-result a.title,
	.game-box-elements-325 .game-result a.title {
		padding:0;
		margin:5px 0 0 0;
		display:block;
		color:#0044CC;
		line-height:1.4;
		width:76px;
		height:32px;
		overflow:hidden;
		font-weight:bold;
		font-size:93%;
		float:right;
		}
		
	/*=================================================================================================== box-elements-325 */

	.video-box-elements-325,
	.game-box-elements-325 {
		padding:0;
		border:0;
		margin-bottom:15px;
		width:323px;
		border:1px solid #9DB1CC;
		display:block;
		float:left;
		}
		
	.game-box-elements-325 {
		border:1px solid #C1D515;
		float:right;
		}
		
	.video-box-elements-325 .contents,
	.game-box-elements-325 .contents {
		padding:10px 0px 10px 10px;
		width:313px;
		}
		
	.video-box-elements-325 h2.title,
	.game-box-elements-325 h2.title {
		padding:0 0 0 10px;
		border-bottom:1px solid #9DB1CC;
		margin:0;
		width:313px;
		height:24px;
		display:block;
		background-position:0px -630px;
		line-height:1.8;
		font-size:100%;
		overflow:hidden;
		font-weight:bold;
		}

	.game-box-elements-325 h2.title {
		border-bottom:1px solid #C1D515;
		background-position:0px -300px;
		}
		
	.video-box-elements-325 .video-thumbnail.size60,
	.game-box-elements-325 .game-thumbnail.size60 {
		width:64px;
		height:49px;
		float:left;
		margin-right:5px;
		}

	/*=================================================================================================== box-elements-970 */

	.video-box-elements-660,
	.game-box-elements-660 {
		padding:0;
		border:0;
		margin-bottom:15px;
		width:658px;
		border:1px solid #9DB1CC;
		display:block;
		}
		
	.game-box-elements-660 {
		border:1px solid #C1D515;
		}
		
	.video-box-elements-660 .contents,
	.game-box-elements-660 .contents {
		padding:10px 0px 0px 17px;
		_padding:10px 0px 0px 15px;
		width:624px;
		}
		
	.video-box-elements-660 h2.title,
	.game-box-elements-660 h2.title {
		padding:0 0 0 10px;
		border-bottom:1px solid #9DB1CC;
		margin:0;
		width:648px;
		height:24px;
		display:block;
		background-position:0px -630px;
		line-height:1.8;
		font-size:100%;
		overflow:hidden;
		font-weight:bold;
		}

	.game-box-elements-660 h2.title {
		border-bottom:1px solid #C1D515;
		background-position:0px -300px;
		}
		
	.video-box-elements-660 .video-thumbnail.size90,
	.game-box-elements-660 .game-thumbnail.size90 {
		float:left;
		margin:0 5px 10px 5px;
		_margin:0 4px 10px 5px;
		}

/*---------------------------------------------------------------------------------------------------------------------*/
/*==================================================================================================== right-container */
/*---------------------------------------------------------------------------------------------------------------------*/

	.right-container .banner {
		width:300px;
		padding:0;
		margin-bottom:15px;
		}

	/*=================================================================================================== box-elements-300 */

	.video-box-elements-300,
	.game-box-elements-300 {
		padding:0;
		border:0;
		margin-bottom:15px;
		width:298px;
		border:1px solid #9DB1CC;
		display:block;
		}
		
	.game-box-elements-300 {
		border:1px solid #C1D515;
		}
		
	.video-box-elements-300 .contents,
	.game-box-elements-300 .contents {
		padding:16px 0px 10px 16px;
		width:282px;
		}
		
	.video-box-elements-300 h2.title,
	.game-box-elements-300 h2.title {
		padding:0 0 0 10px;
		border-bottom:1px solid #9DB1CC;
		margin:0;
		width:288px;
		height:24px;
		display:block;
		background-position:0px -630px;
		line-height:1.8;
		font-size:100%;
		overflow:hidden;
		font-weight:bold;
		}

	.game-box-elements-300 h2.title {
		border-bottom:1px solid #C1D515;
		background-position:0px -300px;
		}
		
	.video-box-elements-300 .video-thumbnail.size70,
	.game-box-elements-300 .game-thumbnail.size70 {
		float:left;
		margin:0 7px 10px 7px;
		_margin:0 7px 10px 5px;
		height:56px;
		overflow:hidden;
		}