* { margin: 0; padding: 0; border: 0; outline: 0; }

html { height: 100%; overflow : auto;}

body {
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
	width: 100%;
	height:100%;
	font-size:12px;
	line-height:1.5em;
	color:#fff;
	margin: 0px;
}

h1,h2,h3{
	text-indent:-9999px;
	position:absolute;
}

#btnpagetop{
	position: fixed;
	width:80px;
	height:80px;
	bottom: 30px;
	right: 30px;
}


/* loading
---------------------------------- */

#loader {
	background:url(../images/loading.gif);
	background-size:100% 100%;
    width: 30px;
    height: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 200;
}

#overlay {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
}

/*

link

*/
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #E80003;}
a:active {color: #AA0002;}

a img{border:0;}
a:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
} 

#container{
	width:100%;
	height:100%;
	margin:0 auto;
}


@media screen and (min-width: 641px) {

#menuSPall,#menuBTN,.movall{ display:none;}


/*

header

*/

#headerAll{
	background:url(../images/header_bg.png) repeat-x center top;
	background-size:auto 100%;
	width:100%;
	height:205px;
}

#headerImg{
background: url("../images/title_pc.png") no-repeat;
background-size: 100% 100%;
width: 1000px;
height: 205px;
margin: 0 auto;
}

#headerImg a{
width: 100%;
height: 100%;
display: block;
}


/*

main

*/

#mainAll{
	width:1200px;
	margin:0 auto;
	padding:55px 0 0 0;
}

#mainTitle01{
	background:url(../images/title.png) no-repeat left;
	background-size: auto 34px;
	width:95%;
	height:165px;
	margin:0 auto;
}

#mainTitle02{
	background:url(../images/dhn.png) no-repeat right;
	background-size: auto 100%;
	width:100%;
	height:165px;
}


/*

movie

*/

#movieAreaAll{
	background:url("../images/bg.jpg") no-repeat center;
	background-size: cover;
	width:100%;
	min-width:1200px;
	line-height:0;
	padding:30px 0;
}

#movieArea{
	background-color:#000000;
	width:960px;
	height:540px;
	margin:0 auto;
}

#nav {
	width: 960px;
	height:400px;
	margin: 0 auto;
	padding: 10px 120px 0;
	overflow: hidden;
    position: relative;
}

#nav ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
#nav ul li {
	list-style: none;
	text-align: center;
	float: left;
	border:0;
	margin:2px;
	position: relative;
	left: -50%;
}
#nav ul li a, #nav ul li.comingsoon{
	padding: 0;
	width: 188px;
	height:158px;
	display: block;
}
#nav ul li a:hover,
#nav ul li a.active {
	background: url(../images/movie/select.png) no-repeat center top;
	background-size:100% auto;
}

}

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

#headerAll{
	width:640px;
	height:427px;
}

#headerImg{
background: url("../images/title_sp.jpg") no-repeat;
background-size: 100% 100%;
width:640px;
	height:427px;
margin: 0 auto;
}

#headerImg a{
width: 100%;
height: 100%;
display: block;
}



/*

main

*/

#mainAll{
	width:640px;
	margin:0 auto;
	padding: 0;
}

#mainTitle01{
	background:url(../images/title.png) no-repeat left;
	background-size: 100% auto;
	width:90%;
	height:150px;
	margin:0 auto;
}

#mainTitle02{
	background:url(../images/dhn.png) no-repeat right;
	background-size: auto 100%;
	width:100%;
	height:150px;
}

/*

movie

*/

#movieAreaAll,#nav{
	display:none;
}


#movieAreaSP{
background:url("../images/bg.jpg") no-repeat center;
background-size: cover;
width: 100%;
}

.movall{
	width:90%;
	padding:30px 0;
	margin:0 auto;
	max-width:1200px;
	clear:both;
}

.movarea{
	width:100%;
}


.movline{
	background-color:#bf0202;
	width:100%;
	height:10px;
	text-align:center;
	padding: 0;
	margin:0 auto;
	line-height:0;
}

.movtitle{
background: url("../images/nm_bg.png") no-repeat left top;
background-size: 100% auto;
	width:100%;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
	font-size:25px;
	line-height:1.5em;
	clear:both;
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
}


#menuSPall{
	width:100%;
	line-height:0;
}

.menuBtn{
	width:100%;
}

.menuBtnLine{
	background-color:#5C5C5C;
	width:100%;
	height:1px;
}


}


#topbtn{
width: 60px;
height: 40px;
margin: 0 auto;
padding: 30px 0 0 0;
}

#copyright{
	background: url(../../images/common/copyright2.png) no-repeat center;
	background-size:contain;
	width:200px;
	height:9px;
  margin: 0 auto;
  padding: 30px 0;
}

#footerAll{
width: 100%;
padding: 0 0 30px;
line-height: 0;
}

.lineRed{
background-color: #cb0010;
width: 100%;
height: 1px;
}