/* CSS Document */

/*---------------------------------------*/
/*------------------ All ----------------*/
/*---------------------------------------*/
	body { margin:0px; padding:0px; behavior:url(/stylesheets/csshover.htc);}

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

/*---------------------------------------*/
/*--------------- FontSize --------------*/
/*---------------------------------------*/

	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:100%;  font-weight:bold;}
	h4 {padding: 0px; margin: 0px; line-height: 160%; font-size:100%;  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;}

/*---------------------------------------*/
/*--------------- 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 */
	
	
	.woopie-iframe {
		padding:0;
		margin:0;
		} 
	
	.woopie-iframe table {
		padding:0;
		margin:0;
		width:100%;
		} 
	
	.woopie-iframe table td {
		padding:0;
		margin:0;
		vertical-align:top;
		} 
	
/*------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------ sprite-iamge */
/*------------------------------------------------------------------------------------------------------------------- */
	.woopie-area .frame-left h1 a,
	.button-back-top a,
	.search input.search-input,
	.search input.search-button {
		background:url(/images/iframe.jpg);
		} 
	
/*------------------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------------------- iframe Woopie */
/*------------------------------------------------------------------------------------------------------------------- */
	.woopie-area {
		width:120px;
		background:#EBEBEB;
		border-right:1px solid #666;
		}
		
	.woopie-area .frame-left {
		width:120px;
		background:#EBEBEB;
		}
		
/*------------------ logo */
	.woopie-area .frame-left .logo-area {
		width:120px;
		text-align:center;
		padding:10px 0;
		border-bottom:1px solid #BBB;
		}
		
	.woopie-area .frame-left .logo-area h1 {
		display:block;
		padding:0px 0px 2px 10px;
		margin:0;
		line-height:100%;
		}

	.woopie-area .frame-left .logo-area h1 a {
		display:block;
		width:100px;
		height:20px;
		padding:0;
		margin:0;
		background-position:0px 0px;
		text-indent:-99999px;
		overflow:hidden;
		}
		
	.woopie-area .frame-left .logo-area h2 {
		display:block;
		padding:0;
		margin:0;
		line-height:100%;
		font-size:75%;
		}
		
	.woopie-area .frame-left .logo-area h2 a {
		font-weight:normal;
		text-decoration:none;
		color:#555555;
		display:block;
		font-family:"ＭＳ Ｐゴシック", "Osaka－等幅";
		}
		
	.woopie-area .frame-left .logo-area h1 a span {
		display:none;
		}

/*------------------ play-video */
	.woopie-area .frame-left .play-video {
		width:110px;
		border-bottom:1px solid #BBB;
		border-top:1px solid #F9F9F9;
		padding:10px 0px 10px 10px;
		background:#DDD;
		}
		
	.woopie-area .frame-left .play-video .video-results-area {
		padding:0;
		margin:0;
		width:100px;
		}

/*------------------ play-video キャプチャー */
	.woopie-area .frame-left .play-video .video-results-area .image-area {
		width:100px;
		padding:0;
		margin:0;
		position:relative;
		}
		
	.woopie-area .frame-left .play-video .video-results-area .image-area img {
		width:100px;
		height:75px;
		padding:0;
		margin:0;
		}

/*------------------- play-video テキスト部分 */	
	.woopie-area .frame-left .play-video .video-results-area .text-area {
		width:100px;
		padding:2px 0 0 0;
		overflow:hidden;
		}
			
	.woopie-area .frame-left .play-video .video-results-area .text-area a,
	.woopie-area .frame-left .play-video .video-results-area .text-area span {
		font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro","Meiryo","sans-serif";
		}
		
	.woopie-area .frame-left .play-video .video-results-area .text-area span.ttl {
		color:#333;
		line-height:140%;
		padding:0px;
		margin:0px;
		display:block;
		width:100px;
		font-size:81.25%;
		font-weight:bold;
		}
		
