form {
   margin:0;
}
body,table,tr,td,input[type="submit"],textarea,div,span,select,option {
   font-size:12px;
   font-family: "ＭＳ Ｐゴシック",sans-serif; 
}
table{
    border-collapse
}
pre{
    margin:0;
}



select{
  z-index:60;position:relative;
}

#IdCrests{
  z-index:10;position:relative;
}

.tdmap{
    width:30px; height:30px;
    background-repeat: no-repeat; background-position: center center; text-align: center; vertical-align: middle; position:relative;
}

.CMSce{
position : absolute;top : 0;left : 0; z-index : 9999; opacity : 0.01; pointer-events : auto;
}

.btTile2{
    background-color: rgba(255, 165, 0, 0.1); width:38px;height:38px;margin:auto;cursor:pointer;
    top:3px;left:3px;position:absolute;border:solid 2px gray;z-index:300;
    text-align: center;  vertical-align: middle; line-height:38px;font-size:30px;color:white;font-weight:bold;
}

.btTile{
    background-color: rgba(255, 165, 0, 0.1); width:38px;height:38px;margin:auto;cursor:pointer;
    top:3px;left:3px;position:absolute;border:solid 2px black;z-index:300;
    text-align: center;  vertical-align: middle; line-height:38px;font-size:30px;color:white;font-weight:bold;

    text-shadow: 3px  3px 3px gray,  
                -3px  3px 3px gray,  
                 3px -3px 3px gray,  
                -3px -3px 3px gray;  
    
}

.COsts{
    position:absolute;left:-8px;top:-5px;width:45px;height:15px;overflow:hidden;opacity:0.8;
}
.Calph{
    position:absolute;left:19px;top:20px;color:white;
}


.btMvbk{
    background-color:blue;opacity:0.35;width:38px;height:38px;margin:auto;cursor:pointer;
    top:4px;left:4px;position:absolute;z-index:100;
}
.btMv{
    background-color:blue;opacity:0;width:100%;height:100%;cursor:pointer;
    top:0px;left:0px;position:absolute;z-index:100; border-radius: 3px;
}


.CBlink {
  animation: blinkAnime 4s ease-in-out infinite;
}

@keyframes blinkAnime {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3; /* 完全に消さずに少し薄くする */
  }
}

.btdmap{
    text-align: center;  vertical-align: middle;
    width:46px; height:46px; background-size: auto 45px;position:relative;
}

.btlogdmap{
    text-align: center;  vertical-align: middle;
    width:36px; height:36px; background-size: auto 35px;position:relative;
}

#IdBMap{
    width:276px; height:230px;
}

#dek{
z-index:9000;
}
.CBMem{
z-index:200;position:absolute;top:5px;left:9px;font-size: 0;
}
.Cbar{
display: flex; width: 100%; height: 5px;margin:0px;position:absolute;top:33px;left:0px;z-index:400;
}

.CImgCnt{
    color:white; font-size:12px;   
    text-shadow: 2px  2px 2px black,  
                -2px  2px 2px black,  
                 2px -2px 2px black,  
                -2px -2px 2px black;  
    top:18px;left:20px;position:absolute;

}

.CKadomaru{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
}
.CKadomaruMini{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
}
.CPop{
border:solid 2px #003333;
background-image:url(/dwd/dd_img/common_img/top_bg_mid\.gif);
background-color:white;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
	box-shadow: gray 1px 1px;

}
.CKadomaruL{
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
}

.CFrameTop{
    width:780px;text-align:left;position:relative;
}

.CMainTbl{
    width:800px;background-image:url(/dwd/dd_img/common_img/top_bg_mid\.gif);margin:2px;
}

.CMainTblInTbl{
    display:inline-block;margin:2px 8px 30px 8px;
}
.CTxtBlue{
    color:blue;
}
.CTxtRed{
    color:red;
}



#IdTopCmd{
    display:inline-block;hegiht:36px;width:580px;text-align:center;vertical-align:middle;
}

.CButton { 
    position:relative;text-align:center; margin:2px;border:solid 2px black; width:86px;height:28px;line-height: 14px; cursor:pointer;
    background-color:lightblue; 
    color:white; font-weight:bold;font-size:14px; text-shadow: 2px 2px 5px black, -2px 2px 5px black,2px -2px 5px black, -2px -2px 5px black; 
    background-image:url("/dwd/dd_img/command_img/cmd.gif"); background-size:contain; color:white;
}

