@charset "UTF-8";

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#main .inner{
	width:500px;
	margin:0 auto;
}
#login-header{
	background:url(../images/hbg.jpg) repeat-x;
}
#login-header .inner{
	width:500px;
	margin:0 auto;
	padding:15px 0;
}
#login-header .inner img{
	height:auto;
}
#main{
	width:500px;
	margin:0 auto;
	border-top:3px solid #009B63;
	padding-top: 0;
}
#main .inner{
	padding:15px 0;
	border-bottom:3px solid #009B63;
}
#main .btn{
	padding:15px 0;
	text-align:center;
}
#main .btn2{
	padding:0 0 15px 0;
	text-align:center;
}
#main .newbtn{
	background-color:#fff;
	padding:15px 0;
	text-align:center;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}
#main .newbtn p{
	font-size:13px;
	padding-top:15px;
	border-top:1px dotted #ddd;
}
#main .newbtn p a{
	padding-top:15px;
	text-decoration:underline;
}
#main .newbtn p a:before {
content: "※";
}
#main .ttlbar{
	color:#fff;
	background-color:#009B63;
	padding:3px 10px 6px 10px;
	font-weight:bold;
	font-size:14px;
}
#main .btn_chu{
	padding:15px 10px 0 10px;
	text-align:center;
}
#main .red{
	color:#c00;
}
#main .b{
	font-weight:bold;
}
#main .itxt{
	padding:10px;
}
#footer{
	margin-top:10px;
	border-top:0;
	padding-top:0;
}
#footer .credit{
	text-align:center;
	font-size:9px;
	color:#ccc;
	padding:5px;
}
.f_it300{
	width:300px;
	border:1px solid #ccc;
	font-size:14px;
	padding:5px;
}
.f_g150{
	width:150px;
	color:#fff;
	font-size:14px;
	padding:8px 5px;
	background-color:#009B63;
	cursor: pointer;
	border:1px solid #fff;
	border-style:none;
}
.f_g200{
	width:200px;
	color:#fff;
	font-size:14px;
	padding:8px 5px;
	background-color:#009B63;
	cursor: pointer;
	border:1px solid #fff;
}
.f_g150:hover,.f_g200:hover{
	background-color:#164299;
	border:1px solid #fff;
}
.btn2 .f_g150{
	width:150px;
	color:#fff;
	font-size:14px;
	padding:8px 5px;
	background-color:#164299;
	cursor: pointer;
	border:1px solid #fff;
}
.btn2 .f_g150:hover{
	background-color:#009B63;
	border:1px solid #fff;
}
.error{
	border:1px solid #c00;
	background-color:#eee;
}
div.en{
	color:#999;
	font-size:10px;
}
span.en{
	font-size:10px;
}
table th,table td{
	padding:10px;
	text-align:left;
	font-size:14px;
}
table th{
	white-space:nowrap;
}
table th p.sub,table td p.sub{
	padding-top:5px;
	font-size:10px;
	line-height:1.5;
}
input::placeholder{
	color:#999;
}

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

	#main .inner{
		width:100%;
		margin:0;
	}
	#login-header .inner{
		width:auto;
		margin:0 15px;
		padding:15px 0 10px 0;
	}
	#main{
		width:auto;
		margin:0;
	}
	#main .newbtn p{
		font-size:11px;
	}
	.f_it300 {
		width: 230px;
		border: 1px solid #ccc;
		font-size: 14px;
		padding: 5px;
	}

}

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

	.f_it300 {
		width: 185px;
		border: 1px solid #ccc;
		font-size: 14px;
		padding: 5px;
	}

}