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

/*=====================================================================
     default
  =====================================================================*/
* {
	margin: 0;
	padding: 0;
}

html {
	font-family: 'メイリオ','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',sans-serif;
	font-size: 12px;
	line-height: 1.4;
	font-weight: normal;
	overflow-y: scroll;
	background-color: #111111;
}

body {
	width: 100%;
	background-color: #000000;
}

img {
	vertical-align: top;
	border: 0;
}

ul {
	list-style: none;
}

/*=====================================================================
     共通
  =====================================================================*/
/*---------------------------------------------------------------------
     clear fix
  ---------------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.f_left{
	float:left;
	
}
/*=====================================================================
     全体
  =====================================================================*/
#logo {
	display: block;
	position: absolute;
	right: 19px;
	top: 16px;
	z-index: 1;
}
#logo a {
	display: block;
}

.pagetop {
	clear:both;
	padding: 10px 0 0 860px;
}

.pagetop a {
	display: block;
	width: 129px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	background:url(images/special/bt_top.jpg) no-repeat;
}

.pagetop a:hover{
	background:url(images/special/bt_top_o.jpg);

}

/*---------------------------------------------------------------------
     メニュー
  ---------------------------------------------------------------------*/
#header {
	width: 1000px;
	height: 79px;
	background-color: black;
	position: relative;
	margin: 0 auto;
	padding-bottom: 11px;
}
#menu {
	width: 748px;
	height: 32px;
	position: absolute;
	left: 20px;
	top: 46px;
	margin: 0;
}
#menulist {
	position: relative;
}

#menu a {
	position: absolute;
	top: 0;
	display: block;
	height: 0;
	padding-top: 32px;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
a.menu_hybrid  { z-index: 1; width: 135px; left:   0px; background-position:    0px 0px;}
a.menu_about   { z-index: 2; width:  85px; left: 134px; background-position: -134px 0px;}
a.menu_game    { z-index: 3; width:  86px; left: 218px; background-position: -218px 0px;}
a.menu_anime   { z-index: 4; width:  99px; left: 303px; background-position: -303px 0px;}
a.menu_bonus   { z-index: 5; width: 158px; left: 401px; background-position: -401px 0px;}
a.menu_movie   { z-index: 6; width:  83px; left: 558px; background-position: -558px 0px;}
a.menu_special { z-index: 7; width: 111px; left: 640px; background-position: -640px 0px;}

a.menu_hybrid:hover,
#hybrid a.menu_hybrid { border:none; z-index:11; background-position:   0px  -32px; }

a.menu_about:hover,
#about a.menu_about   { border:none; z-index:12; background-position: -134px -32px; }

a.menu_game:hover,
#game a.menu_game     { border:none; z-index:13; background-position: -218px -32px; }

a.menu_anime:hover,
#anime a.menu_anime   { border:none; z-index:14; background-position: -303px -32px; }

a.menu_bonus:hover,
#bonus a.menu_bonus   { border:none; z-index:15; background-position: -401px -32px; }

a.menu_movie:hover,
#movie a.menu_movie   { border:none; z-index:16; background-position: -558px -32px; }

a.menu_special:hover,
#special a.special    { border:none; z-index:17; background-position: -640px -32px; }


/*---------------------------------------------------------------------
     メイン部分
  ---------------------------------------------------------------------*/
#main {
	width: 100%;
	position: relative;
}
#mainframe {
	width: 100%;
	height: 590px;
	background: url(images/mainbgall.gif) center top repeat-x;
}
#mainflash {
	width: 1300px;
	height: 590px;
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -650px;
	padding: 0;
}
#mainalt {
	width: 1200px;
	height: 590px;
	background: url(images/main1200.jpg) left top no-repeat;
	margin: 0 auto;
	position: relative;
}
#mainalt h1 {
	display: block;
	position: absolute;
	left: 175px;
	top: 136px;
}
#out {
	position: absolute;
	left: 247px;
	top: 320px;
}
#infoarea {
	position: absolute;
	left: 120px;
	bottom: 12px;
	width: 400px;
	height: 50px;
	padding: 0 0 0 10px;
	overflow: auto;
}
#mainalt h2 {
	display: block;
	position: absolute;
	left: 118px;
	top: 512px;
}
#information li {
	color: #a5a5a5;
}
#submainframe {
	width: 100%;
	padding: 0 0 10px 0;
	background: url(images/submain_bottombg.gif) center bottom no-repeat white; 
}
#submain {
}
/*---------------------------------------------------------------------
 top
  ---------------------------------------------------------------------*/
