@charset "utf-8";
/*////////////////////nta:nm////////////////////
	Nextop.Asia by Nobuhiro Miyagi
	File Name:  style.css
//////////////////////////////////////////////*/

/* OVERRIDES
------------------------------------------*/
body{
margin: 0; padding: 0;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

a{color:#cb8100;outline:0;text-decoration: none;}


/* Header Style
------------------------------------------*/
header{
	margin: 0 0 20px;
	color: #333;
background: #fff;
border-bottom: solid 5px #2a4da8;
}
	header #header_inner{
	position: relative;
	width: 1140px;
	height: 85px;
	margin: 0 auto;
	}

header #header_logo {
	position: absolute;
	margin: 0; padding: 0;
	top: 20px; left: 10px;
	width: 242px; height: 0;
	padding-top: 52px;
	overflow: hidden;
	background: url(../images/hd_logo.png) no-repeat;
}


/* Login Style
------------------------------------------*/
body#login {
	background: #fafafa;
}

#login .loginbox {
	position: absolute;
	top: 50%; left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	padding: 0px;
	width: 400px;
	background: #fff;
	border: solid 1px #ccc;
	font-size: 15px;
	border-radius: 10px;

}
#login .loginbox h2.login_ttl {
	font-size: 18px;
	margin: 0; padding: 0 0 10px;
	line-height: 1;
	padding: 20px;
	color: #333;
	border-bottom: solid 2px #aaa;
	border-radius: 10px 10px 0 0;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff, #eee);
	background:     -ms-linear-gradient(top, #fff, #eee);
	background:         linear-gradient(to bottom, #fff, #eee);

box-shadow: 0px 0px 0px 1px #fff inset;
}
#login .loginbox .content{
	padding: 30px 20px 20px;
}

#login .loginbox .loginner{
	padding: 8px 20px;
	border: solid 0px #fff;
}
#login .loginbox .loginner label{
	width: 100px;
	display: inline-block;
}
#login .loginbox .loginner input{
	width: 190px;
}
#login .loginbox .loginner #forgotPass {
	font-size: 13px;
	color: #2a4da8;
}
#login .loginbox .loginner #forgotPass:hover {
	text-decoration: underline;
}
#login .loginbox .loginner.submit{
	line-height: 1;
	text-align: center;
}
/*err message*/
#login .normalCtrl{
	/*position: absolute;*/
	top: 65px;
	width: auto !important;
	text-align: center;
	color: #c80000;
	background: #fee;
}

#loginform .btn-gray {
  background: #f90;
  border-color: #808080;
  border-width: 0px 0px 0px 0px;
  color: #ffffff;
  font-size: larger;
}
#loginform .btn-gray:hover,
#loginform .btn-gray:focus {
  color: #ffffff;
  background: #f90;
  border-color: #808080;
}

@media (max-width: 320px) {
  #loginform .download-sec {
    width: 100%;
  }
}

#loginform .download-sec {
  background: #fff !important;
  width: auto;
  max-width: 320px !important;
  margin: 0 auto;
  margin-bottom: 20px;
}


/* button */
.loginbtn{
	margin: 0px 5px 10px;
	font-size: 15px;
	padding: 7px;
	width: 180px;
	cursor: pointer;
text-shadow:0 -1px 0 #1D6DC1;
color:#fff;
border:1px solid #1D6DC1;
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
	
.loginbtn:hover{
	text-shadow:0 1px 0 #1D6DC1;
	border:1px solid #1D6DC1;
	background: rgb(155,205,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
	}

.loginbtn:active{box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);}


#loginform .box-loginform .box-title,
#loginform .download-sec .box-title {
  padding: 10px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e8ed;
  font-size: 18px;
}
#loginform .box-loginform .box-content,
#loginform .download-sec .box-content {
  padding: 0 20px;
}
#loginform .box-loginform .box-footer,
#loginform .download-sec .box-footer {
  padding: 5px 0 20px;
}
#loginform .box-loginform .box-footer a,
#loginform .download-sec .box-footer a {
  color: #555555;
}
#loginform .box-loginform .form-horizontal .form-group,
#loginform .download-sec .form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}