A:hover   {COLOR: #ff4444; text-decoration:underline;}
A:active  {COLOR: #ff4444; text-decoration:underline;}
body,tr,td,th {font-size:12px;line-height:1.3;}
form{ margin: 0; }
 textarea { font-size: 12px; }

        pre {
            white-space: -moz-pre-wrap; /* Mozilla */
            white-space: -o-pre-wrap;   /* Opera 7 */
            white-space: pre-wrap;      /* CSS3 */
            word-wrap: break-word;      /* IE 5.5+ */
        }
        div.CollapsibleBoxBody {
           display: none;
        }

    
.cdek {
    Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute; border:1px ;
}

input[type="image"]{
 cursor: pointer;
}

input[type="checkbox"] {
    width:16px;
    height:16px;
}

#box {
width: 430px;
height: 310px;
}

#box iframe {
width: 430px;
height: 310px;
}

.img_itemNum{
    color:white; font-size:10px;   
    text-shadow: 2px  2px 2px black,  
                -2px  2px 2px black,  
                 2px -2px 2px black,  
                -2px -2px 2px black;  
    top:8px;left:8px;position:absolute;
}
.cmnsubmit {
  margin:2px;height:27px;width:86px;
}

.clear { clear:both; }  
.clear hr { display:none; }  

.battlecmd{
 white-space:    nowrap;
 cursor:pointer;
 margin:3px 2px;
 width:145px;height:28px;font-size:14px; vertical-align:middle;
 line-height:28px;
 display:flex;align-items:center;
 background-color:#ffffff;
 color:blue;
 border:solid 2px gray;
 overflow:hidden;
  -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
  padding-left:8px;
  gap:4px;
  box-sizing:border-box;
}

.minisubmit{
 cursor: pointer;
 font-size:12px; 
 padding:4;
 background-color:#000000;
 color:#ffffff;border-width:0;margin:2px 2px;
 border:solid 2px gray;

  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -o-border-radius:4px;
  -ms-border-radius:4px;

}

img,input[type="image"] {
  vertical-align: bottom;
}

.img_home{
 width:30px; height:30px; cursor: pointer;
}

.img_rpitem{
 width:120px; height:120px;
}

.imgfacechgdisp{
 border:solid 2px black;
 width:55.5px; height:70.5px; 
}

.cmnsubmitexpand{
 width:86px;height:27px;font-size:12px;
 background-color:#000033;
 color:#ffffff;border-width:0;margin:5px 3px;
  -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
}

.BtmLinks{
    text-align:center;
    font-size:12px;
    color:white;
}

.CMine{
display:inline-block;width:50px;
}

#IdBtmLinks{
    margin:20px;
}

.CTitle { 
    z-index:40; position:relative;text-align:center; margin:6px 8px 6px 24px;border:solid 2px black; width:520px;height:36px;line-height: 36px; 
    background-color:lightblue; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:white; font-size:20px; 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;
}

#IdWaitDisp{
     display:inline-block; border:solid 1px gray; width:112px; height:14px; padding:2px; background-color:white; color:black; text-align:left; overflow:hidden;
     border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px; 

}

#txtServerTime{
    display:inline-block; height:17px; width:280px;
}

.cmnsubmit2{
 cursor: pointer;
 width:86px;height:27px;font-size:12px;
 background-color:#000000;
 color:#ffffff;border-width:0;margin:4px 0px;
  -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
  text-align:center;
}

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

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

.img_item{
    width:15px; height:15px; vertical-align:middle;position:relative;background-size:cover;
}
.img_item2{
    width:15px; height:15px; 
}

.CCmd{ 
    z-index:40; position:relative;text-align:center; margin:2px;font-weight:bold;border:solid 2px black; width:87px;height:27px;cursor:pointer;  font-size:15px; 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:cover; color:white; 
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; 

}

.CSlide{
overflow-x: scroll;
}

