@charset "utf-8";

/* ----------------------------------------
login
---------------------------------------- */

#login{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

#login #box {
    position:absolute;
    top:50%;
    left:50%;
    margin:-135px 0 0 -300px;
}

#login #box #wrapper {
    width:600px;
    height:240px;
	border:1px solid #ccc;
	background-color:#fff;
}

#login p.error{
	text-align:center;
	padding:0 0 15px 0;
	font-size:14px;
	color:#cc0000;
	height:15px;
}

#login dl {
    width:500px;
	padding:20px 30px;
}

#login dl dt{
	clear:both;
    width:120px;
	float:left;
	height:14px;
	margin:10px 0;
	font-size:14px;
	padding:8px 0;
}

#login dl dd{
    width:380px;
	float:right;
	height:30px;
	margin:10px 0;
}

#login dl dd input{
	width:100%;
	height:25px;
	background-color:#ffffff;
	border: thin solid #bbb;
	color:#666;
	padding:4px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	outline: none;
}

#login dl dd input[type=text]:focus{
	background-color:#fff9d6;
	color:#333;
	border: thin solid #e5d279;
}

#login .bt{
	clear:both;
	text-align:center;
	padding-top:15px;
}

#login .key a{
	display:block;
	clear:both;
	background:url(../img/bt/key.png) no-repeat;
	width:120px;
	font-size:12px;
	padding:3px 0 5px 17px;
	line-height:1em;
	margin:20px auto 0;
}

/* ----------------------------------------
再発行
---------------------------------------- */

#login dl.reissue dt{
    width:200px;
	margin-bottom:20px;
}

#login dl.reissue dd{
	margin-bottom:20px;
    width:300px;
}

#login #box_reissue {
    position:absolute;
    top:50%;
    left:50%;
    margin:-125px 0 0 -300px;
}

#login #box_reissue #wrapper {
    width:600px;
    height:160px;
	border:1px solid #ccc;
	background-color:#fff;
}

#login #box_reissue #wrapper p{
	padding-top:20px;
}

#login #box_reissue h2{
	display:block;
	font-size:1.6em;
	color:#4b5c6f;
	line-height:1.3em;
	font-weight:bold;
	height:30px;
	margin-bottom:20px;
}

/* ----------------------------------------
login（mainpage）
---------------------------------------- */

#login_header #box {
	padding-top:40px;
}

#login_header #box #wrapper {
	margin:0 auto;
    width:600px;
    height:240px;
	border:1px solid #ccc;
	background-color:#fff;
}

#login_header p.error{
	text-align:center;
	padding:0 0 15px 0;
	font-size:14px;
	color:#cc0000;
	height:15px;
}

#login_header dl {
    width:500px;
	padding:20px 30px;
}

#login_header dl dt{
	clear:both;
    width:120px;
	float:left;
	height:14px;
	margin:10px 0;
	font-size:14px;
	padding:8px 0;
}

#login_header dl dd{
    width:380px;
	float:right;
	height:30px;
	margin:10px 0;
}

#login_header dl dd input{
	width:100%;
	height:25px;
	background-color:#ffffff;
	border: thin solid #bbb;
	color:#666;
	padding:4px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	outline: none;
}

#login_header dl dd input[type=text]:focus{
	background-color:#fff9d6;
	color:#333;
	border: thin solid #e5d279;
}

#login_header .bt{
	clear:both;
	text-align:center;
	padding-top:15px;
}

#login_header .key a{
	display:block;
	clear:both;
	background:url(../img/bt/key.png) no-repeat;
	width:120px;
	font-size:12px;
	padding:3px 0 5px 17px;
	line-height:1em;
	margin:20px auto 0;
}

/* ----------------------------------------
再発行
---------------------------------------- */

#login_header dl.reissue dt{
    width:200px;
	margin-bottom:20px;
}

#login_header dl.reissue dd{
	margin-bottom:20px;
    width:300px;
}

#login_header #box_reissue {
}

#login_header #box_reissue #wrapper {
    width:600px;
    height:160px;
	border:1px solid #ccc;
	background-color:#fff;
}

#login_header #box_reissue #wrapper p{
	padding-top:20px;
}

#login_header #box_reissue h2{
	display:block;
	font-size:1.6em;
	color:#4b5c6f;
	line-height:1.3em;
	font-weight:bold;
	height:30px;
	margin-bottom:20px;
}

/* ----------------------------------------
ライセンシーユーザ登録
---------------------------------------- */

#login dl.register_user dt {
    width: 200px;
    margin-bottom: 20px;
}

#login dl.register_user dd {
    margin-bottom: 20px;
    width: 300px;
}

#login #box_register_user {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -300px;
}

#login #box_register_user #wrapper {
    width:600px;
    height:440px;
	border:1px solid #ccc;
	background-color:#fff;
}

#login #box_register_user #wrapper p{
	padding-top:20px;
}

#login #box_register_user h2{
	display:block;
	font-size:1.6em;
	color:#4b5c6f;
	line-height:1.3em;
	font-weight:bold;
	height:30px;
	margin-bottom:20px;
}

#login #box_register_user .error {
    text-align: center;
    padding: 0 0 15px 0;
    font-size: 14px;
    color: #cc0000;
    height: 15px;
}

/* ----------------------------------------
ライセンシーユーザ登録内容の変更
---------------------------------------- */

#login_header dl.edit_login_user dt {
    width: 200px;
    margin-bottom: 20px;
}

#login_header dl.edit_login_user dd {
    margin-bottom: 20px;
    width: 300px;
}

#login_header #box_edit_login_user {
    padding-top: 20px;
}

#login_header #box_edit_login_user #wrapper {
    margin: 0 auto;
    width: 600px;
    height: 280px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#login_header #box_edit_login_user #wrapper p{
	padding-top:20px;
}

#login_header #box_edit_login_user h2{
	display:block;
	font-size:1.6em;
	color:#4b5c6f;
	line-height:1.3em;
	font-weight:bold;
	height:30px;
	margin-bottom:20px;
}

#login_header #box_edit_login_user .error {
    text-align: center;
    padding: 0 0 15px 0;
    font-size: 14px;
    color: #cc0000;
    height: 15px;
}