@charset "UTF-8";

.inner {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
}
.inner02 {
	margin:0 auto;
	width: 1100px;
	overflow: hidden;
}
.mainVisual {
	position: relative;
	overflow: hidden;
	height: 800px;
	background: url(../../img02/bg_header.jpg) 50% top no-repeat;
}
.mainVisual h1 {
	text-align: center;
	padding-top: 40px;
}
.mainVisual .headerTxt01 {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 908px;
	height: 180px;

}
.mainVisual .innerWrap {
	position: absolute;
	width: 1000px;
	bottom:50px;
	overflow: hidden;
}
.mainVisual .innerWrap .appBtnArea_pre {
	margin: 0 auto;
	width: 490px;
	height: 150px;
	background: url(../../img02/bg_appbtn.png) no-repeat;
}
.mainVisual .innerWrap .appBtnArea_pre ul {
	overflow: hidden;
	padding:80px 0 0 31px;
}
.mainVisual .innerWrap .appBtnArea_pre li {
	float: left;
	margin: 0 20px;
}

.mainVisual .innerWrap .appBtnArea {
	float: left;
	width: 490px;
	height: 150px;
	background: url(../../img02/bg_appbtn.png) no-repeat;
}
.mainVisual .innerWrap .appBtnArea ul {
	overflow: hidden;
	padding:80px 0 0 31px;
}
.mainVisual .innerWrap .appBtnArea li {
	float: left;
	margin: 0 20px;
}

.mainVisual .innerWrap .mediaArea {
	float: right;
	width: 490px;
	height: 150px;
	background: url(../../img02/bg_media.png) no-repeat;
}
.mainVisual .innerWrap .mediaArea ul {
	overflow: hidden;
	padding:50px 0 0 18px;
}
.mainVisual .innerWrap .mediaArea li {
	float: left;
	margin: 0 3px;
}

.section01 {
	background: url(../../img02/bg01.jpg) 50% top no-repeat;
}
.section01 .movieArea {
	margin: 0 auto 86px;
	width: 844px;
}
.section01 .movieArea a {
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.section01 .movieArea a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;

}
.section01 h2 {
	text-align: center;
	margin-top: 113px;
}

.section02 {
	background: url(../../img02/bg02.jpg) 50% top no-repeat;
}
.section02 .inner {
	padding:80px 0 74px;
}
.section03 {
	background: url(../../img02/bg03.jpg) 50% top no-repeat;
}
.section03 h2 {
	text-align: center;
}
.section03 .appBtnArea {
	margin: 50px 0 65px;
	float: left;
	width: 1100px;
	height: 179px;
	background: url(../../img02/section03_bg_appbtn.png) no-repeat;
}
.section03 .appBtnArea ul {
	overflow: hidden;
	padding:72px 0 0 167px;
}
.section03 .appBtnArea li {
	float: left;
	margin: 0 80px;
}


footer {
	background: url(../../img02/bg_footer.jpg) 50% top no-repeat;
}
footer .facebookArea {
	overflow: hidden;
	padding:30px 0 25px ;
}
footer .facebookArea .text {
	float: left;
}
footer .facebookArea .timeline {
	float: right;
	width: 490px;
	height: 300px;
}
footer .naviArea {
	overflow: hidden;
	padding:20px 0;
}
footer .logo {
	float: left;
}
footer .navi {
	float: right;
	padding-top: 5px;
}
footer .navi p {
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
	text-align: right;
}
footer .navi p a {
	color:#fff;
	/*text-decoration: underline;*/
}
.snsArea {
	position: fixed;
	top: 0;
	right: 0;
	width: 284px;
	height: 97px;
	background: url(../../img02/bg_sns.png) no-repeat;
}
.snsArea ul {
	overflow: hidden;
	padding: 20px 0 0 150px;
}
.snsArea li {
	float: left;
	margin: 0 5px;
}
.snsArea li img {
	border-radius: 6px;
}

footer a {
	text-decoration:none;
	}
footer a:hover {
	text-decoration:underline;
	}