@charset "utf-8";


/* CSS Document */

@import url("common.css");


body#toppage {
	background:url(../images/bg_gold.jpg) #000 repeat-x 0% 0%;
}

body#anubis {
	background:url(../images/bg_anubis.jpg) #000 no-repeat 100% 0% fixed ;
}

body#zoe {
	background:url(../images/bg_zoe.jpg) #000 no-repeat 100% 0% fixed ;
}

body#jupiter {
	background:url(../images/bg_jupiter.jpg) #000 no-repeat 100% 0% fixed ;
}


body#reboot {
	background:url(../images/reboot/bg_reboot.jpg) #000 repeat-x 0% 0% fixed ;
}


/**/
#bg_chara {
	width:100%;
	min-width:980px;
	background:url(../images/bg_anubis.png) no-repeat 45% 0%;
}

#wrapper {
	width:980px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	display:block;


}

#header {
	width:auto;
	height:140px;
	position:relative;
}

#knmlogo {
	width:102px;
	height:23px;
	position:absolute;
	left: 36px;
	top: 17px;
}

#zoelogo {
	width:488px;
	height:159px;
	position:absolute;
	left: 443px;
	top: 620px;
}

#header_menu {
	width:952px;
	height:117px;
	margin:0px 0px 0px 16px;
	background:url(../images/header_menu.png) no-repeat 0px 0px;
}

#header_menu2 {
	width:952px;
	height:128px;
	margin:0px 0px 0px 16px;
	background:url(../images/header_menu2.png) no-repeat 0px 0px;
}

/* GLOBAL MENU */


#header_menu_sns {
	width:138px;
	height:117px;
	display:block;
	float:left;
	position:relative;
	}

#header_menu_sns li {
	width:25px;
	height:24px;
	display:block;
	position:absolute;
	}

#header_menu_sns li a {
	width:25px;
	height:24px;
	display:block;
	}

#header_menu_sns li a span {
	width:25px;
	height:24px;
	display:block;
	font-size:1px;
	visibility:hidden;
	}

#header_menu_sns li#header_menu_sns_fb {
	left: 20px;
	top: 51px;
	}
#header_menu_sns li#header_menu_sns_fb a {
	background:url(../images/btn_sns_fb.gif) 0px 0%;
	}
#header_menu_sns li#header_menu_sns_fb a:hover {
	background:url(../images/btn_sns_fb.gif) 0px 100%;
	}

#header_menu_sns li#header_menu_sns_tw {
	left: 46px;
	top: 51px;
	}
#header_menu_sns li#header_menu_sns_tw a {
	background:url(../images/btn_sns_tw.gif) 0px 0%;
	}
#header_menu_sns li#header_menu_sns_tw a:hover {
	background:url(../images/btn_sns_tw.gif) 0px 100%;
	}



#menu_box {
	width:813px;
	height:117px;
	display:block;
	float:right;
	position:relative;
	}
	
#menu_box li {
	width:105px;
	height:25px;
	display:block;
	position:absolute;
	}

#menu_box li a {
	width:105px;
	height:25px;
	display:block;
	}

#menu_box li a span {
	width:105px;
	height:25px;
	display:block;
	font-size:1px;
	visibility:hidden;
	}

#menu_rg {
	left: 652px;
	top: 50px;
	}
#menu_rg a {
	background:url(../images/menu_rg.png) no-repeat 0px 0px;
	}
#menu_rg a:hover {
	background:url(../images/menu_rg.png) no-repeat 0px 100%;
	}



#menu_info {
	left: 21px;
	top: 18px;
	}
#menu_info a {
	background:url(../images/menu_infomation.png) no-repeat 0px 0px;
	}
#menu_info a:hover {
	background:url(../images/menu_infomation.png) no-repeat 0px 100%;
	}

#menu_video {
	left: 126px;
	top: 18px;
	}
#menu_video a {
	background:url(../images/menu_video.png) no-repeat 0px 0px;
	}
#menu_video a:hover {
	background:url(../images/menu_video.png) no-repeat 0px 100%;
	}


#menu_chronicles {
	left: 546px;
	top: 18px;
	}
