/* --------------------------------------*/
/* TOP                                   */
/* --------------------------------------*/
#top {
  /*height: 750px;*/
}
a {
  text-decoration:none;
  line-height:1em;
}

.eacloud_logo {
  position: relative;
  display:block;
  width:8.6%;
  height:84px;
  z-index:100;
}
.main_bg {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/common/iidx_page_bg01.jpg") no-repeat scroll center top transparent;
  width:100%;
  height:auto;
  margin:0;
  display:block;
}

.top_page {
  position: relative;
  width: 100%;
  height: auto;
  margin:0 auto;
}
.top_page_bline {
  width:100%;
  margin-top:10px;
  border-top:solid 2px #08f;
}

.top_page #main {
}

.news_list {
  position: relative;
  width:100%;
  height:auto;
  margin:0 auto;
  padding:2px;
  box-sizing:border-box;
}
.news_head {
  position: relative;
  width:96%;
  height:auto;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
}
.news_link {
  position: relative;
  width:90%;
  height:auto;
  margin:2px auto;
  padding:2px;
  box-sizing:border-box;
  border-bottom:dashed 1px #ccc;
}
/* --------------------------------------*/
/* INNER                                 */
/* --------------------------------------*/
#main .inner {
  position: relative;
  left: 0px;
  top: 0px;/*20*/
  width: 980px;
  height: 370px;
}
#side_container {
  position: relative;
  top:0px;
  /*left:700px;*/
  width:240px;
  height: 335px;
  float:left;
}

.side_menu {width:240px; margin-left:5px; float:left;}

.top_title_box {
  display:block;
  position: relative;
  background:url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/iidx_title.jpg") no-repeat scroll transparent; 
  width:100%;
  background-size:100%;
  height:100%;
  margin:0; 
}


@media (min-width:980px){
.top_scale_box {
  position: relative;
  display:block;
  width:100%;
  height:250px;
  /*border:solid 1px #f00;*/
}}
@media (max-width:979px){
.top_scale_box {
  position: relative;
  display:block;
  width:100%;
  height:auto;
  /*border:solid 1px #f00;*/
  margin-top:10%;
}}

.btn_right_box {
  position: relative;
  display:block;
  width:98%;/*835*/
  height:auto;
  margin:6px;
  z-index:20;
  clear: both;
}
@media (min-width:600px){
.top_btnbox #menu_basic {
  height:52px;
  width:222px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/top_btn_basic.png") no-repeat scroll transparent;
  display:block;
  z-index:3;
  float:right;
  margin:2px;
}
.top_btnbox #menu_basic:hover {background-position:left -52px;}
.top_btnbox #menu_basic a {
  display:block;
  z-index:4;
  height:52px;
  width:222px;
  float:right;
  margin:2px;
}}
@media (max-width:599px){

.top_btnbox #menu_basic {
  height:52px;
  width:222px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/top_btn_basic.png") no-repeat scroll transparent;
  display:block;
  z-index:3;
  float:left;
  margin:2px;
}
.top_btnbox #menu_basic:hover {background-position:left -52px;}
.top_btnbox #menu_basic a {
  display:block;
  z-index:4;
  height:52px;
  width:222px;
  float:left;
  margin:2px;
}}


.top_btnbox {
  position: relative;
  display:block;
  width:100%;
  height:auto;
}
.player_name_box {
  width:218px;
  height:24px;
  text-align:center;
  line-height:2em;
  background:#bbb;
  margin-bottom:20px;
  float:left;
}


.top_btnbox #menu_btn01 {
  height:52px;
  width:150px;/*222*/
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/top_btn_login.png") no-repeat scroll transparent;
  display:block;
  z-index:3;
  float:left;
  margin:2px;
}
.top_btnbox #menu_btn01:hover {background-position:left -52px;}
.top_btnbox #menu_btn01 a {
  display:block;
  z-index:4;
  height:52px;
  width:150px;
  float:left;
  margin:2px;
}

.top_btnbox #menu_btn02 {
  height:52px;
  width:150px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/top_btn_newmen.png") no-repeat scroll transparent;
  display:block;
  z-index:3;
  float:left;
  margin:2px;
}
.top_btnbox #menu_btn02:hover {background-position:left -52px;}
.top_btnbox #menu_btn02 a {
  display:block;
  z-index:4;
  height:52px;
  width:150px;
  float:left;
  margin:2px;
}

