@charset "utf-8";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

a:link {    /*リンクの設定*/
  color: #0000ff;
  text-decoration: underline;
}

a:visited {    /*訪問済みリンクの設定*/
  color: #990099;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:active {    /*クリックされた時の設定*/
  color:red;
}

a:focus {
  outline:none;
}

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  margin: 0px;
  padding:0px;
  background:#CC8844;
  text-align: center;
// border:1px solid #000000;
}

#contents {
    width: 600px;
	height:600px;
	margin: 8px auto 8px auto;
	padding: 8px;
	border:4px solid #AA6600;
    text-align: center;
}

#canvas1 {
	border:12px solid #884400;
}

#subframe1 {
	float:left;
	height:530px;
	margin:  10px 10px 10px 10px;
	padding: 10px;
	border:1px solid #AA6600;
	text-align: center;
}

#subframe2 {
	float:right;
	height:530px;
	margin:  10px 10px 10px 0px;
	padding: 10px;
	border:1px solid #AA6600;
	text-align: left;
}

#canvas2 {
  border:6px solid #884400;
  top:  0px;
  left: 0px;  
  margin:0px 10px 10px 0px;
}

#id_score, #id_stat, #id_time, #user_id, #password {
  background-color:#eeffee;
  border:4px solid #884400;
  padding:5px;
  margin:0px 10px 10px 0px;
  width:220px;
}

#id_sound {
  background-color:#eeffee;
  border:4px solid #884400;
  padding:5px;
  margin:0px 10px 10px 0px;
  width:100px;
}

#id_volum {
  background-color:#eeffee;
  border:4px solid #0044FF;
  padding:4px 3px 4px 3px;
  margin:0px 10px 10px 0px;
  width:118px;
}

#id_bgm {
  background-color:#eeffee;
  border:4px solid #0044FF;
  padding:4px 3px 4px 3px;
  margin:0px 10px 10px 0px;
  width:237px;
}

#id_info {
	margin:10px 10px 0px 0px;
	font-size: 12px; 
	font-weight: bold; 
//	border:1px solid #884400;
}

#id_copy {
	margin:10px 10px 3px 0px;
	font-size: 12px; 
	font-weight: bold; 
//	border:1px solid #884400;
}

/* ---------------------------------------- レイアウトに関する指定 */