@charset "utf-8";

/* ------------------------------------------------------
reset
------------------------------------------------------ */
body,h1,h2,h3,h4,h5,h6,p,div,table,td,dl,dt,dd,ul,li,ol,form,input,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
li,ol{list-style:none outside;}
address,th,caption{font-weight:normal;font-style:normal;}
img{border:none; outline:none;vertical-align:top;}

table{border-collapse:collapse;border-spacing:0;line-height:inherit;}
table th,table td{line-height:inherit;}

a{ outline:none;}
a:link,a:visited {color:#666666;}
a:hover {text-decoration:none;}
a:hover img{opacity:0.75;filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";-moz-opacity:0.75;-khtml-opacity: 0.75;}


/* ------------------------------------------------------
body/general
------------------------------------------------------ */
html{}
body {
font-size:12px;font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, san-serif;
color:#000;line-height:1;word-wrap: break-word;-webkit-text-size-adjust: none;
}

/* ------------------------------------------------------
 Academy main
------------------------------------------------------ */
#modalWindow{ width:720px; padding-bottom:90px; position:relative;margin:0 auto; background-color:#FFF;}
#modalCont{ background-color:#FFF;}

#modalMovie{ text-align: center;width:640px; margin:0 auto; min-height:360px; background-color:#f0f0f0;}
	#modalMovie iframe{ margin:0 auto; padding:0; line-height:1; font-size:0;}

#modalFooter{ width:100%; height:90px; position: fixed; left:0; bottom:0; background-color:#F0F0F0;}

	/* Social Button
	------------------------------------------------------ */
	#socialBtnModal{height:40px; position:absolute; left:244px;top:26px;}
	#socialBtnModal ul {width: 223px;height: 40px;list-style: none;position: relative;}
	#socialBtnModal ul li {top: 0px;	position: absolute;}
	
	#socialBtnModal ul li .iconSns { text-align: left;}
	#socialBtnModal ul li .iconSns a { display: block;width: 40px;height: 40px;background: url(http://mb-live.jp/academy/history/share/img/social/icon_sns_modal.png) no-repeat;font-size: 0px;text-indent: -9999px;line-height: 0;}
	
	#socialBtnModal ul .snsF {left: 0px;}
	#socialBtnModal ul .snsG {left: 61px;}
	#socialBtnModal ul .snsT {left: 122px;}
	#socialBtnModal ul .snsM {left: 183px;}
	
	#socialBtnModal ul .snsF .iconSns a {background-position: 0px 0px;}
	#socialBtnModal ul .snsF .iconSns a:hover {background-position: 0px -40px;}
	
	#socialBtnModal ul .snsG .iconSns a {background-position: -61px 0px;}
	#socialBtnModal ul .snsG .iconSns a:hover {background-position: -61px -40px;}
	
	#socialBtnModal ul .snsT .iconSns a {background-position: -122px 0px;}
	#socialBtnModal ul .snsT .iconSns a:hover {background-position: -122px -40px;}
	
	#socialBtnModal ul .snsM .iconSns a {background-position: -183px 0px;}
	#socialBtnModal ul .snsM .iconSns a:hover {background-position: -183px -40px;}
	
	#socialBtnModal ul li .popSns {
		height: 46px; width:210px;text-align: center;
		margin: -75px 0px 0px -85px;	padding: 0px 10px;
		background: url(../../img/social/bg_sns_f.png) no-repeat;
		/*display: none;*/
		margin-left:-9999px;
	}
	#socialBtnModal ul .snsF .popSns {}
	#socialBtnModal ul li .popSnsIn {	margin: 0px auto;	width: 103px;	padding-top: 9px;text-align: center;display: block;}