@charset "utf-8";

/* --------------------
 animation
-------------------- */
#animation{
	margin-bottom:18px;
	width:100%;
	height:410px;
	background:url(../img/top/animation/bg_main.gif) no-repeat center bottom;
	-moz-background-size:320px 90px;
	-webkit-background-size:320px 90px;
	-o-background-size:320px 90px;
	-ms-background-size:320px 90px;	
	background-size:320px 90px;	
	position:relative;
	overflow:hidden;
}
#animation img{vertical-align:top;}
#btn-movie{
	margin:0 auto 24px auto;
	width:262px;
	height:47px;
}
#ani-text-2{
	margin-left:-141px;
	width:282px;
	position:absolute;
	top:0;
	left:50%;
	z-index:3;
}
#slide-box{
	width:100%;
	height:194px;
	position:absolute;
	top:94px;
	left:0;
	z-index:10;
}
#slide-box-i{
	width:100%;
	height:194px;
	position:relative;
}
#slide-box-ph{
	/*margin:0 0 0 -318px;*/
	padding:0;
	list-style:none;
	width:636px;
	height:194px;
	overflow:hidden;
	position:absolute;
	top:0;
	/*left:50%;*/
    left:0;
}
#slide-box-ph li{
	margin:0 9px;
	padding:0;
	width:194px;
	height:194px;
	float:left;
}
#slide-box-ph li img{
	width:194px !important;
	height:194px !important;
}
#slide-box-comment{
	margin-left:-86px;
	width:172px;
	height:46px;
	position:absolute;
	top:296px;
	left:50%;
	z-index:5;
}
#text-click{
	margin-left:-102px;
	width:204px;
	height:18px;
	position:absolute;
	top:272px;
	left:50%;
	z-index:7;
	text-align:right;
}

#overlay{
    display: none;
    width:100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
    background: rgba(0,0,0,0.7);
}
#overlay-i{
	margin-left:-160px;
    position: absolute;
    top: 0;
				left:50%;
	width:320px;
	background-color:#fff;
    z-index: 110;
}
#o-header{
	margin:0 auto;
	width:320px;
	height:32px;
	background-color:#f5f5f5;
	text-align:left;
	position:relative;
}
#o-im-nanda{
	width:164px;
	position:absolute;
	top:8px;
	right:8px;
	z-index:3;
	font-weight:normal;
	text-align:right;
}
#o-h-link{
	margin:0;
	padding:0;
	list-style:none;
	width:310px;
	height:64px;
	position:absolute;
	top:6px;
	left:6px;
	z-index:2;
}
#o-h-link li{
	margin:0;
	padding:0;
}
#o-h-link li#o-yoshida-g{
	margin:0;
	width:124px;
	height:22px;
	position:absolute;
	left:0;
	top:0;
}
#o-h-link li#o-yoshida-g a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:129px;
	height:22px;
	background:url(../img/com/header/logo_yoshida_g.jpg) no-repeat left top;
	-moz-background-size:129px 22px;
	-webkit-background-size:129px 22px;
	-o-background-size:129px 22px;
	-ms-background-size:129px 22px;	
	background-size:129px 22px;	
}

#o-contents{
	margin-left:-145px;
	width:290px;
	background-color:#fff;
	position:absolute;
	top:54px;
	left:50%;
}
#o-contents img{vertical-align:top;}

#o-contents-i{
	margin:0 auto;
	padding:24px 0;
	width:244px;
	text-align:left;
}
#school-movie{margin-bottom:14px;}
#school-text-1{
	color:#000;
}
#school-text-2{
	color:#000;
}
#school-title-1{
	margin-bottom:6px;
	color:#C02228;
	font-size:157%;
}
#school-text-3{
	margin-bottom:6px;
	line-height:2.0;
}
#school-btn, #school-btn-2, #school-btn-3{
	padding-top:20px;
}

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

#loader {
    position: absolute;
    top: 160px;
    width: 100%;
    height:33px;
    text-align: center;
    z-index: 999;
}