﻿p#content {
	position:absolute;
	top: 62%;
	width: 100%;
}

p#content input {
    cursor:pointer;
}

input#b1 {
    width: 29.5%;
	margin-left: 3.7%;
}
input#b2 {
    width: 29.5%;
	margin-left: 1.55%;
}
input#b3 {
    width: 29.5%;
	margin-left: 1.55%;
}

/* 全体描画サイズ */
@media (max-width: 860px) { /* スマホ用 */
	div#bodyarea {
		width: 568px; 
		height:320px;
		margin:0 auto;
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	}
}

@media (min-width: 861px) and (max-width: 1023px) { /* 小タブレット用 */
	div#bodyarea {
		width: 861px; 
		height:480px;
		margin:0 auto;
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	}
}

@media (min-width: 1024px) and (max-width: 1239px) { /* タブレット用 */
	div#bodyarea {
    	width: 1024px;
		height:576px;
		margin:0 auto;
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	}
}

@media (min-width: 1240px) and (max-width: 1495px) { /* PC用 */
	div#bodyarea {
    	width: 1240px;
		height:698px;
		margin:0 auto;
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	}
}

@media (min-width: 1496px) { /* PC全画面用 */
	div#bodyarea {
    	width: 1496px;
		height:842px;
		margin:0 auto;
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	}
}
