@charset "shift_jis";

/*=======================================================

	Created: 2013-10-22
	filename: top.css

=======================================================*/
body {
	margin:0; padding:0px;
	color:#333333;
	text-align:center;
	background-image:none;
}
div#slideArea {
	position: relative;
	height:100%;
	width:100%;
	overflow: hidden;
}

img.slide{
	z-index:1;
}

#slider{position:relative;}
div#contents{
	width:300px;
	height:230px;
	position:
	absolute;
	left:50%;
	top:50%;
	background:#000;
	padding:30px;
	margin:-145px 0 0 -180px;
	z-index:3;
	color: #fff;
	font-size:12px;
}
body#login_01,
body#login_02, 
body#login_03{
	height:800px;
	overflow:hidden;
}
body#login_04{
	height:700px;
	overflow:hidden;
}
body#login_05{
	height:700px;
	overflow:hidden;
}
#header {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#login_01 #input_area {
	width:340px;
	height:150px;
	background-image:url(../img/login/bg_input_area.png);	
	border:1px solid #E3E6EC;
	margin:275px auto 0 auto;
	padding-top:10px;
	text-align:left;
}
#login_02 #input_area {
	width:339px;
	height:400px;
	/*background-image:url(../img/login/bg_input_area.png);*/
	background-color:#FFF;
	border-right:1px solid #E3E6EC;
	margin:0 0 0 160px;
	text-align:left;
	position:relative;
}
#login_02 #tab_nissin {
	position: absolute;
	top:-35px;
	left:-5px;
}

#login_02 #input_area2 {
	width:340px;
	height:164px;
	/*background-image:url(../img/login/bg_input_area.png);*/
	background-color:#FFF;
	border-bottom:1px solid #E3E6EC;
	margin:0 auto 0 0;
	text-align:left;
	position:relative;
}

#login_02 #input_area3 {
	width:318px;
	height:215px;
	/*background-image:url(../img/login/bg_input_area.png);*/
	background-color:#FFF;
	border:1px solid #E3E6EC;
	margin:20px auto 0 20px;
	text-align:left;
	position:relative;
}

#login_02 #input_area4 {
	width:680px;
	height:90px;
	/*background-image:url(../img/login/bg_input_area.png);*/
	background-color:#FFF;
	/*border-bottom:1px solid #E3E6EC;*/
	margin:125px auto 0 auto;
	text-align:left;
	position:relative;
}

#login_02 #input_area5 {
	width:340px;
	height:400px;
	/*background-image:url(../img/login/bg_input_area.png);*/
	background-color:#FFF;
	/*border:1px solid #E3E6EC;*/
	margin:0 auto 0 0;
	text-align:left;
	position:relative;
}

#login_03 #input_area {
	width:400px;
	height:250px;
	background-image:url(../img/login/bg_input_area.png);	
	border:1px solid #E3E6EC;
	margin:260px auto 0 auto;
	text-align:left;
	position:relative;
	padding-top:25px;
}
#login_03 #tab_syain {
	position: absolute;
	top:-5px;
	left:-5px;
}
#login_04{
	background-color:#b0c4de;
}
#login_04 #input_area {
	width:410px;
	height:320px;
	background-image:url(../img/login/bg_input_area.png);	
	border:1px solid #E3E6EC;
	margin:100px auto 100px auto;
	text-align:left;
	position:relative;
	padding-top:25px;
}
#login_04 #tab_syain {
	position: absolute;
	top:-5px;
	left:-5px;
}
#login_04 #div_title{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#444;
	font-family: "‚l‚r ‚o–¾’©","MS PMincho","ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",serif;
	margin-bottom:10px;
}
#login_04 #div_txt{
	color:#444;
	font-family: "‚l‚r ‚o–¾’©","MS PMincho","ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",serif;
	margin-left:10px;
	margin-bottom:10px;
}
#login_04 .tbl_input td.sttl {
	color:#444;
	font-weight:bold;
	font-family: "‚l‚r ‚o–¾’©","MS PMincho","ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",serif;
}

