

.btn_box {
  width: 100%;
  height:200px;
  margin:0;
  box-sizing:border-box;
}
/*移植ここから*/
.title_obi {
  width:98%;
  height:auto;
  background:#8ff;
  font-weight:bold;
  padding:6px;
  margin:0 auto;
  box-sizing:border-box;
}

.top_info_area {
  width:98%;
  position: relative;
  background:#fff;
  border: outset 1px #ccc;
  margin:4px auto;
  box-sizing:border-box;
}

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

.top_info_area #title_txt {
  font-size:16px;
  font-weight:bold;
  padding:4px;
  box-sizing:border-box;
}
.top_info_area #main_txt {
  width:96%;
  height:auto;
  font-size:12px;
  font-weight:normal;
  margin:4px auto;
  padding:4px;
  box-sizing:border-box;
}

.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;
}
/*移植ここまで*/

#main_eacloud_title_mfc {
  width: 100%;
  height: auto;
  border: solid 1px #bfbfbf;
}
#contents_eacloud_title_mfc {
  width: 100%;
}
#main_eacloud_title_shogi {
  width: 100%;
  height: auto;
  border: solid 1px #bfbfbf;
}
#contents_eacloud_title_shogi {
  width: 100%;
}

.top_title {
  width: 100%;
  height: 220px;
  background-color: #000;
  margin:0;
}
#mfc_top_title {
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/app/images/title_app.jpg") no-repeat center scroll transparent;
  background-color: #000;
}
#shogi_top_title {
  background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/title.jpg") no-repeat scroll transparent;
  width:100%;
  background-position:-50px 0;
  background-color: #000;
}

.title_screen_shot #image_shogi_01 { float:left; background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/common/title_shogi_top_image_01.jpg") no-repeat scroll transparent; }
.title_screen_shot #image_shogi_02 { float:left; background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/common/title_shogi_top_image_02.jpg") no-repeat scroll transparent; }
.title_screen_shot #image_shogi_03 { float:left; background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/common/title_shogi_top_image_03.jpg") no-repeat scroll transparent; }
.title_screen_shot #image_shogi_04 { float:left; background: url("https://eacache.s.konaminet.jp/game/shogi/eacloud/p/images/common/title_shogi_top_image_04.jpg") no-repeat scroll transparent; }


/* --------------------------------------*/
/* スクリーンショット */
.title_screen_shot {
  width:98%;
  height: auto;
  margin:0 auto;
  padding:1px;
  background-color: #f2f2f2;
  box-sizing:border-box;
}
@media (min-width:600px){
.title_screen_shot #images {
  position: relative;
  margin: 1px;
  width: 180px;
  height: auto;
  float:left;
  box-sizing:border-box;
}}
@media (max-width:599px){
.title_screen_shot #images {
  position: relative;
  margin: 1px;
  width: 32%;
  height: auto;
  float:left;
  box-sizing:border-box;
}}

/* --------------------------------------*/
.title_news {
  height: auto;
  width: 98%;
  border-top: dashed 1px #bfbfbf;
  border-bottom: dashed 1px #bfbfbf;
  margin:10px auto;
  box-sizing:border-box;
}

.title_news #news_scroll {
  padding:6px 8px;
  margin: 0 auto;
  box-sizing:border-box;
}

.title_news #news_scroll #scr_inner {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 200px;
  box-sizing:border-box;
}

.title_news #news_scroll #scr_inner ul li {
  margin: 5px 0px;
  box-sizing:border-box;
}

.title_news #news_scroll #scr_inner ul li a {
  margin: 0;
  color: #00f;
  text-decoration:none;
  box-sizing:border-box;
}

.title_news #news_scroll #scr_inner ul li img {
  position: relative;
  top: 3px;
  box-sizing:border-box;
}

.title_news_tpx {
  color:#4d6;
  font-weight:bold;
  box-sizing:border-box;
}
.title_news_mnt {
  color:#f80;
  font-weight:bold;
  box-sizing:border-box;
}
.title_news_cau {
  color:#f00;
  font-weight:bold;
  box-sizing:border-box;
}

.title_news #ttl_bar {
  width:100%; height:auto; margin:0; padding:4px;
  background-color:#fa6;
  font-weight:bold;
  box-sizing:border-box;
}

.title_explain {
  position: relative;
  width:98%;
  height:auto;
  margin:0 auto;
  padding:10px 0;
  box-sizing:border-box;
}

.menu_btn_box {
  display: block;
  width:100%;
  height:auto;
  margin:0;
  padding:6px 0;
  background:#ddd;
  border-top:solid 1px #bbb;
  border-bottom:solid 1px #bbb;
  box-sizing:border-box;
}
.menu_btn_box #inbox3 {
  width:98%;
  height:auto;
  margin:0 auto;
  box-sizing:border-box;  
}
.menu_btn_box #inbox4 {
  width:98%;
  height:auto;
  margin:0 auto;
  box-sizing:border-box;
}

.menu_btn_orange {
  display: block;
  width:160px;
  height:auto;
  margin:2px;
  background:#e82;
  border:solid 1px #b40;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.menu_btn_orange:hover {
  display: block;
  width:160px;
  height:auto;
  margin:2px;
  background:#fb0;
  border:solid 1px #b60;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.menu_btn_orange_emb {
  display: block;
  width:158px;
  height:48;
  margin:1px;
  border-left:solid 2px #fa2;
  border-top:solid 2px #fa2;
  border-bottom:solid 2px #b60;
  border-right:solid 5px #b60;
  box-sizing:border-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
}
.menu_btn_orange_emb:hover {
  display: block;
  width:158px;
  height:48;
  margin:1px;
  border-left:solid 2px #fc4;
  border-top:solid 2px #fc4;
  border-bottom:solid 2px #d82;
  border-right:solid 5px #d82;
  box-sizing:border-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
}