#information a {
    color: red;
}
#infromation a:hover {
    color: #ffff00;
}
#bn_eqzone{
	width: 1000px;
	height: 66px;
	margin: 0 auto;
	position: relative;
}
#bn_eq{
	text-align:left;
	
	padding:0 0 0 20px;
	width:406px;
	
}
#jasrac {
	width: 154px;
	position: absolute;
	top: 10px;
	right: 0;
}
#jasrac img,
#jasrac_sub img {
	width: 50px;
	float: right;
	padding-left: 4px;
}
#jasrac div,
#jasrac_sub div {
	text-align: right;
	color: #ffffff;
	font-size: 10px;
	float: left;
	padding-top: 22px;
	width: 100px;
}
#jasrac_sub {
	width: 154px;
	position: absolute;
	bottom: 50px;
	right: 0;
}
#jasrac_sub div {
	color: #000000;
}
/*---------------------------------------------------------------------
     hybrid
  ---------------------------------------------------------------------*/
#hybridframe {
	width: 100%;
	padding: 10px 0 0 0;
	background: url(images/submain_topbg.gif) center top no-repeat white; 
}
#hybridmain {
	width: 1000px;
	margin: 0 auto;
}
/*---------------------------------------------------------------------
     about
  ---------------------------------------------------------------------*/
#aboutbody {
	width: 100%;
	padding: 10px 0 0 0;
	background: url(images/about_topbg.gif) center top repeat-x; 
}
#aboutframe {
	width: 100%;
	background: url(images/about_bgall.gif) center top repeat-x; 
}
#aboutmain {
	width: 1000px;
	margin: 0 auto;
}
#bg_boxs {
    background: url(images/about/pic/main_box.jpg) left top no-repeat;
}
#bgmap {
    background-repeat: no-repeat;
    background-position: left top;
	width:100px;
}

#bg_boxs .mapbg1 {
    background-image: url(images/about/pic/ov_6_2.jpg);
}
#bg_boxs .mapbg2 {
    background-image: url(images/about/pic/ov_6.jpg);
}
#bg_boxs .mapbg3 {
    background-image: url(images/about/pic/ov_7.jpg);
}
#bg_boxs .mapbg4 {
    background-image: url(images/about/pic/ov_8.jpg);
}

.nonborder {
  border:none;
  outline:none;
}
/*---------------------------------------------------------------------
     game
  ---------------------------------------------------------------------*/
#gamebody {
	width: 100%;
	padding: 10px 0 0 0;
	background: url(images/gamemain_topbg.gif) center top no-repeat white; 
}
#gameframe {
	width: 100%;
	background: url(images/gamebg.gif) center top repeat; 
}
#gamemain {
	width: 1000px;
	margin: 0 auto;
}
#gamemain img {
	float: left;
}
#gamemain div {
	float: left;
}
#gamemain div img {
	float: none;
}
.chr,#gsm {
	position: relative;
}
.chr a,
#gsm a {
	display: block;
	position: absolute;
	background:url(images/game/gamess.gif) left top no-repeat;
	height: 0px;
	padding-top: 26px;
	overflow: hidden;
}
.chr a {
	width: 214px;
	background-position: -291px 0;
	right: 16px;
	bottom: 28px;
}
#gsm a {
	width: 291px;
	top: 0px;
	left: 40px;
}
.chr a:hover {
	background-position: -291px -26px;
}
#gsm a:hover {
	background-position: 0 -26px;
}





/*---------------------------------------------------------------------
     anime
  ---------------------------------------------------------------------*/
#animeframe {
	width: 100%;
	padding: 10px 0 0 0;
	background: url(images/submain_topbg.gif) center top no-repeat white; 
}
#animemain {
	position: relative;
	width: 1000px;
	margin: 25px auto 30px auto;
}
#animemain img {
	float: left;
}
#animemain h2,
#animemain h3 {
	display: block;
	float: left;
}

/*---------------------------------------------------------------------
     bonus
  ---------------------------------------------------------------------*/
#bonusframe {
	width: 100%;
	padding: 10px 0 0 0;
	background: url(images/bonus/tokuten_bg1.jpg) center top no-repeat white;
}

#bonusmain {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 25px 0 40px 0;
}
#bonusmain img {
	float: left;
}
#bonusmain h2,
#bonusmain h3 {
	display: block;
	float: left;
}
#bonus #submainframe {
	width: 100%;
	padding: 0 0 10px 0;
	background: url(images/bonus/tokuten_bg2.jpg) center bottom no-repeat white; 
}

/*---------------------------------------------------------------------
     movie
  ---------------------------------------------------------------------*/
  #moviebody {
	width: 100%;
	padding: 10px 0 0 0;
	background: url(images/moviemain_topbg.gif) center top no-repeat white; 
}
  
#movieframe {
	width: 100%;
	margin: 10px 0 0 0;
	background:url(images/movie/bg_movie.jpg) center top no-repeat white; 
}  
  

#moviemain {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#movie_box {
	height:550px;
	width:930px;
	padding:50px 20px 20px 50px;
}


.movieg{
	width:305px;
	float:left;
	padding:0px 10px 10px 0;
}