.CMiniFace{
    width:19px; height:24px;margin:1px
}

.CFace{
    width:74px; height:94px;margin:2px;
    background-color:white;
    border:solid 2px black;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
}

/* 84 x 104 Clas Face Frame*/
.CFF{ 
    width:84px; height:104px; background-size:contain;
    background-image:url('/dwd/dd_img/common_img/bg_sts.gif');
}

.CFhF{ 
    width:42px; height:52px; background-size:contain;
    background-image:url('/dwd/dd_img/common_img/bg_sts.gif');
}

/* 74 x 94 */
.CF{
    width:74px; height:94px;
    margin:5px;
}

.CFhm{
    width:29.6px; height:37.6px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

.CFm{
    height:26.0px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}
.CFh{
    width:37px; height:47px; margin:2.5px;
    border-radius:4px;
}

#IdMoveMsg{ color:blue; }

.CTable01{
width: 98%;
border-collapse: collapse;
}
.CTable01 th{
padding: 4px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.CTable01 td{
padding: 4px;
border: 1px solid #b9b9b9;1
}

.CTable01 tr{
  background: white;
}

.CSortBtn{
    margin:1px;
    cursor:pointer;
}

.CCrestsBox{
    width:165px; height:55px;
}
.CCrestsMiniBox{
    width:108px; height:36px;
}

.CCrest{
    width:45px; height:45px; border:solid 1px gray;
    margin:4px; position:relative;
    display:inline-block;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
   
}
.CTLogo{
    width:82px;height:35.672px;margin:1px 20px 1px 4px;
}
.CCrestMini{
    width:32px; height:32px; border:solid 1px gray;
    margin:1px; position:relative;
    display:inline-block;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    background-size:cover;
}

#IdIsMsg{
position:absolute;top:0px;left:0px;z-index:9999;
}

.CMsg{
    background-color:white;
    border:solid 2px black;
    margin:12px;
    width:96%;
    box-shadow: gray 3px 3px;
    margin:6px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;

}

.CCrestTxt{
    color:white; font-size:20px; line-height:45px;  
    text-shadow: 3px  3px 3px blue,  
                -3px  3px 3px blue,  
                 3px -3px 3px blue,  
                -3px -3px 3px blue;  
    top:12px;left:32px;position:absolute;
}

.CCrestTxtMini{
    color:white; font-size:14px; line-height:32px;  
    text-shadow: 3px  3px 3px blue,  
                -3px  3px 3px blue,  
                 3px -3px 3px blue,  
                -3px -3px 3px blue;  
    top:6px;left:20px;position:absolute;
}
.CBottomSpace{
    width:300px;
    height:400px;
}


.CNotice{
	width:68px;height:26px;display:inline-block;
}

#IdTopCmd{
	height:26px;  vertical-align: middle;
}

.CNoticeFm{
	width:32px;height:26px;display:inline-block;float:left;
}

.CTxtGold{
    font-size:15px; font-weight:bold; text-decoration:underline;
}

.img_item{
    margin:1px; vertical-align:middle;
}

#IdGunDun{
    width:270px; height:270px; 
    background-image:url("/dwd/dd_img/map_img/bg_dun_08.png"); background-size:cover; 
}

#IdGunDunBg{
    width:270px; height:270px; 
    background-image:url("/dwd/dd_img/map_img/bg_dun_06.jpg"); background-repeat: no-repeat; 
}

.CTextShadowPurple{color:white; font-size:24px;text-shadow: 2px  2px 5px purple,  -2px  2px 5px  blue,2px -2px 5px  blue,  -2px -2px 5px  purple;}

/* Battle Stats Table - Common */
.CBtlSts, .CBtlStsBase {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 4px;
}
.CBtlSts td, .CBtlStsBase td {
    padding: 2px 6px;
    white-space: nowrap;
}
.CBtlSts .cbs_label, .CBtlStsBase .cbs_label {
    font-weight: bold;
    border-right: 1px solid;
    width: 90px;
}
.CBtlSts .cbs_val, .CBtlStsBase .cbs_val {
    font-weight: bold;
    text-align: right;
    padding-left: 8px;
    width: 60px;
}
.CBtlSts .cbs_val span, .CBtlStsBase .cbs_val span {
    display: inline-block;
    width: 100%;
    text-align: right;
}