.menu_btn_orange #txt_btn {
  width:auto;
  height:auto;
  margin 0 auto;
  padding:4px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  box-sizing:border-box;
  text-decoration:none;
  text-shadow:#700 1px 1px 2px;
}
.menu_btn_orange #txt_btn:hover {
  width:auto;
  height:auto;
  margin 0 auto;
  padding:4px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  box-sizing:border-box;
  text-decoration:none;
  text-shadow:#900 1px 1px 2px;
}

.menu_btn_blue {
  display: block;
  width:160px;
  height:auto;
  margin:2px;
  background:#5ae;
  border:solid 1px #04b;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.menu_btn_blue:hover {
  display: block;
  width:160px;
  height:auto;
  margin:2px;
  background:#8ce;
  border:solid 1px #06b;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.menu_btn_blue_emb {
  display: block;
  width:158px;
  height:48;
  margin:1px;
  border-left:solid 2px #8cd;
  border-top:solid 2px #8cd;
  border-bottom:solid 2px #48a;
  border-right:solid 5px #48a;
  box-sizing:border-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
}
.menu_btn_blue_emb:hover {
  display: block;
  width:158px;
  height:48;
  margin:1px;
  border-left:solid 2px #aef;
  border-top:solid 2px #aef;
  border-bottom:solid 2px #6ac;
  border-right:solid 5px #6ac;
  box-sizing:border-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
}

.menu_btn_blue #txt_btn {
  width:auto;
  height:auto;
  margin 0 auto;
  padding:4px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  box-sizing:border-box;
  text-shadow:#005 1px 1px 2px;
  text-decoration:none;
}
.menu_btn_blue #txt_btn:hover {
  width:auto;
  height:auto;
  margin 0 auto;
  padding:4px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  box-sizing:border-box;
  text-shadow:#008 1px 1px 2px;
  text-decoration:none;
}

.menu_btn_glay {
  display: block;
  width:160px;
  height:50;
  margin:2px;
  background:#ccc;
  border:solid 1px #777;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.menu_btn_glay:hover {
  display: block;
  width:160px;
  height:50;
  margin:2px;
  background:#eee;
  border:solid 1px #999;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.menu_btn_glay_emb {
  display: block;
  width:158px;
  height:48;
  margin:1px;
  border-left:solid 2px #ddd;
  border-top:solid 2px #ddd;
  border-bottom:solid 2px #aaa;
  border-right:solid 5px #aaa;
  box-sizing:border-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
}
.menu_btn_glay_emb:hover {
  display: block;
  width:158px;
  height:48;
  margin:1px;
  border-left:solid 2px #fff;
  border-top:solid 2px #fff;
  border-bottom:solid 2px #ccc;
  border-right:solid 5px #ccc;
  box-sizing:border-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
}
.menu_btn_glay #txt_btn {
  width:auto;
  height:auto;
  margin 0 auto;
  padding:4px;
  text-align:center;
  font-weight:bold;
  color:#666;
  box-sizing:border-box;
  text-shadow:#eee 2px 2px 2px;
  text-decoration:none;
}
.menu_btn_glay #txt_btn:hover {
  width:auto;
  height:auto;
  margin 0 auto;
  padding:4px;
  text-align:center;
  font-weight:bold;
  color:#888;
  box-sizing:border-box;
  text-shadow:#fff 2px 2px 2px;
  text-decoration:none;
}

.title_btn_glay {
  display: block;
  width:160px;
  height:80;
  margin:2px;
  background:#ccc;
  border:solid 1px #777;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  text-decoration:none;
}
.title_btn_glay:hover {
  display: block;
  width:160px;
  height:80;
  margin:2px;
  background:#eee;
  border:solid 1px #999;
  box-sizing:border-box;
  float:left;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  text-decoration:none;
}
.title_btn_glay_emb {
  display: block;
  width:158px;
  height:78;
  margin:1px;
  border-left:solid 2px #ddd;
  border-top:solid 2px #ddd;
  border-bottom:solid 2px #aaa;
  border-right:solid 5px #aaa;
  box-sizing:border-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.title_btn_glay_emb:hover {
  display: block;
  width:158px;
  height:78;
  margin:1px;
  border-left:solid 2px #fff;
  border-top:solid 2px #fff;
  border-bottom:solid 2px #ccc;
  border-right:solid 5px #ccc;
  box-sizing:border-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  text-decoration:none;
}
.title_btn_glay #txt_btn {
  width:auto;
  height:auto;
  margin 20px auto;
  padding:10px;
  text-align:center;
  font-weight:bold;
  font-size:16pt;
  color:#222;
  box-sizing:border-box;
  text-shadow:#eee 2px 2px 2px;
  text-decoration:none;
}
.title_btn_glay #txt_btn:hover {
  width:auto;
  height:auto;
  margin 20px auto;
  padding:10px;
  text-align:center;
  font-weight:bold;
  font-size:16pt;
  color:#444;
  box-sizing:border-box;
  text-shadow:#fff 2px 2px 2px;
  text-decoration:none;
}


