@charset "UTF-8";

body { font-size: 13px; *font-size: small; /* IE7+ */ *font: x-small; /* IE6- */ }
body { line-height:1.66; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
img{ border:0;}
table { border-collapse:collapse; border-spacing:0; font-size:100%; }

html {
	height: 100%;
}
body {
	text-align:center;
	background:#000039;
	width:100%;
	margin:0 auto;
	line-height:1.6;
	color:#FFF;
}

img{
	vertical-align: bottom;
}


#wrap {
	width:100%;
	margin: 0 auto;
	text-align: center;
}

a{ color:#D2B978;}
a:hover{ text-decoration:none;}

.gold{ color:#D2B978;}


.hide{
	display: none;
}


/*  コンテンツ
-----------------------------------------------------------*/
#contents {
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:left;
	position: relative;
}

p#gotop{
	margin-left: 400px;
	position: fixed;
	left: 50%;
	bottom: 25px;
}

.inner{
	margin: 0 auto;
	width: 980px;
	position: relative;
}

.header{
	width: 100%;
	height: 600px;
	background: url(../images/bg_main_1.jpg) no-repeat center top;
}

.btn_kyoraku{
	position: absolute;
	top: 5px;
	left: 0;
}

#content1{
	width: 100%;
	height: 611px;
	position: relative;
	background: url(../images/bg_main_2.jpg) no-repeat center top;
}
#content1 h3{
	margin: 32px auto 0 auto;
	width: 508px;
}

#content2{
	width: 100%;
	height: 627px;
	position: relative;
	background: url(../images/bg_main_3.jpg) no-repeat center top;
}
#content2 h3{
	margin: 0 auto;
	width: 508px;
}

.brightcove{
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 654px;
	height: 421px;
	background: url(../images/bg_movie.png) no-repeat center top;
	position: relative;
}

span.leftTop{
	display: block;
	position: absolute;
	top: -7px;
	left: -7px; 
}
span.rightTop{
	display: block;
	position: absolute;
	top: -7px;
	right: -7px; 
}
span.leftBottom{
	display: block;
	position: absolute;
	bottom: -10px;
	left:-7px; 
}
span.rightBottom{
	display: block;
	position: absolute;
	bottom: -10px;
	right: -7px; 
}

#content3{
	width: 100%;
	height: 467px;
	background: url(../images/bg_main_4.jpg) no-repeat center top;
	text-align: center;
}
#content3 h3{
	margin: 0 auto;
	width: auto;
}
#content3 p.text{
	margin: 0 auto 5px auto;
	width: auto;
}
#content3 p.image{
	margin: 0 auto;
	width: auto;
}

#content4{
	width: 100%;
	height: 440px;
	position: relative;
	background: url(../images/bg_main_5.jpg) no-repeat center top;
}

#content4 h3{
	position: absolute;
	top: 10px;
	left: 500px;
}
#content4 p.text{
	position: absolute;
	top: 113px;
	left: 500px;
}
#content4 p.image{
	position: absolute;
	top: 0;
	left: 45px;
}
#content5{
	width: 100%;
	height: 696px;
	position: relative;
	background: url(../images/bg_main_6.jpg) no-repeat center top;
}
#content5 h3{
	position: absolute;
	top: 40px;
	left: 40px;
}

#content5 p.text{
	position: absolute;
	top: 205px;
	left: 43px;
}
#content5 p.image{
	position: absolute;
	top: 0;
	left: 45px;
}

#content6{
	width: 100%;
	height: 699px;
	position: relative;
	background: url(../images/bg_main_7.jpg) no-repeat center top;
	text-align: center;
}

#content6 p.text{
	margin: 0 auto 10px auto;
	width: auto;
}

#content6 p.image{
	margin: 0 auto 10px auto;
	width: auto;
}

#content6 p.copyright{
	font-size: 80%;
}