@charset "utf-8";

/* ---------------------------------
------------------------------------
login
------------------------------------
------------------------------------*/
#login {
	padding: 50px 0 0 0;
	background-image: none;
}
#login .wrapper {
	width: 700px;
}
.bg_login_all{
	margin: 0 auto 20px;
	width: 524px;
	height: 344px;
	background:url(../img/bg_login.png) no-repeat top center;
}
.login_inner {
	margin: 0;
	padding: 12px 50px;
}
.login_inner .logo {
	margin: 0 0 10px 0;
	width: 230px;
}
.inputArea {
	margin: 0 auto 10px;
	width: 400px;
}
.inputArea table {
	width: 100%;
}
.inputArea table th {
	padding: 5px;
	width: 100px;
	line-height: 1.2;
	color: #FFFFFF;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
}
.inputArea table td {
	padding: 5px 0;
}
.inputArea table td input {
	width: 270px;
	height: 35px;
	font-size: 30px;
	background-color: #FFFFFF;
}
.login_inner .btn {
	text-align: center;
}

/* ---------------------------------
------------------------------------
login
------------------------------------
------------------------------------*/
#message .wrapper {
	width: 700px;
}
#message #mainContainer {
	padding-top: 150px;
}
#message .btn {
	padding: 20px 0 0 0;
}

/* ---------------------------------
------------------------------------
newsArea
------------------------------------
------------------------------------*/
#newsArea {
	margin: 0 auto 30px auto;
	padding: 15px;
	width: 470px;
	border: 1px #CCCCCC solid;
	background-color: #EEEEEE;
}
#newsArea .title {
	font-size: 14px;
	font-weight: bold;
}
#newsArea a{
	font-weight: bold;
}
#newsArea a:link,
#newsArea a:visited {
	color: #EC0000;
}
#newsArea a:hover {
	color: #DA4949;
}
#questionnaire_btn{
	font-size	: 15px;
	color		: white;
	margin-bottom : 20px;
}
#forget_id, #forget_password {
	text-decoration: underline ;
}
#forget_id:hover{text-decoration: none}
#forget_password:hover{text-decoration: none}
.align-center {
    text-align: center;
}
.align-center a {
    text-decoration: underline;
}
div.info-box{
    margin: 0 auto 2.5em;
    width: 495px;
    border: 1px #EEEEEE solid;
}
div.info-box p.title{
    padding: 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    background-color: #B40000;
}
div.info-box div.inner{
    padding: 20px;
    background-color:#FFFFFF;
}
div.info-box div.inner a{
    color: #FF0000;
}
.important-notice{
        font-weight: 600;
        font-size: 14px;
        color: #c00000;
        background-color: white;
        width: 620px;
        /* height: 110px; */
        border: 1px solid #c00000;
        display: block;
        margin: auto auto 20px auto;
        text-align: center;
        padding: 5px 10px;
        padding-top: 4px;
}
.important-notice p{
	width : 100%;
	font-size: 96%;
	text-align: left;
	padding :2px 0;
}
.important-notice p.title{
    font-size: 120%;
}