#menu_chronicles a {
	background:url(../images/menu_chronicles.png) no-repeat 0px 0px;
	}
#menu_chronicles a:hover {
	background:url(../images/menu_chronicles.png) no-repeat 0px 100%;
	}

#menu_products {
	left: 652px;
	top: 18px;
	}
#menu_products a {
	background:url(../images/menu_products.png) no-repeat 0px 0px;
	}
#menu_products a:hover {
	background:url(../images/menu_products.png) no-repeat 0px 100%;
	}

#menu_box li.menu_sub_zoe {
	width:59px;
	height:17px;
	}
#menu_box li.menu_sub_zoe a {
	width:59px;
	height:17px;
	display:block;
	background:url(../images/menu_sub_zoe.png) no-repeat 0px 0px;
	}
#menu_box li.menu_sub_zoe a:hover {
	width:59px;
	height:17px;
	display:block;
	background:url(../images/menu_sub_zoe.png) no-repeat 0px 100%;
	}
#menu_box li.menu_sub_zoe a span {
	width:59px;
	height:17px;
	display:block;
	}
	
#menu_box li.menu_sub_anubis {
	width:59px;
	height:17px;
	}
#menu_box li.menu_sub_anubis a {
	width:59px;
	height:17px;
	display:block;
	background:url(../images/menu_sub_anubis.png) no-repeat 0px 0px;
	}
#menu_box li.menu_sub_anubis a:hover {
	width:59px;
	height:17px;
	display:block;
	background:url(../images/menu_sub_anubis.png) no-repeat 0px 100%;
	}
#menu_box li.menu_sub_anubis a span {
	width:59px;
	height:17px;
	display:block;
	}

#menu_box li#menu_top {
	width:37px;
	height:21px;
	top:36px;
	left:753px;
	}
#menu_box li#menu_top a {
	width:37px;
	height:21px;
	display:block;
	background:url(../images/menu_top.png) no-repeat 0px 0px;
	}
#menu_box li#menu_top a:hover {
	width:37px;
	height:21px;
	display:block;
	background:url(../images/menu_top.png) no-repeat 0px 100%;
	}
#menu_box li#menu_top a span {
	width:37px;
	height:21px;
	display:block;
	}

li.menu_gs_zoe {
	left: 269px;
	top: 54px;
	}
li.menu_gs_anubis {
	left: 287px;
	top: 77px;
	}


li.menu_ch_zoe {
	left: 374px;
	top: 54px;
	}
li.menu_ch_anubis {
	left: 392px;
	top: 77px;
	}

li.menu_st_zoe {
	left: 479px;
	top: 54px;
	}
li.menu_st_anubis {
	left: 497px;
	top: 77px;
	}


/* VIDEO */

#vidbox_top {
	width:349px;
	position:absolute;
	left: 58px;
	top: 543px;
}

#vidbox_top dl dt {
	width:349px;
	height:21px;
	margin:0px 0px 7px 0px;
	background:url(../images/title_top_vid.png) no-repeat 0 0;
	display:block;
}

#vidbox_top dl dt p {
	width:140px;
	height:21px;
	display:block;
	float:right;
}

#vidbox_top dl dt p a {
	width:140px;
	height:21px;
	display:block;
}

#vidbox_top dl dt p a span {
	width:140px;
	height:21px;
	display:block;
	visibility:hidden;
}

#vidbox_top dl dd {
	width:171px;
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
}

#vidbox_top dl dd#vidbox01 {
	background:url(../images/vid01.png) no-repeat 0 0;
}

#vidbox_top dl dd#vidbox02 {
	background:url(../images/vid02.png) no-repeat 0 0;
}

#vidbox_top dl dd#vidbox03 {
	background:url(../images/vid03.png) no-repeat 0 0;
}

#vidbox_top dl dd ul li.vid_image {
	width:171px;
	height:106px;
	margin:0px 0px 0px 0px;
	display:block;
}

#vidbox_top dl dd ul li.vid_image a {
	width:171px;
	height:106px;
	display:block;
	background:url(../images/vid_over.png) no-repeat 0 0;
}

