@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://necolas.github.com/normalize.css/normalize.css);

/* default */
/*h1,h2,h3,h4,h5{font-size:100%;font-weight:normal;margin:0;padding:0;}*/
p,blockquote,q,pre,address,hr,code,samp,table,fieldset,menu{padding:1em 0;margin:0;line-height:1.5;letter-spacing:0.1em;}
html{font-size:100%;}
body{font-size:77%;font-family:'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif; _font-family:"ＭＳ Ｐゴシック";letter-spacing:0.1em;}

a 			{text-decoration:none;color:#666;cursor:pointer;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
a:link		{text-decoration:underline;}
a:visited		{text-decoration:none;}
a:hover		{text-decoration:none;color:#999;}
a:active		{text-decoration:none;}

.entry{font-size:12px;text-align:left;padding:0 50px;font-family:Helvetica,Arial,sans-serif;}

.cf:before, .cf:after { content:"";display:table;}
.cf:after { clear: both; }
.cf{ zoom: 1; }


/**  **/

html,body{padding:0;margin:0;}
html{overflow:hidden;overflow-y:scroll;}
body{text-align:center;color:#000;background:#eee repeat top center;}
#allbox{position:absolute;width:100%;}
#all{width:620px;margin:auto;background:#fff;text-align:left; filter: alpha(opacity=97);-moz-opacity:.97;opacity:.97;}
#all section{padding:20px;}
#all h1,#all h2{font-family:Oswald;margin:60px 0 20px;font-size:32px;letter-spacing:normal;}
	#all h2{background:#000;padding:1px 10px;color:#fff;text-align:center;}
#all h2 span{font-size:10px;font-family:'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif; _font-family:"ＭＳ Ｐゴシック";}

#bt{text-align:left;height:1px;width:620px;margin:0 0 0 -310px;font-family:Oswald;font-size:85%;position:fixed;top:0px;left:50%;;right:50%;}
#bt span{display:inline-block;background:#fff;margin:1px 0 0 620px;padding:5px;cursor:pointer;color:000;}
	#bt span#o{display:block;background:#fff;margin:0px;padding:8px;cursor:pointer;color:000;text-align:center;font-size:23px;filter: alpha(opacity=90);-moz-opacity:.90;opacity:.90;}
	#bt span#o:after{content:'▼';font-family:Arial, Helvetica, sans-serif;font-size:17px;color:#ffffff;display:block;position:absolute;bottom:-63px;left:300px;}
#bt a:link,
#bt a{display:inline-block;background:#fff;margin:1px 0 0 620px;padding:5px;cursor:pointer;width:225px;color:#000;text-decoration:none;}



/*--  --*/
.mb_YTVPlayer :focus { outline: 0; }
.mb_YTVPlayer { display: inline-block; -moz-box-shadow: #000 1px 1px 5px; -webkit-box-shadow: #000 1px 1px 5px; }

/*CONTROL BAR*/
.mb_YTVPBar { display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; -moz-box-sizing: padding-box; -webkit-box-sizing: border-box; text-align: left; z-index: 1000;color:#666; opacity:1; }
.mb_YTVPBar .buttonBar { background: transparent; position: relative; top: -30px; }
.mb_YTVPBar span { display: inline-block; position: relative; width: 30px; height: 25px; vertical-align: middle;font-size:12px;}
.mb_YTVPPlaypause, .mb_YTVPlayer .mb_YTVPPlaypause img { cursor: pointer; }
.mb_YTVPMuteUnmute { cursor: pointer; }

/*PROGRESS BAR*/
.mb_YTVPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; }
.mb_YTVPLoaded { height: 10px; width: 0; background: #444; left: 0; }
.mb_YTVTime { height: 5px; width: 0; background: #fff; bottom: 0; left: 0; -moz-box-shadow: #666666 1px 1px 3px; -webkit-box-shadow: #666666 1px 1px 3px;display:none;}

.movie { display: none; }
.dida { position: fixed; bottom: 0;color:white; padding: 10px; }
button {font-family:Oswald; display: block; background: transparent; border: none;cursor: pointer;padding:0;}
button.command { display: inline-block; }
button:hover, button.sel { opacity:0.4; }
.console,
.console button,
#eventListener,
.mb_YTVTime{font-family:Oswald;color:#fff;text-shadow: 0px 1px 3px #000;text-align:left;font-size:14px;}
.console{position:fixed;left:10px;top:10px;}
#eventListener{position:fixed;left:10px;bottom:46px;}