


/* --------------------------------------*/
/* ENVIRONMENT                           */
/* --------------------------------------*/
#header_eacloud_env {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/environment/page_environment_title_01.png") no-repeat scroll transparent;
}
#contents_eacloud_env {
  height: auto;
  width:100%;
  border:solid 1px #ccc;
  box-sizing:border-box;
}
#contents_eacloud_env_popup {
  background-color: #fff;
  border-top: none;
  border-bottom: none;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  width: 98%;
  height:auto;
}
#fotter_eacloud_env {
  /*background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/environment/page_environment_title_01.png") no-repeat scroll transparent;*/
}

.msg_box_top {
  width:auto;
  height:auto;
  margin:4px;
  padding:6px;
  box-sizing:border-box;
}

@media (min-width:640px){
#table_01{
  position: relative;
  margin: 4px auto;
  width: 96%;
  height:auto;
  border-collapse: collapse;
  box-sizing:border-box;
}

#table_01 th{
  border: solid 1px #000;
  background-color: #444;
  color: #fff;
  width: 8em;
  height: auto;
  padding:8px 6px;
  box-sizing:border-box;
}

#table_01 td{
  border: solid 1px;
  background-color: #fff;
  padding:8px;
  box-sizing:border-box;
}
#table_inner {
  position: relative;
  width: 96%;
  height: auto;/*1030*/
  box-sizing:border-box;
}
}
@media (max-width:639px){
#table_01{
  position: relative;
  margin: 4px auto;
  width: 98%;
  height:auto;
  border-collapse: collapse;
  box-sizing:border-box;
}

#table_01 th{
  border: solid 1px #000;
  background-color: #444;
  color: #fff;
  width: 22%;
  height: auto;
  padding:4px;
  box-sizing:border-box;
}

#table_01 td{
  border: solid 1px;
  background-color: #fff;
  padding:4px;
  box-sizing:border-box;
}
#table_inner {
  position: relative;
  width: 98%;
  height: auto;/*1030*/
  box-sizing:border-box;
}
}

#table_inner p {
  margin: 0;
  padding: 0;
  /*font-size: 11pt;*/
  box-sizing:border-box;
}

#table_inner #caption {
  text-align: center;
  font-size: 14pt;
  box-sizing:border-box;
}

#checker{
  border: solid 1px #000;
  position: relative;
  margin: 10px auto;
  width: 96%;
  height: auto;
  padding:6px;
  box-sizing:border-box;
}

#checker #comment1{
}
#checker #comment1 p{
  position: relative;
  text-align: center;
  top: 5px;
  width: 96%;
  height:auto; 
  box-sizing:border-box;
}

#checker #comment2{
  background-color: #d9d9d9;
  position: relative;
  margin: 0px auto;
  width: 96%;
  height: auto;
  padding:6px;
  box-sizing:border-box;
}
#checker #comment2 p{
  color: #262626;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  width: 96%;
  height:auto;
  box-sizing:border-box;
}

#checker_bt {
  position: relative;
  margin: 15px auto;
  width: 120px;  height: 30px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/environment/environment_checker_bt.png") no-repeat scroll transparent;
  box-sizing:border-box;
}
#checker_bt a {
  display: block;
  height: 30px;
  width: auto;
  box-sizing:border-box;
}
#checker_bt:hover {
  background-position: 0px -30px;
  box-sizing:border-box;
}

#checker_bt_02 {
  position: relative;
  margin: 15px auto;
  width: 120px;  height: 30px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/environment/environment_checker_bt_02.png") no-repeat scroll transparent;
  box-sizing:border-box;
}
#checker_bt_02 a {
  display: block;
  height: 30px;
  width: auto;
  box-sizing:border-box;
}
#checker_bt_02:hover {
  background-position: 0px -30px;
  box-sizing:border-box;
}

#env_caution {
  position: relative;
  margin: 0 auto;
/*  top: 5px;
  left: 10px;*/
  width: 95%;
  height: auto;
  box-sizing:border-box;
}

#env_caution p {
  font-size: 8pt;
  color: #262626;
}

#env_caution_02 {
  margin: 10px auto;
  position: relative;
  width: 60%;
  height:auto;
  box-sizing:border-box;
}

#env_caution_02 p {
  font-size: 8pt;
  color: #262626;
}

#checker #comment2 #standby {
}

#checker #comment2 #standby #standby_anime {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/environment/environment_checker_anime_s.gif") no-repeat scroll transparent;
  position: relative;
  margin: 0 auto;
  top: 5px;
  width: 45px;
  height: 5px; 
  box-sizing:border-box;
}

#checker #comment2 #standby_text {
  position: relative;
  top: -11px; 
  color: #262626;
}

#checker #comment2 #standby_text p {
  color: #262626;
}

#checker #comment2 #text_ok p {
  color: #00f;
}

#checker #comment2 #text_ng p {
  color: #f00;
}


/*---インストールテスト ここから---*/

#checker #comment_install_02{
  background-color: #d9d9d9;
  position: relative;
  margin: 0px auto;
  width: 60%;
  height: auto;
  box-sizing:border-box;
}
#checker #install_test_message{
  width: 60%;
  height: auto;
  box-sizing:border-box;
}
#checker #install_test_message p{
  position: relative;
  color: #262626;
  font-weight: bold;
  text-align: center;
  top:16px;
  width: 60%;
  height:auto;
  box-sizing:border-box;
}
#checker #install_test_message #standby_text p {
  color: #262626;
  top:0px;
}
#checker #install_test_message #text_ok p {
  color: #00f;
  top:16px;
}
#checker #install_test_message #text_ng p {
  color: #f00;
  top:8px;
}


#checker #install_test_message #standby {
  position: relative;
  top:5px;
}

#checker #install_test_message #standby #standby_anime {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/environment/environment_checker_anime_s.gif") no-repeat scroll transparent;
  position: relative;
  margin: 0 auto;
  width: 45px; height: 5px; 
  box-sizing:border-box;
}

#checker_bt_install {
  position: relative;
  margin: 15px auto;
  width: 120px;  height: 30px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/environment/environment_checker_bt_install.png") no-repeat scroll transparent;
  box-sizing:border-box;
}
#checker_bt_install a {
  display: block;
  width: auto;
  height: 30px;
  box-sizing:border-box;
}
#checker_bt_install:hover {
  background-position: 0px -30px;
}

#env_caution_03{
  position: relative;
  background-color: #ded;
  margin: 10px auto;
  top: 5px;
  height: auto;
  width: 60%;
  box-sizing:border-box;
}
#env_caution_03 p{
  position: relative;
  color: #262626;
  margin: 0 auto;
  top: 20px;
  width: 60%;
  height:auto;
  font-size: 8pt;  
  box-sizing:border-box;
}

