/* CSS Document */

.mainImg{
	background:#000000;
	position:relative;
}
.mainImg img{
	margin:0 auto;
}
.fvTitle{
	position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -432px;
}

@media screen and (max-width:736px){
	
.mainImg img{
	width:100%;
	height:auto;
}
.fvTitle{
	display:none;
}

	
}



#fC{
	margin-bottom: 100px;
}

#fC .textWrap{
	float:left;
	width: 44%;
	padding-top: 60px;
}
	#fC .textWrap h2{
		font-size: 210%;
		line-height:100%;
		letter-spacing: 2px;
	}
	#fC .textWrap .text{
		margin-top:20px;
		letter-spacing: 2px;
		line-height: 180%;
	}

#fC .img{
	float:right;
	margin-top: -30px;
	width: 500px;
}
#fC .img img{
	width:100%;
	height:auto;
}

@media screen and (max-width:736px){

#fC{
	margin-bottom:70px;
}

#fC .textWrap{
	float:none;
	width: auto;
	padding-top: 0;
}
	#fC .textWrap h2{
		font-size: 210%;
		line-height:100%;
		letter-spacing: 2px;
	}
	#fC .textWrap .text{
		margin-top:20px;
		letter-spacing: 2px;
		line-height: 180%;
	}

#fC .img{
	float:none;
	margin-top: 0;
	margin-bottom:20px;
	width:auto;
}

}




#menu{
	padding:50px 0;
}
#menu ul{letter-spacing: -4px;text-align: center;}
#menu li{
	width: 30%;
	display:inline-block;
	vertical-align:top;
	margin: 0 1.6%;
	letter-spacing: 0;
}


#menu dl{
	position:relative;
}
#menu dl h3{
	background: rgba(57, 74, 90, 0.84);
	color:#FFFFFF;
	position:absolute;
	right: 104px;
	top: 0px;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	text-align: center;
	padding: 0px 52px 0;
	height: 187px;
	letter-spacing: 3px;
}
#menu dl dt{
}
#menu dl dt img{
	width:100%;
	height:auto;
}
#menu dl dd{
	background:#f2f2f2;
	padding:20px;
}
#menu dl dd .btn{
	width: 80%;
	margin:0 auto;
}
#menu dl dd .btn a{
	display:block;
	background:#E39B9F;
	color:#FFFFFF;
	text-align:center;
	padding: 10px;
}



@media screen and (max-width:736px){

#menu li {
    width: auto;
    margin: 0 0 10px;
}

}


#movie{
	background:url(../../images/movie_bg.gif);
	padding: 65px 0 50px;
}
#movie .titleSet{
	text-align:center;
	margin-bottom:30px;
	position:relative;
}
#movie .titleSet .logo{
	position:absolute;
	top: -120px;
	margin-left: -52px;
}
#movie .titleSet h2{
	font-size: 200%;
	line-height: 140%;
	margin-top: 0px;
}

#movie .mv{
	width:640px;
	margin:0 auto;
}


@media screen and (max-width:736px){

#movie {
    padding: 65px 10px 10px;
}
#movie .titleSet {
    margin-bottom: 20px;
}
	#movie .titleSet h2 {
		font-size: 140%;
		line-height: 120%;
		letter-spacing: 0;
	}

#movie .mv{
	width:auto;
	margin:0;
}

}