@charset "utf-8";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chromeなど */
  -ms-user-select: none; /* IE10かららしい */
}

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:#7AB643;
  text-align: center;
* background-image: url("../img/tentou_back.png");
}

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

#canvas1 {
*	border:0px solid #148B4D;
	cursor: pointer;
*   background-color: transparent;
	background-image: url("../img/tentou_back.png");
 /* CSS3 */
}

#subframe1 {
	float:left;
	height:512px;
	margin: 20px;
	padding:12px;
	border:2px solid #148B4D;
*	border:1px solid #148B4D;
	text-align: center;
*	background:#148B4D;
	background:#773908;
}

#subframe2 {
	float:right;
	height:144px;
	width:300px;
	margin:  20px 20px 0px 0px;
*	padding: 12px;
*	border:1px solid #2A9136;
	background-image: url("../img/titlelogo_01.png");
	background-repeat: no-repeat;
}

#subframe3 {
	float:right;
	width:300px;
	height:412px;
	margin: 10px 20px 0px 0px;
*	padding: auto;
*	border:1px solid #2A9136;
	text-align: left;
}

#id_score, #id_stat, #id_time, #user_id, #password, #id_tento , #id_lost, #id_ptmap, #id_level{
  background-color:#eeffee;
  border:4px solid #148B4D;
  padding:4px;
  margin:0px 0px 5px 0px;
  width:280px;
}

#id_angle, #id_coli, #id_posi, #id_exec, #id_spd, #id_old, #id_act{
  background-color:#eeffee;
  border:4px solid #148B4D;
  padding:5px;
  margin:0px 0px 5px 0px;
  width:250px;
  visibility: hidden;
}

#id_info {
	margin:10px 10px 0px 0px;
	font-size: 12px; 
	font-weight: bold; 
}

#id_copy {
	margin:10px 10px 3px 0px;
	font-size: 12px; 
	font-weight: bold; 
}

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