@charset "utf-8";


/* Latest Update
   2015.07.17 write           */

/* author
   TK-Lab.                    */

/* ---------- 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-image:url(../images/top_bg.png);
}

a:hover
{
	cursor: pointer;
}

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

#wrapper {
	height:100%;
}


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

#login .cnt_header .menu_language{
	margin-top:20px;
	/* margin-right:10px; */
}


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



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

.wrapper {
	width:100%;
  
	/* background:url(../images/body_bg.png) center; */
}

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

article{
	/* width:1230px;
	height:593px; */
  
  text-align:center;
  color:#fff;
	/* background-color:#262626; */
	/* 通常 */
	/* -pie-background:linear-gradient(top, #757575, #333333); */
	/* webkit用 */
	/* background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#333333)); */
	/* mozilla用 */
	/* background:-moz-linear-gradient(top, #757575, #333333); */
	
	display:block;
	/*padding:0;	
	margin:26px 30px 30px;*/
	padding:30px 0 0 0;
	overflow:hidden;
	
	/*behavior:url('/abvw/css/PIE.htc');*/
}

section.loginsection{
	/*
  width:398px;
	height:420px;
	border:2px solid #9d9d9d;
  */
	color:#fff;
	display:block;
  
  margin-top:20px;
	/*
  padding:25px 0 0;
	margin:70px auto 0;
	overflow:hidden;
	background-color:#3a3a3a;
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px; */
}

section#main-password-change{
	width:498px;
	height:515px;
	border:1px solid #cccccc;
	display:none;
	/*padding:35px 0 0;*/
	margin:0;
	overflow:hidden;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-webkit-box-shadow: 0px 1px 3px 0px #666;
	-moz-box-shadow: 0px 1px 3px 0px #666;
	box-shadow: 0px 1px 3px 0px #666;
	background-color: #ffffff;
	z-index: 101;
}

section dl,section dl dt,section dl dd{
	margin:0;
	padding:0;
}
section dl{
	width:300px;
	margin:0 auto 5px;
}
section dl dt{
	width:290px;
	padding:5px 5px 0 5px;
	font-size:13px;
}
section dl dd{
	/*background:url('../img/login/loginbg.png') 0 0 no-repeat;*/
	padding:6px;
	width:288px;
	height:50px;
}
section dl dd input{
	/*background:#00CC66;*/
	font-size:16px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	width:260px;
	height:40px;
	border:2px #999999 solid;
	margin:3px 4px;
	padding:0 10px;
	
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}

section dl dd input:focus {
	background-color: #fefecc;
}


section .p{
	width:300px;
}
section .memory{
	/* width:300px; */
	font-size:12px;
	vertical-align:middle;
	margin:20px 0 0 0;
}
section .memory input{
	vertical-align:middle;
	margin:0 5px 0;
	padding:0;
}
section .loginbtn {
	text-align:center;
	margin:30px;
}
section .loginbtn a {
	width:180px;
	height:34px;
	/*
	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
	box-shadow:inset 0px 1px 0px 0px #d6ee23;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
	background-color:#a4d815;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83bd07;
	
	border:1px #333333 solid;
	
	-pie-background: linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
	background: -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
	*/
  
	background-color:#009ce1;
  
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;

	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:16px 0 0 0;
	line-height:21px;
	text-decoration:none;
	/*
	text-shadow:1px 1px 0px #a2d613;
	margin:0 0 0 0;*/
	text-align:center;

	/*behavior:url('/abvw/css/PIE.htc');*/

}

section .loginbtn a:hover {
  background-color:#37ade1;
  /*
	-pie-background: linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
	background: -webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
  */
}
section .loginbtn a:active {
	position:relative;
	top:1px;
}

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

.alertTxt {
  width:100%;
	font-size:13px;
	color:#ff3;
	display:block;
	text-align:center;
  margin-bottom:20px;
}

.alertTxtDialog {
	font-size:13px;
	color:#e60012;
	display:block;
	text-align:center;
	/*width:300px;*/
}


#main-password-change
{
	display: none;
}


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

/*clearfix*/
.fix {
}
.fix:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.fix {
	zoom:1;
}
/*------------*/
section h1{
	margin:0 0 18px 0;
	padding:0;
	height:64px;
	line-height:62px;
	text-align:center;
	font-weight:bold;
	letter-spacing: 2px;
	color:#333;
	text-shadow: 1px 1px 2px #999;
	background-color:#f0f0f0;
	-webkit-box-shadow: 0px 1px 3px 0px #999;
	-moz-box-shadow: 0px 1px 3px 0px #999;
	box-shadow: 0px 1px 3px 0px #999;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
}

.title 
{
    font-size: large;
    font-family: 'trebuchet ms', verdana, arial;
}