* {
    box-sizing: border-box;
}

body{
	padding: 0 10px;
	text-align:center;
	background: url(http://joyx.jp/joyxopen2010/common/img/body_bg.jpg) repeat-x #4C862B left top;
}

a:link{
	color:#275227;
	text-decoration:underline;}
a:hover{
	color:#3E823E;
	text-decoration:none;
	}
	
	
#wrap{
	margin-top:15px;
	width:100%;
	padding-bottom:20px;
	background: url(http://joyx.jp/joyxopen2010/common/img/copyright.jpg ) bottom center no-repeat;
	background-color:#FFF;
}
#wrap > img {
	width: 100%;
}
#wrap > hr {
	width: 100% !important;
    border: none;
    border-bottom: solid 1px #CCC;
    margin: 0 auto 30px;
}

	a:link{color:#FF9900;}
	a:visited{color:#666666;}
	.TitleColor{ color:#CCCCCC;}
	.BodyColor{ background-color:#FFFFFF;}
	.BodyColor2{ background-color:#FFF;}
	.TextBoxColor{ background-color:#FFF; color:#000000;}
	.UC{ color:#FF0000;}
	.PC{ color:#333;}
	.OC{ color:#0000FF;}
	


/*--------------------wb_[--------------------*/
#head{
	width:100%;
	margin:9px 0px 0px 0px;
}

/*--------------------tb^[--------------------*/
#footer{
	width:100%;
	text-align:right;
	background-image:url(../../score/images/footer_bg.gif);
}


/*@==========̑==========@*/

.cl{
	clear:both;}

table{
	border:none;
	border-collapse:collapse;
	width:100%;
}	
td, th{
	font-size: 92.5%;
	font-family: "sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border:1px solid #999999;
	padding:4px;}

th{
background-color:#313131;
color:#FFF;
}
td{
	background-color:#FFF;
	color:#333333}
table.navi td, table.navi th{
	border:none;
	font-size:0.8em;
	}
table.navi td, table.navi th {
	padding: 0;
}
table{
	margin:0.5em 0;}
img{
margin:1px 0 10px 0;
}

.text-plus {
    color: #00F;
}
.text-zero {
    color: #333;
}
.text-minus {
    color: #D00;
}

/* 共通: 全列最低幅80px */
table th,
table td {
  min-width: 80px;
}

/* PC表示（601px以上）: 2列目だけ最低幅110pxに上書き */
@media (min-width: 601px) {
  table th:nth-child(2),
  table td:nth-child(2) {
    min-width: 110px;
  }
}

/* テーブルのレイアウト設定 */
table {
  table-layout: auto; /* 固定にしたい場合は fixed に変更 */
  width: 100%;
  border-collapse: collapse; /* 枠線を重ねる */
}

table th, table td {
  border: 1px solid #333;
  padding: 4px 8px;
}

table {
    display: table;
}

@media (max-width: 768px) {
    table, #wrap, #head, #footer {
        width: 100%;
    }
    td, th {
        font-size: 80%;
        padding: 2px;
    }
}

@media (max-width: 480px) {
    td, th {
        font-size: 70%;
        padding: 1px;
    }
}