#vidbox_top dl dd ul li.vid_image a:hover {
	width:171px;
	height:106px;
	display:block;
	background:url(../images/vid_over.png) no-repeat 0 100%;
}

#vidbox_top dl dd ul li.vid_image a span {
	width:171px;
	height:106px;
	display:block;
	font-size:1px;
}

#vidbox_top dl dd ul li.vid_image a span.new {

	background:url(../images/vid_new_top.png) no-repeat 100% 0%;
}

#vidbox_top dl dd ul li.vid_txt {
	font-size:10px;
	line-height:1.5em;
}

/* BANNER */

#bannerbox_top {
	width:349px;
	position:absolute;
	left: 58px;
	top: 700px;
}

#bannerbox_reboot {
	width:349px;
	position:absolute;
	left: 58px;
	top: 656px;
}




/* ----------Contetns---------- */





#contents {
	padding:0px 16px 0px 16px;
	position:relative;


}

.contents_wrap {
	margin:35px 0px 0px 0px;
	zoom: 1;/*for IE 5.5-7*/

}

#top_contents_wrap {
	margin:0px 0px 0px 0px;
	padding:55px 0px 0px 0px;
	display:block;
	background:url(../images/footer_top.png) no-repeat center 0px;
}

#top_contents_wrap2 {
	margin:0px 0px 0px 0px;
	padding:0px 40px 0px 40px;
	background:url(../images/footer_mid.png) repeat-y center 0px;
	display:block;
}

.contents_wrap2:after {
	/*for modern browser*/ 
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}  







/* ----------左カラム---------- */

#leftcol {
	width:269px;
	float:left;
	margin-bottom:50px;
	}

#sidetop {
	width:269px;
	height:132px;
	background:url(../images/side_top.png) no-repeat 0 0;
	}

#sidetop a {
	width:269px;
	height:132px;
	display:block;
	}

#sidetop a span {
	width:269px;
	height:132px;
	display:block;
	visibility:hidden;
	}

#sidemid {
	padding:8px 16px 0px 16px;
	background:url(../images/side_mid.png) repeat-y 0 0;
	}

#sidebtm {
	width:269px;
	height:46px;
	background:url(../images/side_btm.png) no-repeat 0 0;
	}


/* 切り替えタブ ZOE */

#swbox_zoe {
	width:237px;
	height:36px;
	margin:7px 0px 0px 0px;
	display:block;
	}

#swbox_zoe li {
	float:left;
	}

#swbox_zoe #tab_zoe {
	width:141px;
	height:36px;
	display:block;
	}
#swbox_zoe #tab_zoe a {
	width:141px;
	height:36px;
	background:url(../images/side_tab_zoe.png) no-repeat 0 0;
	display:block;
	}
#swbox_zoe #tab_zoe a:hover {
	width:141px;
	height:36px;
	background:url(../images/side_tab_zoe.png) no-repeat 0 100%;
	display:block;
	}
#swbox_zoe #tab_zoe span {
	width:141px;
	height:36px;
	visibility:hidden;
	display:block;
	}

#swbox_zoe #tab_anubis {
	width:96px;
	height:36px;
	display:block;
	}
#swbox_zoe #tab_anubis a {
	width:96px;
	height:36px;
	background:url(../images/side_tab_zoe.png) no-repeat 100% 0;
	display:block;
	}
#swbox_zoe #tab_anubis a:hover {
	width:96px;
	height:36px;
	background:url(../images/side_tab_zoe.png) no-repeat 100% 100%;
	display:block;
	}
#swbox_zoe #tab_anubis span {
	width:96px;
	height:36px;
	visibility:hidden;
	display:block;
	}


/* 切り替えタブ ANUBIS */

#swbox_anubis {
	width:237px;
	height:36px;
	margin:7px 0px 0px 0px;
	display:block;
	}

#swbox_anubis li {
	float:left;
	}

#swbox_anubis #tab_zoe {
	width:97px;
	height:36px;
	display:block;
	}
#swbox_anubis #tab_zoe a {
	width:97px;
	height:36px;
	background:url(../images/side_tab_anubis.png) no-repeat 0 0;
	display:block;
	}
