@charset "utf-8";
*{font-size:12px;line-height:140%;margin:0;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Osaka,sans-serif;}
#container{margin:0; padding:0; text-align:center; background:url(../images/bg_texture.gif) repeat;}

#header{/*position:absolute;top:0;left:0;*/ position:fixed; z-index:99999;width:100%;/*padding-top:32768px;margin-top:-32768px;*/background:#000;border-bottom:solid 1px #BBB;box-shadow:0px 0px 3px rgba(0,0,0,0.4);}
#header h1{display:block;width:100%;border-bottom:dotted 1px #999;background:#000;color:#CCC; font-weight:bold; font-size:12px; padding:3px 0; text-align:left; text-indent:15px;}

.spacer{height:375px; display:none;}

#playerTube{/*text-align:center;*/ width:100%;padding-top:10px;background:#222; position:relative;}
#player{ /*display:none;*/ position:absolute; width:640px; height:360px; left:50%; right:50%; top:-2000px;/*top:20px;*/ margin-left:-320px; border:solid 1px #999; visibility:hidden;}
#vOpen{padding:0 0 10px 0;/*padding:380px 0 10px 0;*/}
#vOpen a{background:#333;border:solid 1px #CCC;padding:2px 5px; color:#FFF;font-size:10px;}

.clear{clear:both;}
a{ font-size:12px; color:#0077CC; text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
p { margin:0; padding:0;}

ul{list-style:none; text-align:center;}
ul li{ display:inline;}
.nav {clear:both; padding-top:7px;padding-bottom:7px;background:#F4F4F4;}
.nav ul li a{
	margin:5px;text-align:center; padding:3px 5px; background:#09E; border:solid 1px #07C;color:#FFF; font-size:10px;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.nav ul li a:hover{
	background:#FFF; border:solid 1px #07C;color:#07C;text-decoration:none;
}


#vContents{/*padding-top:550px;*/padding-top:100px;}

.loadSep{ background:#F4F4F4; /*border-top:dotted 1px #CCC;*/ margin-top:10px; padding:3px 0;}

.youtube-videos , .ytb{
	width:90%;/*width:860px;*/ margin:0 10%; padding:0; text-align:center;
}


.video-item ,.video-item_f {
	float:left; text-align:left;
	margin:10px 10px;_margin:10px 0px 10px 5px; padding:10px 10px 5px 10px; border:solid 1px #dedede;
	width:230px; background:#FFF; /*height:122px; background:url(../images/bg_yt_item.jpg) left top no-repeat;*/
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
/*cursor:pointer;*/box-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.video-item:hover{
	background-position:-420px top;
}
.video-thumb {
	margin:0; padding:0;width:120px; text-align:center;/*float:left;*/
}
.video-thumb img{
	border:none; width:230px; height:173px;
}
.video-thumb span{
	display:block;padding-top:10px; width:100px;
}
a .btn_yt{ background:url(../images/btn_youtube.jpg) left top; width:100px; height:20px;}
a .btn_yt:hover{ background:url(../images/btn_youtube.jpg) left -20px; width:100px; height:20px;}

.video-info {
	width:220px;margin:0; padding:5px; /*float:right;*/
}
.video-info a{
	margin:0 0 10px 0; padding:5px 0 0 0;font-weight:bold;
	width:220px; display:block;
	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.video-desc {
	margin:0 0 10px 0; padding:10px;
	width:200px;display:block; line-height:160%;
	font-size:11px; background:#F2F6F8;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}
.video-info div {
	margin:0; padding:0;
}
.video-info span a{
	margin:0; padding:0;
}

#more{ width:100%; height:60px;text-align:center;background:url(../images/bg_yt_more.gif) left top repeat-x;}
#moreVideo a{ margin:0 auto;padding-top:23px; font-size:10px;display:block; width:320px; height:37px;background:url(../images/bg_yt_more_btn2.gif) left top no-repeat;}
#moreVideo a:hover{background-position:left -60px;}

.jump{text-align:right; width:860px; margin:0 auto;}
.jump a{ font-size:10px;}

#info{display:none;}

.loading{ }


#footer{background:#000; color:#ccc;/* padding:0 20px;*/}
#footer a{color:#FFF; text-decoration:underline;}
#footer .copy{padding:10px; font-size:12px;border-top:dotted 1px #999;}
#footer .info{display:block; padding:20px 40px;text-align:left;font-size:12px;line-height:160%; background:#222;}
#footer .social{ padding:30px 0 0 0; text-align:center;}
#footer .caption{font-size:11px;line-height:160%;border-top:dotted 1px #999;text-align:left;padding:10px 40px; background:#000;}
strong{font-weight:normal; font-size:100%;}

#ads02{background:#FFF;}
.nonDisp{/*display:none;*/}