/*------------------- 検索 */	
	.search {
		width:115px;
		border-bottom:1px solid #BBB;
		border-top:1px solid #F9F9F9;
		padding:5px 0px 5px 5px;
		}
		
	.search form {
		padding:0;
		margin:0;
		}
		
	.search input.search-input {
		display:block;
		width:95px;
		margin-bottom:2px;
		padding:5px 5px 4px 5px;
		background-position:0px -80px;
		border:2px solid #CCC;
		}
		
	/* safari Win 3.0.4,Mac 3 */
	body:first-of-type  .search input.search-input {
		line-height:120%;
		}
	/* safari Win 3.0.4,Mac 3 */	
	
	/* IE7 nbN */
	*:first-child+html .search input.search-input {
		line-height:120%;
		padding:4px 5px 5px 5px;
		margin: -1px 0px 0px 0px;
		}
	/* IE7 nbN */
		
	/* IE6 nbN */
	.search input.search-input {
		_line-height:120%;
		_background-attachment: fixed;
		_margin: -1px 0px 0px 0px;
		_height:16px;
		padding:5px 5px 4px 5px;
		}
	/* IE6 nbN */
		
	.search input.search-input:hover {
		border:2px solid #D9FF00;
		}

	.search input.search-button {
		display:block;
		width:39px;
		height:32px;
		margin:0px auto;
		background-position:0px -110px;
		}
		
	.search input.search-button:hover {
		background-position:0px -150px;
		}

/*------------------- 検索結果へ戻るボタン */	
	.button-back-top {
		width:115px;
		border-bottom:1px solid #BBB;
		border-top:1px solid #F9F9F9;
		padding:5px 0px 5px 5px;
		}

	.button-back-top a {
		display:block;
		overflow:hidden;
		text-indent:-99999px;
		background-position:0px -20px;
		width:110px;
		height:30px;
		}

	.button-back-top a:hover {
		background-position:0px -50px;
		}

	.button-back-top a span {
		display:none;
		}

/*------------------- おすすめ動画 */
	.woopie-area .frame-left .recommend-video {
		width:120px;
		border-bottom:1px solid #BBB;
		border-top:1px solid #F9F9F9;
		padding:5px 0px;
		}	
		
	.woopie-area .frame-left .recommend-video h3 {
		width:120px;
		display:block;
		text-align:center;
		}
		
	.woopie-area .frame-left .recommend-video .video-results-area {
		width:110px;
		padding:5px 0 5px 5px;
		margin:0;
		}

/*------------------ right キャプチャー */
	.woopie-area .frame-left .recommend-video .video-results-area .image-area {
		width:84px;
		padding:0;
		margin-left:13px;
		position:relative;
		}
		
	.woopie-area .frame-left .recommend-video .video-results-area .image-area img {
		width:80px;
		height:60px;
		padding:0;
		margin:0;
		}
				
	.woopie-area .frame-left .recommend-video .video-results-area .image-area a.image-bg {
		width:80px;
		height:60px;
		display:block;
		border:2px #DDD solid;
		padding:0;
		margin:0;
		}
		
	.woopie-area .frame-left .recommend-video .video-results-area .image-area a.image-bg:hover {
		border:2px #D9FF00 solid;
		}

/*------------------- rightテキスト部分 */	
	.woopie-area .frame-left .recommend-video .video-results-area .text-area {
		width:100px;
		padding-top:2px;
		margin-left:5px;
		text-align:center;
		}
			
	.woopie-area .frame-left .recommend-video .video-results-area .text-area a,
	.woopie-area .frame-left .recommend-video .video-results-area .text-area span {
		font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro","Meiryo","sans-serif";
		}
		
	.woopie-area .frame-left .recommend-video .video-results-area .text-area a.ttl {
		color:#006B9F;
		line-height:140%;
		padding:0px;
		margin:0px;
		display:block;
		width:100px;
		height:16px;
		font-size:81.25%;
		font-weight:bold;
		overflow:hidden;
		}

	.woopie-area .frame-left .recommend-video .video-results-area .text-area a.ttl:hover {
		text-decoration: none;
		color:#00B9FF;
		}
		
/*------------------- Dedlink */	
	.recommend-video .video-results-area .dedlink {
		background:#000000;
		filter:alpha(opacity=65);
		-moz-opacity:0.7;
		opacity:0.7;
		position:absolute;
		font-size:75%;
		color:#FFF;
		font-family:"ＭＳ Ｐゴシック", Osaka;
		padding:5px;
		line-height:160%;
		z-index:200;
		top:0;
		left:0;
		}

	.recommend-video .video-results-area .dedlink {
		width:74px;
		height:54px;
		}