@charset "utf-8";

/* Latest Update
   2012.10.31 write           */

/* author
   keiki ettyuu               */

/* ---------- MENU ---------- */
/*

	1. gloval setting
	2. wrapper setting
	3. header setting
	4. footer setting
	5. section setting
	999. clearfix

                              */
/* ---------- MENU ---------- */


/*----------------------------*/
/*	1. gloval setting         */
/*----------------------------*/

html,body{
	width:100%;
}

body{
}

/*----------------------------*/
/*	2. wrapper setting        */
/*----------------------------*/

#wrapper {
	height:100%;
}


/*----------------------------*/
/*	3. header setting         */
/*----------------------------*/


/*----------------------------*/
/*	4. footer setting         */
/*----------------------------*/



/*----------------------------*/
/*	5. section setting        */
/*----------------------------*/

.wrapper {
	width: 100%;
}

#main{
	width:960px;
	padding:0;
}

a
{
    cursor:pointer;
}

article{
	width: 900px;
	/*height: 543px;*/
	padding: 0;
	display: block;
	/*margin: 50px 30px 30px;*/
	margin:20px 30px 20px 30px;
	overflow: hidden;
}

section{
	width: 500px;
	/*height: 325px;*/
	display: block;
	padding: 25px 0 0;
	margin: 25px auto 0;
	overflow: hidden;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

section dl,section dl dt,section dl dd{
	margin:0;
	padding:0;
}
section dl{
	width: 450px;
	margin: 0 auto 5px;
}
section dl dt{
	padding: 5px;

}
section dl dd{
	/* [disabled]padding:6px; */
	width: 240px;
	height: 30px;
}
section dl dd input{
	/*background:#00CC66;*/
	width: 240px;
	height: 30px;
	border: none;
	margin: 3px 4px;
	padding: 0;
}


section .p{
	width:300px;
}
section .memory
{    
	/*width: 300px;*/
	vertical-align: middle;	
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	text-align:center;
}
section .memory input{
	vertical-align:middle;
	margin:0 5px 0;
	padding:0;
}
section .loginbtn {
	width: 200px;
	margin: 14px auto 0;
}
section a.loginbtn {
	width: 160px;
	height: 20px;
	display: block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	padding: 10px 0;
	line-height: 20px;
	text-decoration: none;
	margin: 20px auto 10px;
	text-align: center;
}
section a.loginbtn:hover {
}
#login .wrapper #main article section a.loginbtn:active {
	position:relative;
	top:1px;
}

section .loginbtn a:not(:target) {
    filter: none;
    -ms-filter: none;
}
section .loginbtn a:hover:not(:target) {
}

/*----------------------------*/
/*	999. clearfix             */
/*----------------------------*/

/*clearfix*/
.fix {
}
.fix:after {

	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.fix {
	zoom:1;
}
/*------------*/

#login .wrapper {
}
#login footer {
}
#login footer .cnt_footer {
}
#login article section table tr th {

	text-align: left;
	padding-left:30px;
}
#login .wrapper #main article section table tr td input {
	width: 240px;
	height: 28px;
}
#login article section table tr th,#login article section table tr td {
	padding-bottom: 30px;
}
#login .wrapper #main article section table {
	margin:0 30px ;
}

#login footer .border .cnt_footer {
	border: none;	
}
#login .wrapper #main article img {
	margin-right: auto;
	margin-left: auto;
}
#loader {
    width: 126px;
    height: 126px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -63px; /* heightの半分のマイナス値 */
    margin-left: -63px; /* widthの半分のマイナス値 */
    z-index: 100;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;	
}
#login .wrapper #main ul 
{
    margin-top:15px;
}
	
#login .wrapper #main li {
	display: inline-block;
	margin-right:5px;
}


/* footer */
footer{
	display: block;
	height: 58px;
	line-height: 60px;
	padding-top: 1px;
	margin: 0 auto;
	width: 100%;
}
.cnt_footer{
	text-align: center;
	font-size: 10px;
	margin: 0 auto;
	width: 960px;
}
.focus{ }
#user_change footer .border .cnt_footer img { display: inline;}

#login .wrapper #main article section .error {
	margin-top: 20px;
	text-align: center;
}


/* anonymous */

#anonymous
{
    position:absolute;
    top:50%;
    left:50%;
    margin:-75px 0 0 -83px;
    display:none;
}
#normalUser
{
    display:none;
}
#formlogin
{    
}
#logologin
{
    margin-top:220px;
}
