body, div, p, span, em, table, tr, td, th, ul, li {
  padding: 0px;
  margin: 0px;
  font-size: 10pt;
  line-height: 12pt;
  color: #FFFFFF;
}

body {
  margin: 10px auto;
  text-align:center;
  background-color: #000000;
}

a {
  color: #8fbc8f;
  text-decoration: none;
}

h1 {
  font-size: 20px;
  line-height: 23px;
}

select {
  border: #808080 3px solid;
  background-color: #000000;
  color: #FFFFFF;
}

.icon {
  width: 32px;
  height: 32px;
  padding:1px;
}

.selectable {
  color: #8fbc8f;
  cursor: pointer;
}

/* body */
#mainDiv {
  width: 770px;
  margin: 10px auto;
  text-align: left;
  position: relative;
}

/*------------------------------------------------------------------------------*/
/* 左フレーム */
#leftDiv {
  width:500px;
  height:420px;
  float:left;
  border:#FFFFFF 3px solid;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ようこそ画面、ログイン(登録)フォームのフレーム */
#firstDiv {
  padding: 30px 0px;
  margin: 30px 5px;
  text-align:center;
}

/* 登録orログインへのリンク */
#firstAnchor {
  width: 320px;
  padding: 30px 0px;
  margin: 5px auto;
  text-align: left;
  border:#FFFFFF 3px solid;
}

#firstAnchor a {
  padding-left: 50px;
  line-height: 40px;
}

#firstAnchor a:hover {
  background-image: url('../images/selected.png');
  background-position: 38% 50%;
  background-repeat: no-repeat;
}

/* ログイン(登録)フォーム */
#loginForm {
  width: 320px;
  margin: 20px auto;
  display: none;
}

#loginForm .inputs {
  width:150px;
  margin:3px auto;
  padding: 2px;
  background-color: #000000;
  color: #FFFFFF;
  border: #808080 3px solid;
}

#newReg {
  display:none;
}

/* 画像用のエリア(擬似フォーム) */
#newReg #newRegImage {
  position: relative;
}

/* 使用画像を選択のテキスト */
#newReg #newRegImage #selectIconSummary {
  padding: 1px 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #C0C0C0;
  font-size: 10px;
  line-height: 12px;
}

/* 選択可能なアイコンのリスト */
#newReg #iconList {
  padding:10px 1px;
  margin-left: -1px;
  position:absolute;
  left:0px;
  width: 150px;
  border:#FFFFFF 3px solid;
  background-color:#FFF1FE;
  display:none;
}

#Form0, #Form1, #Form2, #Form3 {
  margin-top:10px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 戦闘画面基盤 */
#battleDiv {
  padding: 5px 0px;
  margin:10px 5px;
  text-align:center;
  display: none;
}

#battleDiv table {
  width:450px;
  margin: 10px auto;
  border:#FFFFFF 3px solid;
}

#battleDiv table tr td {
  height:100px;
  width: 150px;
  text-align: center;
}

#battleDiv table .nameSpace {
  
}

#battleDiv table .effectSpace {
  padding: 80px 0px 20px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* じゃんけんの手 */
#selectDiv {
  width:450px;
  padding: 10px 0px;
  margin: 0px auto;
  text-align: left;
}

/*------------------------------------------------------------------------------*/
/* 右フレーム */
#rightDiv {
  float:right;
  width:250px;
  height:420px;
  border:#FFFFFF 3px solid;
}

/* 敵リスト用 */
#rightDiv ul {
  margin: 10px 5px;
  list-style-type: none;
}

#rightDiv ul li {
  margin: 5px;
}

/*------------------------------------------------------------------------------*/
/* フレーム回り込み解除 */
#clearFix {
  clear:both;
  line-height:1px;
  font-size:1px;
  margin:0px;
  padding:5px 0px 0px;
}

/*------------------------------------------------------------------------------*/
/* ステータス表示用 */
#statusDiv {
  border:#FFFFFF 3px solid;
  padding:5px;
}

#messageDiv {
  margin:10px;
}