@charset "utf-8";

/* --------------------
 animation
-------------------- */
/*body{
    background:none !important;
}
#bgPhoto {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 130px;
    *//*background: url(../img/com/bg.jpg) no-repeat center top;;*//*
}*/
#animation{
	margin-bottom:18px;
    width:100%;
	height:560px;
	background:url(../img/top/animation/bg_main.gif) no-repeat center bottom;
	position:relative;
	/*overflow:hidden;*/
    overflow: visible;
}
#animation img{vertical-align:top;}
#ani-text-1{
	margin-left:-370px;
	width:740px;
	position:absolute;
	top:184px;
	left:50%;
	z-index:2;
}
#ani-bg{
	margin-left:-305px;
	width:610px;
	height:118px;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:1;
}
#ani-text-2{
	margin-left:-370px;
	width:740px;
	position:absolute;
	top:0;
	left:50%;
	z-index:3;
}
#slide-box{
	width:100%;
	height:378px;
	position:absolute;
	top:148px;
	left:0;
	z-index:10;
    overflow: hidden;
}
#slide-box-i{
	width:100%;
	height:286px;
	position:relative;
}
#slide-box-ph{
	/*margin:0 0 0 -777px;*/
    margin:0;
	padding:0;
	list-style:none;
	/*width:1564px;*///jsで自動生成
    width: auto;
	height:286px;
	overflow:hidden;
	position:absolute;
	top:0;
	/*left:50%;*/
    left: 0;
}
#slide-box-ph li{
	margin:0 12px;
	padding:0;
	width:286px;
	height:286px;
	float:left;
	display:inline;
}
#slide-box-comment{
	margin-left:-189px;
	width:378px;
	height:64px;
	position:absolute;
	top:440px;
	left:50%;
	z-index:5;
}
#text-click{
	margin-left:-143px;
	width:286px;
	height:18px;
	position:absolute;
	top:418px;
	left:50%;
	z-index:7;
	text-align:right;
}
#btn-movie{
	margin-left:-480px;
	width:960px;
	height:94px;
	position:absolute;
	top:430px;
	left:50%;
	z-index:20;
	text-align:right;
}

#overlay{
    display: none;
    width:100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
	background:url(../img/com/obg.png) repeat left top;
}
#o-contents{
	margin-top:-225px;
	margin-left:-463px;
	width:926px;
	height:450px;
	background-color:#fff;
	position:absolute;
	top:50%;
	left:50%;
}
#o-contents img{vertical-align:top;}

#o-contents-i{
	margin:0 auto;
	padding:12px 0;
	width:886px;
	text-align:left;
}
#o-contents-l{
	width:540px;
	float:left;
}
#o-contents-r{
	width:320px;
	float:right;
}
#school-movie{
    margin-bottom:14px;
    background-color: #000;
}
#school-text-1{
	font-size:129%;
	font-weight:bold;
}
#school-text-2{
	margin-bottom:8px;
}
#school-title-1{
	margin-bottom:6px;
	color:#C1272D;
	font-size:157%;
	font-weight:bold;
}
#school-text-3{
	line-height:2.0;
}

#o-close{
	width:52px;
	height:48px;
	position:absolute;
	top:-26px;
	right:-26px;
	z-index:200;
}

#loader {
    position: relative;
    top: 240px;
}