@charset "UTF-8";
/**----------------------------------------------------------
 *CSS information
 * 
 * style info : search Style
 -----------------------------------------------------------*/ 

/*----  h1  ----*/
h1.tit-main {
 margin-bottom:30px;
}

#main-area {
 padding-bottom:50px;
}
#main-area #main-content {
 padding: 0 40px;
 margin-bottom:10px;
}
/*----  login-area ----*/
#main-area #main-content #login-area {
 float:left;
 width:400px;
	background: url(../images/index/bg-login-area-top.gif) no-repeat left top;
 padding-top:10px;
}
#main-area #main-content #login-area #login-area-content {
 background: url(../images/index/bg-login-area-bottom.gif) no-repeat left bottom;
 padding:10px 32px;
}
#main-area #main-content #login-area #login-area-content h2 {
	background: url(../images/index/tit-login.gif) no-repeat left bottom;
 width:335px;
 height:39px;
 text-indent: -9999px;
 margin-bottom:20px;
}
#main-area #main-content #login-area #login-area-content table {
 border-top:1px solid #ddd;
 border-right:1px solid #ddd;
 width:335px;
	border-collapse:collapse;
}
#main-area #main-content #login-area #login-area-content table tr th {
 background-color:#F9F9F9;
 border-left:1px solid #ddd;
 border-bottom:1px solid #ddd;
 width:35%;
 padding:10px;
 font-weight:bold;
 text-align:right;
 font-size:1.2em;
}
#main-area #main-content #login-area #login-area-content table tr td {
 background-color:#FFF;
 border-left:1px solid #ddd;
 border-bottom:1px solid #ddd;
 padding:10px;
}
#main-area #main-content #login-area #login-area-content ul {
 margin-top:20px;
}
#main-area #main-content #login-area #login-area-content ul li {
 font-size:1.2em;
 line-height:150%;
 color:#e60020;
}
#main-area #main-content #login-area #login-area-content #login-btn {
 background: url(../images/index/bg-login-btn.gif) no-repeat left top;
 width: 335px;
 height:48px;
 padding:10px 0;
 margin-top:20px;
 margin-bottom: 10px;
}
#main-area #main-content #login-area #login-area-content #login-btn a {
	background: url(../images/index/login-btn.gif) no-repeat left top;
 display:block;
 width:207px;
 height:48px;
 text-indent:-9999px;
 outline:0;
 margin: 0 auto;
}
#main-area #main-content #login-area #login-area-content #login-btn a:hover {
	background-position:left bottom;
}

/*----  Registration-area ----*/
#main-area #main-content #registration-area {
 float:right;
 width:400px;
	background: url(../images/index/bg-registration-area-top.gif) no-repeat left top;
 padding-top:10px;
}
#main-area #main-content #registration-area #registration-area-content {
 background: url(../images/index/bg-registration-area-bottom.gif) no-repeat left bottom;
 padding:10px 32px;
}
#main-area #main-content #registration-area #registration-area-content h2 {
	background: url(../images/index/tit-registration.gif) no-repeat left bottom;
 width:335px;
 height:39px;
 text-indent: -9999px;
 margin-bottom:20px;
}
#main-area #main-content #registration-area #registration-area-content #registration-btn {
	background: url(../images/index/bg-registration-btn.gif) no-repeat left top;
 width: 335px;
 height:48px;
 padding:10px 0;
 margin-bottom:10px;
}
#main-area #main-content #registration-area #registration-area-content #registration-btn a {
	background: url(../images/index/registration-btn.gif) no-repeat left top;
 display:block;
 width:207px;
 height:48px;
 text-indent:-9999px;
 outline:0;
 margin: 0 auto;
}
#main-area #main-content #registration-area #registration-area-content #registration-btn a:hover {
	background-position:left bottom;
}
#main-area #main-content #registration-area #registration-area-content p#txt-attention {
 font-size:1.2em;
 line-height:150%;
 margin-bottom:10px;
 padding: 0 10px;
}
#main-area #main-content #registration-area #registration-area-content p#txt-privacy {
 line-height:150%;
 margin-bottom:10px;
 padding: 0 10px;
}
#main-area #main-content #registration-area #registration-area-content p#txt-privacy a {
 text-decoration:underline;
}
#main-area #main-content #registration-area #registration-area-content p#txt-privacy a:hover {
 text-decoration:none;
}
/*----  txt-sub ----*/
#main-area #txt-sub {
 clear:both;
 padding: 0 50px;
}
#main-area #txt-sub li {
 font-size:1.2em;
}
#main-area  #txt-sub li a {
	background: url(../images/common/icon-arrow3.gif) no-repeat 0 0.1em;
 padding-left:15px;
 line-height:180%;
}

.txtAreaL {
 width:190px;
}


/*----  notice ----*/
#notice .notice-tit {
	width: 920px;
	height: 35px;
	background: url(../images/index/notice-tit.gif) no-repeat;
	text-indent:-9999px;
	outline: 0;
}

#notice .notice-area-wrapper {
	background: url(../images/index/notice-bottom.gif) no-repeat bottom;
	margin-bottom: 30px;
	padding-bottom: 3px;
}

#notice .notice-area {
	width: 918px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-top: 10px;
}

#notice .notice-area p {
 font-size:1.2em;
 line-height:1.8;
 padding:10px 15px 15px 15px;
}