.top_btnbox #menu_btn03 {
  height:52px;
  width:150px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/top_btn_download.png") no-repeat scroll transparent;
  display:block;
  z-index:3;
  float:left;
  margin:2px;
}
.top_btnbox #menu_btn03:hover {background-position:left -52px;}
.top_btnbox #menu_btn03 a {
  display:block;
  z-index:4;
  height:52px;
  width:150px;
  float:left;
  margin:2px;
}

.top_btnbox #menu_btn03_try {
  height:52px;/*52*/
  width:150px;/*222*/
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/top_btn_download_try.png") no-repeat scroll transparent;
  display:block;
  z-index:3;
  float:left;
  margin:2px;
}
.top_btnbox #menu_btn03_try:hover {background-position:left -52px;}
.top_btnbox #menu_btn03_try a {
  display:block;
  z-index:4;
  height:52px;
  width:150px;
  float:left;
  margin:2px;
}

.top_btnbox #menu_btn04 {
  height:52px;
  width:150px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/top_btn_download2.png") no-repeat scroll transparent;
  display:block;
  z-index:3;
  float:left;
  margin:2px;
}

.top_ssbox {
  /*position: absolute;*/
  display:block;
  width:100%; 
  height:auto; 
  margin:8px auto;
  background:#444;
}
.top_ssbox #ss01 {
  width:150px; 
  height:84px; 
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/ss01.png") no-repeat scroll transparent; 
  margin:3px; 
  float:left;
}
.top_ssbox #ss02 {
  width:150px; 
  height:84px; 
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/ss02.png") no-repeat scroll transparent; 
  margin:3px; 
  float:left;
}
.top_ssbox #ss03 {
  width:150px; 
  height:84px; 
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/ss03.png") no-repeat scroll transparent; 
  margin:3px; 
  float:left;
}
.top_ssbox #kaihatsu {
  width:100%;
  text-align:right;
  color:#fff;
}

.top_linkbox {
  position: relative;
  display:block;
  width:98%;/*835*/
  height:auto;
  margin:6px auto;
}
.top_linkbox #btn00 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn00.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}

.top_linkbox #btn01 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn01.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn01:hover {
  background-position:left -50px;
}
.top_linkbox #btn02 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn02.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn02:hover {
  background-position:left -50px;
}
.top_linkbox #btn03 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn03.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn03:hover {
  background-position:left -50px;
}
.top_linkbox #btn04 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn04.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn04:hover {
  background-position:left -50px;
}
.top_linkbox #btn05 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn05.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn05:hover {
  background-position:left -50px;
}
.top_linkbox #btn06 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn06.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn06:hover {
  background-position:left -50px;
}
.top_linkbox #btn07 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn07.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn07:hover {
  background-position:left -50px;
}

.top_linkbox #btn08 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn08.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn08:hover {
  background-position:left -50px;
}
.top_linkbox #btn10 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn10.png") no-repeat scroll transparent; 
  margin:2px;
  float:left;
}
.top_linkbox #btn10:hover {
  background-position:left -50px;
}

.top_linkbox #btn_koubai {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn_koubai_fuki.png") no-repeat scroll transparent; 
  margin:2px -12px;
  background-position:left -64px;
  float:left;
}
.top_linkbox #btn_koubai2 {
  width:150px;
  height:50px;
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/btn_koubai_fukiS.png") no-repeat scroll transparent; 
  margin:2px -8px;
  background-position:left -64px;
  float:left;
}


@media (min-width:980px){
.top_main_box {
 width:100%;
 /*border:solid 1px #00f;*/
}
.top_left_box {
  float:left;
  width:640px;
  /*border:solid 1px #ff0;*/
}
.top_right_box {
  float:left;
  width:320px;
  margin-left:8px;
}
}
@media (max-width:979px){
.top_main_box {
 width:100%;
 /*border:solid 1px #00f;*/
}
.top_left_box {
  width:94%;
  margin:0 auto;
}
.top_right_box {
  width:320px;
  margin:0 auto;
}
}


.top_info_area {
  width:100%;
  height: auto;
  position: relative;
  /*top: 0px;*/
  background:#fff;
  border: outset 1px #ccc;
  margin-bottom:4px;
}

.top_info_area #in_box{
  width:90%;
  height: auto;
  margin:8px auto;
  line-height:2.4em;
  text-align:center;
  padding:8px:
  display:block;
}

.top_info_area #title_txt {
  font-size:18px;
  font-weight:bold;
  color:blue;
  text-align:left;
}
.top_info_area #main_txt {
  text-align:left;
  line-height:1.4em;
  font-color:black;
  margin-top:6px;
}
.top_info_area #sub_txt {
  text-align:left;
  line-height:1.4em;
  //font-size:12px;
  margin-top:10px;
}

