#content {
	margin: 30px;
}

#menu {
	margin: 0 auto;
}

#menu td {
	width: 300px;
	font-size:20px;
	font-weight: bold;
	text-align:center;
}

a.button {
    background-color: #cc9966;
    border: 1px solid #996666;
    padding: 5px 20px 5px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #c3e1ff;
    cursor: pointer;
    color: #330000;
}
a.button:hover {
    color:#330000;
    background-color:#cccc99;
    text-shadow:0px 0px 3px #ffffff;
    text-decoration: none;
}

#data-list {

}

#data-list th {
	background-color: #cc9966;
	color: #330000;
}

.right {
	text-align:right;
}
.center {
	text-align:center;
}

.th-radio {
	min-width:80px;
}
.th-title {
	min-width:300px;
}
.th-suuryou {
	width:80px;
}
.th-tanka {
	min-width:80px;
}
.th-kingaku {
	min-width:80px;
}

@media screen and (max-width:480px) {

	/*　画面サイズが480px以下の場合ここの記述が適用される　*/
	#wrapper {
		width: 100%;
	}
	.th-radio {
		min-width:60px;
	}
	.th-title {
		min-width:100px;
	}
	.th-suuryou {
		width:40px;
	}
	.th-tanka {
		min-width:70px;
	}
	.th-kingaku {
		min-width:70px;
	}
}