/* CSS Document */
/* ART-SCHOOL 公式サイト */

/*------------------------------------------
		common css
-------------------------------------------*/

*{ margin: 0; padding: 0; border: 0; font-size: 100%; line-height:1.4; font-weight: normal; font-style: normal; text-decoration: none; list-style:none;}
html { height:100%; overflow-x:hidden; overflow-y:auto;}
body { padding:0;margin:0; height:100%; font-family:"小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#fff; background-color:#000; font-size:12px;}

#wrap { margin:0px; padding:0px; width:100%; height:100%; background-color:#000;}


/*-------------------------------------------
					TOP page
--------------------------------------------*/

#bg_img_box { z-index:-50; width:100%; height:100%; overflow:hidden;}
.bgmaximage{ position:fixed !important; display:none;}

#content-wrapper{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:50;}

#content-wrapper #content { width:700px; height:700px;position: absolute; top:47%; left:50%; margin:-273px 0px 0px -340px;}
#content-wrapper #content h1 a { display:block; width:700px; height:62px; background:url(../../img/special_logo.png) no-repeat center; text-indent:-9999px; text-decoration:none;}

#content-wrapper #content #cont_box { background:url(../../img/special_youtube_back.png) no-repeat; height:385px; padding:20px 0px 0px 25px; margin-top:-20px;}
#content-wrapper #content #banner_list { margin:-10px auto 0 auto;}
#content-wrapper #content #banner_list li { float:left;}
#content-wrapper #content #banner_list li#enter a{display:block; text-indent:-9999px; background:url(../../img/btn_special_enter_off.png) no-repeat; width:143px; height:58px;}
*#content-wrapper #content #banner_list li#enter a{ margin-left:20px;}
*:#content-wrapper #content #banner_list li#enter a{ margin-left:20px;}

#content-wrapper #content #banner_list li#enter a:hover { background:url(../../img/btn_special_enter_on.png) no-repeat; }
#content-wrapper #content #banner_list li#tour a{display:block; text-indent:-9999px; background:url(../../img/btn_special_tour_off.png) no-repeat; width:271px; height:58px;}
#content-wrapper #content #banner_list li#tour a:hover { background:url(../../img/btn_special_tour_on.png) no-repeat; }
#content-wrapper #content #banner_list li#facebook a{display:block; text-indent:-9999px; background:url(../../img/btn_special_facebook_off.png) no-repeat; width:120px; height:58px;}
#content-wrapper #content #banner_list li#facebook a:hover { background:url(../../img/btn_special_facebook_on.png) no-repeat; }
#content-wrapper #content #banner_list li#twitter a{display:block; text-indent:-9999px; background:url(../../img/btn_special_twitter_off.png) no-repeat; width:125px; height:58px;}
#content-wrapper #content #banner_list li#twitter a:hover { background:url(../../img/btn_special_twitter_on.png) no-repeat; }