/* Base Stats - warm green tone */
.CBtlStsBase {
    background: #f0f5ec;
    border: 2px solid #7b8b6f;
}
.CBtlStsBase .cbs_label {
    color: #4a5e3c;
    border-right-color: #a8b89a;
}
.CBtlStsBase .cbs_val {
    color: #2a3a1e;
}
.CBtlStsBase tr:nth-child(even) {
    background: #e4eddc;
}
.CBtlStsBase tr:nth-child(odd) {
    background: #f0f5ec;
}

/* Battle Stats - cool blue tone */
.CBtlSts {
    background: #ecf0f5;
    border: 2px solid #6f7b8b;
}
.CBtlSts .cbs_label {
    color: #3c4a5e;
    border-right-color: #9aa8b8;
}
.CBtlSts .cbs_val {
    color: #1e2a3a;
}
.CBtlSts tr:nth-child(even) {
    background: #dce4ed;
}
.CBtlSts tr:nth-child(odd) {
    background: #ecf0f5;
}
.CBtlSts .cbs_sep td {
    padding: 0;
    height: 2px;
    background: linear-gradient(90deg, #9aa8b8, #6f7b8b, #9aa8b8);
    border: none;
}

/* Toggle switch (stylish ON/OFF) */
.TglSw {
    display: inline-flex;
    background: #d8dde3;
    border-radius: 16px;
    padding: 2px;
    border: 1px solid #9aa8b8;
    vertical-align: middle;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
    font-family: sans-serif;
}
.TglSw input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.TglSw label {
    padding: 3px 14px;
    border-radius: 14px;
    font-size: 12px;
    cursor: pointer;
    color: #5a6778;
    transition: background 0.15s ease, color 0.15s ease;
    line-height: 1.4;
    user-select: none;
    -webkit-user-select: none;
    min-width: 28px;
    text-align: center;
}
.TglSw label:hover {
    color: #2c3644;
}
.TglSw input[type=radio][value=ON]:checked + label {
    background: linear-gradient(180deg, #5a9bd5, #3b7fbd);
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.2);
}
.TglSw input[type=radio][value=OFF]:checked + label {
    background: linear-gradient(180deg, #8a8a8a, #6b6b6b);
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.15);
}
.TglSw input[type=radio]:focus + label {
    outline: 2px solid #a4c8ec;
    outline-offset: 1px;
}

/* === setting_toggle (merged) === */
/* Toggle switch for settings page */
.toggle_wrap{
  position: relative;
  display: inline-block;
  flex: 0 0 60px;
  width: 60px;
  height: 22px;
  vertical-align: middle;
  margin-right: 6px;
}
.toggle_wrap input[type=checkbox]{
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  position: absolute;
  top: 0; left: 0;
  z-index: 2;
}
.toggle_wrap .toggle_track{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: #bbb;
  border-radius: 11px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  transition: background 0.15s;
}
.toggle_wrap .toggle_thumb{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  transition: left 0.15s;
}
.toggle_wrap .toggle_label_on,
.toggle_wrap .toggle_label_off{
  position: absolute;
  top: 0;
  height: 22px;
  line-height: 22px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  pointer-events: none;
  font-family: Verdana, sans-serif;
}
.toggle_wrap .toggle_label_on  { left: 6px;  }
.toggle_wrap .toggle_label_off { right: 6px; }
.toggle_wrap input[type=checkbox]:checked ~ .toggle_track{
  background: #5cb85c;
}
.toggle_wrap input[type=checkbox]:checked ~ .toggle_thumb{
  left: 40px;
}
.toggle_wrap input[type=checkbox]:not(:checked) ~ .toggle_label_on{
  visibility: hidden;
}
.toggle_wrap input[type=checkbox]:checked ~ .toggle_label_off{
  visibility: hidden;
}
.toggle_wrap input.toggle_pending ~ .toggle_track{
  opacity: 0.55;
}
.toggle_wrap input.toggle_err ~ .toggle_track{
  background: #d9534f !important;
  outline: 2px solid #b52b27;
}

.config_row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 4px 0;
  line-height: 22px;
}
.config_row .config_marker{
  display: inline-block;
  width: 14px;
}
.config_row .config_action{
  display: inline-block;
  width: 60px;
  margin-right: 6px;
}
.config_row .config_label{
  flex: 0 1 auto;
  min-width: 0;
  word-break: break-word;
}
.config_row .config_extra{
  flex: 0 0 auto;
  margin-left: 1em;
}
.config_row a.go_btn{
  display: inline-block;
  width: 60px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #333;
  color: #fff !important;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana, sans-serif;
}
.config_row a.go_btn:hover{
  background: #555;
}