@charset "UTF-8";



/*────────────────────────────────
　共通
────────────────────────────────*/
html{background-color: #efefef;}
body{margin:0px auto 0px auto;padding:0px 0px 0px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*:first-child+html body{
	margin:-20px auto 0px auto;
	padding:5px 0px 0px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*{zoom:1;}

html,body{
     height:100%;
}
#wrap{
	box-sizing:border-box;
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
		 border-top:11px solid #384442;
}
#contents{
     padding-bottom:120px; /*フッターの高さと同じ*/
}


article,aside,dialog,figure{display:block;}
footer,header,hgroup,menu,nav,section{display:block;}


.clearfix:after {content:".";display:block;clear:both; height:0;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.Left{float:left;}
.Right{float:right;}


a:link{color:#F45B92;}
/*a:link{color:#3770CE;text-decoration:none;}*/
a:visited{color:#3770CE;text-decoration:none;}
a:hover{color:#a00000;text-decoration:underline;}
a:active{}


.text_center{
	text-align:center;
	}
.text_left{
	text-align:left;
	}
.text_right{
	text-align:right;
	}



/*────────────────────────────────
　フォント
────────────────────────────────*/
.S{font-size: 0.75em;line-height: 140%;}
.M{font-size: 1em;line-height: 140%;}



/*────────────────────────────────
　ログイン
────────────────────────────────*/
div#Frame{
	padding: 10px;
	width: 800px;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
h1#PlanUK{margin: 15px 0px 0px 20px;}
h2#ProjectName{
	font-size: 0.875em;
	text-align: center;
	margin: 0px auto 0px auto;
	font-weight: bold;
	color: #515151;
}
div#LoginFrame,
div#LoginFrame02{
	width: 480px;
	margin: 30px auto 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	border: 1px solid #C8C8C8;
	background:#fff;


}

.p_txt01{
	width: 480px;
	margin:0 auto 20px;
	font-size:0.8em;
	line-height:1.9;
	letter-spacing:1px;
	}


div#LoginFrame02{
	margin-bottom: 50px;
}

h1#LoginTitle,
h1#ContactTitle{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing:2px;
	background-image: url(../common/login-key.png);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 40px;
	height: 32px;
	margin-right: auto;
	margin-left: auto;
	width: 170px;
	margin-top: 15px;
	color: #515151;
}
h1#ContactTitle{
	background-image: url(../images_im/ico_contact.png);
	background-repeat: no-repeat;
	width: 130px;
}

article#LoginContents{padding: 0px;width: 360px;margin: 10px auto 10px auto;}
p.LoginSubject{
	margin-top:10px;
	font-size: 0.75em;
	color: #5C5151;
}

input.LoginInput{width:360px;margin-top:5px; margin-bottom:10px;}
input.LoginCertification{width:200px;margin-top:10px;margin:3px 0px 0px 0px;}
img#Certification{margin:10px 0px 0px 0px;}
div#LoginButton{margin-top:20px}



footer{
	position:absolute;
  bottom:0;
	text-align:right;
	height:120px;
	width:100%;
	background:#384442;
	}

.top_uklogo{
	margin:0 auto;
	}

.top_uklogo img{
	margin:20px;
	}

.btn_login01 a{
	display:block;
	width:200px;
	margin:10px auto 20px;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
	font-size:0.9em;
	letter-spacing:2px;
	background:#33bfa5;
	color:#fff;
	cursor: pointer;
	}

.btn_login01 a:hover{
	opacity:0.8;
}

.btn_login02 a{
	display:block;
	width:200px;
	margin:10px auto 20px;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
	font-size:0.9em;
	letter-spacing:2px;
	border:1px solid #33bfa5;
	color:#33bfa5;
	-webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
	}

.btn_login02 a:hover{
	background:#33bfa5;
	color:#fff;
}

.login_returnText{
	margin:20px;
	font-size:0.8em;
	line-height:1.9;
	letter-spacing:1px;
	}

input#submitbotton {
	display:block;
	width:240px;
	margin:10px auto 0;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
	font-size:0.9em;
	letter-spacing:2px;
	background:#41C8CA;
	color:#fff;
	border:none;
}

input#submitbotton:hover {
	opacity:0.8;
	cursor: pointer;
}

.contact_mail{
	margin:10px 0;
	padding:10px;
	font-size:1.2em;
	text-align:center;
	color:#FF3AB9;
	background:#F6F6F6;
	}
	
.top_attention{
	width:480px;
	margin:0 auto 30px auto;
}
.top_attention_inner{
	padding:10px;
	border:solid 1px #B9B9B9;
	font-size:0.75em;
	text-align: center;
	background: #fff;
 }
.top_attention h3{
	font-weight:bold;
	border-bottom:solid 1px #000;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:8px;
}
.top_attention li{
	margin-bottom:8px;
}
.top_attention li:last-child{
	margin-bottom:0;
}
.color_red{
	color:#FF0004;
}
.mark_underline{
	text-decoration:underline;
}

.subtitle01{
	width: 21%;
	margin: 20px auto -10px auto;
	padding: 10px 20px;
	border: solid 1px #014e70;
	text-align: center;
	color: #014e70;
	font-weight: bold;
	background: #e4f2f8;
}