@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(/img/img_bg.jpg) #010f31 0 0 repeat-x;
}

h1,h2,h3,h4,h5,h6,hr,p,address,div,ul,li,object,embed {
	margin:0;
	padding:0;
}

img {
	border:0;
}

a {
	text-decoration:none;
	overflow:hidden;
}

address {
	font-style:normal;
}

hr {
	display:none;
}

object {
	border:0;
}

ul,ol,li {
	list-style:none;
}

/*************** layout *******************/

#wrapper {
	margin:0;
	padding:0;
	width:800px;
}


/* bannerBox
---------------*/

#movieBox {
	width:101px;
	height:101px;
	position:absolute;
	top:20px;
	left:680px;
}

#bannerBox {
	width:130px;
	height:210px;
	position:absolute;
	top:410px;
	left:645px;
}

/*comment*/
#comment {
	width:130px;
	height:130px;
	position:absolute;
	top:15px;
	left:65px;
}


/* leftBox
---------------*/
#menu {
	padding:0;
 	width:50px;
	background-color:#e698a8;
	height:770px;
}
#menu img {
	margin-top: -1px;
}

#btn_00 a {
	text-indent:-9999px;
	display:block;
	background:url(/img/btn_dvd.jpg) 0 0 no-repeat;
	width:50px;
	height:130px;
}

#btn_00 a:hover {
	background:url(/img/btn_dvd_on.jpg) 0 0 no-repeat;
}

#btn_01 a {
	text-indent:-9999px;
	display:block;
	background:url(/img/btn_enter.jpg) 0 0 no-repeat;
	width:50px;
	height:204px;
}

#btn_01 a:hover {
	background:url(/img/btn_enter_on.jpg) 0 0 no-repeat;
}

#btn_02s {
	text-indent:-9999px;
	display:block;
	background:url(/img/btn_enter_simple_off.jpg) 0 0 no-repeat;
	width:50px;
	height:176px;
}
#btn_02s a {
	text-indent:-9999px;
	display:block;
	width:50px;
	height:176px;
}
#btn_02 a {
	text-indent:-9999px;
	display:block;
	background:url(/img/btn_enter_simple.jpg) 0 0 no-repeat;
	width:50px;
	height:176px;
}

#btn_02 a:hover {
	background:url(/img/btn_enter_simple_on.jpg) 0 0 no-repeat;
}

#btn_03 a {
	text-indent:-9999px;
	display:block;
	background:url(/img/btn_theater.jpg) 0 0 no-repeat;
	width:50px;
	height:144px;
}

#btn_03 a:hover {
	background:url(/img/btn_theater_on.jpg) 0 0 no-repeat;
}

#btn_04 a {
	text-indent:-9999px;
	display:block;
	background:url(/img/btn_news.jpg) 0 0 no-repeat;
	width:50px;
	height:103px;
}

#btn_04 a:hover {
	background:url(/img/btn_news_on.jpg) 0 0 no-repeat;
}

div.tooltip{
	width:230px;
	position:absolute;
}
div.tooltip p{
	line-height:1.5;
	margin:0;
	font-size:13px;
	color: #FFF;
	background:url("/img/tooltipBody.png") top right;
	padding:10px 5px 0 40px;
}
div.tooltip img{
	vertical-align:top;
}


/* rightBox
---------------*/
#contents {
	padding:0 0 0 0;
 	width:750px;
}



/* other
---------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.left {
	float:left;
} 

.right {
	float:right;
}

.clr {
	clear:both;
}