html, body {
	/* �ڡ��������������w�ʿ� */
  background-color:#000000;
  /* �طʲ彁E��طʿ���ŁEX */
  background-image:url(img/320bg.png);
  /*background-position:center;*/
  background-repeat:repeat;
  color:#000000
}



.iPhoneBody {
	
  background-color:transparent;
  
}


.iPhoneULIndex li {
	/* ��E���������{����������ŁEX */
	padding:0 10px;
  border-bottom: solid 1px #f633a2;
  overflow: hidden;
  background-color:transparent;
}


.iPhoneUL a,
.iPhoneULIndex a,
.iPhoneDL a {
	
	/* ��E������倡�u>�ף�E���E���X */
  text-decoration: none;
  color:#FFFF00;
  /*-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);*/
  display: block;
  padding: 10px 0;
   background: url(img/trainav.png) right center no-repeat;
}



/* ��E������彴��E*/
.iPhoneULIndex li {
	padding: 0 10px;
	overflow: hidden;
	background-color: transparent;
	background-color:rgba(204,0,0,0.1);
	background-color:#fff3fa;
	
}
	border-bottom: solid 1px #f633a2;
}


.iPhoneUL a,
.iPhoneULIndex a,
.iPhoneDL a {
	text-decoration: none;
	color: #9999FF;
	display: block;
	padding: 10px 14px 10px 0;
	font-size:16px;
	background: url(img/trainav.png) right center no-repeat;
}

marquee {
	background-color:#c10202;
	color:#FFF;
	padding:4px 0 2px 0;
	font-size:16px;
}

.lead {
	color:#FFF;
	font-size:16px;
	padding:8px;
}


/* �����ुE� */
.gamelink {
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #000000 51%, #4c4c4c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(51%,#000000), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#000000 51%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#000000 51%,#4c4c4c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#000000 51%,#4c4c4c 100%); /* IE10+ */
background: linear-gradient(top,  #4c4c4c 0%,#000000 51%,#4c4c4c 100%); /* W3C */

	font-size: 18px;
	padding:6px;
}

.gamelink a {
	display: block;
	color: #3F0;
	text-decoration:none;
	padding: 4px;
}


.kekka {
	font-size: 24px;
	padding:8px;
}



.kome {
	font-size:14px;
	color:#999;
}

.ranking {
	background-color: rgba(255, 255, 255, 0.5); */
	font-size: 16px;
	padding:8px;
	margin-top:14px;
}

.ranking a {
	font-size:20px;
	display: block;
	color: #00F;
	text-decoration:none;
	padding: 4px;
}


.kome02 {
	font-size:14px;
	color: #333;
}

.tableTitle {
	background-color:#000000;
	text-align:center;
	padding:4px 16px;
	color:#FFF;
	font-size:18px;
}

.tableTitle22 {
	background-color:#000099;
	text-align:center;
	padding:4px 16px;
	color:#FF0;
	font-size:18px;
}

.ranking {
	background-color: rgba(255, 255, 255, 0.5); */
	font-size: 16px;
	padding:8px;
	margin-top:14px;
}

.ranking a {
	font-size:20px;
	display: block;
	color: #9900FF;
	text-decoration:none;
	padding: 4px;
}

.game {
	background-color:#fff3fa;
	font-size: 18px;
	padding:2px;
}

.game a {
	font-size:18px;
	display: block;
	color:#FF9;
	text-decoration:none;
	text-align:center;
}


/* ���ԡ��饤�ȡ���E�E��*/
.crtext2 {
	padding:2px 0 10px 0;
	text-align:center;
	font-size:12px;
}





/* ����ƥ����ι��� */
.contTitle {
	margin-top:1em;
	padding: 3px 0 0 0;
	color:#FCF;
	font-size: 16px;
	text-align:center;
	background-color:#000;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(124,100,4,0.3);
}


.content {
  /*margin: 10px;*/
  color:#000;
  background-color:transparent;
  border-radius:non;
  -webkit-border-radius: non;
  padding: 0 10px;
  
}


.boxleft_01 {
	
	text-align:left;
	color:#000;
	background-color:#FFF;
	padding: 6px;
	border-bottom-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;

}

.contTitle2 {
	margin-top:1em;
	padding: 3px 0 0 0;
	color:#FFF;
	font-size: 16px;
	text-align:center;
	background-color:#60F;
	border-bottom-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(100,90,115,0.3);
}



.contTitle3 {
	margin-top:1em;
	padding: 3px 0 0 0;
	color:#FFF;
	font-size: 16px;
	text-align:center;
	background-color:#090;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(124,100,4,0.3);
}


.contTitle4 {
	margin-top:1em;
	padding: 3px 0 0 0;
	color:#FFF;
	font-size: 16px;
	text-align:center;
	background-color:#F39;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(124,100,4,0.3);
}


.content {
  /*margin: 10px;*/
  color:#000;
  background-color:transparent;
  border-radius:non;
  -webkit-border-radius: non;
  padding: 0 10px;
}  


.rank-t {
	padding: 8px 0;
	color:#FFFFFF;
	font-size: 16px;
	text-align:center;
	border-bottom: solid 1px #f633a2;
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #B74CFF), color-stop(100%, #9900FF));*/
	background-color:#c61a7c;
	/*background-color:#939;*/
	clear:both;
}

.rank-t2 {
	padding:0 0 8px 0;
	color:#FFFFFF;
	font-size: 16px;
	text-align:center;
	border-bottom: solid 1px #f633a2;
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #B74CFF), color-stop(100%, #9900FF));*/
	background-color:#c61a7c;
	/*background-color:#939;*/
	clear:both;
}


li.black {
	background-color:#000000;
	border-bottom: solid 1px #ffd800;
}



li.block {
	background-color:#000000;
	border-bottom: solid 1px #000;
}


.chara {
	font-size:18px;
	text-align:center;
	padding:4px 0;
}
.red {
	background-color:#FF0000;
	color:#FFF;
}
.pink {
	background-color:#FF0066;
	color:#FFF;
}
.blue {
	background-color:#0066CC;
	color:#FFF;
}
.green {
	background-color:#009933;
	color:#FFF;
}


.boxcenter_kuro {
	margin:0 auto;
	text-align:center;
	background-color:#fff3fa;
	color:#000;
	padding:0 10px;

}

.tete {
	font-size:16px;
}


.result_title {
	font-size:18px;
	text-align:center;
	padding:2px 0;
}
.red {
	background-color:#FF0000;
	color:#FFF;
}
.pink {
	background-color:#FF0066;
	color:#FFF;
}
.blue {
	background-color:#0066FF;
	color:#FFF;
}
.green {
	background-color:#090;
	color:#FF0;
	
}
.black {
	background-color:#000;
	color:#FF0;
}	

.result_textbox {
	font-size: 16px;
	color:#000;
	padding: 5px 5 5 5;
	line-height: 1.3;
	background-color:#FFF;
	margin-bottom:15px;
}

.result_text {
	font-size: 18px;
	padding: 20px 10 0 10;
	line-height: 1.3;
}