@charset "UTF-8";

/***	body	***/

html {
	width:100%;
	min-height:100%;
}

body {
	width:100%;
	min-height:100%;

	color: #39383E;
	line-height: 1.3;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;

	font-size: 18px;

	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;

	background: linear-gradient(#05FBFF, #1E00FF);

	position:relative;
}

a:link, a:visited, a:hover, a:active {
	color: #39383E;
	text-decoration: none;
}



#wrapper {
	width:100%;
	min-height:100%;
}

#contents {
	width:960px;
	min-height:100%;

	margin-left:auto;
	margin-right:auto;

	position:relative;
}

#Lbox {
	width:600px;
	height:600px;

	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:100px;

	position:relative;

	text-align:center;

	border-radius: 20px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);

	background-color:#FFFFFF;
}

#Rbox {
	width:600px;
	height:auto;

	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:100px;

	position:relative;

	text-align:center;

	border-radius: 20px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);

	background-color:#FFFFFF;
}


#logo {
	width:220px;
	height:220px;

	left:50%;
	top:30px;

	margin-left:-110px;

	position:absolute;

	text-align:center;

}

#logo img {
	width:220px;
	height:220px;
}

#logoR {
	width:100%;
	height:240px;

	text-align:center;
}

#logoR img {
	width:220px;
	height:220px;

	padding-top:20px;
}


/***	index	***/


#mes {
	width:600px;
	height:18px;

	left:50%;
	top:270px;

	margin-left:-300px;

	position:absolute;

	text-align:center;



}

#error {
	width:600px;
	height:18px;

	left:50%;
	top:298px;

	margin-left:-300px;

	position:absolute;

	text-align:center;
	color:red;


}

#boxUser {
	width:400px;
	height:40px;

	left:50%;
	top:330px;

	margin-left:-200px;

	position:absolute;

	text-align:center;
	font-size:24px;

}

#boxPass {
	width:400px;
	height:40px;

	left:50%;
	top:390px;

	margin-left:-200px;

	position:absolute;

	text-align:center;
	font-size:24px;

}

#boxSubmit {
	width:200px;
	height:40px;

	left:50%;
	top:450px;

	margin-left:-100px;

	position:absolute;

	text-align:center;
	font-size:18px;

}

#forgetLink {
	width:400px;
	height:40px;

	right:45px;
	bottom:40px;

	position:absolute;

	text-align:right;


}

/***	foget	***/


#mesForget {
	width:600px;
	height:36px;

	left:50%;
	top:270px;

	margin-left:-300px;

	position:absolute;

	text-align:center;



}

#errorForget {
	width:600px;
	height:18px;

	left:50%;
	top:325px;

	margin-left:-300px;

	position:absolute;

	text-align:center;
	color:red;


}

#boxForget {
	width:400px;
	height:40px;

	left:50%;
	top:365px;

	margin-left:-200px;

	position:absolute;

	text-align:center;
	font-size:24px;

}

#mesForgetComp {
	width:600px;
	height:18px;

	left:50%;
	top:330px;

	margin-left:-300px;

	position:absolute;

	text-align:center;



}


/***	regist	***/

#mesRegi {
	width:600px;
	margin-top:30px;

}

#errorRegi {
	width:600px;
	margin-top:30px;
	color:red;
}

#tbRegi {
	width:450px;

	margin-top:30px;

	margin-left:auto;
	margin-right:auto;



}

#tbRegi td {
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

.boxRegi {
	width:100%;
	height:40px;

	font-size:24px;
}

#submitArea {
	width:600px;

	margin-top:30px;
	padding-bottom:60px;

	text-align:center;

}

#boxSubmitRegi {
	width:200px;
	height:40px;

	text-align:center;
	font-size:18px;
}

#mesRegiComp {
	width:600px;
	height:auto;

	left:50%;
	top:295px;

	margin-left:-300px;

	position:absolute;

	text-align:center;

	line-height:50px;
}


#opFooterText {
	width:940px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	margin-top:-55px;

	position:relative;

	text-align:center;

	color:#FFF;

}

#opFooterText a:link, #opFooterText a:visited, #opFooterText a:hover, #opFooterText a:active {
	color: #FFFFFF;
	text-decoration: none;
}


/***	cinfo	***/

#tbCinfo {
	width:350px;

	margin-top:30px;

	margin-left:auto;
	margin-right:auto;
}

#tbCinfo tr {
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

#tbCinfo td {
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

#mesCinfo {
	width:600px;
	margin-top:45px;
	padding-bottom:50px;
}


/* modal */

#modalBack {
	width: 100%;
	height: 100%;

	left:0;
	top:0;

	background-color:#000000;
	opacity: 0.5;

	position:absolute;
	z-index:1000;

	display:none;
}

.modalBody {

	width:600px;
	height:auto;

	left:50%;
	top:85px;

	margin-left:-300px;

	padding-top:35px;
	padding-bottom:35px;

	text-align:center;

	line-height:1.5;

	border-radius: 20px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);

	position:absolute;

	background-color:#FFFFFF;

	z-index:1010;

	display:none;
}