

/* --------------------------------------*/
/* MFC_PLAY_ERROR                        */
/* --------------------------------------*/
#header_eacloud_install {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/install/common/page_install_title_02.png") no-repeat scroll center transparent;
  -webkit-border-radius:8px 8px 0 0;
  -moz-border-radius:8px 8px 0 0;
  border-radius:8px 8px 0 0;
  width:98%;
  height: auto;
  box-sizing:border-box;
}

.dotLine {
  width:100%;
  height:2px;
  border-bottom:dotted 1px #888;
  box-sizing:border-box;
  margin:8px 0;
}

.contents #contents_eacloud_install {
  position: relative;
  top: 0px;
  /*left: 0px;*/
  width: 98%;
  height: auto;
  /*background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/error/play_title_mfc.jpg") no-repeat scroll center transparent;*/
  background:#fff;
  border-left:solid 1px #ccc; border-right:solid 1px #ccc;
  box-sizing:border-box;
}

#fotter_eacloud_install {
  width: 96%;
  height:auto;
  box-sizing:border-box;
}

.contents .inner {
  position: relative;
  background:none;
  /*width:680px;*/
}

/* ボタン共通 */
.inner .btn_common {
  float: left;
  position: absolute;
}
.inner .btn_common a {
  display: block;
  width: auto;
  height:auto;
}

.contents #error_btn{
  position: relative;
}

/* 利用方法ボタン共通 */
.btn_beginner_common {
  width: 120px;  height: 30px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/error/page_game_mfc_error_bt_01.png") no-repeat scroll 0 0 transparent;
}
.btn_beginner_common:hover {
  background-position: 0px -30px;
}
.btn_beginner_common a {
  display: block;
  height: 30px;
  width: auto;
}

/* キャンセルボタン共通 */
.btn_cancel_common {
  width: 120px;  height: 30px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/error/page_game_mfc_error_bt_00.png") no-repeat scroll 0 0 transparent;
}
.btn_cancel_common:hover {
  background-position: 0px -30px;
}
.btn_cancel_common a {
  display: block;
  height: 30px;
  width: auto;  
}


/* --------------------------------------*/
/* INSTALL ERROR                          */
/* --------------------------------------*/
#contents_eacloud_install {
  height: auto;
  width:100%;
  border:solid 1px #ccc;
  box-sizing:border-box;
}

#contents_eacloud_install_popup {
  height: auto;
  width: 96%;
  background-color: #fff;
  border-top: none;
  border-bottom: none;
  border:solid 1px #ccc;
  box-sizing:border-box;
}

.contents #inner_eacloud_install {
  width:96%;
  height: auto;
  font-size: 120%;
  padding-left: 1em;
  background:#fff;
  box-sizing:border-box;
}

.contents #inner_eacloud_install_popup {
  width: 96%;
  height: auto;
  font-size: 120%;
  padding-left: 1em;
  background:#fff;
  box-sizing:border-box;
}

/* ボタンの有効範囲 */
#dl_button {
  top: 160px;
  width: 224px;
  height: 64px;
  margin:4px 0px;
}

/* ダウンロードボタン */
@media (min-width:320px){
#to_charge {
  top: 160px;
  width: 184px;
  height: 54px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/install/pg_install_bt_download.png") no-repeat scroll 0 0 transparent;
  margin:0px;
  box-sizing:border-box;
}
#to_charge:hover {
  top: 130px;  
  background-position: 0px -54px;
}
#to_charge a {
  height: 54px;
}}
@media (max-width:319px){
#to_charge {
  top: 160px;
  width: 92px;
  height: 27px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/install/pg_install_bt_download.png") no-repeat scroll 0 0 transparent;
  background-size:100%;
  margin:0px;
  box-sizing:border-box;
}
#to_charge:hover {
  top: 130px;  
  background-position: 0px -27px;
}
#to_charge a {
  height: 27px;
}}

