@charset "UTF-8";

#header #navi{
	/*display:none;*/
}

hr{
	padding:0;
	margin:4% 0;
	border:1px #444 dotted;
	border-width:0 0 1px 0;
}


#footer-spacer{
	height:0;
}

#main{
	width:50%;
	float:left;
}

#main-logo{
	position:absolute;
	top:55%;
	left:0;
	width:50%;
}

#contents-menu{
	width:48%;
	float:left;
	margin-left:1%;
}

#contents-menu #contents-button,
#contents-menu #main-menus,
#contents-menu #information{
	margin-top:-1.2%;
}

#contents-menu #contents-button{
	margin-top:10px;
}


#contents-menu #contents-button img,
#contents-menu #main-menus img,
#contents-menu #information img{
	width:100%;
	margin-top:1.8%;
	float:left;
}

#contents-menu #main-menus #menu1,
#contents-menu #main-menus #menu2{	
	width:100%;
}

#contents-menu #contents-button img.half,
#contents-menu #main-menus #menu3,
#contents-menu #main-menus #menu4,	
#contents-menu #information img.half{
	width:49%;
}

#contents-menu #main-menus #menu4{	
	float:right;
}


#contents-menu span img{
	filter: alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
}

iframe#movie-theater,
img#movie-closeup,
img#movie-closeup_{
	width:99.5%;
	border:1px #444 solid;
	border-image:url(../images/common/tex1.jpg) 100 100 round;
	margin-top:2%;
}

iframe#movie-theater{
	display:none;
}


#contents-menu #whatsnew{
	width:100%;
	margin-top:7%;
}

#contents-menu #whatsnew #news{
	width:78%;
	border:1px #666 solid;
	background-color:rgba(0,0,0,0.7);
	overflow:auto;
	padding:0.2%;
	float:left;
	overflow:hidden;
}

#contents-menu #whatsnew #news .news-item{
	width:97%;
	padding:5px;
/*	border:1px #666 dotted;
	border-width:1px 0 0 0;*/
	font-size:90%;
	overflow:hidden;
}

#contents-menu #whatsnew #news .news-item .news-text{
	white-space:nowrap;
}

#contents-menu #whatsnew #news .news-item:first-child{
	border:0;
}

#contents-menu #whatsnew #news .news-item b{
	font-weight:normal;
	color:#FFC;
}

#contents-menu #whatsnew #news .news-item a{
	color:#7F98C2;
	text-decoration:none;
}


#banners{
	width:100%;
	max-width:1280px;
	margin:1% auto;
	text-align:center;
}

#banners img{
	width:23.5%;
	margin:0 0.3%;
}


@media screen and (min-width:1200px){
	#main-logo{ top:50%; }
}

@media screen and (max-width:800px){
	#contents-menu #whatsnew #news .news-item{
		font-size:70%;
	}
}

@media screen and (max-width:639px){
	#header #navi{
		display:block;
	}
	#main{
		width:100%;
		float:none;
	}
	
	#main-logo{
		width:100%;
		top:23%;/*27%;*/
	}
	#contents-menu{
		width:95%;
		float:none;
		margin:0 auto;
	}
	#contents-menu #whatsnew #news{
		margin-bottom:7px;
		/*height:300px !important;*/
	}

	#banners{
		width:95%;
	}
	#banners img{
		width:48.5%;
		margin:0.2%;

		width:31.5%;

	}

}