@charset "UTF-8";
@import "reset.css";
@import "footer.css";
@import "jqtransform.css";
@import "jqscrollpane.css";
@import "prettyPopin.css";

#login {
	background: #FFF;
}
	#login #wrapper {
		overflow: hidden;
		width: 100%;
		height: 100%;
		background: url(images/wrapper_bg.png) repeat-y 498px 0;
	}
	#login_wrapper {
		padding-top: 25px; 
		height: 100%;
	}

/*
 Header
--------------------------------------------------------*/
#login #header {
	padding: 20px 20px 39px;
}
	#login p#uchidaLogoImg {
		margin: 20px 0 70px 20px;
		width: 77px;
		height: 34px;
		background: url(images/Uchida_logo.gif) no-repeat 0 0;
		text-indent: -9999px;
	}

/*
 Left
--------------------------------------------------------*/
#login #leftarea {
	margin-top: -25px;
	float: left;
	width: 498px;
	height: 100%;
	background: url(images/leftarea_bg.gif) repeat 0 0;
}
#login h1#Logo {
	margin: 0 auto 62px;
	width: 410px;
	height: 130px;
	background: url(images/loginLogo.png) no-repeat 0 0;
	text-indent: -9999px;
}

/* Newsarea */
#login #news {
	margin: 0 auto;
	color: #FFF;
	width: 410px;
}
	#login #newsarea {
		width: 410px;
	}
	#login h2.newstitle {
		width: 410px;
		height: 48px;
		text-indent: -9999px;
		background: url(images/newslist_bg.gif) no-repeat 0 0;
	}
	/* Newsarea - scroll-pane */
	#login #newsarea .scroll-pane {
		margin: 5px auto 0;
		padding: 5px 0 0;
		width: 410px;
		height: 180px;
		overflow: auto;
	}
	#login #newsarea .horizontal-only {
		height: auto;
		max-height: 180px;
	}
	#login #newsarea dl {
		margin: 0 auto 0 13px;
		padding: 0 0 5px;
		width: 375px;
	}
	#login #newsarea dt {
		font-weight: bold;
	}
	
		#login #newsarea dt {
			padding: 5px 0 0;
			font-weight: bold;
			font-size: 70%;
			behavior: expression(
			this.className += (this.previousSibling == null) ? " first-child" : "",
			this.className += (this.nextSibling==null) ? " last-child" : "",
			this.style.behavior = "none"
			);
		}
		#login #newsarea dd {
			padding: 5px 0;
			font-size: 70%;
			border-bottom: 1px dotted #BCD777;
			
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			width: 375px;
			behavior: expression(
			this.className += (this.previousSibling == null) ? " first-child" : "",
			this.className += (this.nextSibling==null) ? " last-child" : "",
			this.style.behavior = "none"
			);
			
		}
		#login #newsarea dd a {
			color: #FFF;
			text-decoration: underline;
		}
			#login #newsarea dd:last-child,
			#login #newsarea dd.last-child {
				border: none 0px;
			}

