html {
	height: 100%;
	margin: 0 auto;
	padding: 10px;
	display: table;
}

body {
	background-color: #000000;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	color: #ddd;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	-webkit-text-size-adjust: 70%;
	
}

#content {
	color: #fff;
	padding: 20px;
}

.btn {
	background: -moz-linear-gradient(top,#cc3300 0%,#993300);
	background: -webkit-gradient(linear, left top, left bottom, from(#cc3300), to(#993300));
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	border: 1px solid #DDD;
	color: #FFF;
	width: 100px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 2em;
}
.btn2 {
	background: -moz-linear-gradient(top,#002DBF 0%,#001199);
	background: -webkit-gradient(linear, left top, left bottom, from(#002DBF), to(#001199));
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	border: 1px solid #888;
	color: #888;
	width: 100px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 2em;
}

@media screen and (max-width: 768px) { 
    /*　画面サイズが768pxまではここを読み込む　*/

body p {
	font-size: 1.3em;
}
}