@charset "utf-8";

.btnSubmit{
	height:60px;
	margin-top:30px;
	width:38%;
}
.btnSubmit.grad{
	/*角を丸くする*/
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	/*グラデーション*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgb(94%,94%,94%)));
	background: -moz-linear-gradient(top, #ffffff, rgb(94%,94%,94%));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=rgb(94%,94%,94%));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=rgb(94%,94%,94%))";
}
.btnSubmit.reset{
	margin-left:1px;
}
.table-tr{
	background-color:rgb(85%,85%,85%);
	border-color:#ffffff;
	border-style:solid;
	border-width:0 0 1px 0;
	font-size:inherit;
}
.table-tr:after{
	clear:both;
	content:"";
	display:block;
}
.table-td{
	background-color:#ffffff;/*rgb(94%,94%,94%);*/
	border-color:rgb(85%,85%,85%); 
	border-style:solid;
	border-width:0 1px 1px 0;
	float:left;
	padding:16px;
	width:76%;
}
.table-th{
	float:left;
	padding:16px;
	vertical-align:middle; 
	width:24%;
}
/*.table-th:after{
	clear:both;
	content:"";
	display:block; 
}*/

#login{
	font-size:106%;
	margin:0 auto;
	width:62%;
}

/* PC用 */
@media only screen and (min-width:960px){
}
/* モニター幅959px以下 */
@media only screen and (max-width:959px){
	#login{
		font-size:100%;
		width:76%;
	}
}
/* iPad 縦 */
@media only screen and (max-width:768px){
	#login{
		font-size:94%;
		width:85%;
	}
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	.btnSubmit{
		width:49%;
	}
	.table-td{
		border-style:none;
		display:block;
		float:none;
		padding:4px;
		width:100%;
	}
	.table-th{
		background-color:#ffffff;
		display:block;
		float:none;
		font-weight:bold;
		padding:4px;
		width:100%;
	}
	#login{
		font-size:100%;
		width:100%;
	}
}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
}