@charset "utf-8";
body {margin:0px; padding:0; background-color:#FFF; color:#444; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif; font-size:14px;}
* html body {/* for IE6 */font-family:"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif; font-size:88%;}
*:first-child+html body {/* for IE7 */font-family:"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif; font-size:88%; cursor:default;}

img{border:0;}
p{margin:0; line-height:1.4em;}
ul, li {margin:0; padding:0; list-style:none;}
h1{margin:3px 0px; padding:0; text-align:left; font-size: 1.2em; line-height:1em; _margin:0px; }
h1 img{vertical-align:middle; margin:0}
h1 span {color:#f9f746; font-size: 0.8em;}
a {outline: none;}
a:link, a:visited, a:active { color:#000; text-decoration:none;}
a:hover, a:focus { text-decoration: underline; color:#cc3399;}
#container{
	width:264px;
	border: #999 solid 1px;
	#height:850px;
	_width:264px;
	}
	
#whatsnew{
	width:264px;
	_padding-top:2px;
	
}

#List{
	width:100%;
	}
.thumb {clear:both;}
.thumb img{width:60px; height:80px;}
.thumb a:link, .thumb a:visited{width:60px; height:80px; float:left; margin:3px 5px 3px 3px; padding:2px; border:1px solid #444;}
.thumb a:hover, .thumb a:active{width:60px; height:80px; float:left; margin:3px 5px 3px 3px; padding:2px; border:1px solid #cc3399;}

.comm{
	font-size:0.8em;
	color:#444;
	width:65%; 
	float:left;
	line-height:1.7em; 
	height:4em;
	margin-left:10px;
	#height:5em;
	padding:8px 0px;
	#padding:0;
	#margin-top:-15px;
	_margin-left:10px;
	padding-bottom:40px;
	_padding-bottom:10px;
	border-bottom: 1px dotted #ACACAC;
}
body:first-of-type body{
	font-size:0.7em;
	}
	
.comm img{
	float:right;
	_padding:0px;
	margin-top:-20px;
	#margin-top:-15px;
	_margin-top:-15px;
}

html>/**/body .comm img{
	margin-top/*\**/:0px\9;
	}
body:first-of-type .comm img{
	margin-top:0px;
	}
	
/*.by{
	color: #FFF; 
	padding:0px;
	border-bottom: 1px dotted #ACACAC; 
	text-align:right;
	_margin-top:0px;
	_padding:0px;
	}*/


/*carib*/
#carib{ 
	width:258px; 
	height:85px;
	#height:89px;
	border:#666 solid 1px;
	float:left;
	margin:3px;
	#margin:0px;
	_margin:0px;
}
.carib_thumb {clear:both;}
.carib_thumb img{width:89px; height:73px;}
.carib_thumb a:link, .carib_thumb a:visited{
	width:89px;
	height:73px;
	float:left;
	margin:3px;
	padding:2px;
	border:1px solid #444;
	}
	
.carib_thumb a:hover, .carib_thumb a:active{
	border:1px solid #cc3399;
	}

.carib_comm{
	font-size:0.8em;
	color:#444; 
	padding:2px; 
	height:4em;
	_height:4em;
	overflow:hidden; 
	width:58%; 
	float:left;
	line-height:1.5em; 
	#margin-top:-10px;
	#width:54%;
	#float:right;
	margin-left:2px;
	#margin-right:5px;
	_margin-right:3px;
	}


.carib_by{
	color:#444;
	padding:0px;
	text-align:right;
	#margin-top:-20px;
	#margin-right:5px;
	_margin-top:0px;
    _margin-right:5px;
	}

/*docodemo*/
#docodemo{
	width:100%;/*all browsers*/
	#width:264px;
	padding:0;
	margin:0;
	#margin-top:5px;
	_color:#000;
	}
	
#tgp{
	#width:262px;
	#border:#444 solid 1px;
	background:url(https://pixelarchivenow.com/sam/table/urawindow/img/tgp_bg.jpg);
	height:85px;
	_width:262px;
	_border:#444 solid 1px;
}
#tgp img{
	border:none;
	position: absolute;
	padding-left: 16em;
	padding-top: 5em;
	}
#tgp a{
  display: block;
}


/*
#bt{
	z-index:5;
	position:absolute;
	left:7px;
	#left:7px;
	_margin-left:0px;
	top:420px;
	#top:430px;
	_margin-top:62px;
	width:92px;
	height:76px;}
<div id="bt"><a href="https://clear-tv.com/Click800/870651-6-87065" target="_blank" rel="noopener"><img src="https://pixelarchivenow.com/sam/table/urawindow/img/play.png" width="92" height="76" alt="無料サンプル"></a></div>	
	
*/