#swbox_anubis #tab_zoe a:hover {
	width:97px;
	height:36px;
	background:url(../images/side_tab_anubis.png) no-repeat 0 100%;
	display:block;
	}
#swbox_anubis #tab_zoe span {
	width:97px;
	height:36px;
	visibility:hidden;
	display:block;
	}

#swbox_anubis #tab_anubis {
	width:140px;
	height:36px;
	display:block;
	}
#swbox_anubis #tab_anubis a {
	width:140px;
	height:36px;
	background:url(../images/side_tab_anubis.png) no-repeat 100% 0;
	display:block;
	}
#swbox_anubis #tab_anubis a:hover {
	width:140px;
	height:36px;
	background:url(../images/side_tab_anubis.png) no-repeat 100% 100%;
	display:block;
	}
#swbox_anubis #tab_anubis span {
	width:140px;
	height:36px;
	visibility:hidden;
	display:block;
	}

/* 切り替えタブ サブメニュー基本 */

.vmenu {
	margin:14px 0px 0px 0px;
	padding:1px 0px 0px 0px;
	width:236px;
	background:url(../images/side_bline.gif) no-repeat 50% 0%;
	}

.vmenu li {
	width:236px;
	height:31px;
	background:url(../images/side_bline.gif) no-repeat 50% 100%;
	display:block;
	vertical-align:middle;
	}
	
.vmenu li a {
	width:236px;
	height:29px;
	background:url(../images/side_dot.gif) no-repeat 50% 100%;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	vertical-align:middle;
	font-size:10px;
	}

.vmenu li a:hover {
	width:236px;
	height:29px;
	background:#ff8400;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	vertical-align:middle;
	font-size:10px;
	color:#000;
	}


.vmenu li span {
	padding:5px 7px 0px 7px;
	letter-spacing:0.1em;
	display:block;
	float:left;
	}

.vmenu li span.locate {
	padding:5px 7px 0px 7px;
	letter-spacing:0.1em;
	display:block;
	float:right;
	color:#fff;
	}

.vmenu li a:hover span.locate {
	color:#000;
	}



#side_pagetop {
	width:58px;
	height:57px;
	margin:0px 0px 0px 0px;
	padding:7px 0px 0px 0px;
	position:relative;
	}

#side_pagetop a {
	width:58px;
	height:57px;
	display:block;
	background:url(../images/side_pagetop.png) no-repeat 0% 0%;
	}
	
#side_pagetop a:hover {
	width:58px;
	height:57px;
	display:block;
	background:url(../images/side_pagetop.png) no-repeat 0% 100%;
	}

#side_pagetop a span {
	width:58px;
	height:57px;
	display:block;
	font-size:1px;
	visibility:hidden;
	}

/* ----------右カラム---------- */

#rightcol {
	width:655px;
	float:right;
	margin-bottom:50px;
	}

#rightcol h2 {
	display:block;
	margin:6px 0px 60px 0px;
	padding:0px 0px 7px 3px;
	border-bottom:1px solid #3e3e3e;
	}








/* ---------- フッタ ---------- */

#footer .menubox {
	height:444px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #4d4d4d;
}



#menubox_list li h3 {
	margin:0px 0px 3px 0px;
	padding:0px 0px 6px 3px;
	display:block;
	border-bottom:1px solid #3e3e3e;
	}

#menubox_list li h3 .btn_link {
	margin:-5px 0px 0px 0px;
	padding:0px 3px 0px 0px;
	display:block;
	float:right;
	}


#menubox_list li#menu_update {
	width:305px;
	margin:0px 20px 0px 0px;
	display:block;
	float:left;
	}

#menubox_list li#menu_related {
	width:318px;
	margin:0px 20px 0px 0px;
	display:block;
	float:left;
	}

body #menubox_list li#menu_related P {
	font-size:10px;
	line-height:2.5em;
	}

#menubox_list li#menu_sns {
	margin:0px 26px 0px 0px;
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	width:223px;
	}	


/* UPDATE DETAIL */


#menubox_list li#menu_update ul {
	margin:0px 3px 0px 3px;
	display:block;
	}