/*
 Login Form
--------------------------------------------------------*/
#new_user_session {
	margin: 0 15px 0 539px;
	height: 100%;
	min-width: 379px;
	background: url(images/form_bg.gif) repeat 0 0;
}
	#formheader,
	#formelements,
	#formfooter {
		text-align: left;
		overflow: hidden;
	}
	#formheader {
		padding: 89px 0 17px;
	}
		#formheader h2 {
			text-indent: -9999px;
			font-size: 0px;
			width: 100%;
			min-width: 379px;
			height: 43px;
			background: url(images/formheader_h2_bg.gif) repeat-x bottom left;
		}
		#formheader h2:before {
			content: "";
			width: 90px;
			height: 40px;
			display: block;
			z-index: 98;
			text-indent: -9999px;
			background: url(images/formheader_h2.png) no-repeat 0 0;
		}
		#formheader p#forgotBtn {
			margin: -35px 0 0 auto;
			width: 140px;
		}
		#formheader p#forgotBtn a {
			display: block;
			width: 140px;
			height: 18px;
			text-indent: -9999px;
			background: url(images/forgot_btn.png) no-repeat 0 0;
		}
		#formheader p#forgotBtn a:hover { background-position: 0 -18px;}
		#formheader p#forgotBtn a:active { background-position: 0 -36px;}
	
	#formelements {
		margin: 25px auto 0;
		width: 330px;
	}
	#formelements label {
		margin: 0;
		width: 70px;
		height: 41px;
		text-indent: -9999px;
	}
		label#label_1 { background: url(images/label_1.gif) no-repeat 0 4px;}
		label#label_2 { background: url(images/label_2.gif) no-repeat 0 4px;}
		label#label_3 { background: url(images/label_3.gif) no-repeat 0 4px;}
	div.rowElem {
		margin: 0 0 29px;
		padding: 13px 0;
		display: block;
		width: 330px;
		min-height: 20px;
		background: transparent;
	}
	div.storage {
		margin: 0 auto;
		padding-top: 15px;
		text-align: center;
		width: 190px;
		min-height: inherit;
		background: none;
	}
		label#label_4 {
			margin: -20px 0 0 20px !important;
			width: 170px;
			height: 20px;
			background: url(images/storage_txt.gif) no-repeat 0 0;
		}
	#formfooter {
		margin: 0 auto;
		padding: 27px 0 0;
		width: 379px;
		height: 81px;
		text-align: center;
	}
	#formfooter input {
		margin: 0;
		padding: 0;
	}
		#cancelBtn.jqTransformButton,
		#loginBtn.jqTransformButton {
			margin: 0;
			padding: 0;
			width: 185px;
			height: 50px;
			display: block;
			float: left;
			border: 0px none;
			outline:none;
			cursor: pointer;
			overflow: visible;
			text-indent: -9999px;
		}
		#cancelBtn.jqTransformButton {
			background: url(images/cancel_btn.png) no-repeat 0 0 !important;
		}
		#cancelBtn.jqTransformButton_hover {
			background: url(images/cancel_btn.png) no-repeat 0 -50px !important;
		}
		#cancelBtn.jqTransformButton_click {
			background: url(images/cancel_btn.png) no-repeat 0 -100px !important;
		}
		#loginBtn.jqTransformButton {
			float: right;
			background: url(images/login_btn.png) no-repeat 0 0 !important;
		}
		#loginBtn.jqTransformButton_hover {
			background: url(images/login_btn.png) no-repeat 0 -50px !important;
		}
		#loginBtn.jqTransformButton_click {
			background: url(images/login_btn.png) no-repeat 0 -100px !important;
		}
		#loginBtnPtn.jqTransformButton {
			margin: 0;
			padding: 0;
			width: 185px;
			height: 50px;
			display: block;
			float: left;
			border: 0px none;
			outline:none;
			cursor: pointer;
			overflow: visible;
			text-indent: -9999px;
		}
		#loginBtnPtn.jqTransformButton {
			background: url(images/login_btn.png) no-repeat 0 0 !important;
		}
		#loginBtnPtn.jqTransformButton_hover {
			background: url(images/login_btn.png) no-repeat 0 -50px !important;
		}
		#loginBtnPtn.jqTransformButton_click {
			background: url(images/login_btn.png) no-repeat 0 -100px !important;
		}

/* -------------------------------------------------------
 パターン認証用 css
--------------------------------------------------------*/
    body.ptnbody
    {
		overflow: hidden;
		width: 100%;
		height: 100%;
		background: #FFF;
          margin:80px;          /* ページ全体のmargin */
        padding:0px;         /* ページ全体のpadding */
         text-align:center;   /* 下記のautoに未対応用のセンタリング */
    }

    div.ptnmain
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:850px;         /* 幅を決定する */
    }
    
    div.ptnnum
    {
       background: #FFFFFF; 
       width:700px;         /* 幅を決定する */
       border: 1px solid #D3D3D3; 
       padding-left:10px; 
       padding-right:10px; 
       padding-top:10px; 
       padding-bottom:10px;
    }
        
    div.btncenter 
    {
        width:300px; margin:auto;
    }
    
ul
{
    margin: 0 auto;
    list-style:none;
}

li.first
{
    border: 1px solid #ccc;
    width: 160px;
    height: 40px;
}

li.next{
    width: 160px;
    height: 40px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
    
span.dan
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width: 40px;
    height: 40px;
}

span.dan2
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    border-left: 1px solid #ccc;
    width: 40px;
    height: 40px;
}

li.pattern
{
    margin-left:100px;
    text-align:center;
    width: 500px;
}

span.ptn_label
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width: 150px;
    height: 40px;
}

span.ptn_textbox
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width: 350px;
    height: 40px;
}