@charset "UTF-8";

/*
============================ index.css ===============================

	ログインページ

======================================================================
*/
#loginArea {
	margin:0 10px 15px 10px;
	padding:10px 5px;
	min-height:190px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #b9ddff;
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(226,241,255) 20%, rgb(211,233,255) 22%, rgb(185,221,255) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(20%,rgb(226,241,255)), color-stop(22%,rgb(211,233,255)), color-stop(100%,rgb(185,221,255)));
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(226,241,255) 20%,rgb(211,233,255) 22%,rgb(185,221,255) 100%);
	background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(226,241,255) 20%,rgb(211,233,255) 22%,rgb(185,221,255) 100%);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
}

body#login #wsContentsContainer {
	-webkit-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.5);
	background: url(../../images/spn/login-content-bg.png) repeat-x, rgb(78,179,222);
	background: url(../../images/spn/login-content-bg.png) repeat-x, -moz-linear-gradient(top,  rgba(78,179,222,1) 0%, rgba(105,190,227,1) 100%);
	background: url(../../images/spn/login-content-bg.png) repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,179,222,1)), color-stop(100%,rgba(105,190,227,1)));
	background: url(../../images/spn/login-content-bg.png) repeat-x, -webkit-linear-gradient(top,  rgba(78,179,222,1) 0%,rgba(105,190,227,1) 100%);
	background: url(../../images/spn/login-content-bg.png) repeat-x, linear-gradient(to bottom,  rgba(78,179,222,1) 0%,rgba(105,190,227,1) 100%);
}

body#login #wsLoginHeaderArea {
	max-width:800px;
	margin:0 auto;

}

body#login #wsLoginHeaderArea header{
	display: -moz-box;
	display: -webkit-box;
	padding:10px 10px 0px 10px;
}

body#login #loginSiteIcon {
	margin:0 10px 0 0;
	width:96px;
	height:96px;
}

body#login #loginSiteTitle {
	margin:25px 0 0 0;
	width:194px;
	height:52px;
}

body#login #loginId {
	margin:2px 0 5px 0;
}

body#login #loginPw {
	margin:2px 0 12px 0;
}

#wsBottomArea aside {
	max-width:760px;
}

#wsBottomArea aside{
	margin:0 20px 20px 20px;
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#e8e8e8;
}

#wsBottomArea aside.info2{
	margin:0 10px 10px 10px;
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#e8e8e8;
}

#wsBottomArea aside p{
	line-height:160%;
}

/* ----------------------------------------
 インフォメーションエリア */
.loginInfoArea {
	font-size:14px;
	margin:0 10px 10px 10px;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#dff2f9;
	-moz-background-size:25px 25px;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
}

.loginInfoArea h2 {
	border-left: 3px solid #357FC9;
	padding:0 0 0 5px;
	margin:0 0 5px 0;
	font-weight:bold;
}

/* ----------------------------------------
 インフォメーションエリア */
.loginInfoArea2 {
	font-size:13px;
	margin:0 5px 10px 5px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-size:25px 25px;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
}