@charset "utf-8";

/*----------------------------------------------------------
	Reset
-----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,embed { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; font-size: 100%; }
legend { color: #000000; }

body{
	background-color: black;
}

.inContainer{
	position: fixed;
	left: 0;
}

#index{
	top:0;
	left: 0;
	height:100%;
	width: 100%;
	z-index: 10;
}

#navcontainer.fit_top{
    position: fixed;
	left: 0px;
	top: 0px;
}

#container.fit_top{
	padding-top: 71px;
}

#navcontainer{
	width: 100%;
	z-index: 100;
	background-image: url(../img/shared/header_bg.gif);
}

/* //////////////////headerここから///////////////////// */

#logo{
	height: 42px;
	width: 380px;
	float:left;
}

#newiconkhfm{
	z-index: 2;
	position: absolute;
	top: 36px;
	left: 304px;
	height: 12px;
	width: 30px;
}

#newiconkhdays{
	z-index: 2;
	position: absolute;
	top: 36px;
	left: 557px;
	height: 12px;
	width: 30px;
}

#newiconmovies{
	z-index: 3;
	position: absolute;
	top: 36px;
	left: 685px;
	height: 12px;
	width: 30px;
}

#newiconrecom{
	z-index: 3;
	position: absolute;
	top: 36px;
	left: 430px;
	height: 12px;
	width: 30px;
}


#newicondownload{
	z-index: 3;
	position: absolute;
	top: 36px;
	left: 810px;
	height: 12px;
	width: 30px;
}



#gnav{
	height: 71px;
	width: 890px;
	margin: 0 auto;
	position: relative;
}

#gnav h1{
	display:none;
}

div#header{
	height:29px;
	clear:both;
}


ul#glist {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

ul#glist li{
	list-style-type: none;
	float:left;
	text-indent:-9999px;
}

ul#glist li.btn_top a {
	display:block;
	width:128px;
	height:29px;
	background-image: url(../img/shared/header_1.jpg);
	overflow:hidden;
}

ul#glist li.btn_khhd a {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_2.jpg);
	overflow:hidden;
}

ul#glist li.btn_khfm a {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_3.jpg);
	overflow:hidden;
}

ul#glist li.btn_khrecom a {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_4.jpg);
	overflow:hidden;
}

ul#glist li.btn_khdays a {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_5.jpg);
	overflow:hidden;
}

ul#glist li.btn_movie a {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_6.jpg);
	overflow:hidden;
}

ul#glist li.btn_download a {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_7.jpg);
	overflow:hidden;
}


ul#glist li.btn_download a {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_7.jpg);
	overflow:hidden;
}


ul#glist li.comingsoon1 {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_comingsoon1.jpg);
	overflow:hidden;
}

ul#glist li.comingsoon2 {
	display:block;
	width:127px;
	height:29px;
	background-image: url(../img/shared/header_comingsoon2.jpg);
	overflow:hidden;
}

/*オーバー時*/
ul#glist li a:hover{
	background-position: 0px -29px;
}

/*訪問時*/
ul#glist li a:active{
	background-position: 0px -58px;
}

/* //////////////////headerここまで///////////////////// */

#snav
{
	position: absolute;
	top: 71px;
	left: 0;
	width: 100px;
	z-index: 150;
}

/*#snav li
{
	line-height:0;
}

.snavitem{
	display:block;
	overflow:hidden;
	height: 38px;
	width: 200px;
	text-indent:-9999px;
	float: left;
	margin:0px;
}*/

.topline{
	border-top:1px solid #323232;
}

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