@media (min-width:980px){
.pdata_main_box {
  display:block;
  width:980px;
  border:solid 1px #aaa;
  background:#fff;
  margin:10px auto;
  padding:0;
  box-sizing:border-box;
}
.pdata_sub_box {
  width:90%;
  line-height:1.4em;
  margin:8px auto;
  padding:1em;
  position: relative;
  //border-top:solid 1px #f00;
  box-sizing:border-box;

}
}
@media (max-width:979px){
.pdata_main_box {
  display:block;
  width:98%;
  border:solid 1px #aaa;
  background:#fff;
  margin:10px auto;
  padding:0;
  box-sizing:border-box;
}
.pdata_sub_box {
  width:90%;
  line-height:1.4em;
  margin:8px auto;
  padding:1em;
  position: relative;
  box-sizing:border-box;
  //border-top:solid 1px #f00;
}
}

.pdata_main_box #sdvx_ttl {
  width:100%;
  height:auto;
  font-weight:bold;
  /*text-indent:1em;
  line-height:1.6em;*/
  padding:4px 8px;
  background:#494201;
  background: 
  -webkit-linear-gradient(linear, left top, right top, from(#001f0a), to(#494201)); 
  background: 
  -moz-linear-gradient(left, #001f0a, #494201);
  
  background: -ms-linear-gradient(left, #001f0a 0%, #494201 100%); /* IE10+ */
  background: linear-gradient(to right, #001f0a 0%, #494201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0); /* IE7,8,9 */
  
  color:#fff;
  box-sizing:border-box;
}

.change_reset , change_reset a {
  width:100%;
  margin:0;
  padding:10px;
  text-decoration:none;
  box-sizing:border-box;
  text-align:center;  
}

.dj_data_menu , dj_data_menu a {
  width:96%;
  height:auto;
  padding:6px 16px;
  text-decoration:none;
  background:#9df;
  background: 
  -webkit-gradient(linear, left top, left bottom, from(#fff), to(#9df)); 
  background: 
  -moz-linear-gradient(top, #fff, #9df);
/* border-radius:3px;*/
  border-top:solid 1px #aaa;
  border-bottom:solid 1px #888;
  border-left:solid 1px #aaa;
  border-right:solid 1px #888;
  box-sizing:border-box;
}
.dj_data_menu:hover , .dj_data_menu_sel {
  width:96%;
  height:auto;
  padding:6px 16px;
  text-decoration:none;
  background:#fc8;
  background: 
  -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fc8)); 
  background: 
  -moz-linear-gradient(top, #fff, #fc8);
/* border-radius:3px;*/
  border-top:solid 1px #aaa;
  border-bottom:solid 1px #888;
  border-left:solid 1px #aaa;
  border-right:solid 1px #888;
  box-sizing:border-box;
}
.dj_data_btn , dj_data_btn a {
  width:150px;
  height:24px;
  text-decoration:none;
  background:#ccc;
  background: 
  -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ccc)); 
  background: 
  -moz-linear-gradient(top, #f8f8f8, #ccc);
 border-radius:3px;
  border-top:solid 1px #aaa;
  border-bottom:solid 1px #888;
  border-left:solid 1px #aaa;
  border-right:solid 1px #888;
  box-sizing:border-box;
}

.dj_data_txt , dj_data_txt a {
  font-size:10pt;
  line-height:2.3em;
  text-decoration:none;
  text-shadow: #888 0px 0px 1px;
  text-align:center;
  margin:0 auto;
  letter-spacing:0px;
  box-sizing:border-box;
}
.dj_data_btn:hover {
  width:150px;
  height:24px;
    text-decoration:none;
  background:#eee;
background: 
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8)); 
background: 
-moz-linear-gradient(top, #fff, #e8e8e8);
 border-radius:3px;
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #aaa;
  border-left:solid 1px #ccc;
  border-right:solid 1px #aaa;
  box-sizing:border-box;
}

.ttl_bg {
  width:100%;
  height:auto;
  padding:6px;
  background:#494201;
  background: 
  -webkit-linear-gradient(linear, left top, left bottom, from(#001f0a), to(#494201)); 
  background: 
  -moz-linear-gradient(top, #001f0a, #494201);
  background: -ms-linear-gradient(top, #001f0a 0%, #494201 100%); /* IE10+ */
  background: linear-gradient(to bottom, #001f0a 0%, #494201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0); /* IE7,8,9 */
  box-sizing:border-box;
}

.ttl_bg #ttl_txt {
  padding-left:10px;
  color:#fff;
  font-weight:none;
}


/*汎用ボタン*/
/*HTML側で幅の指定をするもの*/
.btn_M20 {height:20px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/btn_dataM20.png); 
  background-position:left -5px;
  text-decoration:none;
  border-top:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #888;
  border-right:solid 1px #888;
  text-align:center; margin:2px -2px 2px 2px;
}
.btn_M20 a { height:20px; background-position:left 0; display:block; border:solid 0px #000;}
.btn_M20:hover , .btn_M30_select{
  height:20px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/btn_dataM20.png) ;
  background-position:left -5px; margin:0; text-align:center; margin:2px -2px 2px 2px;
  text-decoration:none;
  border-top:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #888;
  border-right:solid 1px #888;
/*  border-top:solid 1px #dfd;
  border-left:solid 1px #dfd;
  border-bottom:solid 1px #8c8;
  border-right:solid 1px #8c8;*/
}
.btn_M20_txt {font-size:12px; color:#333; font-weight:normal;
  //text-shadow:#666 0px 0px 1px;
  text-decoration:none;
  line-height:1.7em;
  //letter-spacing:1px;
  text-align:center;
}
.btn_M20_txt:hover {font-size:12px; color:#363; font-weight:normal;
   //text-shadow:#696 0px 0px 1px;
  text-decoration:none;
  line-height:1.7em;
  //letter-spacing:1px;
  text-align:center;
}