.top_info_area #btn_box {
  width:85%;
  height:100px;
  margin:10px auto;
  /*border:dotted 1px #ccc;*/
}

.top_info_area #btn_toi,.top_info_area #btn_toi a{
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/download/btn_toi.png") no-repeat scroll transparent;
  width:222px;
  height:52px;
  margin:0 10px;
  float:left;
}
.top_info_area #btn_toi:hover {
  background-position:left -52px;
}

.top_info_area #btn_ank,.top_info_area #btn_ank a{
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/download/btn_ank.png") no-repeat scroll transparent;
  width:222px;
  height:52px;
  margin:0 10px;
  float:left;
}
.top_info_area #btn_ank:hover {
  background-position:left -52px;
}


.top_news_area {
  height:240px;
  width:100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  top: 0px;
  background:#fff;
  border-top: outset 1px #ccc;
  border-bottom: outset 1px #ccc;
  border-left: outset 1px #ccc;
  /*line-height:1em;*/
  text-indent:1em;
}

@media (min-width:600px){
.top_game_area {
  width:600px;
  height:auto;
  margin:0 auto;
}
.top_game_area #img1 {
  height:680px;/*680*/
  width:610px;
  margin:4px auto;
}
.top_game_area #img3 {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/iidx_main_mlist.png") no-repeat scroll transparent;
  width: 320px;
  height: 64px;
  margin-left:250px;
  margin-top:0px;
  z-index:5;
}
.top_game_area #img3 a {
  width: 260px;
  height: 64px;
}
}

@media (max-width:599px){
.top_game_area {
  width:100%;
  height:auto;
  margin:0 auto;
}
.top_game_area #img1 {
  height:auto;
  width:100%;
  margin:4px auto;
}
.top_game_area #img3 {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/iidx_main_mlist.png") no-repeat scroll transparent;
  width: 240px;/*320*/
  height: 48px;
  margin-right:0;
  margin-left:auto;
  z-index:5;
  background-size:100%;
  
}
.top_game_area #img3 a {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/top/iidx_main_mlist.png") no-repeat scroll transparent;
  width: 240px;/*320*/
  height: 48px;
  margin:0;
  z-index:5;
  background-size:100%;
}
}

.top_bemani_cmbox {
  width:320px;
  height:auto;
  margin:0;
}

.top_bemani_cmbox #cm00 {
  width:320px;
  height:320px;
  margin:0;
}

.top_bemani_cmbox #cm99 {
  width:320px;
  height:auto;
  margin:0;
}

.top_bemani_cmbox #cm01 {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/cm/iidx27cm.jpg") no-repeat scroll transparent;
  width:320px;
  height:320px;
  margin:0 auto;
}
.top_bemani_cmbox #cm02 {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/cm/iidx28cm.jpg") no-repeat scroll transparent;
  width:320px;
  height:320px;
  margin:0 auto;
}
.txt_y {
  color:#ff0;
}

.link_bnr_box {
}

.top_bemani_cmbox #minibox {
  width:298px;
  height:55px;
  margin:2px auto;
}

.top_bemani_cmbox #banner_bemani_fansite {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/cm/banner_bemani_fansite.jpg") no-repeat scroll transparent;
  width:145px;
  height:45px;
  margin:2px;
  float:left;
}
.top_bemani_cmbox #gate_2dx_d {
  background: url("https://eacache.s.konaminet.jp/game/eac2dx/infinitas/p/images/cm/gate_2dx_d.gif") no-repeat scroll transparent;
  width:145px;
  height:45px;
  margin:2px;
  float:left;
}

.title_obi {
  width:100%;
  height:20px;
  background:#0dd;
  padding-top:6px;
  margin:0;
}
.news_obi {
  width:100%;
  height:20px;
  background:#0d0;
  padding-top:6px;
  margin:0 auto;
}
.link_obi {
  width:100%;
  height:20px;
  background:#f80;
  padding-top:6px;
  margin:0 auto 4px;
}
#top_obi_txt {
  font-weight:bold;
  text-align:center;
  color:#fff;
}

#eam_timeline_id {
  width:480px;
  margin:4px auto;
  
}

.border_D {
  border-top:dashed 2px #ccc;
  width:100%;
  height:2px;
  margin:6px 0;
  box-sizing:border-box;
}

.clear{
  clear: both;
  }