body,p,div,h1,h2,h3,h4.h5,ul,li,dl,dt,dd,table,tr,td,th,form,input {
  margin:0px;
  padding:0px;
  font-size:14pt;
  line-height:18pt;
  font-family:'ＭＳ Ｐゴシック',sans-serif;
}

body {
  margin:1% auto;
  text-align:center;
  position:relative;
  overflow:hidden;
}

/* 基盤ウィンドウ */
div#root {
  margin:1% auto;
  position:relative;
  width:99%;
  height:820px;
  min-height:600px;
  text-align:left;
  border:1px #000000 solid;
  background-color:#A7C0DC;
  z-index:1;
}

/* タイトル部分 */
div#root div#title {
  margin:5px 5px 0px;
  background-color:#FFFFFF;
  border:1px #000000 solid;
}

div#root div#title h1 {
  margin:5px 10px;
  font-size:20pt;
  line-height:23pt;
}

/* パネル基盤 */
div#root div.panel {
  margin:0px 5px 5px;
  position:relative;
  height:93%;
  min-height:545px;
  background-color:#FFFFFF;
  border:1px #880000 solid;
  background-image:url(/images/adv/common/background.jpg);
  overflow:hidden;
  z-index:2;
}

/* [1]通常進行 */
div#root div#npanel {
}

/* 時間表示 */
div#root div#npanel span#time {
  padding:5px 15px;
  position:absolute;
  top:0;
  right:0;
  background-color:#ddecff;
  border-left:#880000 1px solid;
  border-bottom:#880000 1px solid;
}

/* メッセージ表示区域 */
div#root div#npanel div#messageBox {
  margin:5px;
  position:absolute;
  bottom:0;
  width:99%;
  height:21%;
  background-color:#FFFFFF;
  border:1px #880000 solid;
  z-index:4;
}

/* キャラ名 */
div#root div#npanel div#messageBox div#name {
  padding:5px 10px;
  font-weight:bold;
  background-color:#d0d0d0;
}

/* メッセージ部分 */
div#root div#npanel div#messageBox div#message {
  padding:10px;
  
}

/* キャラクター画像1 */
div#root div#npanel img#char1 {
  position:absolute;
  top:40%;
  left:10%;
  z-index:3;
}

/* キャラクター画像2 */
div#root div#npanel img#char2 {
  position:absolute;
  top:40%;
  right:10%;
  z-index:3;
}

/* キャラクター画像3 */
div#root div#npanel img#char3 {
  position:absolute;
  top:50%;
  right:-20%;
  z-index:3;
  filter:alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}

/* [2]コンフィグパネル */
div#root div#cpanel {
  display:none;
}