#login_05{
	background-color:#A8C99B;
}
#login_05 #input_area {
	width:410px;
	height:310px;
	background-image:url(../img/login/bg_input_area.png);	
	border:1px solid #E3E6EC;
	margin:100px auto 100px auto;
	text-align:left;
	position:relative;
	padding-top:25px;
}
#login_05 #tab_syain {
	position: absolute;
	top:-5px;
	left:-5px;
}
#login_05 #div_title{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#444;
	font-family: "‚l‚r ‚o–¾’©","MS PMincho","ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",serif;
	margin-bottom:10px;
}
#login_05 #div_txt{
	color:#444;
	font-family: "‚l‚r ‚o–¾’©","MS PMincho","ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",serif;
	margin-left:10px;
	margin-bottom:10px;
}
#login_05 .tbl_input td.sttl {
	color:#444;
	font-weight:bold;
	font-family: "‚l‚r ‚o–¾’©","MS PMincho","ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",serif;
}


.tbl_input {
	width:280px;
	margin:0 auto;
}
.tbl_input td {
	padding:7px 0;
}
.tbl_input td.sttl {
	width:80px;
}
.tbl_input td input {
	width:180px;
	height:24px;
	background-color:#FFFFFF;
	border:1px solid #E3E6EC;
	padding: 1px 2px 1px 2px;
	
}
.tbl_password {
	width:360px;
	margin:10px auto 0 auto;
}
.tbl_password th {
	text-align:left;
	font-weight:bold;
}
.tbl_password .secion {
	font-weight:bold;
	font-size:115%;
	color:#0094D3;
}

.tbl_password .secion2 {
	font-weight:bold;
	font-size:130%;
	color:#ff4500;
}

#btn_new_member {
	margin:20px 0 10px 100px;
}

#btn_id_pw {
	margin:10px 0 10px 100px;
}

#footer {
	width:100%;
	height:160px;
	text-align:center;
	background:url(../img/login/bg_footer.png) 0 0 repeat-x;
}
body#login_01 #footer {
	margin-top:205px;
}
body#login_02 #footer {
	margin-top:30px;
}
body#login_03 #footer {
	margin-top:105px;
}
#footer_inner {
	width:1000px;
	margin:0 auto;
	padding-top:10px;
}

#footer #footer_left {
	width:470px;
	float:left;
	text-align:left;
	/*padding-top:20px;*/
}
#footer #footer_right {
	width:500px;
	float:right;
	text-align:left;
	/*padding-top:30px;*/
}


.f_left{
	float: left;
}

.ttl_login{
	font-weight:bold;
	margin:20px 0 10px 0;
	text-align:center;
}

.ttl_login2{
	text-align:center;
	padding-top:5px;
}

.ttl_login3{
	font-weight:bold;
	margin:5px 0 5px 0;
	text-align:center;
}

.ttl_login6{
	color:#F36C21;
	font-weight:bold;
	text-align:center;
	margin:25px auto 5px auto;
}

.ttl_login7{
	color:#F36C21;
	text-decoration: underline;
}

.ttl_login8{
	font-weight:bold;
	margin:40px 0 30px 0;
	text-align:center;
}

.login_btn2{
	border: solid 1px #888;
	border-radius: 3px;
	padding: 2px;
	width:180px;
	font-size:13.5px;
	text-align:center;
	background-color:#CCECFF;
	text-decoration: none;
	cursor: pointer;
	margin:0px auto 10px auto;
	text-align:center;
	font-weight:bold;
}

.login_btn2:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.login_btn3{
	border: solid 1px #888;
	border-radius: 3px;
	padding: 2px;
	width:180px;
	font-size:13.5px;
	text-align:center;
	background-color:#C5E0B4;
	text-decoration: none;
	cursor: pointer;
	margin:0px auto 10px auto;
	text-align:center;
	font-weight:bold;
}

.login_btn3:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}