#menubox_list li#menu_update ul li {
	padding:0px 0px 6px 0px;
	margin:5px 0px 6px 0px;
	display:block;
	line-height:1.4em;
	font-size:10px;
	background:url(../images/bline.gif) repeat-x 0 bottom;
	}

#menubox_list li#menu_update ul li a {
	padding:0px 0px 6px 0px;

	}
	
#menubox_list li#menu_update ul li .date {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.2em;
	display:block;
	color:#fff;
	}

/* RELATED TWEET DETAIL */

#menubox_list li#menu_related ul li {
	margin:0px 3px 0px 3px;
	padding:6px 0px 6px 0px;
	border-bottom:1px solid #4d4d4d;
	}

#menu_related ul li dl dt {
	width:55px;
	height:55px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	display:block;
	float:left;
	}

#menu_related ul li dl dd {
	width:255px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	font-size:10px;
	float:left;
	}
	
#menu_related ul li dl dd h5 {
	font-weight:bold;
	color:#fff;
	}

#menu_related ul li dl dd h5 a,
#menu_sns ul li dl dd h5 a {
	font-weight:normal;
	}
	
#menu_related ul li dl dd p {
	font-size:10px;
	}



/* RELATED TWEET DETAIL */

#menubox_list li#menu_related ul li {
	margin:0px 3px 0px 3px;
	padding:6px 0px 6px 0px;
	border-bottom:1px solid #3e3e3e;
	}

#menu_related ul li dl dt {
	width:55px;
	height:55px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	display:block;
	float:left;
	}

#menu_related ul li dl dd {
	width:255px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	font-size:10px;
	float:left;
	}
	
#menu_related ul li dl dd h5 {
	font-weight:bold;
	color:#fff;
	}



/* SNS DETAIL */

#menubox_list li#menu_sns ul {
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	}

#menubox_list li#menu_sns ul li {
	margin:0px 3px 0px 3px;
	padding:6px 0px 0px 0px;
	}

#menu_sns ul li dl dt {
	width:50px;

	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	display:block;
	float:left;
	}

#menu_sns ul li dl dd {
	width:165px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	font-size:10px;
	float:left;
	}
	
#menu_sns ul li dl dd h5 {
	margin:0px 0px 5px 0px;
	font-weight:bold;
	color:#fff;
	}






#footer_wrap {
	width:auto;
	margin:80px 20px 0px 20px;

	border-top:1px solid #3e3e3e;
	font-size:10px;
	position:relative;

}



#footer {
	width:auto;
	margin:0px 0px 0px 0px;
	padding:0px 7px 20px 7px;
	font-size:10px;
	position:relative;

}




#foot_txt {
	width:530px;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	font-size:10px;
	text-align:right;
	float:right;
	display:block;

}

#foot_txt span {
	margin:6px 0px 6px 0px;
	display:block;
}

#foot_txt span a {
	color:#919191;
	text-decoration:none;
}

#foot_txt span a:hover {
	text-decoration:underline;
}



.foot_hd {
	width:250px;
	font-size:10px;
	text-align:left;
	float:left;
	display:block;
	position:relative;
}

.foot_hd #foot_kjp {
	width:112px;
	height:38px;
	margin:0px;
	padding:0px;
	position:absolute;
	left: 0px;
	top: -48px;
}

#footer .foot_hd #foot_kjp img {
	width:112px;
	height:38px;
	margin:0px;
	padding:0px;
}

#footer .foot_hd img {
	margin:10px 0px 10px 0px;
}

.foot_rating {
	width:450px;
	margin:12px 0px 0px 0px;
	font-size:10px;
	float:right;
	display:block;
	text-align:right;
}

#footer .foot_rating a {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	display:block;
	width:auto;
	float:right;
}


#footer .foot_rating img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#twtr-widget-1 .twtr-hd, #twtr-widget-1 .twtr-ft { display: none; } 
.twtr-widget .twtr-tweet{
border-bottom:none!important;
overflow:hidden;
zoom:1;
background:url(../images/bline.gif) repeat-x 0 bottom;
}

/*
#footer img {
	margin:0px 0px;
}*/

/* ---------- フッタ ---------- */