.CTextShadowBlue{color:white; font-size:24px;text-shadow: 2px  2px 5px blue,  -2px  2px 5px  blue,2px -2px 5px  blue,  -2px -2px 5px  blue;}
.CTextShadowRed{color:white; font-size:24px;text-shadow: 2px  2px 5px red,  -2px  2px 5px  red,2px -2px 5px  red,  -2px -2px 5px  red;}


/* ---- 作成画面 (2026-11-08) PC ---- */
.mkTabs .mkTab{width:120px;}
.mkGoBtn{width:58px;height:24px;margin:0;float:none;font-size:12px;}
/* 2026-11-09: 外枠 (CMainTbl 800px) の内側 inline-block は下部のチャット表 (min-content 785〜) で 784px の余地を超えるため、
   作成画面のブロックだけは 780px に抑えて右端が枠から出ないようにする (CFrameTop と同じ幅) */
.mkTabs,.mkPanel,.mkHelp{max-width:780px;box-sizing:border-box;}
/* 2026-11-09: 持ち物を開いているときは一覧の右に並べる (問い合わせ 9083)。クラスは common.pl (Cookie) と cmn017.js (開閉時) が付ける */
.mkBody.mkLugOpen{display:flex;align-items:flex-start;gap:8px;}
.mkBody.mkLugOpen .mkFolds{order:2;flex:0 0 270px;flex-direction:column;align-items:stretch;margin:0;}
.mkBody.mkLugOpen .mkFolds .mkFold[open]{flex-basis:auto;}
.mkBody.mkLugOpen table.mkList{order:1;flex:1 1 auto;min-width:0;width:auto;}
/* 2026-11-10: 持ち物の列 (270px) から中身がはみ出ないように (ユーザー指摘)。表は列幅に固定し、装備アイコンや長い名前は折り返す */
.mkBody.mkLugOpen .mkFolds{min-width:0;max-width:270px;}
.mkBody.mkLugOpen .mkFolds .mkFold[open]{max-width:270px;box-sizing:border-box;}
.mkBody.mkLugOpen .mkFolds .mkFold[open] > div{overflow:hidden;}
.mkBody.mkLugOpen .mkFolds table{width:100%;table-layout:fixed;border-spacing:3px;}
.mkBody.mkLugOpen .mkFolds td{white-space:normal;overflow-wrap:anywhere;word-break:break-all;}
.mkBody.mkLugOpen .mkFolds td:first-child{width:44px;}
.mkBody.mkLugOpen .mkFolds td img{max-width:100%;}
/* 2026-11-10: 2 カラム時の一覧は 2 段組 (1 段目: 作成・生成物・LV・成功率 / 2 段目: 材料)。494px 幅で材料チップが 1 行ずつ縦に積み上がり行が高くなるのを防ぐ */
.mkBody.mkLugOpen table.mkList,.mkBody.mkLugOpen table.mkList tbody{display:block;}
.mkBody.mkLugOpen table.mkList tr{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #e3efee;}
.mkBody.mkLugOpen table.mkList tr:last-child{border-bottom:none;}
.mkBody.mkLugOpen table.mkList tr:first-child{display:none;}
.mkBody.mkLugOpen table.mkList td{display:block;border-bottom:none;}
.mkBody.mkLugOpen table.mkList td.mkGo{order:1;width:66px;box-sizing:border-box;}
.mkBody.mkLugOpen table.mkList td.mkName{order:2;flex:1 1 auto;white-space:normal;}
.mkBody.mkLugOpen table.mkList td.mkLv{order:3;}
.mkBody.mkLugOpen table.mkList td.mkLv::before{content:"LV ";font-weight:normal;color:#6b6b6b;}
.mkBody.mkLugOpen table.mkList td.mkRate{order:4;}
.mkBody.mkLugOpen table.mkList td.mkMats{order:5;flex-basis:100%;padding:0 6px 5px 72px;}
.mkBody.mkLugOpen table.mkList tr.mkRow:hover td{background:transparent;}
.mkBody.mkLugOpen table.mkList tr.mkRow:hover{background:#f0faf9;}