/* CSS Document */
@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{
background:#37648C;
}

/*----------------------------*/
/*	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:40px 30px 20px 30px;
	overflow: hidden;
}

section{
	width: 500px;
	height: 325px;
	border: 1px solid #cccccc;
	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;
	-webkit-box-shadow: 0px 1px 2px 0px #666;
	-moz-box-shadow: 0px 1px 2px 0px #666;
	box-shadow: 0px 1px 2px 0px #666;
	background-color: #FFF;
}

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;
	font-size: 13px;
	color: #37648C;
	font-weight: bolder;
}
section dl dd{
	background: url(../img/login/loginbg.png) 0 0 no-repeat;
	/* [disabled]padding:6px; */
	width: 240px;
	height: 30px;
}
section dl dd input{
	/*background:#00CC66;*/
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	width: 240px;
	height: 30px;
	border: none;
	margin: 3px 4px;
	padding: 0;
}


section .p{
	width:300px;
}
section .memory{
	width: 250px;
	font-size: 12px;
	vertical-align: middle;
	color: #37648C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
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-box-shadow: inset 0px 1px 0px 0px #86ACC7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
	box-shadow: inset 0px 1px 0px 0px #86ACC7;
	background: #23486F; /* Old browsers */
	background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #0C274D;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	line-height: 20px;
	text-decoration: none;
	margin: 20px auto 0;
	text-align: center;
}
section a.loginbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
	background-color:#36638B;
}
#login .wrapper #main article section a.loginbtn:active {
	position:relative;
	top:1px;
}

section .loginbtn a:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(button_back_off.svg);
}
section .loginbtn a:hover:not(:target) {

    background-image: url(button_back_on.svg);
}

.alertTxt,.alertTxtDialog {
	position: absolute;
	margin: -20px 0 0 90px;
	font-size: 13px;
	color: #e60012;
	display: block;
	text-align: center;
	width: 300px;
}





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

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

#login .wrapper {
	background-color: #37648C;
}
#login footer {
	background-color: #37648C;
}
#login footer .cnt_footer {
	color: #FFF;
}
#login article section table tr th {
	font-size: 14px;
	color: #37648C;
	font-weight: bolder;
	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 ;
	border-bottom:dotted 1px #BBBBBB;
}

#login footer .border .cnt_footer {
	background: url(../img/login/login_border.jpg) top repeat-x;
	border: none;
	opacity:0;
}
#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;
    background-color: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
	opacity: 0.3;	
}
#login .wrapper #main article ul {
	margin-right:90px;
}
	
#login .wrapper #main article li {
	display: inline-block;
	margin-right:5px;
}

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

/* anonymous */

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