.movieimg{
	padding:5px 0 0 0 ;
	
}

/*---------------------------------------------------------------------
     special
  ---------------------------------------------------------------------*/
#specialbody {
	width: 100%;
padding: 10px 0 0 0;
	background: url(images/submain_topbg.gif) center top no-repeat white; 
}
#specialframe {
	width: 100%;
	background: url(images/about_bgall2.gif) center top; 
}
#specialmain {
	width: 1000px;
	margin: 0 auto;
}


#sp01{
	
	float:left;
}


#sp02{
	float:left;
	background:url(images/special/eurekasevenarchive01.jpg);
	width:698px;
	height:313px;
	
}

#sp02:hover{
	float:left;
	background:url(images/special/eurekasebenarchive01_mo.jpg);
	width:698px;
	height:313px;
	
}

#sp03{
	float:left;
	background:url(images/special/eurekasevenarchive02.jpg);
	width:342px;
	height:418px;
	
}
#sp03:hover{
	float:left;
	background:url(images/special/eurekasevenarchive02_mo.jpg);
	width:342px;
	height:418px;
	
}


#sp04{
	float:left;
	background:url(images/special/eurekasevenarchive03.jpg);
	width:217px;
	height:632px;
	
}



#sp05{
	float:left;
	background:url(images/special/eurekasevenarchive04.jpg);
	width:434px;
	height:610px;
	
}

#sp05:hover{
	float:left;
	background:url(images/special/eurekasevenarchive04_mo.jpg);
	width:434px;
	height:610px;
	
}

#sp06{

	background:url(images/special/eurekasevbenarchive06.jpg) #000;
	width:342px;
	height:232px;
	
	
}

#sp06:hover{
	
	background:url(images/special/eurekasevbenarchive06_mo.jpg) #000;
		width:342px;
	height:232px;
	
	
}

#sp07{
	float:left;
	background:url(images/special/eurekasevenarchive07.jpg) #000;
	width:346px;
	height:232px;
	
	
}

#sp08{

	background:url(images/special/eurekasevenarchive09.jpg);
		width:342px;
	height:188px;
	
}

#sp08:hover{

	background:url(images/special/eurekasevenarchive09_mo.jpg);
		width:342px;
	height:188px;
	
}

#box_yoko{
	width:688px;
		float:left;
}

#sp09{
	float:left;
	background:url(images/special/eurekasevenarchive08.jpg) bottom;
	width:651px;
	height:420px;
	
}

#sp09:hover{
	float:left;
	background:url(images/special/eurekasevenarchive08_mo.jpg) bottom;
	width:651px;
	height:420px;
	
}


#sp10{
	
	background:url(images/special/eurekasevenarchive10.jpg);
	width:993px;
	height:242px;
	
}



#sp10:hover{

	background:url(images/special/eurekasevenarchive10_mo.jpg);
	width:993px;
	height:242px;
	
}


#box_sp_left{
	float:left;
	width:342px;
	padding:0;
	margin:0;
	
}

#eureka_tx{
	position:relative;
	z-index:2;

	
}

#sp_bottom{
	background:#FFF;
	padding:20px;
	height:20px;
	width:994px;
	
}


/*---------------------------------------------------------------------
     製品情報
  ---------------------------------------------------------------------*/
  
  #box_bluray{
	  padding-bottom:20px;
	  padding-top:20px;
	  
  }
 
 #pic_eureka{
	 background:url(images/about/eureka_pic.jpg) top center no-repeat;
	 width:441px;
	 height:323px;
	 float:left;
	 
	 
 }
 
 #bt_about{
	 position: relative;
	top:260px;
	left:60px;
	 }
  
#abt  {
	
	float:left;
	background:url(images/about/bt_kakudai_n.gif);
	width:107px;
	height:45px;
}
  
#abt2  {
		float:left;
background:url(images/about/bt_special_n.gif);
	width:265px;
	height:45px;
	float:left;
}



#abt a:hover {
	
	float:left;
	background:url(images/about/bt_kakudai_o.gif);
	width:107px;
	height:45px;
}
  
#abt2  a:hover  {
		float:left;
background:url(images/about/bt_special_o.gif);
	width:265px;
	height:45px;
	float:left;
}


#bluray{
float:left;	
	width:441px;
}




/*---------------------------------------------------------------------
     バナーとコピーライト
  ---------------------------------------------------------------------*/
#bannersandcopyright {
	width: 1000px;
	height: 66px;
	margin: 0 auto;
}
#banners {
	display: inline;
	float: left;
	margin: 4px 0 0 21px;
	width: 690px;
}
#banners li {
	display: inline;
	float: left;
	width: 198px;
	height: 48px;
	margin-right: 10px;
}
#banners li a {
	display: block;
}
#copyright {
	display: inline;
	width: 284px;
	float: left;
	margin:42px 0 0 0px; 
}