/* ダウンロードボタン（ポップアップ時） */
#inner_eacloud_install_popup #to_charge {
  top: 160px;  width: 184px;  height: 54px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/install/pg_install_bt_download.png") no-repeat scroll 0 0 transparent;
  margin:0px;
  box-sizing:border-box;
}
#inner_eacloud_install_popup #to_charge:hover {
  top: 160px;  
  background-position: 0px -54px;
  box-sizing:border-box;
}
#inner_eacloud_install_popup #to_charge a {
  height: 54px;
  box-sizing:border-box;
}

/* テキスト */
.text_install{
  width: 230px;
  height: auto;
  box-sizing:border-box;
}

/*↓---手順1---↓*/
#text_install1.text_install{
  position: absolute;
  top: 305px;
  left: 440px;
  box-sizing:border-box;
}
#chrome_text_01{
  position: relative;
  background-color: #ffeabf;
  height: 80px;
  box-sizing:border-box;
}
#chrome_text_01_text_01{
  position: relative;
  margin: 0 auto;
  top: 15px; width: 195px;
  box-sizing:border-box;
}
#chrome_install_01{
  position: relative;
  margin: 0 auto;
  top: 5px; width: 220px;  height: 20px;
  border: solid 1px #000000;
  background-color: #ffffff;
  box-sizing:border-box;
}
#chrome_install_01_text_01{
  position: relative;
  margin: 0 auto;
  top: 2px; width: 202px;
  box-sizing:border-box;
}
/*↑---手順1---↑*/

/*↓---手順2---↓*/
#text_install2.text_install{
  position: absolute;
  top: 525px;
  left: 440px;
  box-sizing:border-box;
}
/*↑---手順2---↑*/

/*↓---手順3---↓*/
#text_install3.text_install{
  position: absolute;
  top: 785px;
  left: 440px;
  box-sizing:border-box;
}
#chrome_text_02{
  position: absolute;
  background-color: #ffeabf;
  top: 900px;
  left: 80px;
  width: 590px;
  height: 130px;
  box-sizing:border-box;
}
#chrome_img_01{
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/install/chrome_img_01.jpg") no-repeat scroll 0 0 transparent;
  position: absolute;
  top: 45px;
  left: 20px;
  height: 70px;
  width: 250px;
  box-sizing:border-box;
}
#chrome_text_02_text_01{
  position: absolute;
  top: 57px;
  left: 290px;
  width: 290px;
  box-sizing:border-box;
}
#chrome_install_02{
  position: relative;
  margin: 0 auto;
  top: 10px;
  width: 570px;
  height: 20px;
  border: solid 1px #000000;
  background-color: #ffffff;
  box-sizing:border-box;
}
#chrome_install_02_text_01{
  position: relative;
  margin: 0 auto;
  top: 3px;
  width: 202px;
  box-sizing:border-box;
}
/*↑---手順3---↑*/

/*↓---手順4---↓*/
#text_install4.text_install{
  position: absolute;
  top: 1050px;
  left: 440px;
  box-sizing:border-box;
}
/*↑---手順4---↑*/

/*↓---手順5---↓*/
#text_install5.text_install{
  position: absolute;
  top: 1295px;
  left: 440px;
  box-sizing:border-box;
}
/*↑---手順5---↑*/

/* 次へボタン2 */
#inner_eacloud_install #to_next2 {
  left: 116px;
  top: 1635px;
  width: 518px;
  height: 115px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/install/page_install_bt_gametitle.png") no-repeat scroll 0 0 transparent;
  box-sizing:border-box;
}
#inner_eacloud_install #to_next2:hover {
  top: 1635px;  
  background-position: 0px -115px;
  box-sizing:border-box;
}
#inner_eacloud_install #to_next2 a {
  height: 115px;
  box-sizing:border-box;
}

@media (min-width:540px){
.img_box {
  width:440px;
  height:auto;
  margin:2px 0;
  box-sizing:border-box;
}
@media (mav-width:539px){
.img_box {
  width:98%;
  height:auto;
  margin:2px auto;
  box-sizing:border-box;
}
  

